create-nextjs-cms 0.9.30 → 0.9.32

package/templates/default/components/form/inputs/textarea-form-input.tsx

@@ -1,61 +1,61 @@
-import FormInputElement from '@/components/form/form-input-element'
-import { TextAreaFieldClientConfig } from 'nextjs-cms/core/fields'
-import { useController, useFormContext } from 'react-hook-form'
-import { useLocale } from '@/components/form/content-locale-context'
-import { useUILanguage } from 'nextjs-cms/translations/client'
-
-export default function TextareaFormInput({
-    input,
-    defaultValue,
-    direction,
-}: {
-    input: TextAreaFieldClientConfig
-    defaultValue?: string | null
-    direction?: 'row' | 'col'
-}) {
-    const { control } = useFormContext()
-    const {
-        field,
-        fieldState: { invalid, isTouched, isDirty, error },
-    } = useController({
-        name: input.name,
-        control,
-        defaultValue: defaultValue ?? input.value ?? undefined,
-        disabled: input.readonly,
-    })
-    const locale = useLocale()
-    const uiLanguage = useUILanguage()
-
-    return (
-        <FormInputElement
-            validationError={error}
-            value={<div style={{ maxHeight: '200px', overflow: 'auto', wordBreak: 'break-all' }}>{input.value}</div>}
-            readonly={input.readonly}
-            label={input.label}
-            required={input.required}
-        >
-            <textarea
-                placeholder={input.label}
-                dir={
-                    input.rtl !== undefined
-                        ? input.rtl
-                            ? 'rtl'
-                            : 'ltr'
-                        : locale
-                          ? locale.rtl
-                              ? 'rtl'
-                              : 'ltr'
-                          : uiLanguage.dir
-                }
-                readOnly={input.readonly}
-                disabled={field.disabled}
-                name={field.name}
-                onChange={field.onChange}
-                onBlur={field.onBlur}
-                value={field.value}
-                ref={field.ref}
-                className='bg-input text-foreground h-[150px] w-full rounded p-3 shadow-xs ring-2 ring-gray-300 outline-0 hover:ring-gray-400 focus:ring-blue-500'
-            ></textarea>
-        </FormInputElement>
-    )
-}
+import FormInputElement from '@/components/form/form-input-element'
+import { TextAreaFieldClientConfig } from 'nextjs-cms/core/fields'
+import { useController, useFormContext } from 'react-hook-form'
+import { useLocale } from '@/components/form/content-locale-context'
+import { useUILanguage } from 'nextjs-cms/translations/client'
+
+export default function TextareaFormInput({
+    input,
+    defaultValue,
+    direction,
+}: {
+    input: TextAreaFieldClientConfig
+    defaultValue?: string | null
+    direction?: 'row' | 'col'
+}) {
+    const { control } = useFormContext()
+    const {
+        field,
+        fieldState: { invalid, isTouched, isDirty, error },
+    } = useController({
+        name: input.name,
+        control,
+        defaultValue: defaultValue ?? input.value ?? undefined,
+        disabled: input.readonly,
+    })
+    const locale = useLocale()
+    const uiLanguage = useUILanguage()
+
+    return (
+        <FormInputElement
+            validationError={error}
+            value={<div style={{ maxHeight: '200px', overflow: 'auto', wordBreak: 'break-all' }}>{input.value}</div>}
+            readonly={input.readonly}
+            label={input.label}
+            required={input.required}
+        >
+            <textarea
+                placeholder={input.label}
+                dir={
+                    input.rtl !== undefined
+                        ? input.rtl
+                            ? 'rtl'
+                            : 'ltr'
+                        : locale
+                          ? locale.rtl
+                              ? 'rtl'
+                              : 'ltr'
+                          : uiLanguage.dir
+                }
+                readOnly={input.readonly}
+                disabled={field.disabled}
+                name={field.name}
+                onChange={field.onChange}
+                onBlur={field.onBlur}
+                value={field.value}
+                ref={field.ref}
+                className='bg-input text-foreground h-[150px] w-full rounded p-3 shadow-xs ring-2 ring-gray-300 outline-0 hover:ring-gray-400 focus:ring-blue-500'
+            ></textarea>
+        </FormInputElement>
+    )
+}

package/templates/default/components/layout/default-nav-items.tsx

@@ -1,3 +1,3 @@
-import { NavItem } from 'nextjs-cms/core/types'
-
-export const DefaultNavItems: NavItem[] = []
+import { NavItem } from 'nextjs-cms/core/types'
+
+export const DefaultNavItems: NavItem[] = []

package/templates/default/components/layout/layout.tsx

