fix(pf4): allow to set container in wizard

Author: rvsia

packages/pf4-component-mapper/src/files/wizard.js

@@ -43,9 +43,10 @@ const WizardInternal = ({
   navSchema,
   activeStepIndex,
   maxStepIndex,
-  isDynamic
+  isDynamic,
+  container
 }) => {
-  const [state, dispatch] = useReducer(reducer, { loading: true });
+  const [state, dispatch] = useReducer(reducer, { loading: true, container });
 
   useEffect(() => {
     if (inModal) {

packages/pf4-component-mapper/src/files/wizard/reducer.js

@@ -6,7 +6,7 @@ const reducer = (state, { type }) => {
         loading: false
       };
     case 'setContainer':
-      return { ...state, container: document.createElement('div') };
+      return { ...state, container: state.container || document.createElement('div') };
     default:
       return state;
   }

packages/react-renderer-demo/src/app/src/doc-components/pf4-wizard.md

@@ -10,6 +10,7 @@ Don't forget hide form controls by setting \`showFormControls\` to \`false\` as
 | description  | string  | undefined  | Description in header |
 | buttonLabels  | object  | see below  | Labels for buttons |
 | inModal  | bool  | undefined  | show form in modal  |
+| container  | HTMLElement | 'div'  | element containing the modal |
 | isCompactNav  | bool  | undefined  | see Patternfly |
 | setFullWidth  | bool  | undefined  | see Patternfly  |
 | setFullHeight  | bool  | undefined  | see Patternfly  |