Fix: Invalid <Loading references to steps.ts

- Updated steps.ts files

src/datasets/routes.ts

 import Loading from 'ui/common/Loading';
 import * as Loadable from 'react-loadable';
 
+import steps from 'datasets/ui/dashboard/dataset-stepper/steps';
+
 import { ROLE_ADMINISTRATOR, ROLE_USER } from 'constants/userRoles';
 
 const publicRoutes = [
@@ -88,10 +90,7 @@ const dashboardRoutes = [
       title: 'datasets.dashboard.p.stepper.publisher',
     },
     routes: [
-      ...Loadable({
-        loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps'),
-        loading: Loading,
-      }),
+      ...steps,
     ],
   },
 ];

src/datasets/ui/dashboard/dataset-stepper/steps.ts

-import BasicInfoStep from 'datasets/ui/dashboard/dataset-stepper/steps/basic-info';
-import ReviewAndPublishStep from 'datasets/ui/dashboard/dataset-stepper/steps/review';
-import ReorderTraitsStep from 'datasets/ui/dashboard/dataset-stepper/steps/reorder';
-import Traits from 'datasets/ui/dashboard/dataset-stepper/steps/traits';
-import PastingTraitsStep from 'datasets/ui/dashboard/dataset-stepper/steps/pasting-traits';
-import AccessionsListStep from 'datasets/ui/dashboard/dataset-stepper/steps/accessions-list';
-import LocationStep from 'datasets/ui/dashboard/dataset-stepper/steps/location';
-import FilesStep from 'datasets/ui/dashboard/dataset-stepper/steps/files';
-import Creators from 'datasets/ui/dashboard/dataset-stepper/steps/creators';
+import Loading from 'ui/common/Loading';
+import * as Loadable from 'react-loadable';
 
 const steps = [
   {
     id: 1,
     name: 'datasets.dashboard.p.stepper.basicInfo.title',
     path: 'edit',
-    component: BasicInfoStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/basic-info'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 2,
     name: 'datasets.dashboard.p.stepper.attachments.title',
     path: 'edit/files',
-    component: FilesStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/files'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 3,
     name: 'datasets.dashboard.p.stepper.creators.title',
     path: 'edit/dataset-creator',
-    component: Creators,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/creators'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 4,
     name: 'datasets.dashboard.p.stepper.location.title',
     path: 'edit/location',
-    component: LocationStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/location'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 5,
     name: 'datasets.dashboard.p.stepper.listOfAccessions.title',
     path: 'edit/list-of-accessions',
-    component: AccessionsListStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/accessions-list'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 6,
     name: 'datasets.dashboard.p.stepper.pastingTraits.title',
     path: 'edit/pasting-traits',
-    component: PastingTraitsStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/pasting-traits'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 7,
     name: 'datasets.dashboard.p.stepper.traits',
     path: 'edit/traits-observed',
-    component: Traits,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/traits'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 8,
     name: 'datasets.dashboard.p.stepper.reorder',
     path: 'edit/reorder-descriptors',
-    component: ReorderTraitsStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/reorder'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 9,
     name: 'datasets.dashboard.p.stepper.review',
     path: 'edit/review-and-publish',
-    component: ReviewAndPublishStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "datasets" */'datasets/ui/dashboard/dataset-stepper/steps/review'),
+      loading: Loading,
+    }),
     exact: true,
   },
 ];

src/descriptorlists/routes.ts

 import Loading from 'ui/common/Loading';
 import * as Loadable from 'react-loadable';
 
+import steps from 'descriptorlists/ui/dashboard/descriptorlist-stepper/steps';
+
 import { ROLE_ADMINISTRATOR, ROLE_USER } from 'constants/userRoles';
 
 
@@ -59,7 +61,7 @@ const dashboardRoutes = [
       {
         path: '/',
         component: Loadable({
-          loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps'),
+          loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/basic-info'),
           loading: Loading,
         }),
         exact: true,
@@ -69,7 +71,7 @@ const dashboardRoutes = [
   {
     path: '/descriptorlists/:uuid([a-z\\-0-9]+)/',
     component: Loadable({
-      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/basic-info'),
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/StepperPage'),
       loading: Loading,
     }),
     auth: [ROLE_USER, ROLE_ADMINISTRATOR],
@@ -77,10 +79,7 @@ const dashboardRoutes = [
       title: 'Descriptor list publisher',
     },
     routes: [
-      ...Loadable({
-        loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps'),
-        loading: Loading,
-      }),
+      ...steps,
     ],
   },
 ];

src/descriptorlists/ui/dashboard/descriptorlist-stepper/steps.ts

-import SelectDescriptorsStep from 'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/select';
-import ImportDescriptorsStep from 'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/import';
-import ReorderDescriptorsStep from 'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/reorder';
-import ReviewDescriptorListStep from 'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/review';
-
-import DescriptorListBasicStep from 'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/basic-info';
+import Loading from 'ui/common/Loading';
+import * as Loadable from 'react-loadable';
 
 const steps = [
   {
     id: 1,
     name: 'descriptorlists.dashboard.p.stepper.basicInfo',
     path: 'edit',
-    component: DescriptorListBasicStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/basic-info'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 2,
     name: 'descriptorlists.dashboard.p.stepper.import.title',
     path: 'edit/import-descriptors',
-    component: ImportDescriptorsStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/import'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 3,
     name: 'descriptorlists.dashboard.p.stepper.select',
     path: 'edit/select-descriptors',
-    component: SelectDescriptorsStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/select'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 4,
     name: 'descriptorlists.dashboard.p.stepper.reorder',
     path: 'edit/reorder-descriptors',
-    component: ReorderDescriptorsStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/reorder'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 5,
     name: 'descriptorlists.dashboard.p.stepper.review',
     path: 'edit/review-and-publish',
-    component: ReviewDescriptorListStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "descriptorlists" */'descriptorlists/ui/dashboard/descriptorlist-stepper/steps/review'),
+      loading: Loading,
+    }),
     exact: true,
   },
 ];

