[ADF-3550] Migration - Application List Component (#3902)

* [ADF-3538] start creating new folder for cloud components

* [ADF-3538] added new package to the script and the builds

* [ADF-3538] added some more changes to scripts

* [ADF-3538] - starting the new package

* fix package

* Add a cloud component as example

* Skip the scss style

* remove useless codes

* Add i18n example

* remove useless code

* Simplify the hello component
Fix the wrong path

* add the app-list-cloud-component
add the app-details-cloud-component

* Expose and use the new component

* Consume the new package and component from the demoshell

* Fix unit test app list cloud

* Fix process service cloud path

* Remove useless file

* * Added documentation to the appListcloud component

* Fix failing unit tests

demo-shell/src/app/app.module.ts

@@ -63,7 +63,7 @@ import { ContentModule } from '@alfresco/adf-content-services';
 import { InsightsModule } from '@alfresco/adf-insights';
 import { ProcessModule } from '@alfresco/adf-process-services';
 import { AuthBearerInterceptor } from './services';
-import { ProcessServicesCloudModule } from '@alfresco/adf-process-services-cloud';
+import { AppListCloudModule } from '@alfresco/adf-process-services-cloud';
 import { CloudComponent } from './components/cloud/cloud.component';
 
 @NgModule({
@@ -83,7 +83,7 @@ import { CloudComponent } from './components/cloud/cloud.component';
         ThemePickerModule,
         ChartsModule,
         MonacoEditorModule.forRoot(),
-        ProcessServicesCloudModule
+        AppListCloudModule
     ],
     declarations: [
         AppComponent,

demo-shell/src/app/app.routes.ts

@@ -44,7 +44,6 @@ import { CloudComponent } from './components/cloud/cloud.component';
 
 export const appRoutes: Routes = [
     { path: 'login', component: LoginComponent },
-    { path: 'cloud', component: CloudComponent },
     { path: 'logout', component: LogoutComponent },
     {
         path: 'settings',
@@ -134,6 +133,10 @@ export const appRoutes: Routes = [
                 path: 'home',
                 component: HomeComponent
             },
+            {
+                path: 'cloud',
+                component: CloudComponent
+            },
             {
                 path: 'node-selector',
                 loadChildren: 'app/components/content-node-selector/content-node-selector.module#AppContentNodeSelectorModule'

demo-shell/src/app/components/cloud/cloud.component.html

@@ -1,2 +1,2 @@
 
-<adf-cloud-hello></adf-cloud-hello>
+<adf-cloud-app-list></adf-cloud-app-list>

demo-shell/src/app/components/home/home.component.html

@@ -5,8 +5,6 @@
             <h2>{{ 'APP.HOME.TITLE' | translate}}</h2>
         </div>
 
-        <adf-cloud-hello></adf-cloud-hello>
-
         <div class="adf-home-start">
             <a mat-raised-button class="adf-home-docs-button adf-primary-color" href="https://github.com/Alfresco/alfresco-ng2-components/tree/master/docs">{{ 'APP.HOME.DOCUMENTATION' | translate}}</a>
         </div>