create-nextjs-cms 0.7.0 → 0.7.2

package/templates/default/components/dndKit/Draggable.tsx

@@ -1,21 +1,21 @@
-import React from 'react'
-import { useDraggable } from '@dnd-kit/core'
-
-function Draggable({ draggableId, children }: { draggableId: string | number; children: React.ReactNode }) {
-    const { attributes, listeners, setNodeRef, transform } = useDraggable({
-        id: draggableId,
-    })
-    const style = transform
-        ? {
-              transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
-          }
-        : undefined
-
-    return (
-        <div ref={setNodeRef} className='float-start' style={style} {...listeners} {...attributes}>
-            {children}
-        </div>
-    )
-}
-
-export default Draggable
+import React from 'react'
+import { useDraggable } from '@dnd-kit/core'
+
+function Draggable({ draggableId, children }: { draggableId: string | number; children: React.ReactNode }) {
+    const { attributes, listeners, setNodeRef, transform } = useDraggable({
+        id: draggableId,
+    })
+    const style = transform
+        ? {
+              transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+          }
+        : undefined
+
+    return (
+        <div ref={setNodeRef} className='float-start' style={style} {...listeners} {...attributes}>
+            {children}
+        </div>
+    )
+}
+
+export default Draggable

package/templates/default/components/dndKit/Droppable.tsx

@@ -1,20 +1,20 @@
-import React from 'react'
-import { useDroppable } from '@dnd-kit/core'
-
-function Droppable({ droppableId, children }: { droppableId: string | number; children: React.ReactNode }) {
-    const { isOver, setNodeRef } = useDroppable({
-        id: droppableId,
-    })
-
-    const style = {
-        color: isOver ? 'green' : undefined,
-    }
-
-    return (
-        <div ref={setNodeRef} style={style}>
-            {children}
-        </div>
-    )
-}
-
-export default Droppable
+import React from 'react'
+import { useDroppable } from '@dnd-kit/core'
+
+function Droppable({ droppableId, children }: { droppableId: string | number; children: React.ReactNode }) {
+    const { isOver, setNodeRef } = useDroppable({
+        id: droppableId,
+    })
+
+    const style = {
+        color: isOver ? 'green' : undefined,
+    }
+
+    return (
+        <div ref={setNodeRef} style={style}>
+            {children}
+        </div>
+    )
+}
+
+export default Droppable

package/templates/default/components/dndKit/SortableItem.tsx

@@ -1,18 +1,18 @@
-import React from 'react'
-import { useSortable } from '@dnd-kit/sortable'
-import { CSS } from '@dnd-kit/utilities'
-
-export default function SortableItem({ id, children }: { id: string | number; children: React.ReactNode }) {
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: id })
-
-    const style = {
-        transform: CSS.Transform.toString(transform),
-        transition,
-    }
-
-    return (
-        <div ref={setNodeRef} style={style} {...attributes} {...listeners}>
-            {children}
-        </div>
-    )
-}
+import React from 'react'
+import { useSortable } from '@dnd-kit/sortable'
+import { CSS } from '@dnd-kit/utilities'
+
+export default function SortableItem({ id, children }: { id: string | number; children: React.ReactNode }) {
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: id })
+
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+    }
+
+    return (
+        <div ref={setNodeRef} style={style} {...attributes} {...listeners}>
+            {children}
+        </div>
+    )
+}

package/templates/default/components/form/DateRangeFormInput.tsx

@@ -1,57 +1,57 @@
-'use client'
-
-import * as React from 'react'
-import dayjs from 'dayjs'
-import type { DateRange } from 'react-day-picker'
-
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
-import { Calendar } from '@/components/ui/calendar'
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
-import { CalendarIcon } from '@radix-ui/react-icons'
-
-export function DatePickerWithRange({ className }: React.HTMLAttributes<HTMLDivElement>) {
-    const [date, setDate] = React.useState<DateRange | undefined>({
-        from: new Date(2020, 0, 20),
-        to: dayjs(new Date(2023, 0, 20))
-            .add(20, 'day')
-            .toDate(),
-    })
-
-    return (
-        <div className={cn('grid gap-2', className)}>
-            <Popover>
-                <PopoverTrigger asChild>
-                    <Button
-                        id='date'
-                        variant={'outline'}
-                        className={cn('justify-start text-left font-normal', !date && 'text-muted-foreground')}
-                    >
-                        <CalendarIcon className='mr-2 h-4 w-4' />
-                        {date?.from ? (
-                            date.to ? (
-                                <>
-                                    {dayjs(date.from).format('MMM DD, YYYY')} - {dayjs(date.to).format('MMM DD, YYYY')}
-                                </>
-                            ) : (
-                                dayjs(date.from).format('MMM DD, YYYY')
-                            )
-                        ) : (
-                            <span>Pick a date</span>
-                        )}
-                    </Button>
-                </PopoverTrigger>
-                <PopoverContent className='w-auto p-0' align='start'>
-                    <Calendar
-                        autoFocus
-                        mode='range'
-                        defaultMonth={date?.from}
-                        selected={date}
-                        onSelect={setDate}
-                        numberOfMonths={2}
-                    />
-                </PopoverContent>
-            </Popover>
-        </div>
-    )
-}
+'use client'
+
+import * as React from 'react'
+import dayjs from 'dayjs'
+import type { DateRange } from 'react-day-picker'
+
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Calendar } from '@/components/ui/calendar'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { CalendarIcon } from '@radix-ui/react-icons'
+
+export function DatePickerWithRange({ className }: React.HTMLAttributes<HTMLDivElement>) {
+    const [date, setDate] = React.useState<DateRange | undefined>({
+        from: new Date(2020, 0, 20),
+        to: dayjs(new Date(2023, 0, 20))
+            .add(20, 'day')
+            .toDate(),
+    })
+
+    return (
+        <div className={cn('grid gap-2', className)}>
+            <Popover>
+                <PopoverTrigger asChild>
+                    <Button
+                        id='date'
+                        variant={'outline'}
+                        className={cn('justify-start text-left font-normal', !date && 'text-muted-foreground')}
+                    >
+                        <CalendarIcon className='mr-2 h-4 w-4' />
+                        {date?.from ? (
+                            date.to ? (
+                                <>
+                                    {dayjs(date.from).format('MMM DD, YYYY')} - {dayjs(date.to).format('MMM DD, YYYY')}
+                                </>
+                            ) : (
+                                dayjs(date.from).format('MMM DD, YYYY')
+                            )
+                        ) : (
+                            <span>Pick a date</span>
+                        )}
+                    </Button>
+                </PopoverTrigger>
+                <PopoverContent className='w-auto p-0' align='start'>
+                    <Calendar
+                        autoFocus
+                        mode='range'
+                        defaultMonth={date?.from}
+                        selected={date}
+                        onSelect={setDate}
+                        numberOfMonths={2}
+                    />
+                </PopoverContent>
+            </Popover>
+        </div>
+    )
+}