src/requests/routes.ts

 import Loading from 'ui/common/Loading';
 import * as Loadable from 'react-loadable';
 
+import steps from 'requests/ui/request-stepper/steps';
+
 const publicRoutes = [
   {
     path: '/requests',
@@ -12,10 +14,7 @@ const publicRoutes = [
       title: 'Requesting material from holding institutes',
     },
     routes: [
-      ...Loadable({
-        loader: () => import(/* webpackMode:"lazy", webpackChunkName: "requests" */'requests/ui/request-stepper/steps'),
-        loading: Loading,
-      }),
+      ...steps,
     ],
   },
 ];

src/requests/ui/request-stepper/steps.ts

-import AccessionsListStep from 'requests/ui/request-stepper/steps/accessionsList';
-import RequestInfoStep from 'requests/ui/request-stepper/steps/requestInfo';
-import ConfirmStep from 'requests/ui/request-stepper/steps/confirm';
+import Loading from 'ui/common/Loading';
+import * as Loadable from 'react-loadable';
 
 const steps = [
   {
     id: 1,
     name: 'requests.public.p.stepper.accessionsList.stepName',
     path: '/create',
-    component: AccessionsListStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "requests" */'requests/ui/request-stepper/steps/accessionsList'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 2,
     name: 'requests.public.p.stepper.requestInfo.stepName',
     path: '/create/request-info',
-    component: RequestInfoStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "requests" */'requests/ui/request-stepper/steps/requestInfo'),
+      loading: Loading,
+    }),
     exact: true,
   },
   {
     id: 3,
     name: 'requests.public.p.stepper.confirm.stepName',
     path: '/create/submit',
-    component: ConfirmStep,
+    component: Loadable({
+      loader: () => import(/* webpackMode:"lazy", webpackChunkName: "requests" */'requests/ui/request-stepper/steps/confirm'),
+      loading: Loading,
+    }),
     exact: true,
   },
 ];

src/subsets/routes.ts

 import Loading from 'ui/common/Loading';
 import * as Loadable from 'react-loadable';
 
+import steps from 'subsets/ui/dashboard/subset-stepper/steps';
+
 import { ROLE_ADMINISTRATOR, ROLE_USER } from 'constants/userRoles';
 
 const publicRoutes = [
@@ -75,10 +77,7 @@ const dashboardRoutes = [
       title: 'Subset create',
     },
     routes: [
-      ...Loadable({
-        loader: () => import(/* webpackMode:"lazy", webpackChunkName: "subsets" */'subsets/ui/dashboard/subset-stepper/steps'),
-        loading: Loading,
-      }),
+      ...steps,
     ],
   },
 

src/subsets/ui/dashboard/subset-stepper/steps.ts

-import ReviewStep from 'subsets/ui/dashboard/subset-stepper/steps/review';
-import CreatorsStep from 'subsets/ui/dashboard/subset-stepper/steps/creators';
-import AccessionsListStep from 'subsets/ui/dashboard/subset-stepper/steps/accessions-list';
-import BasicInfoStep from 'subsets/ui/dashboard/subset-stepper/steps/basic-info';
+import Loading from 'ui/common/Loading';
+import * as Loadable from 'react-loadable';
 
 const steps = [
     {
         id: 1,
         name: 'subsets.dashboard.p.stepper.basicInfo.stepName',
         path: 'edit',
-        component: BasicInfoStep,
+        component: Loadable({
+            loader: () => import(/* webpackMode:"lazy", webpackChunkName: "subsets" */'subsets/ui/dashboard/subset-stepper/steps/basic-info'),
+            loading: Loading,
+        }),
         exact: true,
     },
     {
         id: 2,
         name: 'subsets.dashboard.p.stepper.accessionList.stepName',
         path: 'edit/list-of-accessions',
-        component: AccessionsListStep,
+        component: Loadable({
+            loader: () => import(/* webpackMode:"lazy", webpackChunkName: "subsets" */'subsets/ui/dashboard/subset-stepper/steps/accessions-list'),
+            loading: Loading,
+        }),
         exact: true,
     },
     {
         id: 3,
         name: 'subsets.dashboard.p.stepper.creators.stepName',
         path: 'edit/creators',
-        component: CreatorsStep,
+        component: Loadable({
+            loader: () => import(/* webpackMode:"lazy", webpackChunkName: "subsets" */'subsets/ui/dashboard/subset-stepper/steps/creators'),
+            loading: Loading,
+        }),
         exact: true,
     },
     {
         id: 4,
         name: 'subsets.dashboard.p.stepper.review.stepName',
         path: 'edit/review-and-publish',
-        component: ReviewStep,
+        component: Loadable({
+            loader: () => import(/* webpackMode:"lazy", webpackChunkName: "subsets" */'subsets/ui/dashboard/subset-stepper/steps/review'),
+            loading: Loading,
+        }),
         exact: true,
     },
 ];