Add documentation for Ant Wizard in the mappers section

Author: Arun-42

packages/react-renderer-demo/src/doc-components/examples-texts/ant/ant-wizard.md

@@ -0,0 +1,54 @@
+import CommonWizard from '../wizard.md';
+
+This a custom component. OnSubmit will send only values from visited steps.
+
+**Props**
+
+|Prop|Type|Default|Description|
+|-------------|-------------|-------------|-------------|
+|buttonLabels|object of nodes | see below | Labels for buttons |
+|stepsInfo|array of objects| [] | Titles for steps |
+|WizardProps | object | {} | Props passed to the root div |
+|ButtonToolbarProps | object | {} | Props passed to the div wrapping buttons |
+|DirectionButtonProps | object | {} | Props passed to the div wrapping back/next buttons |
+|CancelButtonProps| object | {} | Props passed to the cancel button |
+|BackButtonProps| object | {} | Props passed to the back button |
+|NextButtonProps| object | {} | Props passed to the next button |
+|SubmitButtonProps| object | {} | Props passed to the submit button |
+
+**stepsInfo**
+
+```jsx
+stepsInfo: [
+  { title: 'Add a source', subTitle: 'Source' }, 
+  { title: 'Configure a source' }, 
+  { title: 'Summary' }
+]
+```
+
+Supplying `stepsInfo` will create a steps component on top of the form displaying each step title and allowing for easy navigation. It should be an array of objects, one per step.
+
+The object items will be passed as props to a step component. See [here](https://ant.design/components/steps/#Steps.Step).
+
+**Default buttonLabels**
+
+```jsx
+{
+  cancel: 'Cancel',
+  back: 'Back',
+  next: 'Next',
+  submit: 'Submit',
+}
+```
+
+You can rewrite only selection of them, e.g.
+
+```jsx
+{
+  submit: 'Deploy',
+}
+```
+
+(Others will stay default)
+
+<CommonWizard />

packages/react-renderer-demo/src/doc-components/field-array.js

@@ -7,6 +7,7 @@ import SuirFieldArray from './examples-texts/suir/suir-field-array.md';
 import BlueprintFieldArray from './examples-texts/blueprint/blueprint-field-array.md';
 import GenericMuiComponent from '../helpers/generic-mui-component';
 import AntFieldArray from './examples-texts/ant/ant-field-array.md';
+
 const FieldArray = ({ activeMapper }) => {
   if (activeMapper === 'mui') {
     return <MuiFieldArray />;

packages/react-renderer-demo/src/doc-components/wizard.js

@@ -4,6 +4,7 @@ import MuiWizard from './examples-texts/mui/mui-wizard.md';
 import Pf4Wizard from './examples-texts/pf4/pf4-wizard.md';
 import Pf3Wizard from './examples-texts/pf3/pf3-wizard.md';
 import SuirWizard from './examples-texts/suir/suir-wizard.md';
+import AntWizard from './examples-texts/ant/ant-wizard.md'
 import BlueprintWizard from './examples-texts/blueprint/blueprint-wizard.md';
 import GenericMuiComponent from '../helpers/generic-mui-component';
 
@@ -28,6 +29,10 @@ const Wizard = ({ activeMapper }) => {
     return <BlueprintWizard />;
   }
 
+  if (activeMapper === 'ant') {
+    return <AntWizard />;
+  }
+
   return <GenericMuiComponent activeMapper={activeMapper} component="wizard" />;
 };
 

packages/react-renderer-demo/src/helpers/generic-mui-component.js

@@ -54,7 +54,7 @@ const mapperLinks = {
     [componentTypes.TABS]: 'tabs',
     [componentTypes.DATE_PICKER]: 'date-picker',
     [componentTypes.TIME_PICKER]: 'time-picker',
-    [componentTypes.WIZARD]: 'steps',
+    [componentTypes.WIZARD]: '',
     [componentTypes.SWITCH]: 'switch',
     [componentTypes.TEXTAREA]: 'input/#Input.TextArea',
     [componentTypes.SELECT]: 'select',