@@ -1,84 +1,84 @@
-'use client'
-
-import classNames from 'classnames'
-import React, { useState } from 'react'
-import Navbar from '@/components/layout/navbar'
-import Sidebar from '@/components/layout/sidebar'
-import Modal from '@/components/feedback/modal'
-import { Toaster } from '@/components/ui/toaster'
-import { useSession } from 'nextjs-cms/auth/react'
-import LoadingSpinners from '@/components/feedback/loading-spinners'
-
-function Layout({
-    children,
-    logoUrlPath,
-    logoText,
-    isRTL,
-}: {
-    children: React.ReactNode
-    logoUrlPath: string
-    logoText: string
-    isRTL: boolean
-}) {
-    const [showMobileSidebar, setShowMobileSidebar] = useState(false)
-    const session = useSession({
-        required: true,
-    })
-
-    return (
-        <div
-            className={classNames({
-                'bg-background text-foreground flex min-h-screen flex-col': true,
-                'overflow-hidden': true,
-            })}
-        >
-            <div>
-                {session.status === 'loading' ? (
-                    <div className='align-center flex w-full flex-row items-center justify-center p-2'>
-                        <LoadingSpinners />
-                    </div>
-                ) : (
-                    <>
-                        <Sidebar
-                            closeSideBar={() => {
-                                setShowMobileSidebar(false)
-                            }}
-                            mobileSidebar={showMobileSidebar}
-                            logoUrlPath={logoUrlPath}
-                            logoText={logoText}
-                            isRTL={isRTL}
-                        />
-                        {showMobileSidebar && (
-                            // Display a black transparent div to close the sidebar when clicked outside
-                            <div
-                                className='fixed top-0 left-0 z-15 h-full w-full bg-black/80 md:hidden'
-                                onClick={() => setShowMobileSidebar(false)}
-                            ></div>
-                        )}
-                        <div
-                            className={classNames({
-                                'transition-all duration-100 ease-in-out': true,
-                                'float-right': !isRTL,
-                                'float-left': isRTL,
-                                'w-full md:w-[calc(100%-275px)]': true,
-                            })}
-                        >
-                            <Navbar onMenuButtonClick={() => setShowMobileSidebar((prev) => !prev)} />
-                            <div
-                                className={classNames({
-                                    'h-full w-full': true,
-                                })}
-                            >
-                                {children}
-                            </div>
-                        </div>
-                        <Modal />
-                        <Toaster />
-                    </>
-                )}
-            </div>
-        </div>
-    )
-}
-
-export default Layout
+'use client'
+
+import classNames from 'classnames'
+import React, { useState } from 'react'
+import Navbar from '@/components/layout/navbar'
+import Sidebar from '@/components/layout/sidebar'
+import Modal from '@/components/feedback/modal'
+import { Toaster } from '@/components/ui/toaster'
+import { useSession } from 'nextjs-cms/auth/react'
+import LoadingSpinners from '@/components/feedback/loading-spinners'
+
+function Layout({
+    children,
+    logoUrlPath,
+    logoText,
+    isRTL,
+}: {
+    children: React.ReactNode
+    logoUrlPath: string
+    logoText: string
+    isRTL: boolean
+}) {
+    const [showMobileSidebar, setShowMobileSidebar] = useState(false)
+    const session = useSession({
+        required: true,
+    })
+
+    return (
+        <div
+            className={classNames({
+                'bg-background text-foreground flex min-h-screen flex-col': true,
+                'overflow-hidden': true,
+            })}
+        >
+            <div>
+                {session.status === 'loading' ? (
+                    <div className='align-center flex w-full flex-row items-center justify-center p-2'>
+                        <LoadingSpinners />
+                    </div>
+                ) : (
+                    <>
+                        <Sidebar
+                            closeSideBar={() => {
+                                setShowMobileSidebar(false)
+                            }}
+                            mobileSidebar={showMobileSidebar}
+                            logoUrlPath={logoUrlPath}
+                            logoText={logoText}
+                            isRTL={isRTL}
+                        />
+                        {showMobileSidebar && (
+                            // Display a black transparent div to close the sidebar when clicked outside
+                            <div
+                                className='fixed top-0 left-0 z-15 h-full w-full bg-black/80 md:hidden'
+                                onClick={() => setShowMobileSidebar(false)}
+                            ></div>
+                        )}
+                        <div
+                            className={classNames({
+                                'transition-all duration-100 ease-in-out': true,
+                                'float-right': !isRTL,
+                                'float-left': isRTL,
+                                'w-full md:w-[calc(100%-275px)]': true,
+                            })}
+                        >
+                            <Navbar onMenuButtonClick={() => setShowMobileSidebar((prev) => !prev)} />
+                            <div
+                                className={classNames({
+                                    'h-full w-full': true,
+                                })}
+                            >
+                                {children}
+                            </div>
+                        </div>
+                        <Modal />
+                        <Toaster />
+                    </>
+                )}
+            </div>
+        </div>
+    )
+}
+
+export default Layout