Is there any example of Wizard customization?

[maxdev]

I need to add custom handlers for prev and next buttons.

[rvsia]

Hello, what mapper do you use?

The only mapper that currently supports buttons customization in wizard is the PF4 mapper.

We can add it to other mappers as well, if there is a requirement to do it.

(also transfering this to discussion)

[maxdev]

Hi @rvsia
I'm trying to reimplement wizard component. But I have one issue with overriding components.

When I'm doing like this and then use 'my-wizard' in name of custom wizard component:

import { merge } from 'lodash-es';
import MuiComponentMapper from '@data-driven-forms/mui-component-mapper/component-mapper';
import MyWizard from 'forms/components/MyWizard';

const componentMapper = merge({}, MuiComponentMapper, {
  'my-wizard': MyWizard,
});

export default componentMapper;

It throws me an error:

Form could not be rendered, because of invalid form schema.
DefaultSchemaError:
Each fields item must have "component" property!
If you don't know what this error means, please contact site administrator.

But this works fine:

import { merge } from 'lodash-es';
import MuiComponentMapper from '@data-driven-forms/mui-component-mapper/component-mapper';
import MyWizard from 'forms/components/MyWizard';

const componentMapper = merge({}, MuiComponentMapper, {
  wizard: MyWizard,
});

export default componentMapper;

[rvsia]

@maxdev oh, well. There is an exception that wizard steps do not have to have any component attribute and this exception is bind to the wizard keyword. I think the overwriting is correct, if you don’t need to use both wizard components at the same time in one form. Or you can add a custom fake “wizard-step” component and use it in the schema in wizard step fields to pass the schema validation.

[maxdev]

Thanks for reply. I just was confused if I'm doing in right way. Luckily I don't need different wizards. But I suppose it would be nice to have few words about this in documentation. 😉

[rvsia]

Yeah, I agree, but unfortunately it hasn't been a big issue before and so it has a very low priority. (Actually, I wanted always to make it more configurable.)

[Hyperkid123]

@maxdev If you end up re-implementing the wizard and it will use the common package, could you share it with us? I think it would be a great addition.