@mantine/form: Expose FormValidateInput or validation in external file

[guy-ecton]

I'm using @mantine/form and want to write the validation rule in a file.
I get the list of fields from the DB so I don't know their names. But I do know their types.

I want to write a function that dynamically creates the validation object, and need access to it FormValidateInput.

// Comp.tsx
import validationRules from './validation.ts'

function Comp() {
  const fields: Field[] = ...
  const form = useForm({
   ...
   validation: validationRules(fields)
  })
}

// validation.ts
function createRules(fields: Field[]) {
  return fields.reduce((acc, field) => {
    if (field.type === 'boolean') {
     acc[field.name] = (value: boolean) => typeof value === "boolean" ? null : 'invalid type'
    } else {
     acc[field.name] = isNotEmpty()
    }
   return acc
  },
 {} // <-- typescript needs a type in here
 )
}

Thanks

[rtivital]

I do not understand what you need from the @mantine/form library

[guy-ecton]

I need to supply proper typing for that {} (initial value in reduce). Or else, typescript yells at me.

[rtivital]

If you know exact type, then specify it. If you don't know it, use Record<string, any>

[guy-ecton]

So, the exact type, as I understand it, is FormValidateInput.
Having Record<string, any> is not narrow enough, which impacts DX for us.

[rtivital]

If you really need this, use UseFormInput type from @mantine/form package. To learn how to use it, see https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/form/src/types.ts