Merge pull request #958 from rvsia/fixWizardClassname

fix(pf4): fix wizard classname prop

Author: Hyperkid123

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

@@ -40,6 +40,7 @@ const WizardInternal = ({
   hasNoBodyPadding,
   navAriaLabel,
   StepTemplate,
+  className,
   ...rest
 }) => {
   const {
@@ -86,7 +87,7 @@ const WizardInternal = ({
   return (
     <Modal inModal={inModal} container={state.container}>
       <div
-        className={`pf-c-wizard ${inModal ? '' : 'no-shadow'} ddorg__pf4-component-mapper__wizard`}
+        className={`pf-c-wizard ${inModal ? '' : 'no-shadow'} ddorg__pf4-component-mapper__wizard ${className ? className : ''}`}
         role="dialog"
         aria-modal={inModal ? 'true' : undefined}
         onKeyDown={onKeyDown}
@@ -165,7 +166,8 @@ WizardInternal.propTypes = {
   hasNoBodyPadding: PropTypes.bool,
   navAriaLabel: PropTypes.string,
   container: PropTypes.instanceOf(Element),
-  StepTemplate: PropTypes.elementType
+  StepTemplate: PropTypes.elementType,
+  className: PropTypes.string
 };
 
 const defaultLabels = {

packages/pf4-component-mapper/src/tests/wizard/__snapshots__/wizard.test.js.snap

@@ -458,7 +458,7 @@ exports[`<Wizard /> should render correctly and unmount 1`] = `
                         >
                           <Modal>
                             <div
-                              className="pf-c-wizard no-shadow ddorg__pf4-component-mapper__wizard"
+                              className="pf-c-wizard no-shadow ddorg__pf4-component-mapper__wizard "
                               name="wizard"
                               onKeyDown={[Function]}
                               role="dialog"
@@ -1666,7 +1666,7 @@ exports[`<Wizard /> should render correctly in modal and unmount 1`] = `
                                     >
                                       <div
                                         aria-modal="true"
-                                        class="pf-c-wizard  ddorg__pf4-component-mapper__wizard"
+                                        class="pf-c-wizard  ddorg__pf4-component-mapper__wizard "
                                         name="wizard"
                                         role="dialog"
                                       >
@@ -1835,7 +1835,7 @@ exports[`<Wizard /> should render correctly in modal and unmount 1`] = `
                                       >
                                         <div
                                           aria-modal="true"
-                                          class="pf-c-wizard  ddorg__pf4-component-mapper__wizard"
+                                          class="pf-c-wizard  ddorg__pf4-component-mapper__wizard "
                                           name="wizard"
                                           role="dialog"
                                         >
@@ -2002,7 +2002,7 @@ exports[`<Wizard /> should render correctly in modal and unmount 1`] = `
                                       >
                                         <div
                                           aria-modal="true"
-                                          className="pf-c-wizard  ddorg__pf4-component-mapper__wizard"
+                                          className="pf-c-wizard  ddorg__pf4-component-mapper__wizard "
                                           name="wizard"
                                           onKeyDown={[Function]}
                                           role="dialog"