fix: ts errors and section deprecation

jolbol1 · Jan 30, 2025 · 3c2487a · 3c2487a
1 parent bf36baf
commit 3c2487a
Show file tree

Hide file tree

Showing 12 changed files with 78 additions and 63 deletions.
diff --git a/bun.lock b/bun.lock
@@ -26,7 +26,7 @@
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-resizable-panels": "^2.1.4",
-        "react-stately": "^3.33.0",
+        "react-stately": "^3.35.0",
         "react-wrap-balancer": "^1.1.1",
         "tailwind-merge": "^2.5.4",
         "ts-morph": "^24.0.0",

diff --git a/package.json b/package.json
@@ -36,7 +36,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-resizable-panels": "^2.1.4",
-    "react-stately": "^3.33.0",
+    "react-stately": "^3.35.0",
     "react-wrap-balancer": "^1.1.1",
     "tailwind-merge": "^2.5.4",
     "ts-morph": "^24.0.0",
@@ -76,5 +76,6 @@
     "typescript": "^5.6.3",
     "unist-builder": "4.0.0",
     "unist-util-visit": "^5.0.0"
-  }
+  },
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/public/sitemap.xml b/public/sitemap.xml
diff --git a/src/registry/default/example/datefield/datefield-granularity.tsx b/src/registry/default/example/datefield/datefield-granularity.tsx
@@ -15,6 +15,7 @@ export default function DateFieldGranularity() {
     <div className="flex flex-col gap-2">
       <DateField
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="second"
         defaultValue={parseZonedDateTime(
@@ -27,6 +28,7 @@ export default function DateFieldGranularity() {
       </DateField>
       <DateField
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="day"
         defaultValue={parseZonedDateTime(

diff --git a/src/registry/default/example/datepicker/datepicker-granularity.tsx b/src/registry/default/example/datepicker/datepicker-granularity.tsx
@@ -28,6 +28,7 @@ export default function DatepickerGranularity() {
     <div className="flex flex-col gap-2">
       <DatePicker
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="second"
         className="min-w-[208px] space-y-1"
@@ -60,6 +61,7 @@ export default function DatepickerGranularity() {
 
       <DatePicker
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="day"
         className="min-w-[208px] space-y-1"

diff --git a/src/registry/default/example/grid-list/grid-list-drag-between.tsx b/src/registry/default/example/grid-list/grid-list-drag-between.tsx
@@ -29,6 +29,7 @@ function DndGridList(props: DndGridListProps) {
         let item = list.getItem(key)
         return {
           "custom-app-type": JSON.stringify(item),
+          // @ts-expect-error RAC bug
           "text/plain": item.name,
         }
       })

diff --git a/src/registry/default/example/list-box/list-box-drag-between.tsx b/src/registry/default/example/list-box/list-box-drag-between.tsx
@@ -29,6 +29,7 @@ function DndListBox(props: DndListBoxProps) {
         let item = list.getItem(key)
         return {
           "custom-app-type": JSON.stringify(item),
+          // @ts-expect-error RAC bug
           "text/plain": item.name,
         }
       })

diff --git a/src/registry/default/ui/list-box.tsx b/src/registry/default/ui/list-box.tsx
@@ -8,13 +8,13 @@ import {
   ListBoxItem as AriaListBoxItem,
   ListBoxItemProps as AriaListBoxItemProps,
   ListBoxProps as AriaListBoxProps,
-  Section as AriaSection,
+  ListBoxSection as AriaListBoxSection,
   composeRenderProps,
 } from "react-aria-components"
 
 import { cn } from "@/lib/utils"
 
-const ListBoxSection = AriaSection
+const ListBoxSection = AriaListBoxSection
 
 const ListBoxCollection = AriaCollection
 

diff --git a/src/registry/new-york/example/datefield/datefield-granularity.tsx b/src/registry/new-york/example/datefield/datefield-granularity.tsx
@@ -15,6 +15,7 @@ export default function DateFieldGranularity() {
     <div className="flex flex-col gap-2">
       <DateField
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="second"
         defaultValue={parseZonedDateTime(
@@ -27,6 +28,7 @@ export default function DateFieldGranularity() {
       </DateField>
       <DateField
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="day"
         defaultValue={parseZonedDateTime(

diff --git a/src/registry/new-york/example/datepicker/datepicker-granularity.tsx b/src/registry/new-york/example/datepicker/datepicker-granularity.tsx
@@ -28,6 +28,7 @@ export default function DatepickerGranularity() {
     <div className="flex flex-col gap-2">
       <DatePicker
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="second"
         className="min-w-[208px] space-y-1"
@@ -60,6 +61,7 @@ export default function DatepickerGranularity() {
 
       <DatePicker
         value={date}
+        // @ts-expect-error RAC bug
         onChange={setDate}
         granularity="day"
         className="min-w-[208px] space-y-1"

diff --git a/src/registry/new-york/example/grid-list/grid-list-drag-between.tsx b/src/registry/new-york/example/grid-list/grid-list-drag-between.tsx
@@ -29,6 +29,7 @@ function DndGridList(props: DndGridListProps) {
         let item = list.getItem(key)
         return {
           "custom-app-type": JSON.stringify(item),
+          // @ts-expect-error RAC bug
           "text/plain": item.name,
         }
       })

diff --git a/src/registry/new-york/example/list-box/list-box-drag-between.tsx b/src/registry/new-york/example/list-box/list-box-drag-between.tsx
@@ -29,6 +29,7 @@ function DndListBox(props: DndListBoxProps) {
         let item = list.getItem(key)
         return {
           "custom-app-type": JSON.stringify(item),
+          // @ts-expect-error RAC bug
           "text/plain": item.name,
         }
       })