Утилиты

import { withUIMeta, withUIMetaDeep } from '@letar/forms'

const nameField = withUIMeta(z.string(), { title: 'Имя', placeholder: 'Введите имя' })

const Schema = withUIMetaDeep(
  z.object({
    name: z.string(),
    email: z.string().email(),
  }),
  {
    name: { title: 'Имя' },
    email: { title: 'Email' },
  }
)

import { textMeta, numberMeta, booleanMeta, dateMeta, enumMeta, relationMeta } from '@letar/forms'

z.string().meta(textMeta('Заголовок', { placeholder: 'Введите...' }))
z.number().meta(numberMeta('Цена', { min: 0 }))
z.boolean().meta(booleanMeta('Активный'))

traverseSchema(Schema, (path, fieldSchema) => {
  console.log(path, fieldSchema._def.typeName)
})

const paths = getFieldPaths(Schema)
// ['name', 'email', 'address.street', 'address.city']

const constraints = getZodConstraints(z.string().min(2).max(100).email())
// { minLength: 2, maxLength: 100, format: 'email' }

generateConstraintHint(constraints) // → "Minimum 2 characters"
generateConstraintHint(constraints, 'ru') // → "Минимум 2 символа"

const AppForm = createForm({
  extraFields: { PlateNumber: FieldPlateNumber },
  lazySelects: {
    Category: () => import('./selects/select-category').then((m) => m.SelectCategory),
  },
})

<RelationFieldProvider
  relations={{
    category: { useQuery: useFindManyCategory, labelField: 'name' },
  }}
>
  <Form schema={Schema} onSubmit={save}>
    <Form.Field.Select name="categoryId" />
  </Form>
</RelationFieldProvider>

const EnhancedForm = withRelations(BaseForm, {
  category: { useQuery: useFindManyCategory, labelField: 'name' },
})