Tenant Onboarding Wizard

src/_nav.jsx

@@ -142,6 +142,11 @@ const _nav = [
         name: 'App Consent Requests',
         to: '/tenant/administration/app-consent-requests',
       },
+      {
+        component: CNavItem,
+        name: 'Tenant Onboarding',
+        to: '/tenant/administration/tenant-onboarding-wizard',
+      },
       {
         component: CNavItem,
         name: 'Tenant Offboarding',

src/adminRoutes.js

@@ -14,6 +14,9 @@ const appapproval = React.lazy(() => import('src/views/cipp/AppApproval'))
 const TenantOffboardingWizard = React.lazy(() =>
   import('src/views/tenant/administration/TenantOffboardingWizard'),
 )
+const TenantOnboardingWizard = React.lazy(() =>
+  import('src/views/tenant/administration/TenantOnboardingWizard'),
+)
 
 const adminRoutes = [
   { path: '/cipp', name: 'CIPP' },
@@ -46,6 +49,11 @@ const adminRoutes = [
     name: 'Tenant Offboarding',
     component: TenantOffboardingWizard,
   },
+  {
+    path: '/tenant/administration/tenant-onboarding-wizard',
+    name: 'Tenant Onboarding',
+    component: TenantOnboardingWizard,
+  },
 ]
 
 export default adminRoutes

src/components/layout/CippWizard.jsx

@@ -13,6 +13,7 @@ export default class CippWizard extends React.Component {
     onPageChange: PropTypes.func,
     nextPage: PropTypes.func,
     previousPage: PropTypes.func,
+    hideSubmit: PropTypes.bool,
   }
 
   static defaultProps = {
@@ -27,6 +28,7 @@ export default class CippWizard extends React.Component {
       page: 0,
       values: props.initialValues,
       wizardTitle: props.wizardTitle,
+      hideSubmit: props.hideSubmit,
     }
   }
 
@@ -64,7 +66,7 @@ export default class CippWizard extends React.Component {
 
   render() {
     const { children } = this.props
-    const { page, values, wizardTitle } = this.state
+    const { page, values, wizardTitle, hideSubmit } = this.state
     const activePage = React.Children.toArray(children)[page]
     const isLastPage = page === React.Children.count(children) - 1
 
@@ -104,7 +106,7 @@ export default class CippWizard extends React.Component {
                           Next »
                         </CButton>
                       )}
-                      {isLastPage && (
+                      {isLastPage && !hideSubmit && (
                         <>
                           <CButton type="submit" disabled={submitting}>
                             Submit

src/components/tables/WizardTableField.jsx

@@ -13,6 +13,7 @@ export default class WizardTableField extends React.Component {
     reportName: PropTypes.string.isRequired,
     keyField: PropTypes.string.isRequired,
     path: PropTypes.string.isRequired,
+    params: PropTypes.object,
     columns: PropTypes.array.isRequired,
     fieldProps: PropTypes.object,
   }
@@ -56,7 +57,7 @@ export default class WizardTableField extends React.Component {
   }
 
   render() {
-    const { reportName, keyField, columns, path } = this.props
+    const { reportName, keyField, columns, path, params, ...props } = this.props
     return (
       <CippDatatable
         reportName={reportName}
@@ -65,12 +66,14 @@ export default class WizardTableField extends React.Component {
         actions={false}
         striped
         path={path}
+        params={params}
         disablePDFExport={true}
         disableCSVExport={true}
         tableProps={{
           selectableRows: true,
           onSelectedRowsChange: this.handleSelect,
         }}
+        {...props}
       />
     )
   }