archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

refactor: remove @interationalized/date from system (#5374)

Browse Source 
* refactor(calendar): createCalendar typing

* refactor(system): ditch `@react-types/calendar`

* feat(system): include the required types or interfaces

* chore(deps): pnpm-lock.yaml

* fix: cast DateValue

* fix: minValue & maxValue typing

* chore(changeset): add changeset

* refactor(system): abstract class

* chore(deps): bump system peer dependency

* chore(changeset): add changeset
This commit is contained in:
WK 2025-06-18 00:09:56 +08:00 committed by GitHub
parent dd63b83b6b
commit be6a1dbf40
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
50 changed files with 405 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.changeset/nervous-icons-draw.md Normal file
View File

@ -0,0 +1,7 @@
---
"@heroui/date-input": patch
"@heroui/calendar": patch
"@heroui/system": patch
---
remove `@interationalized/date` from system

45
.changeset/thick-dogs-march.md Normal file
View File

@ -0,0 +1,45 @@
---
"@heroui/scroll-shadow": patch
"@heroui/autocomplete": patch
"@heroui/number-input": patch
"@heroui/breadcrumbs": patch
"@heroui/date-picker": patch
"@heroui/date-input": patch
"@heroui/pagination": patch
"@heroui/accordion": patch
"@heroui/input-otp": patch
"@heroui/calendar": patch
"@heroui/checkbox": patch
"@heroui/dropdown": patch
"@heroui/progress": patch
"@heroui/skeleton": 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/ripple": patch
"@heroui/select": patch
"@heroui/slider": patch
"@heroui/switch": patch
"@heroui/alert": patch
"@heroui/badge": patch
"@heroui/image": 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
---
bump system peer dependencies

2
packages/components/accordion/package.json
View File

@ -44,7 +44,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/aria-utils": "workspace:*",

2
packages/components/alert/package.json
View File

@ -41,7 +41,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/react-utils": "workspace:*",

2
packages/components/autocomplete/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.7",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.6",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"react": ">=18 || >=19.0.0-rc.0",

2
packages/components/avatar/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/badge/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/breadcrumbs/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/react-utils": "workspace:*",

2
packages/components/button/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/calendar/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.7",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.6",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"react": ">=18 || >=19.0.0-rc.0",

18
packages/components/calendar/src/use-calendar-base.ts
View File

@ -1,17 +1,13 @@
import type {CalendarReturnType, CalendarVariantProps} from "@heroui/theme";
import type {
CalendarPropsBase as AriaCalendarPropsBase,
DateValue,
SpectrumCalendarProps,
} from "@react-types/calendar";
import type {CalendarPropsBase as AriaCalendarPropsBase} from "@react-types/calendar";
import type {CalendarSlots, SlotsToClasses} from "@heroui/theme";
import type {AriaCalendarGridProps} from "@react-aria/calendar";
import type {AriaButtonProps} from "@react-types/button";
import type {HTMLHeroUIProps, PropGetter} from "@heroui/system";
import type {DateValue, Calendar, CalendarIdentifier} from "@internationalized/date";
import type {ButtonProps} from "@heroui/button";
import type {CalendarState, RangeCalendarState} from "@react-stately/calendar";
import type {RefObject, ReactNode} from "react";
import type {CalendarIdentifier} from "@internationalized/date";
import type {ReactRef} from "@heroui/react-utils";
import {createCalendar, CalendarDate, DateFormatter} from "@internationalized/date";
@ -124,7 +120,7 @@ interface Props extends HeroUIBaseProps {
*
* @default all calendars
*/
createCalendar?: SpectrumCalendarProps<DateValue>["createCalendar"];
createCalendar?: (identifier: CalendarIdentifier) => Calendar;
/**
* The style of weekday names to display in the calendar grid header,
* e.g. single letter, abbreviation, or full day name.
@ -227,10 +223,10 @@ export function useCalendarBase(originalProps: UseCalendarBasePropsComplete) {
isHeaderDefaultExpanded,
onHeaderExpandedChange = () => {},
createCalendar: createCalendarProp = globalContext?.createCalendar ?? null,
minValue = globalContext?.defaultDates?.minDate ??
new CalendarDate(calendarProp, 1900 + gregorianYearOffset, 1, 1),
maxValue = globalContext?.defaultDates?.maxDate ??
new CalendarDate(calendarProp, 2099 + gregorianYearOffset, 12, 31),
minValue = (globalContext?.defaultDates?.minDate ??
new CalendarDate(calendarProp, 1900 + gregorianYearOffset, 1, 1)) as DateValue,
maxValue = (globalContext?.defaultDates?.maxDate ??
new CalendarDate(calendarProp, 2099 + gregorianYearOffset, 12, 31)) as DateValue,
prevButtonProps: prevButtonPropsProp,
nextButtonProps: nextButtonPropsProp,
errorMessage,

2
packages/components/card/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/checkbox/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.7",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.3",
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0"

2
packages/components/chip/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-icons": "workspace:*",

2
packages/components/date-input/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.10",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.16",
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0"

16
packages/components/date-input/src/use-date-input.ts
View File

@ -1,12 +1,10 @@
import type {DateInputVariantProps, DateInputSlots, SlotsToClasses} from "@heroui/theme";
import type {AriaDateFieldProps} from "@react-types/datepicker";
import type {DateValue, SpectrumDatePickerBase} from "@react-types/datepicker";
import type {AriaDateFieldProps, SpectrumDatePickerBase} from "@react-types/datepicker";
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 type {PropGetter} from "@heroui/system";
import type {HTMLHeroUIProps} from "@heroui/system";
import type {DateValue, CalendarIdentifier} from "@internationalized/date";
import type {PropGetter, HTMLHeroUIProps} from "@heroui/system";
import {useLocale} from "@react-aria/i18n";
import {createCalendar, CalendarDate, DateFormatter} from "@internationalized/date";
@ -151,10 +149,10 @@ export function useDateInput<T extends DateValue>(originalProps: UseDateInputPro
descriptionProps: descriptionPropsProp,
validationBehavior = formValidationBehavior ?? globalContext?.validationBehavior ?? "native",
shouldForceLeadingZeros = true,
minValue = globalContext?.defaultDates?.minDate ??
new CalendarDate(calendarProp, 1900 + gregorianYearOffset, 1, 1),
maxValue = globalContext?.defaultDates?.maxDate ??
new CalendarDate(calendarProp, 2099 + gregorianYearOffset, 12, 31),
minValue = (globalContext?.defaultDates?.minDate ??
new CalendarDate(calendarProp, 1900 + gregorianYearOffset, 1, 1)) as DateValue,
maxValue = (globalContext?.defaultDates?.maxDate ??
new CalendarDate(calendarProp, 2099 + gregorianYearOffset, 12, 31)) as DateValue,
createCalendar: createCalendarProp = globalContext?.createCalendar ?? null,
isInvalid: isInvalidProp = validationState ? validationState === "invalid" : false,
errorMessage,

2
packages/components/date-picker/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.10",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.9",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"react": ">=18 || >=19.0.0-rc.0",

2
packages/components/drawer/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/dropdown/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.7",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.6",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"react": ">=18 || >=19.0.0-rc.0",

2
packages/components/form/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.7",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.6",
"react": ">=18",
"react-dom": ">=18"

2
packages/components/image/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/input-otp/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18",
"react-dom": ">=18",
"@heroui/theme": ">=2.4.16",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/form": "workspace:*",

2
packages/components/input/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.12",
"@heroui/system": ">=2.4.10"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/form": "workspace:*",

2
packages/components/link/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/listbox/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/aria-utils": "workspace:*",

2
packages/components/menu/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/divider": "workspace:*",

2
packages/components/modal/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/use-disclosure": "workspace:*",

2
packages/components/navbar/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/number-input/package.json
View File

@ -38,7 +38,7 @@
"peerDependencies": {
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/system": ">=2.4.10",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.16"
},
"dependencies": {

2
packages/components/pagination/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/popover/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.7",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.6",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"react": ">=18 || >=19.0.0-rc.0",

2
packages/components/progress/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/radio/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.3",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/form": "workspace:*",

2
packages/components/ripple/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/scroll-shadow/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/select/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.10",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.12",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"react": ">=18 || >=19.0.0-rc.0",

2
packages/components/skeleton/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*"

2
packages/components/slider/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/snippet/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/button": "workspace:*",

2
packages/components/switch/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.3",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/table/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/checkbox": "workspace:*",

2
packages/components/tabs/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/toast/package.json
View File

@ -34,7 +34,7 @@
"postpack": "clean-package restore"
},
"peerDependencies": {
"@heroui/system": ">=2.4.10",
"@heroui/system": ">=2.4.17",
"@heroui/theme": ">=2.4.12",
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",

2
packages/components/tooltip/package.json
View File

@ -38,7 +38,7 @@
"react-dom": ">=18 || >=19.0.0-rc.0",
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

2
packages/components/user/package.json
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/avatar": "workspace:*",

3
packages/core/system/package.json
View File

@ -58,7 +58,6 @@
"@heroui/system-rsc": "workspace:*",
"@react-aria/i18n": "3.12.10",
"@react-aria/overlays": "3.27.3",
"@react-aria/utils": "3.29.1",
"@react-types/calendar": "3.7.2"
"@react-aria/utils": "3.29.1"
}
}

5
packages/core/system/src/provider-context.ts
View File

@ -1,5 +1,4 @@
import type {SpinnerVariants} from "./types";
import type {DateValue, SpectrumCalendarProps} from "@react-types/calendar";
import type {SpinnerVariants, Calendar, DateValue, CalendarIdentifier} from "./types";
import {createContext} from "@heroui/react-utils";
@ -85,7 +84,7 @@ export type ProviderContextProps = {
*
* @default all calendars
*/
createCalendar?: SpectrumCalendarProps<DateValue>["createCalendar"];
createCalendar?: (identifier: CalendarIdentifier) => Calendar;
/**
* The default variant of the spinner.
* @default default

294
packages/core/system/src/types.ts
View File

@ -2,3 +2,297 @@
* Spinner Variants
*/
export type SpinnerVariants = "default" | "simple" | "gradient" | "wave" | "dots" | "spinner";
/**
* Interationalized Date
* Retrieved from `@internationalized/date` to avoid importing the entire package.
*/
export abstract class CalendarDate {
/** The calendar system associated with this date, e.g. Gregorian. */
abstract readonly calendar: Calendar;
/** The calendar era for this date, e.g. "BC" or "AD". */
abstract readonly era: string;
/** The year of this date within the era. */
abstract readonly year: number;
/**
* The month number within the year. Note that some calendar systems such as Hebrew
* may have a variable number of months per year. Therefore, month numbers may not
* always correspond to the same month names in different years.
*/
abstract readonly month: number;
/** The day number within the month. */
abstract readonly day: number;
/** Returns a copy of this date. */
abstract copy(): CalendarDate;
/** Returns a new `CalendarDate` with the given duration added to it. */
abstract add(duration: DateDuration): CalendarDate;
/** Returns a new `CalendarDate` with the given duration subtracted from it. */
abstract subtract(duration: DateDuration): CalendarDate;
/** Returns a new `CalendarDate` with the given fields set to the provided values. Other fields will be constrained accordingly. */
abstract set(fields: DateFields): CalendarDate;
/**
* Returns a new `CalendarDate` with the given field adjusted by a specified amount.
* When the resulting value reaches the limits of the field, it wraps around.
*/
abstract cycle(field: DateField, amount: number, options?: CycleOptions): CalendarDate;
/** Converts the date to a native JavaScript Date object, with the time set to midnight in the given time zone. */
abstract toDate(timeZone: string): Date;
/** Converts the date to an ISO 8601 formatted string. */
abstract toString(): string;
/** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
abstract compare(b: AnyCalendarDate): number;
}
export abstract class CalendarDateTime {
/** The calendar system associated with this date, e.g. Gregorian. */
abstract readonly calendar: Calendar;
/** The calendar era for this date, e.g. "BC" or "AD". */
abstract readonly era: string;
/** The year of this date within the era. */
abstract readonly year: number;
/**
* The month number within the year. Note that some calendar systems such as Hebrew
* may have a variable number of months per year. Therefore, month numbers may not
* always correspond to the same month names in different years.
*/
abstract readonly month: number;
/** The day number within the month. */
abstract readonly day: number;
/** The hour in the day, numbered from 0 to 23. */
abstract readonly hour: number;
/** The minute in the hour. */
abstract readonly minute: number;
/** The second in the minute. */
abstract readonly second: number;
/** The millisecond in the second. */
abstract readonly millisecond: number;
/** Returns a copy of this date. */
abstract copy(): CalendarDateTime;
/** Returns a new `CalendarDateTime` with the given duration added to it. */
abstract add(duration: DateTimeDuration): CalendarDateTime;
/** Returns a new `CalendarDateTime` with the given duration subtracted from it. */
abstract subtract(duration: DateTimeDuration): CalendarDateTime;
/** Returns a new `CalendarDateTime` with the given fields set to the provided values. Other fields will be constrained accordingly. */
abstract set(fields: DateFields & TimeFields): CalendarDateTime;
/**
* Returns a new `CalendarDateTime` with the given field adjusted by a specified amount.
* When the resulting value reaches the limits of the field, it wraps around.
*/
abstract cycle(
field: DateField | TimeField,
amount: number,
options?: CycleTimeOptions,
): CalendarDateTime;
/** Converts the date to a native JavaScript Date object in the given time zone. */
abstract toDate(timeZone: string, disambiguation?: Disambiguation): Date;
/** Converts the date to an ISO 8601 formatted string. */
abstract toString(): string;
/** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
abstract compare(b: CalendarDate | CalendarDateTime | ZonedDateTime): number;
}
export abstract class ZonedDateTime {
/** The calendar system associated with this date, e.g. Gregorian. */
abstract readonly calendar: Calendar;
/** The calendar era for this date, e.g. "BC" or "AD". */
abstract readonly era: string;
/** The year of this date within the era. */
abstract readonly year: number;
/**
* The month number within the year. Note that some calendar systems such as Hebrew
* may have a variable number of months per year. Therefore, month numbers may not
* always correspond to the same month names in different years.
*/
abstract readonly month: number;
/** The day number within the month. */
abstract readonly day: number;
/** The hour in the day, numbered from 0 to 23. */
abstract readonly hour: number;
/** The minute in the hour. */
abstract readonly minute: number;
/** The second in the minute. */
abstract readonly second: number;
/** The millisecond in the second. */
abstract readonly millisecond: number;
/** The IANA time zone identifier that this date and time is represented in. */
abstract readonly timeZone: string;
/** The UTC offset for this time, in milliseconds. */
abstract readonly offset: number;
/** Returns a copy of this date. */
abstract copy(): ZonedDateTime;
/** Returns a new `ZonedDateTime` with the given duration added to it. */
abstract add(duration: DateTimeDuration): ZonedDateTime;
/** Returns a new `ZonedDateTime` with the given duration subtracted from it. */
abstract subtract(duration: DateTimeDuration): ZonedDateTime;
/** Returns a new `ZonedDateTime` with the given fields set to the provided values. Other fields will be constrained accordingly. */
abstract set(fields: DateFields & TimeFields, disambiguation?: Disambiguation): ZonedDateTime;
/**
* Returns a new `ZonedDateTime` with the given field adjusted by a specified amount.
* When the resulting value reaches the limits of the field, it wraps around.
*/
abstract cycle(
field: DateField | TimeField,
amount: number,
options?: CycleTimeOptions,
): ZonedDateTime;
/** Converts the date to a native JavaScript Date object. */
abstract toDate(): Date;
/** Converts the date to an ISO 8601 formatted string, including the UTC offset and time zone identifier. */
abstract toString(): string;
/** Converts the date to an ISO 8601 formatted string in UTC. */
abstract toAbsoluteString(): string;
/** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
abstract compare(b: CalendarDate | CalendarDateTime | ZonedDateTime): number;
}
/** An interface that is compatible with any object with date fields. */
export abstract class AnyCalendarDate {
abstract readonly calendar: Calendar;
abstract readonly era: string;
abstract readonly year: number;
abstract readonly month: number;
abstract readonly day: number;
abstract copy(): this;
}
export type CalendarIdentifier =
| "gregory"
| "buddhist"
| "chinese"
| "coptic"
| "dangi"
| "ethioaa"
| "ethiopic"
| "hebrew"
| "indian"
| "islamic"
| "islamic-umalqura"
| "islamic-tbla"
| "islamic-civil"
| "islamic-rgsa"
| "iso8601"
| "japanese"
| "persian"
| "roc";
/**
* The Calendar interface represents a calendar system, including information
* about how days, months, years, and eras are organized, and methods to perform
* arithmetic on dates.
*/
export interface Calendar {
/**
* A string identifier for the calendar, as defined by Unicode CLDR.
* See [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/supportedValuesOf#supported_calendar_types).
*/
identifier: CalendarIdentifier;
/** Creates a CalendarDate in this calendar from the given Julian day number. */
fromJulianDay(jd: number): CalendarDate;
/** Converts a date in this calendar to a Julian day number. */
toJulianDay(date: AnyCalendarDate): number;
/** Returns the number of days in the month of the given date. */
getDaysInMonth(date: AnyCalendarDate): number;
/** Returns the number of months in the year of the given date. */
getMonthsInYear(date: AnyCalendarDate): number;
/** Returns the number of years in the era of the given date. */
getYearsInEra(date: AnyCalendarDate): number;
/** Returns a list of era identifiers for the calendar. */
getEras(): string[];
/**
* Returns the minimum month number of the given date's year.
* Normally, this is 1, but in some calendars such as the Japanese,
* eras may begin in the middle of a year.
*/
getMinimumMonthInYear?(date: AnyCalendarDate): number;
/**
* Returns the minimum day number of the given date's month.
* Normally, this is 1, but in some calendars such as the Japanese,
* eras may begin in the middle of a month.
*/
getMinimumDayInMonth?(date: AnyCalendarDate): number;
/**
* Returns a date that is the first day of the month for the given date.
* This is used to determine the month that the given date falls in, if
* the calendar has months that do not align with the standard calendar months
* (e.g. fiscal calendars).
*/
getFormattableMonth?(date: AnyCalendarDate): CalendarDate;
/** Returns whether the given calendar is the same as this calendar. */
isEqual?(calendar: Calendar): boolean;
/** @private */
balanceDate?(date: AnyCalendarDate): void;
/** @private */
balanceYearMonth?(date: AnyCalendarDate, previousDate: AnyCalendarDate): void;
/** @private */
constrainDate?(date: AnyCalendarDate): void;
/** @private */
isInverseEra?(date: AnyCalendarDate): boolean;
}
/** Represents an amount of time in calendar-specific units, for use when performing arithmetic. */
export interface DateDuration {
/** The number of years to add or subtract. */
years?: number;
/** The number of months to add or subtract. */
months?: number;
/** The number of weeks to add or subtract. */
weeks?: number;
/** The number of days to add or subtract. */
days?: number;
}
/** Represents an amount of time, for use whe performing arithmetic. */
export interface TimeDuration {
/** The number of hours to add or subtract. */
hours?: number;
/** The number of minutes to add or subtract. */
minutes?: number;
/** The number of seconds to add or subtract. */
seconds?: number;
/** The number of milliseconds to add or subtract. */
milliseconds?: number;
}
/** Represents an amount of time with both date and time components, for use when performing arithmetic. */
export interface DateTimeDuration extends DateDuration, TimeDuration {}
export interface DateFields {
era?: string;
year?: number;
month?: number;
day?: number;
}
export interface TimeFields {
hour?: number;
minute?: number;
second?: number;
millisecond?: number;
}
export type DateField = keyof DateFields;
export type TimeField = keyof TimeFields;
export type Disambiguation = "compatible" | "earlier" | "later" | "reject";
export interface CycleOptions {
/** Whether to round the field value to the nearest interval of the amount. */
round?: boolean;
}
export interface CycleTimeOptions extends CycleOptions {
/**
* Whether to use 12 or 24 hour time. If 12 hour time is chosen, the resulting value
* will remain in the same day period as the original value (e.g. if the value is AM,
* the resulting value also be AM).
* @default 24
*/
hourCycle?: 12 | 24;
}
export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;

2
plop/component/package.json.hbs
View File

@ -37,7 +37,7 @@
"react": ">=18 || >=19.0.0-rc.0",
"react-dom": ">=18 || >=19.0.0-rc.0",
"@heroui/theme": ">=2.4.6",
"@heroui/system": ">=2.4.7"
"@heroui/system": ">=2.4.17"
},
"dependencies": {
"@heroui/shared-utils": "workspace:*",

3
pnpm-lock.yaml generated
View File

@ -3244,9 +3244,6 @@ importers:
'@react-aria/utils':
specifier: 3.29.1
version: 3.29.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
'@react-types/calendar':
specifier: 3.7.2
version: 3.7.2(react@18.3.0)
devDependencies:
clean-package:
specifier: 2.2.0