Skip to content

Commit 1031e98

Browse files
wingkwongjrgarciadev
wingkwong
and
jrgarciadev
authored
chore(deps): sync with upstream RA versions (#4258)
* chore(deps): sync with upstream RA versions * chore(changeset): add changeset * chore(form): remove caret * chore(deps): pnpm-lock.yaml * fix(tooltip): type 'null' is not assignable to type 'PlacementAxis' * fix(deps): bump `@internationalized/date` * chore(deps): sync `@react-types` versions * fix(input): follow RAC typing in useTextField * fix(popover): typecheck error * fix: typecheck errors * fix: typecheck errors * fix(docs): bump RA versions --------- Co-authored-by: Junior Garcia <[email protected]>
1 parent 455556e commit 1031e98

File tree

90 files changed

+1321
-1490
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

90 files changed

+1321
-1490
lines changed

‎.changeset/fast-lamps-accept.md

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
---
2+
"@nextui-org/use-intersection-observer": patch
3+
"@nextui-org/use-aria-accordion-item": patch
4+
"@nextui-org/use-aria-modal-overlay": patch
5+
"@nextui-org/use-aria-toggle-button": patch
6+
"@nextui-org/use-aria-multiselect": patch
7+
"@nextui-org/use-aria-accordion": patch
8+
"@nextui-org/autocomplete": patch
9+
"@nextui-org/breadcrumbs": patch
10+
"@nextui-org/date-picker": patch
11+
"@nextui-org/date-input": patch
12+
"@nextui-org/pagination": patch
13+
"@nextui-org/use-aria-button": patch
14+
"@nextui-org/accordion": patch
15+
"@nextui-org/input-otp": patch
16+
"@nextui-org/use-disclosure": patch
17+
"@nextui-org/use-pagination": patch
18+
"@nextui-org/aria-utils": patch
19+
"@nextui-org/calendar": patch
20+
"@nextui-org/checkbox": patch
21+
"@nextui-org/dropdown": patch
22+
"@nextui-org/progress": patch
23+
"@nextui-org/use-aria-link": patch
24+
"@nextui-org/use-aria-menu": patch
25+
"@nextui-org/use-draggable": patch
26+
"@nextui-org/use-is-mobile": patch
27+
"@nextui-org/divider": patch
28+
"@nextui-org/listbox": patch
29+
"@nextui-org/popover": patch
30+
"@nextui-org/snippet": patch
31+
"@nextui-org/tooltip": patch
32+
"@nextui-org/avatar": patch
33+
"@nextui-org/button": patch
34+
"@nextui-org/navbar": patch
35+
"@nextui-org/select": patch
36+
"@nextui-org/slider": patch
37+
"@nextui-org/switch": patch
38+
"@nextui-org/alert": patch
39+
"@nextui-org/input": patch
40+
"@nextui-org/modal": patch
41+
"@nextui-org/radio": patch
42+
"@nextui-org/table": patch
43+
"@nextui-org/card": patch
44+
"@nextui-org/chip": patch
45+
"@nextui-org/form": patch
46+
"@nextui-org/link": patch
47+
"@nextui-org/menu": patch
48+
"@nextui-org/tabs": patch
49+
"@nextui-org/user": patch
50+
"@nextui-org/system-rsc": patch
51+
"@nextui-org/system": patch
52+
"@nextui-org/react": patch
53+
---
54+
55+
sync with upstream RA versions

‎apps/docs/app/examples/table/custom-styles/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -360,9 +360,9 @@ export default function Page() {
360360
</Button>
361361
</DropdownTrigger>
362362
<DropdownMenu>
363-
<DropdownItem>View</DropdownItem>
364-
<DropdownItem>Edit</DropdownItem>
365-
<DropdownItem>Delete</DropdownItem>
363+
<DropdownItem key="view">View</DropdownItem>
364+
<DropdownItem key="edit">Edit</DropdownItem>
365+
<DropdownItem key="delete">Delete</DropdownItem>
366366
</DropdownMenu>
367367
</Dropdown>
368368
</div>

‎apps/docs/app/examples/table/use-case/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -352,9 +352,9 @@ export default function Page() {
352352
</Button>
353353
</DropdownTrigger>
354354
<DropdownMenu>
355-
<DropdownItem>View</DropdownItem>
356-
<DropdownItem>Edit</DropdownItem>
357-
<DropdownItem>Delete</DropdownItem>
355+
<DropdownItem key="view">View</DropdownItem>
356+
<DropdownItem key="edit">Edit</DropdownItem>
357+
<DropdownItem key="delete">Delete</DropdownItem>
358358
</DropdownMenu>
359359
</Dropdown>
360360
</div>

‎apps/docs/content/components/calendar/controlled-focused-value.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {today, getLocalTimeZone} from "@internationalized/date";
66

77
export default function App() {
88
let defaultDate = today(getLocalTimeZone());
9-
let [focusedDate, setFocusedDate] = React.useState<DateValue>(defaultDate);
9+
let [focusedDate, setFocusedDate] = React.useState<DateValue | null>(defaultDate);
1010

1111
return (
1212
<Calendar

‎apps/docs/content/components/calendar/controlled.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {Calendar} from "@nextui-org/react";
55
import {parseDate} from "@internationalized/date";
66

77
export default function App() {
8-
let [value, setValue] = React.useState<DateValue>(parseDate("2024-03-07"));
8+
let [value, setValue] = React.useState<DateValue | null>(parseDate("2024-03-07"));
99

1010
return <Calendar aria-label="Date (Controlled)" value={value} onChange={setValue} />;
1111
}

‎apps/docs/content/components/calendar/invalid-date.raw.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ import {today, getLocalTimeZone, isWeekend} from "@internationalized/date";
66
import {useLocale} from "@react-aria/i18n";
77

88
export default function App() {
9-
let [date, setDate] = React.useState<DateValue>(today(getLocalTimeZone()));
9+
let [date, setDate] = React.useState<DateValue | null>(today(getLocalTimeZone()));
1010
let {locale} = useLocale();
11-
let isInvalid = isWeekend(date, locale);
11+
let isInvalid = isWeekend(date!, locale);
1212

1313
return (
1414
<Calendar

‎apps/docs/content/components/calendar/presets.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import {useLocale} from "@react-aria/i18n";
77

88
export default function App() {
99
let defaultDate = today(getLocalTimeZone());
10-
let [value, setValue] = React.useState<DateValue>(defaultDate);
10+
let [value, setValue] = React.useState<DateValue | null>(defaultDate);
1111
let {locale} = useLocale();
1212

1313
let now = today(getLocalTimeZone());

‎apps/docs/content/components/date-input/controlled.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import {DateValue, parseDate, getLocalTimeZone} from "@internationalized/date";
44
import {useDateFormatter} from "@react-aria/i18n";
55

66
export default function App() {
7-
const [value, setValue] = React.useState<DateValue>(parseDate("2024-04-04"));
7+
const [value, setValue] = React.useState<DateValue | null>(parseDate("2024-04-04"));
88

99
let formatter = useDateFormatter({dateStyle: "full"});
1010

‎apps/docs/content/components/date-input/granularity.raw.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@ import {DateInput} from "@nextui-org/react";
33
import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
44

55
export default function App() {
6-
let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
6+
let [date, setDate] = React.useState<DateValue | null>(
7+
parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
8+
);
79

810
return (
911
<div className="w-full max-w-xl flex flex-col items-start gap-4">

‎apps/docs/content/components/date-input/international-calendar.raw.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@ import {DateValue, parseAbsoluteToLocal} from "@internationalized/date";
44
import {I18nProvider} from "@react-aria/i18n";
55

66
export default function App() {
7-
const [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
7+
const [date, setDate] = React.useState<DateValue | null>(
8+
parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
9+
);
810

911
return (
1012
<div className="flex flex-col gap-4">

‎apps/docs/content/components/date-picker/controlled.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import {DateValue, parseDate, getLocalTimeZone} from "@internationalized/date";
44
import {useDateFormatter} from "@react-aria/i18n";
55

66
export default function App() {
7-
const [value, setValue] = React.useState<DateValue>(parseDate("2024-04-04"));
7+
const [value, setValue] = React.useState<DateValue | null>(parseDate("2024-04-04"));
88

99
let formatter = useDateFormatter({dateStyle: "full"});
1010

‎apps/docs/content/components/date-picker/granularity.raw.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@ import {DatePicker} from "@nextui-org/react";
33
import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
44

55
export default function App() {
6-
let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
6+
let [date, setDate] = React.useState<DateValue | null>(
7+
parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
8+
);
79

810
return (
911
<div className="w-full max-w-xl flex flex-col items-start gap-4">

‎apps/docs/content/components/date-picker/granularity.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ const AppTs = `import {DatePicker} from "@nextui-org/react";
3535
import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
3636
3737
export default function App() {
38-
let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
38+
let [date, setDate] = React.useState<DateValue | null>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
3939
4040
return (
4141
<div className="w-full max-w-xl flex flex-col items-start gap-4">

‎apps/docs/content/components/date-picker/international-calendar.raw.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@ import {DateValue, parseAbsoluteToLocal} from "@internationalized/date";
44
import {I18nProvider} from "@react-aria/i18n";
55

66
export default function App() {
7-
let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
7+
let [date, setDate] = React.useState<DateValue | null>(
8+
parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
9+
);
810

911
return (
1012
<div className="flex flex-col gap-4">

‎apps/docs/content/components/date-picker/preset.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import {useLocale, useDateFormatter} from "@react-aria/i18n";
1212
export default function App() {
1313
let defaultDate = today(getLocalTimeZone());
1414

15-
const [value, setValue] = React.useState<DateValue>(defaultDate);
15+
const [value, setValue] = React.useState<DateValue | null>(defaultDate);
1616

1717
let {locale} = useLocale();
1818
let formatter = useDateFormatter({dateStyle: "full"});

‎apps/docs/content/components/date-range-picker/controlled.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import {parseDate, getLocalTimeZone} from "@internationalized/date";
77
import {useDateFormatter} from "@react-aria/i18n";
88

99
export default function App() {
10-
const [value, setValue] = React.useState<RangeValue<DateValue>>({
10+
const [value, setValue] = React.useState<RangeValue<DateValue> | null>({
1111
start: parseDate("2024-04-01"),
1212
end: parseDate("2024-04-08"),
1313
});

‎apps/docs/content/components/date-range-picker/granularity.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {DateRangePicker} from "@nextui-org/react";
66
import {parseAbsoluteToLocal} from "@internationalized/date";
77

88
export default function App() {
9-
let [date, setDate] = React.useState<RangeValue<DateValue>>({
9+
let [date, setDate] = React.useState<RangeValue<DateValue> | null>({
1010
start: parseAbsoluteToLocal("2024-04-01T18:45:22Z"),
1111
end: parseAbsoluteToLocal("2024-04-08T19:15:22Z"),
1212
});

‎apps/docs/content/components/date-range-picker/international-calendar.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import {parseAbsoluteToLocal} from "@internationalized/date";
77
import {I18nProvider} from "@react-aria/i18n";
88

99
export default function App() {
10-
let [date, setDate] = React.useState<RangeValue<DateValue>>({
10+
let [date, setDate] = React.useState<RangeValue<DateValue> | null>({
1111
start: parseAbsoluteToLocal("2021-04-01T18:45:22Z"),
1212
end: parseAbsoluteToLocal("2021-04-14T19:15:22Z"),
1313
});

‎apps/docs/content/components/range-calendar/presets.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export default function App() {
1919
end: today(getLocalTimeZone()).add({weeks: 1, days: 3}),
2020
});
2121

22-
let [focusedValue, setFocusedValue] = React.useState<DateValue>(today(getLocalTimeZone()));
22+
let [focusedValue, setFocusedValue] = React.useState<DateValue | null>(today(getLocalTimeZone()));
2323

2424
let {locale} = useLocale();
2525

‎apps/docs/content/components/table/custom-styles.raw.jsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -449,9 +449,9 @@ export default function App() {
449449
</Button>
450450
</DropdownTrigger>
451451
<DropdownMenu>
452-
<DropdownItem>View</DropdownItem>
453-
<DropdownItem>Edit</DropdownItem>
454-
<DropdownItem>Delete</DropdownItem>
452+
<DropdownItem key="view">View</DropdownItem>
453+
<DropdownItem key="edit">Edit</DropdownItem>
454+
<DropdownItem key="delete">Delete</DropdownItem>
455455
</DropdownMenu>
456456
</Dropdown>
457457
</div>

‎apps/docs/content/components/table/custom-styles.raw.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -461,9 +461,9 @@ export default function App() {
461461
</Button>
462462
</DropdownTrigger>
463463
<DropdownMenu>
464-
<DropdownItem>View</DropdownItem>
465-
<DropdownItem>Edit</DropdownItem>
466-
<DropdownItem>Delete</DropdownItem>
464+
<DropdownItem key="view">View</DropdownItem>
465+
<DropdownItem key="edit">Edit</DropdownItem>
466+
<DropdownItem key="delete">Delete</DropdownItem>
467467
</DropdownMenu>
468468
</Dropdown>
469469
</div>

‎apps/docs/content/components/table/use-case.raw.jsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -441,9 +441,9 @@ export default function App() {
441441
</Button>
442442
</DropdownTrigger>
443443
<DropdownMenu>
444-
<DropdownItem>View</DropdownItem>
445-
<DropdownItem>Edit</DropdownItem>
446-
<DropdownItem>Delete</DropdownItem>
444+
<DropdownItem key="view">View</DropdownItem>
445+
<DropdownItem key="edit">Edit</DropdownItem>
446+
<DropdownItem key="delete">Delete</DropdownItem>
447447
</DropdownMenu>
448448
</Dropdown>
449449
</div>

‎apps/docs/content/components/table/use-case.raw.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -454,9 +454,9 @@ export default function App() {
454454
</Button>
455455
</DropdownTrigger>
456456
<DropdownMenu>
457-
<DropdownItem>View</DropdownItem>
458-
<DropdownItem>Edit</DropdownItem>
459-
<DropdownItem>Delete</DropdownItem>
457+
<DropdownItem key="view">View</DropdownItem>
458+
<DropdownItem key="edit">Edit</DropdownItem>
459+
<DropdownItem key="delete">Delete</DropdownItem>
460460
</DropdownMenu>
461461
</Dropdown>
462462
</div>

‎apps/docs/content/components/time-input/controlled.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {parseAbsoluteToLocal, Time, ZonedDateTime} from "@internationalized/date
66
import {useDateFormatter} from "@react-aria/i18n";
77

88
export default function App() {
9-
let [value, setValue] = React.useState<TimeInputValue>(
9+
let [value, setValue] = React.useState<TimeInputValue | null>(
1010
parseAbsoluteToLocal("2024-04-08T18:45:22Z"),
1111
);
1212

‎apps/docs/content/components/time-input/granularity.raw.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {TimeInput} from "@nextui-org/react";
55
import {parseAbsoluteToLocal} from "@internationalized/date";
66

77
export default function App() {
8-
let [date, setDate] = React.useState<TimeInputValue>(
8+
let [date, setDate] = React.useState<TimeInputValue | null>(
99
parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
1010
);
1111

‎apps/docs/content/docs/components/date-input.mdx

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -104,9 +104,9 @@ in multiple formats into `ZonedDateTime` objects.
104104

105105
<PackageManagers
106106
commands={{
107-
npm: "npm install @internationalized/date@3.5.5",
108-
yarn: "yarn add @internationalized/date@3.5.5",
109-
pnpm: "pnpm add @internationalized/date@3.5.5",
107+
npm: "npm install @internationalized/date@3.6.0",
108+
yarn: "yarn add @internationalized/date@3.6.0",
109+
pnpm: "pnpm add @internationalized/date@3.6.0",
110110
}}
111111
/>
112112

@@ -129,9 +129,9 @@ in multiple formats into `ZonedDateTime` objects.
129129

130130
<PackageManagers
131131
commands={{
132-
npm: "npm install @internationalized/date@3.5.5 @react-aria/[email protected]",
133-
yarn: "yarn add @internationalized/date@3.5.5 @react-aria/[email protected]",
134-
pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/[email protected]",
132+
npm: "npm install @internationalized/date@3.6.0 @react-aria/[email protected]",
133+
yarn: "yarn add @internationalized/date@3.6.0 @react-aria/[email protected]",
134+
pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/[email protected]",
135135
}}
136136
/>
137137

@@ -153,9 +153,9 @@ in multiple formats into `ZonedDateTime` objects.
153153

154154
<PackageManagers
155155
commands={{
156-
npm: "npm install @internationalized/date@3.5.5",
157-
yarn: "yarn add @internationalized/date@3.5.5",
158-
pnpm: "pnpm add @internationalized/date@3.5.5",
156+
npm: "npm install @internationalized/date@3.6.0",
157+
yarn: "yarn add @internationalized/date@3.6.0",
158+
pnpm: "pnpm add @internationalized/date@3.6.0",
159159
}}
160160
/>
161161

@@ -177,9 +177,9 @@ in multiple formats into `ZonedDateTime` objects.
177177

178178
<PackageManagers
179179
commands={{
180-
npm: "npm install @internationalized/date@3.5.5 @react-aria/[email protected]",
181-
yarn: "yarn add @internationalized/date@3.5.5 @react-aria/[email protected]",
182-
pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/[email protected]",
180+
npm: "npm install @internationalized/date@3.6.0 @react-aria/[email protected]",
181+
yarn: "yarn add @internationalized/date@3.6.0 @react-aria/[email protected]",
182+
pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/[email protected]",
183183
}}
184184
/>
185185

@@ -200,9 +200,9 @@ in multiple formats into `ZonedDateTime` objects.
200200

201201
<PackageManagers
202202
commands={{
203-
npm: "npm install @internationalized/date@3.5.5",
204-
yarn: "yarn add @internationalized/date@3.5.5",
205-
pnpm: "pnpm add @internationalized/date@3.5.5",
203+
npm: "npm install @internationalized/date@3.6.0",
204+
yarn: "yarn add @internationalized/date@3.6.0",
205+
pnpm: "pnpm add @internationalized/date@3.6.0",
206206
}}
207207
/>
208208

@@ -223,9 +223,9 @@ in multiple formats into `ZonedDateTime` objects.
223223

224224
<PackageManagers
225225
commands={{
226-
npm: "npm install @internationalized/date@3.5.5",
227-
yarn: "yarn add @internationalized/date@3.5.5",
228-
pnpm: "pnpm add @internationalized/date@3.5.5",
226+
npm: "npm install @internationalized/date@3.6.0",
227+
yarn: "yarn add @internationalized/date@3.6.0",
228+
pnpm: "pnpm add @internationalized/date@3.6.0",
229229
}}
230230
/>
231231

0 commit comments

Comments
 (0)