From 53295ca9dc7a1310485e1574fd28110b6cbf5ebd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D5=A1=D3=84=D5=A1?= Date: Sat, 19 Apr 2025 23:21:56 +0800 Subject: [PATCH 01/14] fix(button): icon focus behaviour on click (#5209) --- .changeset/lazy-camels-clap.md | 5 +++++ packages/components/button/src/use-button.ts | 1 - 2 files changed, 5 insertions(+), 1 deletion(-) create mode 100644 .changeset/lazy-camels-clap.md diff --git a/.changeset/lazy-camels-clap.md b/.changeset/lazy-camels-clap.md new file mode 100644 index 000000000..874b981c0 --- /dev/null +++ b/.changeset/lazy-camels-clap.md @@ -0,0 +1,5 @@ +--- +"@heroui/button": patch +--- + +fix button icon focus behaviour on click (#5200) diff --git a/packages/components/button/src/use-button.ts b/packages/components/button/src/use-button.ts index 52093dc85..3a020e556 100644 --- a/packages/components/button/src/use-button.ts +++ b/packages/components/button/src/use-button.ts @@ -200,7 +200,6 @@ export function useButton(props: UseButtonProps) { // @ts-ignore "aria-hidden": true, focusable: false, - tabIndex: -1, }) : null; From 500ed771e25b08038fdc0d9401bfac31a2d68c3e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D5=A1=D3=84=D5=A1?= Date: Sat, 19 Apr 2025 23:22:59 +0800 Subject: [PATCH 02/14] chore(deps): bump RA versions (#5186) * chore(deps): bump RA versions * chore(deps): bump `@internationalized/date` * fix(deps): `@react-types/calendar` version * chore(deps): bump RA versions in docs * chore(deps): update versions in packageManagers * chore(deps): pnpm-lock.yaml * fix(calendar): createCalendar takes CalendarIdentifier now * fix: cater onClick as an alias for onPress * chore(changeset): add changeset --- .changeset/neat-cougars-exercise.md | 61 + .../code-demo/parse-dependencies.ts | 4 +- .../content/docs/components/date-input.mdx | 36 +- .../content/docs/components/date-picker.mdx | 36 +- .../docs/components/date-range-picker.mdx | 42 +- apps/docs/package.json | 30 +- packages/components/accordion/package.json | 12 +- .../src/base/accordion-item-base.tsx | 4 +- packages/components/alert/package.json | 4 +- packages/components/autocomplete/package.json | 22 +- packages/components/avatar/package.json | 6 +- packages/components/breadcrumbs/package.json | 10 +- packages/components/button/package.json | 12 +- packages/components/calendar/package.json | 26 +- .../calendar/src/use-calendar-base.ts | 5 +- packages/components/card/package.json | 10 +- packages/components/checkbox/package.json | 20 +- packages/components/chip/package.json | 8 +- packages/components/date-input/package.json | 16 +- .../date-input/src/use-date-input.ts | 5 +- packages/components/date-picker/package.json | 20 +- packages/components/divider/package.json | 2 +- packages/components/drawer/package.json | 2 +- packages/components/dropdown/package.json | 12 +- packages/components/form/package.json | 10 +- packages/components/input-otp/package.json | 14 +- packages/components/input/package.json | 16 +- packages/components/kbd/package.json | 2 +- packages/components/link/package.json | 8 +- packages/components/listbox/package.json | 14 +- .../listbox/src/use-listbox-item.ts | 15 +- packages/components/menu/package.json | 16 +- packages/components/menu/src/use-menu-item.ts | 15 +- packages/components/modal/package.json | 14 +- packages/components/navbar/package.json | 14 +- packages/components/number-input/package.json | 22 +- packages/components/pagination/package.json | 8 +- packages/components/popover/package.json | 18 +- packages/components/progress/package.json | 8 +- packages/components/radio/package.json | 18 +- packages/components/select/package.json | 20 +- packages/components/slider/package.json | 14 +- packages/components/snippet/package.json | 6 +- packages/components/switch/package.json | 14 +- packages/components/table/package.json | 20 +- packages/components/tabs/package.json | 14 +- packages/components/toast/package.json | 12 +- packages/components/tooltip/package.json | 14 +- packages/components/user/package.json | 4 +- packages/core/react/package.json | 4 +- packages/core/system-rsc/package.json | 4 +- packages/core/system/package.json | 14 +- .../use-aria-accordion-item/package.json | 10 +- .../hooks/use-aria-accordion/package.json | 14 +- packages/hooks/use-aria-button/package.json | 12 +- packages/hooks/use-aria-button/src/index.ts | 47 +- packages/hooks/use-aria-link/package.json | 12 +- packages/hooks/use-aria-link/src/index.ts | 49 +- .../hooks/use-aria-modal-overlay/package.json | 10 +- .../hooks/use-aria-multiselect/package.json | 28 +- packages/hooks/use-disclosure/package.json | 4 +- packages/hooks/use-draggable/package.json | 4 +- packages/hooks/use-image/package.json | 2 +- .../use-intersection-observer/package.json | 8 +- packages/hooks/use-is-mobile/package.json | 2 +- packages/hooks/use-pagination/package.json | 2 +- packages/hooks/use-theme/package.json | 2 +- packages/storybook/package.json | 2 +- packages/utilities/aria-utils/package.json | 10 +- packages/utilities/dom-animation/package.json | 2 +- packages/utilities/shared-utils/package.json | 2 +- pnpm-lock.yaml | 2637 ++++++++--------- 72 files changed, 1758 insertions(+), 1858 deletions(-) create mode 100644 .changeset/neat-cougars-exercise.md diff --git a/.changeset/neat-cougars-exercise.md b/.changeset/neat-cougars-exercise.md new file mode 100644 index 000000000..1fcc51dcb --- /dev/null +++ b/.changeset/neat-cougars-exercise.md @@ -0,0 +1,61 @@ +--- +"@heroui/use-intersection-observer": patch +"@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/dom-animation": patch +"@heroui/breadcrumbs": patch +"@heroui/date-picker": patch +"@heroui/shared-utils": 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/use-is-mobile": patch +"@heroui/divider": patch +"@heroui/listbox": patch +"@heroui/popover": patch +"@heroui/snippet": patch +"@heroui/tooltip": patch +"@heroui/avatar": patch +"@heroui/button": patch +"@heroui/drawer": patch +"@heroui/navbar": patch +"@heroui/select": patch +"@heroui/slider": patch +"@heroui/switch": patch +"@heroui/alert": 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/use-image": patch +"@heroui/use-theme": patch +"@heroui/kbd": patch +"@heroui/system": patch +"@heroui/react": patch +--- + +RA version bump (#5186) diff --git a/apps/docs/components/docs/components/code-demo/parse-dependencies.ts b/apps/docs/components/docs/components/code-demo/parse-dependencies.ts index 6059cfbc4..bb6d232e5 100644 --- a/apps/docs/components/docs/components/code-demo/parse-dependencies.ts +++ b/apps/docs/components/docs/components/code-demo/parse-dependencies.ts @@ -52,6 +52,6 @@ export const parseDependencies = (content: string) => { }; const fixedVersions = { - "@internationalized/date": "3.7.0", - "@react-aria/i18n": "3.12.7", + "@internationalized/date": "3.8.0", + "@react-aria/i18n": "3.12.8", }; diff --git a/apps/docs/content/docs/components/date-input.mdx b/apps/docs/content/docs/components/date-input.mdx index 5ebbf9efb..74242b937 100644 --- a/apps/docs/content/docs/components/date-input.mdx +++ b/apps/docs/content/docs/components/date-input.mdx @@ -104,9 +104,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -129,9 +129,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -153,9 +153,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -177,9 +177,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -200,9 +200,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -223,9 +223,9 @@ in multiple formats into `ZonedDateTime` objects. diff --git a/apps/docs/content/docs/components/date-picker.mdx b/apps/docs/content/docs/components/date-picker.mdx index c9f7b29ac..a1de4da86 100644 --- a/apps/docs/content/docs/components/date-picker.mdx +++ b/apps/docs/content/docs/components/date-picker.mdx @@ -119,9 +119,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -144,9 +144,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -168,9 +168,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -192,9 +192,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -214,9 +214,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -252,9 +252,9 @@ in multiple formats into `ZonedDateTime` objects. diff --git a/apps/docs/content/docs/components/date-range-picker.mdx b/apps/docs/content/docs/components/date-range-picker.mdx index 65a0a926e..077a2100d 100644 --- a/apps/docs/content/docs/components/date-range-picker.mdx +++ b/apps/docs/content/docs/components/date-range-picker.mdx @@ -142,9 +142,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -167,9 +167,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -191,9 +191,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -215,9 +215,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -237,9 +237,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -262,9 +262,9 @@ in multiple formats into `ZonedDateTime` objects. @@ -282,9 +282,9 @@ in multiple formats into `ZonedDateTime` objects. diff --git a/apps/docs/package.json b/apps/docs/package.json index 8f5bdf923..b0519b57a 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -37,20 +37,20 @@ "@heroui/use-is-mobile": "workspace:*", "@iconify/icons-solar": "1.2.3", "@iconify/react": "5.0.2", - "@internationalized/date": "3.7.0", + "@internationalized/date": "3.8.0", "@mapbox/rehype-prism": "^0.6.0", "@radix-ui/react-scroll-area": "^1.0.5", - "@react-aria/focus": "3.20.1", - "@react-aria/i18n": "3.12.7", - "@react-aria/interactions": "3.24.1", - "@react-aria/selection": "3.23.1", - "@react-aria/ssr": "3.9.7", - "@react-aria/utils": "3.28.1", - "@react-aria/virtualizer": "4.1.3", - "@react-aria/visually-hidden": "3.8.21", - "@react-stately/data": "3.12.2", - "@react-stately/layout": "4.2.1", - "@react-stately/tree": "3.8.8", + "@react-aria/focus": "3.20.2", + "@react-aria/i18n": "3.12.8", + "@react-aria/interactions": "3.25.0", + "@react-aria/selection": "3.24.0", + "@react-aria/ssr": "3.9.8", + "@react-aria/utils": "3.28.2", + "@react-aria/virtualizer": "4.1.4", + "@react-aria/visually-hidden": "3.8.22", + "@react-stately/data": "3.12.3", + "@react-stately/layout": "4.2.2", + "@react-stately/tree": "3.8.9", "@rehooks/local-storage": "^2.4.5", "@stackblitz/sdk": "^1.11.0", "@tanstack/react-virtual": "3.11.3", @@ -111,9 +111,9 @@ "@docusaurus/utils": "2.0.0-beta.3", "@next/bundle-analyzer": "14.3.0-canary.43", "@next/env": "14.3.0-canary.43", - "@react-types/calendar": "3.6.1", - "@react-types/datepicker": "3.11.0", - "@react-types/shared": "3.28.0", + "@react-types/calendar": "3.7.0", + "@react-types/datepicker": "3.12.0", + "@react-types/shared": "3.29.0", "@tailwindcss/typography": "^0.5.9", "@types/canvas-confetti": "^1.4.2", "@types/marked": "^5.0.0", diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json index da7f65e32..a9cfabdb5 100644 --- a/packages/components/accordion/package.json +++ b/packages/components/accordion/package.json @@ -55,13 +55,13 @@ "@heroui/divider": "workspace:*", "@heroui/use-aria-accordion": "workspace:*", "@heroui/dom-animation": "workspace:*", - "@react-aria/interactions": "3.24.1", - "@react-aria/focus": "3.20.1", - "@react-aria/utils": "3.28.1", - "@react-stately/tree": "3.8.8", - "@react-aria/button": "3.12.1", + "@react-aria/interactions": "3.25.0", + "@react-aria/focus": "3.20.2", + "@react-aria/utils": "3.28.2", + "@react-stately/tree": "3.8.9", + "@react-aria/button": "3.13.0", "@react-types/accordion": "3.0.0-alpha.26", - "@react-types/shared": "3.28.0" + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/accordion/src/base/accordion-item-base.tsx b/packages/components/accordion/src/base/accordion-item-base.tsx index d462e3398..68fbf6310 100644 --- a/packages/components/accordion/src/base/accordion-item-base.tsx +++ b/packages/components/accordion/src/base/accordion-item-base.tsx @@ -3,7 +3,7 @@ import type {AccordionItemVariantProps, AccordionItemSlots, SlotsToClasses} from import {As} from "@heroui/system"; import {ItemProps, BaseItem} from "@heroui/aria-utils"; import {FocusableProps, PressEvents} from "@react-types/shared"; -import {ReactNode, MouseEventHandler} from "react"; +import {ReactNode} from "react"; import {HTMLMotionProps} from "framer-motion"; export type AccordionItemIndicatorProps = { @@ -61,7 +61,7 @@ export interface Props * The native button click event handler. * @deprecated - use `onPress` instead. */ - onClick?: MouseEventHandler; + onClick?: PressEvents["onClick"]; /** * Classname or List of classes to change the classNames of the element. * if `className` is passed, it will be added to the base slot. diff --git a/packages/components/alert/package.json b/packages/components/alert/package.json index f543eaa60..aaca1ac3b 100644 --- a/packages/components/alert/package.json +++ b/packages/components/alert/package.json @@ -47,8 +47,8 @@ "@heroui/react-utils": "workspace:*", "@heroui/shared-icons": "workspace:*", "@heroui/shared-utils": "workspace:*", - "@react-stately/utils": "3.10.5", - "@react-aria/utils": "3.28.1", + "@react-stately/utils": "3.10.6", + "@react-aria/utils": "3.28.2", "@heroui/button": "workspace:*" }, "devDependencies": { diff --git a/packages/components/autocomplete/package.json b/packages/components/autocomplete/package.json index cbf7ea597..fe4d42864 100644 --- a/packages/components/autocomplete/package.json +++ b/packages/components/autocomplete/package.json @@ -54,15 +54,15 @@ "@heroui/spinner": "workspace:*", "@heroui/use-aria-button": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", - "@react-aria/combobox": "3.12.1", - "@react-aria/focus": "3.20.1", - "@react-aria/i18n": "3.12.7", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", - "@react-aria/visually-hidden": "3.8.21", - "@react-stately/combobox": "3.10.3", - "@react-types/combobox": "3.13.3", - "@react-types/shared": "3.28.0" + "@react-aria/combobox": "3.12.2", + "@react-aria/focus": "3.20.2", + "@react-aria/i18n": "3.12.8", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", + "@react-aria/visually-hidden": "3.8.22", + "@react-stately/combobox": "3.10.4", + "@react-types/combobox": "3.13.4", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/avatar": "workspace:*", @@ -72,7 +72,7 @@ "@heroui/system": "workspace:*", "@heroui/theme": "workspace:*", "@heroui/use-infinite-scroll": "workspace:*", - "@react-stately/data": "3.12.2", + "@react-stately/data": "3.12.3", "clean-package": "2.2.0", "framer-motion": "11.9.0", "react": "18.3.0", @@ -80,4 +80,4 @@ "react-hook-form": "^7.51.3" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json index afa082382..8fb1e4193 100644 --- a/packages/components/avatar/package.json +++ b/packages/components/avatar/package.json @@ -43,9 +43,9 @@ "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", "@heroui/use-image": "workspace:*", - "@react-aria/interactions": "3.24.1", - "@react-aria/focus": "3.20.1", - "@react-aria/utils": "3.28.1" + "@react-aria/interactions": "3.25.0", + "@react-aria/focus": "3.20.2", + "@react-aria/utils": "3.28.2" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/breadcrumbs/package.json b/packages/components/breadcrumbs/package.json index 2e8d20ba7..f9b79999e 100644 --- a/packages/components/breadcrumbs/package.json +++ b/packages/components/breadcrumbs/package.json @@ -43,11 +43,11 @@ "@heroui/react-utils": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/shared-icons": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/breadcrumbs": "3.5.22", - "@react-aria/utils": "3.28.1", - "@react-types/breadcrumbs": "3.7.11", - "@react-types/shared": "3.28.0" + "@react-aria/focus": "3.20.2", + "@react-aria/breadcrumbs": "3.5.23", + "@react-aria/utils": "3.28.2", + "@react-types/breadcrumbs": "3.7.12", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/button/package.json b/packages/components/button/package.json index 8ef60b5e6..1c754b415 100644 --- a/packages/components/button/package.json +++ b/packages/components/button/package.json @@ -46,12 +46,12 @@ "@heroui/use-aria-button": "workspace:*", "@heroui/ripple": "workspace:*", "@heroui/spinner": "workspace:*", - "@react-aria/button": "3.12.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", - "@react-aria/focus": "3.20.1", - "@react-types/shared": "3.28.0", - "@react-types/button": "3.11.0" + "@react-aria/button": "3.13.0", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", + "@react-aria/focus": "3.20.2", + "@react-types/shared": "3.29.0", + "@react-types/button": "3.12.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/calendar/package.json b/packages/components/calendar/package.json index f71319614..683c66364 100644 --- a/packages/components/calendar/package.json +++ b/packages/components/calendar/package.json @@ -48,18 +48,18 @@ "@heroui/use-aria-button": "workspace:*", "@heroui/button": "workspace:*", "@heroui/dom-animation": "workspace:*", - "@internationalized/date": "3.7.0", - "@react-aria/calendar": "3.7.2", - "@react-aria/focus": "3.20.1", - "@react-aria/i18n": "3.12.7", - "@react-stately/calendar": "3.7.1", - "@react-types/button": "3.11.0", - "@react-aria/visually-hidden": "3.8.21", - "@react-aria/utils": "3.28.1", - "@react-stately/utils": "3.10.5", - "@react-types/calendar": "3.6.1", - "@react-aria/interactions": "3.24.1", - "@react-types/shared": "3.28.0", + "@internationalized/date": "3.8.0", + "@react-aria/calendar": "3.8.0", + "@react-aria/focus": "3.20.2", + "@react-aria/i18n": "3.12.8", + "@react-stately/calendar": "3.8.0", + "@react-types/button": "3.12.0", + "@react-aria/visually-hidden": "3.8.22", + "@react-aria/utils": "3.28.2", + "@react-stately/utils": "3.10.6", + "@react-types/calendar": "3.7.0", + "@react-aria/interactions": "3.25.0", + "@react-types/shared": "3.29.0", "scroll-into-view-if-needed": "3.0.10", "@types/lodash.debounce": "^4.0.7" }, @@ -74,4 +74,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/calendar/src/use-calendar-base.ts b/packages/components/calendar/src/use-calendar-base.ts index ede48f501..bee8b4ac4 100644 --- a/packages/components/calendar/src/use-calendar-base.ts +++ b/packages/components/calendar/src/use-calendar-base.ts @@ -8,6 +8,7 @@ import type {ButtonProps} from "@heroui/button"; import type {SupportedCalendars} from "@heroui/system"; import type {CalendarState, RangeCalendarState} from "@react-stately/calendar"; import type {RefObject, ReactNode} from "react"; +import type {CalendarIdentifier} from "@internationalized/date"; import {createCalendar, Calendar, CalendarDate, DateFormatter} from "@internationalized/date"; import {mapPropsVariants, useProviderContext} from "@heroui/system"; @@ -196,7 +197,9 @@ export function useCalendarBase(originalProps: UseCalendarBasePropsComplete) { const isRTL = direction === "rtl"; - const calendarProp = createCalendar(new DateFormatter(locale).resolvedOptions().calendar); + const calendarProp = createCalendar( + new DateFormatter(locale).resolvedOptions().calendar as CalendarIdentifier, + ); // by default, we are using gregorian calendar with possible years in [1900, 2099] // however, some locales such as `th-TH-u-ca-buddhist` using different calendar making the years out of bound diff --git a/packages/components/card/package.json b/packages/components/card/package.json index 020dd6912..7936b9824 100644 --- a/packages/components/card/package.json +++ b/packages/components/card/package.json @@ -45,11 +45,11 @@ "@heroui/react-utils": "workspace:*", "@heroui/use-aria-button": "workspace:*", "@heroui/ripple": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/utils": "3.28.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/button": "3.12.1", - "@react-types/shared": "3.28.0" + "@react-aria/focus": "3.20.2", + "@react-aria/utils": "3.28.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/button": "3.13.0", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json index 2c6663c29..980f4b1db 100644 --- a/packages/components/checkbox/package.json +++ b/packages/components/checkbox/package.json @@ -45,15 +45,15 @@ "@heroui/shared-utils": "workspace:*", "@heroui/use-callback-ref": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", - "@react-aria/checkbox": "3.15.3", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", - "@react-aria/visually-hidden": "3.8.21", - "@react-stately/checkbox": "3.6.12", - "@react-stately/toggle": "3.8.2", - "@react-types/checkbox": "3.9.2", - "@react-types/shared": "3.28.0" + "@react-aria/checkbox": "3.15.4", + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", + "@react-aria/visually-hidden": "3.8.22", + "@react-stately/checkbox": "3.6.13", + "@react-stately/toggle": "3.8.3", + "@react-types/checkbox": "3.9.3", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/chip": "workspace:*", @@ -68,4 +68,4 @@ "react-hook-form": "^7.51.3" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/chip/package.json b/packages/components/chip/package.json index 60ae32e04..e37a208c2 100644 --- a/packages/components/chip/package.json +++ b/packages/components/chip/package.json @@ -43,10 +43,10 @@ "@heroui/shared-icons": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", - "@react-types/checkbox": "3.9.2" + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", + "@react-types/checkbox": "3.9.3" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/date-input/package.json b/packages/components/date-input/package.json index 52b8edba3..cd90d219b 100644 --- a/packages/components/date-input/package.json +++ b/packages/components/date-input/package.json @@ -43,13 +43,13 @@ "@heroui/form": "workspace:*", "@heroui/react-utils": "workspace:*", "@heroui/shared-utils": "workspace:*", - "@internationalized/date": "3.7.0", - "@react-aria/datepicker": "3.14.1", - "@react-aria/i18n": "3.12.7", - "@react-stately/datepicker": "3.13.0", - "@react-types/datepicker": "3.11.0", - "@react-types/shared": "3.28.0", - "@react-aria/utils": "3.28.1" + "@internationalized/date": "3.8.0", + "@react-aria/datepicker": "3.14.2", + "@react-aria/i18n": "3.12.8", + "@react-stately/datepicker": "3.14.0", + "@react-types/datepicker": "3.12.0", + "@react-types/shared": "3.29.0", + "@react-aria/utils": "3.28.2" }, "devDependencies": { "@heroui/system": "workspace:*", @@ -61,4 +61,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/date-input/src/use-date-input.ts b/packages/components/date-input/src/use-date-input.ts index d31e2b679..b6f66c385 100644 --- a/packages/components/date-input/src/use-date-input.ts +++ b/packages/components/date-input/src/use-date-input.ts @@ -6,6 +6,7 @@ import type {Calendar} from "@internationalized/date"; import type {ReactRef} from "@heroui/react-utils"; import type {DOMAttributes, GroupDOMAttributes} from "@react-types/shared"; import type {DateInputGroupProps} from "./date-input-group"; +import type {CalendarIdentifier} from "@internationalized/date"; import {useLocale} from "@react-aria/i18n"; import {createCalendar, CalendarDate, DateFormatter} from "@internationalized/date"; @@ -122,7 +123,9 @@ export function useDateInput(originalProps: UseDateInputPro const {locale} = useLocale(); - const calendarProp = createCalendar(new DateFormatter(locale).resolvedOptions().calendar); + const calendarProp = createCalendar( + new DateFormatter(locale).resolvedOptions().calendar as CalendarIdentifier, + ); // by default, we are using gregorian calendar with possible years in [1900, 2099] // however, some locales such as `th-TH-u-ca-buddhist` using different calendar making the years out of bound diff --git a/packages/components/date-picker/package.json b/packages/components/date-picker/package.json index 639a81644..bdbdb8e9e 100644 --- a/packages/components/date-picker/package.json +++ b/packages/components/date-picker/package.json @@ -41,7 +41,7 @@ "react-dom": ">=18 || >=19.0.0-rc.0" }, "dependencies": { - "@internationalized/date": "3.7.0", + "@internationalized/date": "3.8.0", "@heroui/aria-utils": "workspace:*", "@heroui/button": "workspace:*", "@heroui/calendar": "workspace:*", @@ -51,14 +51,14 @@ "@heroui/react-utils": "workspace:*", "@heroui/shared-icons": "workspace:*", "@heroui/shared-utils": "workspace:*", - "@react-aria/datepicker": "3.14.1", - "@react-aria/i18n": "3.12.7", - "@react-aria/utils": "3.28.1", - "@react-stately/datepicker": "3.13.0", - "@react-stately/overlays": "3.6.14", - "@react-stately/utils": "3.10.5", - "@react-types/datepicker": "3.11.0", - "@react-types/shared": "3.28.0" + "@react-aria/datepicker": "3.14.2", + "@react-aria/i18n": "3.12.8", + "@react-aria/utils": "3.28.2", + "@react-stately/datepicker": "3.14.0", + "@react-stately/overlays": "3.6.15", + "@react-stately/utils": "3.10.6", + "@react-types/datepicker": "3.12.0", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/radio": "workspace:*", @@ -71,4 +71,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/divider/package.json b/packages/components/divider/package.json index 93128ba50..01ad5688a 100644 --- a/packages/components/divider/package.json +++ b/packages/components/divider/package.json @@ -42,7 +42,7 @@ "@heroui/shared-utils": "workspace:*", "@heroui/react-rsc-utils": "workspace:*", "@heroui/system-rsc": "workspace:*", - "@react-types/shared": "3.28.0" + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/drawer/package.json b/packages/components/drawer/package.json index d2a9d7fe2..fcab9203c 100644 --- a/packages/components/drawer/package.json +++ b/packages/components/drawer/package.json @@ -65,4 +65,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/dropdown/package.json b/packages/components/dropdown/package.json index 6b047435a..1788f5019 100644 --- a/packages/components/dropdown/package.json +++ b/packages/components/dropdown/package.json @@ -46,11 +46,11 @@ "@heroui/popover": "workspace:*", "@heroui/react-utils": "workspace:*", "@heroui/shared-utils": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/menu": "3.18.1", - "@react-aria/utils": "3.28.1", - "@react-stately/menu": "3.9.2", - "@react-types/menu": "3.9.15" + "@react-aria/focus": "3.20.2", + "@react-aria/menu": "3.18.2", + "@react-aria/utils": "3.28.2", + "@react-stately/menu": "3.9.3", + "@react-types/menu": "3.10.0" }, "devDependencies": { "@heroui/avatar": "workspace:*", @@ -67,4 +67,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/form/package.json b/packages/components/form/package.json index 015b77d2b..c3d4ab13a 100644 --- a/packages/components/form/package.json +++ b/packages/components/form/package.json @@ -44,10 +44,10 @@ "@heroui/shared-utils": "workspace:*", "@heroui/system": "workspace:*", "@heroui/theme": "workspace:*", - "@react-aria/utils": "3.28.1", - "@react-types/shared": "3.28.0", - "@react-stately/form": "3.1.2", - "@react-types/form": "3.7.10" + "@react-aria/utils": "3.28.2", + "@react-types/shared": "3.29.0", + "@react-stately/form": "3.1.3", + "@react-types/form": "3.7.11" }, "devDependencies": { "@heroui/button": "workspace:*", @@ -56,4 +56,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/input-otp/package.json b/packages/components/input-otp/package.json index 31aa01dcc..e1aff5e1b 100644 --- a/packages/components/input-otp/package.json +++ b/packages/components/input-otp/package.json @@ -43,13 +43,13 @@ "@heroui/form": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", - "@react-aria/utils": "3.28.1", - "@react-aria/form": "3.0.14", - "@react-stately/utils": "3.10.5", - "@react-stately/form": "3.1.2", - "@react-types/textfield": "3.12.0", + "@react-aria/utils": "3.28.2", + "@react-aria/form": "3.0.15", + "@react-stately/utils": "3.10.6", + "@react-stately/form": "3.1.3", + "@react-types/textfield": "3.12.1", "input-otp": "1.4.1", - "@react-aria/focus": "3.20.1" + "@react-aria/focus": "3.20.2" }, "devDependencies": { "@heroui/theme": "workspace:*", @@ -61,4 +61,4 @@ "react-hook-form": "^7.51.3" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/input/package.json b/packages/components/input/package.json index 85505061e..4ed5e858a 100644 --- a/packages/components/input/package.json +++ b/packages/components/input/package.json @@ -45,13 +45,13 @@ "@heroui/shared-icons": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/textfield": "3.17.1", - "@react-aria/utils": "3.28.1", - "@react-stately/utils": "3.10.5", - "@react-types/shared": "3.28.0", - "@react-types/textfield": "3.12.0", + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/textfield": "3.17.2", + "@react-aria/utils": "3.28.2", + "@react-stately/utils": "3.10.6", + "@react-types/shared": "3.29.0", + "@react-types/textfield": "3.12.1", "react-textarea-autosize": "^8.5.3" }, "devDependencies": { @@ -63,4 +63,4 @@ "react-hook-form": "^7.51.3" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/kbd/package.json b/packages/components/kbd/package.json index ccdb1e33a..e5decae90 100644 --- a/packages/components/kbd/package.json +++ b/packages/components/kbd/package.json @@ -42,7 +42,7 @@ "@heroui/system-rsc": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", - "@react-aria/utils": "3.28.1" + "@react-aria/utils": "3.28.2" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/link/package.json b/packages/components/link/package.json index 0052fdf85..e0c0f6bd8 100644 --- a/packages/components/link/package.json +++ b/packages/components/link/package.json @@ -44,10 +44,10 @@ "@heroui/shared-icons": "workspace:*", "@heroui/react-utils": "workspace:*", "@heroui/use-aria-link": "workspace:*", - "@react-aria/link": "3.7.10", - "@react-aria/utils": "3.28.1", - "@react-aria/focus": "3.20.1", - "@react-types/link": "3.5.11" + "@react-aria/link": "3.8.0", + "@react-aria/utils": "3.28.2", + "@react-aria/focus": "3.20.2", + "@react-types/link": "3.6.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/listbox/package.json b/packages/components/listbox/package.json index 41173b847..676870b12 100644 --- a/packages/components/listbox/package.json +++ b/packages/components/listbox/package.json @@ -46,13 +46,13 @@ "@heroui/shared-utils": "workspace:*", "@heroui/use-is-mobile": "workspace:*", "@tanstack/react-virtual": "3.11.3", - "@react-aria/utils": "3.28.1", - "@react-aria/listbox": "3.14.2", - "@react-stately/list": "3.12.0", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-types/menu": "3.9.15", - "@react-types/shared": "3.28.0" + "@react-aria/utils": "3.28.2", + "@react-aria/listbox": "3.14.3", + "@react-stately/list": "3.12.1", + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-types/menu": "3.10.0", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/avatar": "workspace:*", diff --git a/packages/components/listbox/src/use-listbox-item.ts b/packages/components/listbox/src/use-listbox-item.ts index d9e0ca4ec..8deacabc5 100644 --- a/packages/components/listbox/src/use-listbox-item.ts +++ b/packages/components/listbox/src/use-listbox-item.ts @@ -7,7 +7,7 @@ import {HTMLHeroUIProps, mapPropsVariants, PropGetter, useProviderContext} from import {useFocusRing} from "@react-aria/focus"; import {Node} from "@react-types/shared"; import {filterDOMProps} from "@heroui/react-utils"; -import {clsx, dataAttr, objectToDeps, removeEvents, warn} from "@heroui/shared-utils"; +import {clsx, dataAttr, objectToDeps, removeEvents} from "@heroui/shared-utils"; import {useOption} from "@react-aria/listbox"; import {mergeProps} from "@react-aria/utils"; import {useHover, usePress} from "@react-aria/interactions"; @@ -45,7 +45,7 @@ export function useListboxItem(originalProps: UseListboxItemPr onPressStart, onPressEnd, onPressChange, - onClick: deprecatedOnClick, + onClick, shouldHighlightOnFocus, hideSelectedIcon = false, isReadOnly = false, @@ -67,16 +67,10 @@ export function useListboxItem(originalProps: UseListboxItemPr const isMobile = useIsMobile(); - if (deprecatedOnClick && typeof deprecatedOnClick === "function") { - warn( - "onClick is deprecated, please use onPress instead. See: https://github.com/heroui-inc/heroui/issues/4292", - "ListboxItem", - ); - } - const {pressProps, isPressed} = usePress({ ref: domRef, isDisabled: isDisabled, + onClick, onPress, onPressUp, onPressStart, @@ -130,9 +124,6 @@ export function useListboxItem(originalProps: UseListboxItemPr const getItemProps: PropGetter = (props = {}) => ({ ref: domRef, ...mergeProps( - { - onClick: deprecatedOnClick, - }, itemProps, isReadOnly ? {} : mergeProps(focusProps, pressProps), hoverProps, diff --git a/packages/components/menu/package.json b/packages/components/menu/package.json index 24af0477f..be0d46542 100644 --- a/packages/components/menu/package.json +++ b/packages/components/menu/package.json @@ -45,14 +45,14 @@ "@heroui/use-is-mobile": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/menu": "3.18.1", - "@react-aria/utils": "3.28.1", - "@react-stately/menu": "3.9.2", - "@react-stately/tree": "3.8.8", - "@react-types/menu": "3.9.15", - "@react-types/shared": "3.28.0" + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/menu": "3.18.2", + "@react-aria/utils": "3.28.2", + "@react-stately/menu": "3.9.3", + "@react-stately/tree": "3.8.9", + "@react-types/menu": "3.10.0", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/menu/src/use-menu-item.ts b/packages/components/menu/src/use-menu-item.ts index 5bba999ef..701597cf5 100644 --- a/packages/components/menu/src/use-menu-item.ts +++ b/packages/components/menu/src/use-menu-item.ts @@ -7,7 +7,7 @@ import {menuItem} from "@heroui/theme"; import {HTMLHeroUIProps, mapPropsVariants, PropGetter, useProviderContext} from "@heroui/system"; import {useFocusRing} from "@react-aria/focus"; import {TreeState} from "@react-stately/tree"; -import {clsx, dataAttr, objectToDeps, removeEvents, warn} from "@heroui/shared-utils"; +import {clsx, dataAttr, objectToDeps, removeEvents} from "@heroui/shared-utils"; import {useMenuItem as useAriaMenuItem} from "@react-aria/menu"; import {isFocusVisible as AriaIsFocusVisible, useHover} from "@react-aria/interactions"; import {mergeProps} from "@react-aria/utils"; @@ -54,7 +54,7 @@ export function useMenuItem(originalProps: UseMenuItemProps isReadOnly = false, closeOnSelect, onClose, - onClick: deprecatedOnClick, + onClick, ...otherProps } = props; @@ -77,19 +77,12 @@ export function useMenuItem(originalProps: UseMenuItemProps autoFocus, }); - if (deprecatedOnClick && typeof deprecatedOnClick === "function") { - warn( - "onClick is deprecated, please use onPress instead. See: https://github.com/heroui-inc/heroui/issues/4292", - "MenuItem", - ); - } - const handlePress = useCallback( (e: PressEvent) => { - deprecatedOnClick?.(e as unknown as React.MouseEvent); + onClick?.(e as unknown as React.MouseEvent); onPress?.(e); }, - [deprecatedOnClick, onPress], + [onClick, onPress], ); const { diff --git a/packages/components/modal/package.json b/packages/components/modal/package.json index 8c62699f4..06fab9369 100644 --- a/packages/components/modal/package.json +++ b/packages/components/modal/package.json @@ -50,13 +50,13 @@ "@heroui/shared-icons": "workspace:*", "@heroui/use-aria-modal-overlay": "workspace:*", "@heroui/dom-animation": "workspace:*", - "@react-aria/dialog": "3.5.23", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/overlays": "3.26.1", - "@react-aria/utils": "3.28.1", - "@react-stately/overlays": "3.6.14", - "@react-types/overlays": "3.8.13" + "@react-aria/dialog": "3.5.24", + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/overlays": "3.27.0", + "@react-aria/utils": "3.28.2", + "@react-stately/overlays": "3.6.15", + "@react-types/overlays": "3.8.14" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/navbar/package.json b/packages/components/navbar/package.json index 743da4865..157b714ae 100644 --- a/packages/components/navbar/package.json +++ b/packages/components/navbar/package.json @@ -46,13 +46,13 @@ "@heroui/framer-utils": "workspace:*", "@heroui/use-scroll-position": "workspace:*", "@heroui/dom-animation": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/button": "3.12.1", - "@react-aria/overlays": "3.26.1", - "@react-aria/utils": "3.28.1", - "@react-stately/toggle": "3.8.2", - "@react-stately/utils": "3.10.5" + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/button": "3.13.0", + "@react-aria/overlays": "3.27.0", + "@react-aria/utils": "3.28.2", + "@react-stately/toggle": "3.8.3", + "@react-stately/utils": "3.10.6" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/number-input/package.json b/packages/components/number-input/package.json index 67ce2698a..e778071cc 100644 --- a/packages/components/number-input/package.json +++ b/packages/components/number-input/package.json @@ -48,16 +48,16 @@ "@heroui/shared-icons": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/i18n": "3.12.7", - "@react-aria/interactions": "3.24.1", - "@react-aria/numberfield": "3.11.12", - "@react-aria/utils": "3.28.1", - "@react-stately/utils": "3.10.5", - "@react-stately/numberfield": "3.9.10", - "@react-types/shared": "3.28.0", - "@react-types/numberfield": "3.8.9", - "@react-types/button": "3.11.0" + "@react-aria/focus": "3.20.2", + "@react-aria/i18n": "3.12.8", + "@react-aria/interactions": "3.25.0", + "@react-aria/numberfield": "3.11.13", + "@react-aria/utils": "3.28.2", + "@react-stately/utils": "3.10.6", + "@react-stately/numberfield": "3.9.11", + "@react-types/shared": "3.29.0", + "@react-types/numberfield": "3.8.10", + "@react-types/button": "3.12.0" }, "devDependencies": { "@heroui/system": "workspace:*", @@ -68,4 +68,4 @@ "react-hook-form": "^7.51.3" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/pagination/package.json b/packages/components/pagination/package.json index 85835539e..d7dc20eb6 100644 --- a/packages/components/pagination/package.json +++ b/packages/components/pagination/package.json @@ -45,10 +45,10 @@ "@heroui/shared-icons": "workspace:*", "@heroui/use-intersection-observer": "workspace:*", "@heroui/use-pagination": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/i18n": "3.12.7", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", + "@react-aria/focus": "3.20.2", + "@react-aria/i18n": "3.12.8", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", "scroll-into-view-if-needed": "3.0.10" }, "devDependencies": { diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json index e78437e8b..305b0b354 100644 --- a/packages/components/popover/package.json +++ b/packages/components/popover/package.json @@ -49,14 +49,14 @@ "@heroui/use-aria-button": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", "@heroui/dom-animation": "workspace:*", - "@react-aria/dialog": "3.5.23", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/overlays": "3.26.1", - "@react-aria/utils": "3.28.1", - "@react-stately/overlays": "3.6.14", - "@react-types/button": "3.11.0", - "@react-types/overlays": "3.8.13" + "@react-aria/dialog": "3.5.24", + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/overlays": "3.27.0", + "@react-aria/utils": "3.28.2", + "@react-stately/overlays": "3.6.15", + "@react-types/button": "3.12.0", + "@react-types/overlays": "3.8.14" }, "devDependencies": { "@heroui/card": "workspace:*", @@ -70,4 +70,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/progress/package.json b/packages/components/progress/package.json index 7d298aeff..a07b9bbf2 100644 --- a/packages/components/progress/package.json +++ b/packages/components/progress/package.json @@ -43,10 +43,10 @@ "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", "@heroui/use-is-mounted": "workspace:*", - "@react-aria/i18n": "3.12.7", - "@react-aria/progress": "3.4.21", - "@react-aria/utils": "3.28.1", - "@react-types/progress": "3.5.10" + "@react-aria/i18n": "3.12.8", + "@react-aria/progress": "3.4.22", + "@react-aria/utils": "3.28.2", + "@react-types/progress": "3.5.11" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/radio/package.json b/packages/components/radio/package.json index d32b4466e..a149d3b50 100644 --- a/packages/components/radio/package.json +++ b/packages/components/radio/package.json @@ -43,14 +43,14 @@ "@heroui/form": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/radio": "3.11.1", - "@react-aria/utils": "3.28.1", - "@react-aria/visually-hidden": "3.8.21", - "@react-stately/radio": "3.10.11", - "@react-types/radio": "3.8.7", - "@react-types/shared": "3.28.0" + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/radio": "3.11.2", + "@react-aria/utils": "3.28.2", + "@react-aria/visually-hidden": "3.8.22", + "@react-stately/radio": "3.10.12", + "@react-types/radio": "3.8.8", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/theme": "workspace:*", @@ -62,4 +62,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/select/package.json b/packages/components/select/package.json index c2daf0437..d32565d24 100644 --- a/packages/components/select/package.json +++ b/packages/components/select/package.json @@ -53,13 +53,13 @@ "@heroui/use-aria-multiselect": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", "@heroui/form": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/form": "3.0.14", - "@react-aria/overlays": "3.26.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", - "@react-aria/visually-hidden": "3.8.21", - "@react-types/shared": "3.28.0", + "@react-aria/focus": "3.20.2", + "@react-aria/form": "3.0.15", + "@react-aria/overlays": "3.27.0", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", + "@react-aria/visually-hidden": "3.8.22", + "@react-types/shared": "3.29.0", "@tanstack/react-virtual": "3.11.3" }, "devDependencies": { @@ -72,8 +72,8 @@ "@heroui/system": "workspace:*", "@heroui/theme": "workspace:*", "@heroui/use-infinite-scroll": "workspace:*", - "@react-aria/i18n": "3.12.7", - "@react-stately/data": "3.12.2", + "@react-aria/i18n": "3.12.8", + "@react-stately/data": "3.12.3", "clean-package": "2.2.0", "framer-motion": "11.9.0", "react": "18.3.0", @@ -81,4 +81,4 @@ "react-hook-form": "^7.51.3" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/slider/package.json b/packages/components/slider/package.json index 6831b12d0..966a8fc08 100644 --- a/packages/components/slider/package.json +++ b/packages/components/slider/package.json @@ -43,13 +43,13 @@ "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", "@heroui/tooltip": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/i18n": "3.12.7", - "@react-aria/interactions": "3.24.1", - "@react-aria/slider": "3.7.17", - "@react-aria/utils": "3.28.1", - "@react-aria/visually-hidden": "3.8.21", - "@react-stately/slider": "3.6.2" + "@react-aria/focus": "3.20.2", + "@react-aria/i18n": "3.12.8", + "@react-aria/interactions": "3.25.0", + "@react-aria/slider": "3.7.18", + "@react-aria/utils": "3.28.2", + "@react-aria/visually-hidden": "3.8.22", + "@react-stately/slider": "3.6.3" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/snippet/package.json b/packages/components/snippet/package.json index 95b10c108..bc81d9165 100644 --- a/packages/components/snippet/package.json +++ b/packages/components/snippet/package.json @@ -47,8 +47,8 @@ "@heroui/shared-icons": "workspace:*", "@heroui/use-clipboard": "workspace:*", "@heroui/tooltip": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/utils": "3.28.1" + "@react-aria/focus": "3.20.2", + "@react-aria/utils": "3.28.2" }, "devDependencies": { "@heroui/theme": "workspace:*", @@ -59,4 +59,4 @@ "react-dom": "18.3.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/switch/package.json b/packages/components/switch/package.json index 15f41c915..1911fe45f 100644 --- a/packages/components/switch/package.json +++ b/packages/components/switch/package.json @@ -43,13 +43,13 @@ "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/switch": "3.7.1", - "@react-aria/utils": "3.28.1", - "@react-aria/visually-hidden": "3.8.21", - "@react-stately/toggle": "3.8.2", - "@react-types/shared": "3.28.0" + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/switch": "3.7.2", + "@react-aria/utils": "3.28.2", + "@react-aria/visually-hidden": "3.8.22", + "@react-stately/toggle": "3.8.3", + "@react-types/shared": "3.29.0" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/components/table/package.json b/packages/components/table/package.json index 032b3fbcd..b48ef2535 100644 --- a/packages/components/table/package.json +++ b/packages/components/table/package.json @@ -45,15 +45,15 @@ "@heroui/shared-icons": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/spacer": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/table": "3.17.1", - "@react-aria/utils": "3.28.1", - "@react-aria/visually-hidden": "3.8.21", - "@react-stately/table": "3.14.0", - "@react-stately/virtualizer": "4.3.1", - "@react-types/grid": "3.3.0", - "@react-types/table": "3.11.0", + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/table": "3.17.2", + "@react-aria/utils": "3.28.2", + "@react-aria/visually-hidden": "3.8.22", + "@react-stately/table": "3.14.1", + "@react-stately/virtualizer": "4.3.2", + "@react-types/grid": "3.3.1", + "@react-types/table": "3.12.0", "@tanstack/react-virtual": "3.11.3" }, "devDependencies": { @@ -66,7 +66,7 @@ "@heroui/tooltip": "workspace:*", "@heroui/use-infinite-scroll": "workspace:*", "@heroui/user": "workspace:*", - "@react-stately/data": "3.12.2", + "@react-stately/data": "3.12.3", "clean-package": "2.2.0", "react": "18.3.0", "react-dom": "18.3.0", diff --git a/packages/components/tabs/package.json b/packages/components/tabs/package.json index 8fb2c5f5f..09e98a373 100644 --- a/packages/components/tabs/package.json +++ b/packages/components/tabs/package.json @@ -47,13 +47,13 @@ "@heroui/framer-utils": "workspace:*", "@heroui/use-is-mounted": "workspace:*", "@heroui/use-update-effect": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/tabs": "3.10.1", - "@react-aria/utils": "3.28.1", - "@react-stately/tabs": "3.8.0", - "@react-types/shared": "3.28.0", - "@react-types/tabs": "3.3.13", + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/tabs": "3.10.2", + "@react-aria/utils": "3.28.2", + "@react-stately/tabs": "3.8.1", + "@react-types/shared": "3.29.0", + "@react-types/tabs": "3.3.14", "scroll-into-view-if-needed": "3.0.10" }, "devDependencies": { diff --git a/packages/components/toast/package.json b/packages/components/toast/package.json index a2d57c38c..fb44c1f60 100644 --- a/packages/components/toast/package.json +++ b/packages/components/toast/package.json @@ -46,11 +46,11 @@ "@heroui/shared-icons": "workspace:*", "@heroui/use-is-mobile": "workspace:*", "@heroui/spinner": "workspace:*", - "@react-aria/toast": "3.0.1", - "@react-aria/utils": "3.28.1", - "@react-aria/interactions": "3.24.1", - "@react-stately/toast": "3.0.0", - "@react-stately/utils": "3.10.5" + "@react-aria/toast": "3.0.2", + "@react-aria/utils": "3.28.2", + "@react-aria/interactions": "3.25.0", + "@react-stately/toast": "3.1.0", + "@react-stately/utils": "3.10.6" }, "devDependencies": { "@heroui/system": "workspace:*", @@ -63,4 +63,4 @@ "react-dom": "^18.0.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json index ee27a82c1..a2d828081 100644 --- a/packages/components/tooltip/package.json +++ b/packages/components/tooltip/package.json @@ -47,13 +47,13 @@ "@heroui/framer-utils": "workspace:*", "@heroui/use-safe-layout-effect": "workspace:*", "@heroui/dom-animation": "workspace:*", - "@react-aria/interactions": "3.24.1", - "@react-aria/overlays": "3.26.1", - "@react-aria/tooltip": "3.8.1", - "@react-aria/utils": "3.28.1", - "@react-stately/tooltip": "3.5.2", - "@react-types/overlays": "3.8.13", - "@react-types/tooltip": "3.4.15" + "@react-aria/interactions": "3.25.0", + "@react-aria/overlays": "3.27.0", + "@react-aria/tooltip": "3.8.2", + "@react-aria/utils": "3.28.2", + "@react-stately/tooltip": "3.5.3", + "@react-types/overlays": "3.8.14", + "@react-types/tooltip": "3.4.16" }, "devDependencies": { "@heroui/button": "workspace:*", diff --git a/packages/components/user/package.json b/packages/components/user/package.json index 2aa40d1bd..88c2bec77 100644 --- a/packages/components/user/package.json +++ b/packages/components/user/package.json @@ -43,8 +43,8 @@ "@heroui/avatar": "workspace:*", "@heroui/shared-utils": "workspace:*", "@heroui/react-utils": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/utils": "3.28.1" + "@react-aria/focus": "3.20.2", + "@react-aria/utils": "3.28.2" }, "devDependencies": { "@heroui/theme": "workspace:*", diff --git a/packages/core/react/package.json b/packages/core/react/package.json index f8b6c5406..8c8629ec4 100644 --- a/packages/core/react/package.json +++ b/packages/core/react/package.json @@ -91,7 +91,7 @@ "@heroui/alert": "workspace:*", "@heroui/number-input": "workspace:*", "@heroui/toast": "workspace:*", - "@react-aria/visually-hidden": "3.8.21" + "@react-aria/visually-hidden": "3.8.22" }, "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", @@ -104,4 +104,4 @@ "clean-package": "2.2.0" }, "clean-package": "../../../clean-package.config.json" -} +} \ No newline at end of file diff --git a/packages/core/system-rsc/package.json b/packages/core/system-rsc/package.json index d073788fd..dea1d47ee 100644 --- a/packages/core/system-rsc/package.json +++ b/packages/core/system-rsc/package.json @@ -46,7 +46,7 @@ "clean-package": "2.2.0" }, "dependencies": { - "@react-types/shared": "3.28.0", + "@react-types/shared": "3.29.0", "clsx": "^1.2.1" }, "clean-package": "../../../clean-package.config.json", @@ -58,4 +58,4 @@ "esm" ] } -} +} \ No newline at end of file diff --git a/packages/core/system/package.json b/packages/core/system/package.json index d47c52fbf..60b5c656e 100644 --- a/packages/core/system/package.json +++ b/packages/core/system/package.json @@ -54,13 +54,13 @@ ] }, "dependencies": { - "@internationalized/date": "3.7.0", + "@internationalized/date": "3.8.0", "@heroui/react-utils": "workspace:*", - "@react-aria/i18n": "3.12.7", + "@react-aria/i18n": "3.12.8", "@heroui/system-rsc": "workspace:*", - "@react-aria/overlays": "3.26.1", - "@react-aria/utils": "3.28.1", - "@react-stately/utils": "3.10.5", - "@react-types/datepicker": "3.11.0" + "@react-aria/overlays": "3.27.0", + "@react-aria/utils": "3.28.2", + "@react-stately/utils": "3.10.6", + "@react-types/datepicker": "3.12.0" } -} +} \ No newline at end of file diff --git a/packages/hooks/use-aria-accordion-item/package.json b/packages/hooks/use-aria-accordion-item/package.json index 45c606723..de6ed4e5d 100644 --- a/packages/hooks/use-aria-accordion-item/package.json +++ b/packages/hooks/use-aria-accordion-item/package.json @@ -34,10 +34,10 @@ "postpack": "clean-package restore" }, "dependencies": { - "@react-aria/button": "3.12.1", - "@react-aria/focus": "3.20.1", - "@react-stately/tree": "3.8.8", - "@react-types/shared": "3.28.0" + "@react-aria/button": "3.13.0", + "@react-aria/focus": "3.20.2", + "@react-stately/tree": "3.8.9", + "@react-types/shared": "3.29.0" }, "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0" @@ -55,4 +55,4 @@ "esm" ] } -} +} \ No newline at end of file diff --git a/packages/hooks/use-aria-accordion/package.json b/packages/hooks/use-aria-accordion/package.json index 7288c5eb6..3ff48fa7a 100644 --- a/packages/hooks/use-aria-accordion/package.json +++ b/packages/hooks/use-aria-accordion/package.json @@ -34,13 +34,13 @@ "postpack": "clean-package restore" }, "dependencies": { - "@react-aria/button": "3.12.1", - "@react-aria/focus": "3.20.1", - "@react-aria/selection": "3.23.1", - "@react-aria/utils": "3.28.1", - "@react-stately/tree": "3.8.8", + "@react-aria/button": "3.13.0", + "@react-aria/focus": "3.20.2", + "@react-aria/selection": "3.24.0", + "@react-aria/utils": "3.28.2", + "@react-stately/tree": "3.8.9", "@react-types/accordion": "3.0.0-alpha.26", - "@react-types/shared": "3.28.0" + "@react-types/shared": "3.29.0" }, "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0" @@ -58,4 +58,4 @@ "esm" ] } -} +} \ No newline at end of file diff --git a/packages/hooks/use-aria-button/package.json b/packages/hooks/use-aria-button/package.json index 25083a561..923f43f60 100644 --- a/packages/hooks/use-aria-button/package.json +++ b/packages/hooks/use-aria-button/package.json @@ -38,11 +38,11 @@ }, "dependencies": { "@heroui/shared-utils": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", - "@react-types/button": "3.11.0", - "@react-types/shared": "3.28.0" + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", + "@react-types/button": "3.12.0", + "@react-types/shared": "3.29.0" }, "devDependencies": { "clean-package": "2.2.0", @@ -57,4 +57,4 @@ "esm" ] } -} +} \ No newline at end of file diff --git a/packages/hooks/use-aria-button/src/index.ts b/packages/hooks/use-aria-button/src/index.ts index 2b4f733a5..4ea5bf070 100644 --- a/packages/hooks/use-aria-button/src/index.ts +++ b/packages/hooks/use-aria-button/src/index.ts @@ -10,9 +10,8 @@ import { RefObject, } from "react"; import {AriaButtonProps as BaseAriaButtonProps} from "@react-types/button"; -import {DOMAttributes, PressEvent} from "@react-types/shared"; -import {warn} from "@heroui/shared-utils"; -import {filterDOMProps, isAndroid, isIOS, mergeProps} from "@react-aria/utils"; +import {DOMAttributes} from "@react-types/shared"; +import {filterDOMProps, mergeProps} from "@react-aria/utils"; import {useFocusable} from "@react-aria/focus"; import {usePress} from "@react-aria/interactions"; @@ -76,14 +75,12 @@ export function useAriaButton( preventFocusOnPress, // @ts-ignore - undocumented allowFocusWhenDisabled, - // @ts-ignore - onClick: deprecatedOnClick, + onClick, href, target, rel, type = "button", allowTextSelectionOnPress, - role, } = props; let additionalProps; @@ -104,38 +101,12 @@ export function useAriaButton( }; } - let isMobile = isIOS() || isAndroid(); - - if ( - deprecatedOnClick && - typeof deprecatedOnClick === "function" && - // bypass since onClick is passed from internally - role !== "link" && - // bypass since onClick is passed from useDisclosure's `getButtonProps` internally - !(props.hasOwnProperty("aria-expanded") && props.hasOwnProperty("aria-controls")) - ) { - warn( - "onClick is deprecated, please use onPress instead. See: https://github.com/heroui-inc/heroui/issues/4292", - "useButton", - ); - } - - const handlePress = (e: PressEvent) => { - // On mobile devices, we need to call onClick directly since react-aria's usePress hook - // only supports onPress events as of https://github.com/adobe/react-spectrum/commit/1d5def8a - // This ensures backwards compatibility for onClick handlers on mobile - // See: https://github.com/heroui-inc/heroui/issues/4292 - if (isMobile) { - deprecatedOnClick?.(e as unknown as React.MouseEvent); - } - onPress?.(e); - }; - let {pressProps, isPressed} = usePress({ + onClick, onPressStart, onPressEnd, onPressChange, - onPress: handlePress, + onPress, isDisabled, preventFocusOnPress, allowTextSelectionOnPress, @@ -161,14 +132,6 @@ export function useAriaButton( "aria-controls": props["aria-controls"], "aria-pressed": props["aria-pressed"], "aria-current": props["aria-current"], - onClick: (e: React.MouseEvent) => { - if (type === "button" && isMobile) { - // Avoid firing onClick event twice since it's handled in handlePress - return; - } - - deprecatedOnClick?.(e); - }, }), }; } diff --git a/packages/hooks/use-aria-link/package.json b/packages/hooks/use-aria-link/package.json index 9b16e3cd0..f2eb471e0 100644 --- a/packages/hooks/use-aria-link/package.json +++ b/packages/hooks/use-aria-link/package.json @@ -38,11 +38,11 @@ }, "dependencies": { "@heroui/shared-utils": "workspace:*", - "@react-aria/focus": "3.20.1", - "@react-aria/interactions": "3.24.1", - "@react-aria/utils": "3.28.1", - "@react-types/link": "3.5.11", - "@react-types/shared": "3.28.0" + "@react-aria/focus": "3.20.2", + "@react-aria/interactions": "3.25.0", + "@react-aria/utils": "3.28.2", + "@react-types/link": "3.6.0", + "@react-types/shared": "3.29.0" }, "devDependencies": { "clean-package": "2.2.0", @@ -57,4 +57,4 @@ "esm" ] } -} +} \ No newline at end of file diff --git a/packages/hooks/use-aria-link/src/index.ts b/packages/hooks/use-aria-link/src/index.ts index 8bcf86442..4d65ed9e5 100644 --- a/packages/hooks/use-aria-link/src/index.ts +++ b/packages/hooks/use-aria-link/src/index.ts @@ -1,16 +1,13 @@ import {AriaLinkProps} from "@react-types/link"; -import {DOMAttributes, FocusableElement, PressEvent} from "@react-types/shared"; +import {DOMAttributes, FocusableElement} from "@react-types/shared"; import { filterDOMProps, mergeProps, useRouter, shouldClientNavigate, useLinkProps, - isAndroid, - isIOS, } from "@react-aria/utils"; import {RefObject} from "react"; -import {warn} from "@heroui/shared-utils"; import {useFocusable} from "@react-aria/focus"; import {usePress} from "@react-aria/interactions"; @@ -19,10 +16,6 @@ export interface AriaLinkOptions extends AriaLinkProps { "aria-current"?: DOMAttributes["aria-current"]; /** Whether the link is disabled. */ isDisabled?: boolean; - /** The role of the element */ - role?: string; - /** The type of the element, e.g. 'button' */ - type?: string; /** * The HTML element used to render the link, e.g. 'a', or 'span'. * @default 'a' @@ -48,11 +41,8 @@ export function useAriaLink(props: AriaLinkOptions, ref: RefObject internally - type !== "button" && - // bypass since onClick is passed from