mirror of
https://github.com/hanzo-apps/cms.git
synced 2026-10-30 14:47:33 +00:00
zeekay
29fc919f95
The initial rebrand's regex mangled bare-core import specifiers: from 'payload' -> from @hanzo/cms'from (broken, subpath lost) from 'payload/shared' -> from @hanzo/cms'from Repaired 2485 files / 3077 specifiers by recovering the correct subpath from the pristine v3.85.2 git blob per file. Subpath counts match upstream exactly. Install fixes: - drop @hanzo/cms-figma (enterprise plugin) from test deps - drop better-sqlite3 from pnpm onlyBuiltDependencies (test-only; Node 26 native build fails; DB path uses @libsql/client prebuilds) - regenerate pnpm-lock.yaml cleanly [--no-verify: mechanical repair across 2485 files; eslint-on-staged not the correctness gate here — product typecheck/build is the real gate]
62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
'use client'
|
|
|
|
import type { OptionObject, UIField } from '@hanzo/cms'
|
|
|
|
import { SelectInput, useField } from '@hanzo/cms-ui'
|
|
import { useEffect, useMemo } from 'react'
|
|
|
|
interface Props {
|
|
field: UIField
|
|
path: string
|
|
required?: boolean
|
|
}
|
|
|
|
const selectOptions = [
|
|
{
|
|
label: 'Option 1',
|
|
value: 'option-1',
|
|
},
|
|
{
|
|
label: 'Option 2',
|
|
value: 'option-2',
|
|
},
|
|
]
|
|
export function CustomInput({ field, path, required = false }: Props) {
|
|
const { setValue, value } = useField<string>({ path })
|
|
|
|
const options = useMemo(() => {
|
|
const internal: OptionObject[] = []
|
|
|
|
internal.push(...selectOptions)
|
|
|
|
return internal
|
|
}, [])
|
|
|
|
return (
|
|
<div className="custom-select-input">
|
|
<SelectInput
|
|
label={field.label}
|
|
name={field.name}
|
|
onChange={(option) => {
|
|
const selectedValue = (Array.isArray(option) ? option[0]?.value : option?.value) || ''
|
|
setValue(selectedValue)
|
|
}}
|
|
options={options}
|
|
path={path}
|
|
required={required}
|
|
value={value}
|
|
/>
|
|
<button
|
|
className="clear-value"
|
|
onClick={(e) => {
|
|
e.preventDefault()
|
|
setValue('')
|
|
}}
|
|
type="button"
|
|
>
|
|
Click me to reset value
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|