✨ [#2] Implement types for several components

[Viicos]

Part of #2

[Viicos]

Regarding the email component missing validateOn, I wonder if it is really missing, considering the following test:

types/test-d/formio/components/email.test-d.ts

Lines 44 to 87 in 05ae49a

	expectAssignable<EmailComponentSchema>({
	id: 'yejak',
	type: 'email',
	// basic tab
	label: 'Some email',
	key: 'someEmail',
	description: '',
	tooltip: 'A tooltip',
	showInSummary: true,
	showInEmail: false,
	showInPDF: true,
	multiple: false,
	hidden: false,
	clearOnHide: true,
	isSensitiveData: true,
	defaultValue: '',
	autocomplete: 'email',
	confirmationRecipient: false,
	// Advanced tab
	conditional: {
	show: undefined,
	when: '',
	eq: '',
	},
	// Validation tab
	validate: {
	required: false,
	plugins: [],
	},
	translatedErrors: {nl: {required: 'Geef email.'}},
	errors: {required: 'Geef email.'},
	// registration tab
	registration: {
	attribute: '',
	},
	// translations tab in builder form
	openForms: {
	translations: {
	nl: {label: 'foo'},
	},
	},
	// fixed but not editable
	validateOn: 'blur',
	});

[sergei-maertens]

missing tests :)

[sergei-maertens]

Regarding the email component missing validateOn, I wonder if it is really missing, considering the following test:

types/test-d/formio/components/email.test-d.ts

Lines 44 to 87 in 05ae49a

	expectAssignable<EmailComponentSchema>({
	id: 'yejak',
	type: 'email',
	// basic tab
	label: 'Some email',
	key: 'someEmail',
	description: '',
	tooltip: 'A tooltip',
	showInSummary: true,
	showInEmail: false,
	showInPDF: true,
	multiple: false,
	hidden: false,
	clearOnHide: true,
	isSensitiveData: true,
	defaultValue: '',
	autocomplete: 'email',
	confirmationRecipient: false,
	// Advanced tab
	conditional: {
	show: undefined,
	when: '',
	eq: '',
	},
	// Validation tab
	validate: {
	required: false,
	plugins: [],
	},
	translatedErrors: {nl: {required: 'Geef email.'}},
	errors: {required: 'Geef email.'},
	// registration tab
	registration: {
	attribute: '',
	},
	// translations tab in builder form
	openForms: {
	translations: {
	nl: {label: 'foo'},
	},
	},
	// fixed but not editable
	validateOn: 'blur',
	});

I think I'd prefer having it so that we can do some interesting stuff in the renderer in the future with onBlur / onChange props for validation. Would be nice if the type checker prevents you from wiring up validation behaviour if validateOn doesn't support that particular trigger.

[sergei-maertens]

After fixing the tests, feel free to merge this & release a new version :)