Release-6.2.0 (#8705 )

* bump versions to 6.2.0 * release reports * changelog * update lock file
Bump semver from 7.3.8 to 7.5.3 in /tools/doc (#8699 )
2026-09-16 18:13:06 +00:00 · 2023-06-26 12:24:30 -04:00 · 2023-06-26 04:04:34 -04:00 · 2023-06-23 17:14:43 +02:00 · 2023-06-23 09:13:55 -04:00 · 2023-06-22 04:31:29 -04:00
3182 changed files with 73941 additions and 50271 deletions
@@ -0,0 +1,193 @@
+path = require('path');
+module.exports = {
+  root: true,
+  ignorePatterns: [
+    'projects/**/*',
+    '**/node_modules/**/*',
+    'lib/cli/node_modules/**/*',
+    '**/node_modules',
+    '**/docker',
+    '**/assets',
+    '**/scripts',
+    '**/docs'
+  ],
+  overrides: [
+    {
+      files: [
+        '*.ts'
+      ],
+      parserOptions: {
+        project: [
+          path.join(__dirname, 'tsconfig.json'),
+          path.join(__dirname, 'e2e/tsconfig.e2e.json')
+        ],
+        createDefaultProgram: true
+      },
+      extends: [
+        'plugin:@angular-eslint/ng-cli-compat',
+        'plugin:@angular-eslint/ng-cli-compat--formatting-add-on',
+        'plugin:@angular-eslint/template/process-inline-templates'
+      ],
+      plugins: [
+        'eslint-plugin-unicorn',
+        'eslint-plugin-rxjs',
+        'ban',
+        'license-header'
+      ],
+      rules: {
+        'ban/ban': [
+          'error',
+          { name: 'eval', message: 'Calls to eval is not allowed.' },
+          { name: 'fdescribe', message: 'Calls to fdescribe is not allowed' },
+          { name: 'fit', message: 'Calls to fit is not allowed' },
+          { name: 'xit', message: 'Calls to xit is not allowed' },
+          { name: 'xdescribe', message: 'Calls to xdescribe is not allowed' },
+          { name: ['test', 'only'], message: 'Calls to test.only is not allowed' },
+          { name: ['describe', 'only'], message: 'Calls to describe.only is not allowed' }
+        ],
+        '@angular-eslint/component-selector': [
+          'error',
+          {
+            type: 'element',
+            prefix: [
+              'adf',
+              'app'
+            ],
+            style: 'kebab-case'
+          }
+        ],
+        '@angular-eslint/directive-selector': [
+          'error',
+          {
+            type: [
+              'element',
+              'attribute'
+            ],
+            prefix: [
+              'adf',
+              'app'
+            ],
+            style: 'kebab-case'
+          }
+        ],
+        '@angular-eslint/no-host-metadata-property': 'off',
+        '@angular-eslint/no-input-prefix': 'error',
+        '@typescript-eslint/consistent-type-definitions': 'error',
+        '@typescript-eslint/dot-notation': 'off',
+        '@typescript-eslint/explicit-member-accessibility': [
+          'off',
+          {
+            accessibility: 'explicit'
+          }
+        ],
+        '@typescript-eslint/no-inferrable-types': 'off',
+        '@typescript-eslint/no-require-imports': 'off',
+        '@typescript-eslint/no-var-requires': 'error',
+        '@typescript-eslint/naming-convention': [
+          'error',
+          {
+            selector: [
+              'classProperty',
+              'objectLiteralProperty',
+              'typeProperty',
+              'classMethod',
+              'objectLiteralMethod',
+              'typeMethod',
+              'accessor',
+              'enumMember'
+            ],
+            format: null,
+            modifiers: ['requiresQuotes']
+          }
+        ],
+        '@typescript-eslint/member-ordering': 'off',
+        'prefer-arrow/prefer-arrow-functions': 'off',
+
+        'brace-style': [
+          'error',
+          '1tbs'
+        ],
+        'comma-dangle': 'error',
+        'default-case': 'error',
+        'import/order': 'off',
+        'max-len': [
+          'error',
+          {
+            code: 240
+          }
+        ],
+        'no-bitwise': 'off',
+        'no-console': [
+          'error',
+          {
+            allow: [
+              'warn',
+              'dir',
+              'timeLog',
+              'assert',
+              'clear',
+              'count',
+              'countReset',
+              'group',
+              'groupEnd',
+              'table',
+              'dirxml',
+              'error',
+              'groupCollapsed',
+              'Console',
+              'profile',
+              'profileEnd',
+              'timeStamp',
+              'context'
+            ]
+          }
+        ],
+        'no-duplicate-imports': 'error',
+        'no-multiple-empty-lines': 'error',
+        'no-redeclare': 'error',
+        'no-return-await': 'error',
+        'rxjs/no-create': 'error',
+        'rxjs/no-subject-unsubscribe': 'error',
+        'rxjs/no-subject-value': 'error',
+        'rxjs/no-unsafe-takeuntil': 'error',
+        'unicorn/filename-case': 'error',
+        '@typescript-eslint/no-unused-expressions': [
+          'error',
+          {
+            allowShortCircuit: true,
+            allowTernary: true
+          }
+        ],
+        'license-header/header': ['error',
+            [
+                '/*!',
+                ' * @license',
+                ' * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.',
+                ' *',
+                ' * Licensed under the Apache License, Version 2.0 (the \"License\");',
+                ' * you may not use this file except in compliance with the License.',
+                ' * You may obtain a copy of the License at',
+                ' *',
+                ' *     http://www.apache.org/licenses/LICENSE-2.0',
+                ' *',
+                ' * Unless required by applicable law or agreed to in writing, software',
+                ' * distributed under the License is distributed on an \"AS IS\" BASIS,',
+                ' * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.',
+                ' * See the License for the specific language governing permissions and',
+                ' * limitations under the License.',
+                ' */'
+            ]
+        ]
+      }
+    },
+    {
+      files: [
+        '*.html'
+      ],
+      extends: [
+        'plugin:@angular-eslint/template/recommended'
+      ],
+      rules: {}
+    }
+  ]
+}
@@ -1,173 +0,0 @@
-{
-  "root": true,
-  "ignorePatterns": [
-    "projects/**/*",
-    "**/node_modules/**/*",
-    "lib/cli/node_modules/**/*",
-    "**/node_modules",
-    "**/docker",
-    "**/assets",
-    "**/scripts",
-    "**/docs"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "*.ts"
-      ],
-      "parserOptions": {
-        "project": [
-          "tsconfig.json",
-          "e2e/tsconfig.e2e.json"
-        ],
-        "createDefaultProgram": true
-      },
-      "extends": [
-        "plugin:@angular-eslint/ng-cli-compat",
-        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
-        "plugin:@angular-eslint/template/process-inline-templates"
-      ],
-      "plugins": [
-        "eslint-plugin-unicorn",
-        "eslint-plugin-rxjs",
-        "ban",
-        "license-header"
-      ],
-      "rules": {
-        "ban/ban": [
-          "error",
-          { "name": "eval", "message": "Calls to eval is not allowed." },
-          { "name": "fdescribe", "message": "Calls to fdescribe is not allowed" },
-          { "name": "fit", "message": "Calls to fit is not allowed" },
-          { "name": "xit", "message": "Calls to xit is not allowed" },
-          { "name": "xdescribe", "message": "Calls to xdescribe is not allowed" },
-          { "name": ["test", "only"], "message": "Calls to test.only is not allowed" },
-          { "name": ["describe", "only"], "message": "Calls to describe.only is not allowed" }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": [
-              "adf",
-              "app"
-            ],
-            "style": "kebab-case"
-          }
-        ],
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": [
-              "element",
-              "attribute"
-            ],
-            "prefix": [
-              "adf",
-              "app"
-            ],
-            "style": "kebab-case"
-          }
-        ],
-        "@angular-eslint/no-host-metadata-property": "off",
-        "@angular-eslint/no-input-prefix": "error",
-        "@typescript-eslint/consistent-type-definitions": "error",
-        "@typescript-eslint/dot-notation": "off",
-        "@typescript-eslint/explicit-member-accessibility": [
-          "off",
-          {
-            "accessibility": "explicit"
-          }
-        ],
-        "@typescript-eslint/no-inferrable-types": "off",
-        "@typescript-eslint/no-require-imports": "off",
-        "@typescript-eslint/no-var-requires": "error",
-        "@typescript-eslint/naming-convention": [
-          "error",
-          {
-            "selector": [
-              "classProperty",
-              "objectLiteralProperty",
-              "typeProperty",
-              "classMethod",
-              "objectLiteralMethod",
-              "typeMethod",
-              "accessor",
-              "enumMember"
-            ],
-            "format": null,
-            "modifiers": ["requiresQuotes"]
-          }
-        ],
-        "@typescript-eslint/member-ordering": "off",
-        "prefer-arrow/prefer-arrow-functions": "off",
-
-        "brace-style": [
-          "error",
-          "1tbs"
-        ],
-        "comma-dangle": "error",
-        "default-case": "error",
-        "import/order": "off",
-        "max-len": [
-          "error",
-          {
-            "code": 240
-          }
-        ],
-        "no-bitwise": "off",
-        "no-console": [
-          "error",
-          {
-            "allow": [
-              "warn",
-              "dir",
-              "timeLog",
-              "assert",
-              "clear",
-              "count",
-              "countReset",
-              "group",
-              "groupEnd",
-              "table",
-              "dirxml",
-              "error",
-              "groupCollapsed",
-              "Console",
-              "profile",
-              "profileEnd",
-              "timeStamp",
-              "context"
-            ]
-          }
-        ],
-        "no-duplicate-imports": "error",
-        "no-multiple-empty-lines": "error",
-        "no-redeclare": "error",
-        "no-return-await": "error",
-        "rxjs/no-create": "error",
-        "rxjs/no-subject-unsubscribe": "error",
-        "rxjs/no-subject-value": "error",
-        "rxjs/no-unsafe-takeuntil": "error",
-        "unicorn/filename-case": "error",
-        "@typescript-eslint/no-unused-expressions": [
-          "error",
-          {
-            "allowShortCircuit": true,
-            "allowTernary": true
-          }
-        ],
-        "license-header/header": ["error", "./license-community.txt"]
-      }
-    },
-    {
-      "files": [
-        "*.html"
-      ],
-      "extends": [
-        "plugin:@angular-eslint/template/recommended"
-      ],
-      "rules": {}
-    }
-  ]
-}
@@ -36,14 +36,6 @@ runs:
        echo "Setting up CI to run with commit flag [affected:*] flag."
        echo "BREAK_ACTION=true" >> $GITHUB_ENV

-    - name: ci:force flag parser
-      shell: bash
-      if: ${{ contains(github.event.head_commit.message , '[ci:force]') }}
-      run: |
-        echo "Forcing CI to run with commit flag [ci:force]."
-        echo CI_FORCE_RUN=true >> $GITHUB_ENV
-        echo "BREAK_ACTION=true" >> $GITHUB_ENV
-
    - name: PULL_REQUEST event
      if: ${{ env.BREAK_ACTION == false && github.event_name == 'pull_request' && !github.event.pull_request.merged }}
      shell: bash
@@ -38,6 +38,10 @@ inputs:
  apa-proxy: #
    description: "proxy host"
    required: true
+  deps:
+    description: "Library dependencies"
+    required: false
+    default: ""

 runs:
  using: "composite"
@@ -48,6 +52,8 @@ runs:
        if [[ -n "${{ inputs.apa-proxy }}" ]]; then
          echo "APA proxy set."
          echo "PROXY_HOST_BPM=${E2E_HOST_APA}" >> $GITHUB_ENV
+          echo "PROXY_HOST_ECM=${E2E_IDENTITY_HOST_APA}" >> $GITHUB_ENV
+          echo "HOST_SSO=${E2E_IDENTITY_HOST_APA}" >> $GITHUB_ENV
        fi

    - name: install aws cli
@@ -107,7 +113,7 @@ runs:
      run: |
        set -u;
        ./node_modules/@alfresco/adf-cli/bin/adf-cli init-aae-env \
-          --oauth "$E2E_HOST" \
+          --oauth "$E2E_IDENTITY_HOST_APA" \
          --host "$E2E_HOST_APA" \
          --modelerUsername "$E2E_MODELER_USERNAME" \
          --modelerPassword "$E2E_MODELER_PASSWORD" \
@@ -115,12 +121,13 @@ runs:
          --devopsPassword "$E2E_DEVOPS_PASSWORD" \
          --clientId 'alfresco' || exit 1

-    - name: variables sanification
+    - name: variables sanitization
      env:
        FOLDER: "${{ inputs.e2e-test-folder }}"
        PROVIDER: "${{ inputs.e2e-test-provider }}"
        AUTH_TYPE: "${{ inputs.e2e-test-auth }}"
        E2E_TEST_ID: "${{ inputs.e2e-test-id }}"
+        DEPS: "${{ inputs.deps }}"
      shell: bash
      run: |
        set -u;
@@ -134,6 +141,7 @@ runs:
        PROVIDER: "${{ inputs.e2e-test-provider }}"
        AUTH_TYPE: "${{ inputs.e2e-test-auth }}"
        E2E_TEST_ID: "${{ inputs.e2e-test-id }}"
+        DEPS: "${{ inputs.deps }}"

      uses: nick-fields/retry@v2.8.2
      with:
@@ -149,9 +157,9 @@ runs:
            export DISPLAY=:99
            chromedriver --url-base=/wd/hub &
            sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 & # optional
-            bash ./scripts/github/e2e/e2e.sh "$E2E_TEST_ID" "browser" || exit 1
+            bash ./scripts/github/e2e/e2e.sh "$E2E_TEST_ID" "$DEPS" "browser" || exit 1
          else
-            bash ./scripts/github/e2e/e2e.sh "$E2E_TEST_ID" || exit 1
+            bash ./scripts/github/e2e/e2e.sh "$E2E_TEST_ID" "$DEPS" || exit 1
          fi

    - name: upload artifacts on gh
@@ -22,7 +22,7 @@ runs:
      - name: install NPM
        uses: actions/setup-node@v3
        with:
-          node-version: 14
+          node-version-file: '.nvmrc'
          cache-dependency-path: package-lock.json
      - name: get latest tag sha
        id: tag-sha
@@ -56,6 +56,3 @@ runs:
        uses: ./.github/actions/before-install
        with:
          act: ${{ inputs.act }}
-      - name: link nx executable
-        run: sudo ln -s $(npm bin)/nx /usr/bin/nx
-        shell: bash
@@ -1,101 +0,0 @@
-name: "upstream adf"
-
-on:
-  workflow_call:
-    inputs:
-      repo_to_update:
-          description: Repository to update
-          type: string
-          required: false
-          default: alfresco-applications
-  workflow_dispatch:
-    inputs:
-      cluster_operation:
-        description: trigger adf test
-        type: choice
-        required: true
-        options:
-          - TRIGGER_ALPHA_ADF
-        default: TRIGGER_ALPHA_ADF
-      repo_to_update:
-        description: Repository to update
-        type: choice
-        required: true
-        options:
-          - all
-          - alfresco-content-app
-          - alfresco-applications
-          - alfresco-apps
-        default: all
-
-env:
-  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
-  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-  GITHUB_BRANCH: ${{ github.ref_name }}
-  GH_TOKEN: ${{ secrets.BOT_GITHUB_TOKEN }}
-  GH_BUILD_DIR: ${{ github.workspace }}
-  GH_COMMIT: ${{ github.sha }}
-  BUILD_ID: ${{ github.run_id }}
-  GH_RUN_NUMBER: ${{ github.run_attempt }}
-  GH_BUILD_NUMBER: ${{ github.run_id }}
-  JOB_ID: ${{ github.run_id }}
-  PROXY_HOST_BPM: ${{ secrets.E2E_HOST }}
-  E2E_HOST_APA: ${{ secrets.E2E_HOST_APA }}
-  E2E_HOST: ${{ secrets.E2E_HOST }}
-  E2E_USERNAME: ${{ secrets.E2E_ADMIN_EMAIL_IDENTITY }}
-  E2E_PASSWORD: ${{ secrets.E2E_PASSWORD }}
-  E2E_ADMIN_EMAIL_IDENTITY: ${{ secrets.E2E_ADMIN_EMAIL_IDENTITY }}
-  E2E_ADMIN_PASSWORD_IDENTITY: ${{ secrets.E2E_ADMIN_PASSWORD_IDENTITY }}
-  USERNAME_ADF: ${{ secrets.E2E_USERNAME }}
-  PASSWORD_ADF: ${{ secrets.E2E_PASSWORD }}
-  URL_HOST_ADF: ${{ secrets.URL_HOST_ADF }}
-  IDENTITY_ADMIN_EMAIL: ${{ secrets.E2E_ADMIN_EMAIL_IDENTITY }}
-  IDENTITY_ADMIN_PASSWORD: ${{ secrets.E2E_ADMIN_PASSWORD_IDENTITY }}
-  AWS_S3_BUCKET_ACTIVITI_LICENSE: ${{ secrets.AWS_S3_BUCKET_ACTIVITI_LICENSE }}
-  HOST_SSO: ${{ secrets.HOST_SSO }}
-  LOG_LEVEL: "ERROR"
-  E2E_LOG_LEVEL: "ERROR"
-  E2E_MODELER_USERNAME: ${{ secrets.E2E_MODELER_USERNAME }}
-  E2E_MODELER_PASSWORD: ${{ secrets.E2E_MODELER_PASSWORD }}
-  EXTERNAL_ACS_HOST: ${{ secrets.EXTERNAL_ACS_HOST }}
-  E2E_DEVOPS_USERNAME: ${{ secrets.E2E_DEVOPS_USERNAME }}
-  E2E_DEVOPS_PASSWORD: ${{ secrets.E2E_DEVOPS_PASSWORD }}
-  USERNAME_SUPER_ADMIN_ADF: ${{ secrets.USERNAME_SUPER_ADMIN_ADF }}
-  PASSWORD_SUPER_ADMIN_ADF: ${{ secrets.PASSWORD_SUPER_ADMIN_ADF }}
-  HR_USER: ${{ secrets.HR_USER }}
-  HR_USER_PASSWORD: ${{ secrets.HR_USER_PASSWORD }}
-  NPM_REGISTRY_ADDRESS: ${{ secrets.NPM_REGISTRY_ADDRESS }}
-  NPM_REGISTRY_TOKEN: ${{ secrets.NPM_REGISTRY_TOKEN }}
-  DOCKER_REPOSITORY_USER: ${{ secrets.DOCKER_REPOSITORY_USER }}
-  DOCKER_REPOSITORY_PASSWORD: ${{ secrets.DOCKER_REPOSITORY_PASSWORD }}
-  DOCKER_REPOSITORY_DOMAIN: ${{ secrets.DOCKER_REPOSITORY_DOMAIN }}
-  DOCKER_REPOSITORY_STORYBOOK: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/storybook"
-  DOCKER_REPOSITORY: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/demo-shell"
-  NODE_OPTIONS: "--max-old-space-size=5120"
-  GH_PACKAGES_READ_ONLY_TOKEN: ${{ secrets.HYLAND_GH_PACKAGES_READ_ONLY_TOKEN }}
-
-jobs:
-  trigger_adf:
-    name: trigger adf
-    runs-on: ubuntu-latest
-    steps:
-        - name: Checkout repository
-          uses: actions/checkout@v3
-          with:
-            fetch-depth: 0
-        - name: install NPM
-          uses: actions/setup-node@v3
-          with:
-            node-version: 14
-            cache-dependency-path: package-lock.json
-        # - name: Debug on failure
-        #   uses: mxschmitt/action-tmate@v3
-        #   with:
-        #     timeout-minutes: 60
-        #     limit-access-to-actor: true
-        - name: Trigger Alpha ADF child build
-          shell: bash
-          if: ${{ contains(github.event.head_commit.message, '[trigger adf]') || inputs.cluster_operation == 'TRIGGER_ALPHA_ADF' || github.event.schedule == '0 12 * * *'  }}
-          run: |
-            npm install github-api
-            ./scripts/github/update/update-project.sh -p $GH_BUILD_NUMBER -t $GH_TOKEN -v alpha -c $GH_COMMIT -r ${{ inputs.repo_to_update }}
@@ -18,6 +18,7 @@ env:
  JOB_ID: ${{ github.run_id }}
  PROXY_HOST_BPM: ${{ secrets.E2E_HOST }}
  E2E_HOST_APA: ${{ secrets.E2E_HOST_APA }}
+  E2E_IDENTITY_HOST_APA: ${{ secrets.E2E_IDENTITY_HOST_APA }}
  E2E_HOST: ${{ secrets.E2E_HOST }}
  E2E_USERNAME: ${{ secrets.E2E_ADMIN_EMAIL_IDENTITY }}
  E2E_PASSWORD: ${{ secrets.E2E_PASSWORD }}
@@ -70,4 +71,6 @@ jobs:
  run-e2e:
    name: run e2e
    uses: ./.github/workflows/pull-request.yml
+    with:
+      cron-run: true
    secrets: inherit
@@ -1,27 +0,0 @@
-name: "cron upstream daily"
-
-on:
-  schedule:
-    - cron: '0 12 * * *'  
-
-jobs:
-  adf-upstream-alpha-alfresco-aca:
-    name: trigger upstream alpha for alfresco-content-app    
-    uses: ./.github/workflows/adf_alpha.yml
-    secrets: inherit
-    with:
-      repo_to_update: alfresco-content-app
-
-  adf-upstream-alpha-alfresco-apps:
-    name: trigger upstream alpha for alfresco-applications    
-    uses: ./.github/workflows/adf_alpha.yml
-    secrets: inherit
-    with:
-      repo_to_update: alfresco-applications
-
-  adf-upstream-alpha-hxp:
-    name: trigger upstream alpha for hxp monorepo
-    uses: ./.github/workflows/adf_alpha.yml
-    secrets: inherit
-    with:
-      repo_to_update: alfresco-apps
@@ -1,16 +0,0 @@
-name: pr-workflow
-
-on:
-  push:
-    branches:
-      - "devops/*"
-
-
-jobs:
-
-  adf-upstream-alpha-hxp:
-    name: trigger upstream alpha for hxp monorepo
-    uses: ./.github/workflows/adf_alpha.yml
-    secrets: inherit
-    with:
-      repo_to_update: alfresco-apps
@@ -3,7 +3,7 @@ name: "git-tag"
 on:
  workflow_call:
    inputs:
-      dry-run-release:
+      dry-run-flag:
        description: 'enable dry-run on artifact push'
        required: false
        type: boolean
@@ -26,6 +26,7 @@ env:
  GH_BUILD_NUMBER: ${{ github.run_id }}
  JOB_ID: ${{ github.run_id }}
  PROXY_HOST_BPM: ${{ secrets.E2E_HOST }}
+  E2E_IDENTITY_HOST_APA: ${{ secrets.E2E_IDENTITY_HOST_APA }}
  E2E_HOST_APA: ${{ secrets.E2E_HOST_APA }}
  E2E_HOST: ${{ secrets.E2E_HOST }}
  E2E_USERNAME: ${{ secrets.E2E_ADMIN_EMAIL_IDENTITY }}
@@ -61,7 +62,7 @@ env:
  DOCKER_REPOSITORY: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/demo-shell"
  NPM_REGISTRY_ADDRESS: ${{ secrets.NPM_REGISTRY_ADDRESS }}
  NPM_REGISTRY_TOKEN: ${{ secrets.NPM_REGISTRY_TOKEN }}
-  GITHUB_TOKEN: ${{ secrets.BOT_GITHUB_TOKEN }}
+  BOT_GITHUB_TOKEN: ${{ secrets.BOT_GITHUB_TOKEN }}
  REPO_OWNER: "Alfresco"
  REPO_NAME: "alfresco-ng2-components"
  DEMO_SHELL_DIR: "./dist/demo-shell"
@@ -84,7 +85,7 @@ jobs:
    uses: ./.github/workflows/release.yml
    secrets: inherit
    with:
-      dry-run-release: false
+      dry-run-flag: false

  setup:
    needs: release
@@ -92,18 +93,18 @@ jobs:
    name: "Release tag"
    runs-on: ubuntu-22.04
    env:
-      GITHUB_TOKEN: $GH_TOKEN
+      GITHUB_TOKEN: $BOT_GITHUB_TOKEN
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
      - id: set-dryrun
        uses: ./.github/actions/enable-dryrun
        with:
-          dry-run-flag: ${{ inputs.dry-run-release }}
+          dry-run-flag: ${{ inputs.dry-run-flag }}
      - name: install NPM
        uses: actions/setup-node@v3
        with:
-          node-version: 14
+          node-version-file: '.nvmrc'
      - name: "Release tag"
        run: |
          git fetch --all --quiet
@@ -0,0 +1,29 @@
+name: Package published
+on:
+  registry_package:
+    types: [published]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    if: github.event.registry_package.package_type == 'npm' && github.event.registry_package.name == 'adf-core'
+    steps:
+      - name: Dispatch event to monorepo
+        uses: actions/github-script@v6
+        with:
+          github-token: ${{ secrets.PAT_WRITE_PKG }}
+          retries: 3
+          script: |
+            const payload = {
+              package_name: "${{ github.event.registry_package.name }}",
+              package_version: "${{ github.event.registry_package.package_version.name }}"
+            };
+
+            await github.rest.repos.createDispatchEvent({
+              owner: context.repo.owner,
+              repo: "alfresco-apps",
+              event_type: "package-published",
+              client_payload: payload
+            });
+
+            console.log(`Trigger a dispatch event for the monorepo`);
@@ -3,7 +3,7 @@ name: "pull-request"
 on:
  workflow_call:
    inputs:
-      dry-run-release:
+      dry-run-flag:
        description: 'enable dry-run on artifact push'
        required: false
        type: boolean
@@ -13,6 +13,11 @@ on:
        required: false
        type: string
        default: false
+      cron-run:
+        description: 'disables jobs which should not run when cron runs e2es'
+        required: false
+        type: boolean
+        default: false
  pull_request:
    types: [opened, synchronize, reopened]
    branches:
@@ -38,6 +43,7 @@ env:
  GH_BUILD_NUMBER: ${{ github.run_id }}
  JOB_ID: ${{ github.run_id }}
  PROXY_HOST_BPM: ${{ secrets.E2E_HOST }}
+  E2E_IDENTITY_HOST_APA: ${{ secrets.E2E_IDENTITY_HOST_APA }}
  E2E_HOST_APA: ${{ secrets.E2E_HOST_APA }}
  E2E_HOST: ${{ secrets.E2E_HOST }}
  E2E_USERNAME: ${{ secrets.E2E_ADMIN_EMAIL_IDENTITY }}
@@ -87,21 +93,20 @@ env:
  PLAYWRIGHT_STORYBOOK_E2E_PORT: 4400
  PROXY_HOST_ECM: ${{ secrets.E2E_HOST }}

-
-
 jobs:
  check-package-lock:
    runs-on: ubuntu-22.04
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
+
      - name: Check package-lock.json version
        run: |
-          if [[ $(jq '.lockfileVersion == 2' package-lock.json) == "true" ]] ; then
-            echo -e "\033[31mpackage-lock must be version 1\033[0m"
-            exit 1
+          if [[ $(jq '.lockfileVersion == 3' package-lock.json) == "true" ]] ; then
+            echo "package-lock.json has a correct version"
          else
-            echo -e "\033[32mpackage-lock.json has a correct version\033[0m"
+            echo "package-lock must be version 3"
+            exit 1
          fi

  check-if-pr-is-approved:
@@ -109,18 +114,52 @@ jobs:
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
-      - name: Check if PR is approved
-        id: action
+        with:
+         fetch-depth: 0
+
+      - name: Get branch name
+        uses: Alfresco/alfresco-build-tools/.github/actions/get-branch-name@v1.36.0
+
+      - name: Save commit message
+        uses: Alfresco/alfresco-build-tools/.github/actions/get-commit-message@v1.36.0
+
+      - name: ci:force flag parser
+        shell: bash
+        run: |
+          if [ "${{ github.event_name }}" == "schedule" ] || [ "${{ github.actor }}" == "dependabot[bot]" ]; then
+            echo -e "\033[32mci:force check can be skipped\033[0m"
+            skip_check="true"
+          elif [[ "$COMMIT_MESSAGE" == *"[ci:force]"* ]]; then
+              echo -e "\033[32m[ci:force] flag detected. No need for approval.\033[0m"
+              skip_check="true"
+          fi
+
+      - name: Get PR number
        if: ${{ github.event_name != 'schedule' }}
        uses: kamatama41/get-pr-number-action@5c77b38a1b4974ebf8a9521a689f38a5898eadd6
+        id: action
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: show pr number
+        shell: bash
+        run: |
+          echo "PR: ${{ steps.action.outputs.number }}"
+
      - name: check if pr is approved
        env:
          DEVEL_FLAG: ${{ inputs.devel }}
          GH_TOKEN: ${{ github.token }}
          skip_check: "false"
        run: |
+          if [ "${{ github.event_name }}" == "schedule" ] || [ "${{ github.actor }}" == "dependabot[bot]" ]; then
+            echo -e "\033[32mci:force check can be skipped\033[0m"
+            skip_check="true"
+          elif [[ "$COMMIT_MESSAGE" == *"[ci:force]"* ]]; then
+            echo -e "\033[32m[ci:force] flag detected. No need for approval.\033[0m"
+            skip_check="true"
+          fi
+
          if [ "${{ github.actor }}" == "dependabot[bot]" ] || [ "${{ github.actor }}" == "alfresco-build" ]; then
            echo -e "\033[32mCommit by ${{ github.actor }}. No need for approval.\033[0m"
            skip_check="true"
@@ -139,7 +178,8 @@ jobs:
          if [ "$skip_check" == "false" ]; then
            echo "Checking PR approval"
            prNumber=${{ steps.action.outputs.number }}
-            checkApproval=$(gh api /repos/Alfresco/alfresco-ng2-components/pulls/$prNumber/reviews | jq '.[] | select(.state == "APPROVED") | .user.login')
+            echo "PR: $prNumber"
+            checkApproval=$(gh api /repos/$GITHUB_REPOSITORY/pulls/$prNumber/reviews | jq '.[] | select(.state == "APPROVED") | .user.login')
            if [[ $checkApproval ]]; then
              echo -e "\033[32mPR approved\033[0m"
            else
@@ -163,9 +203,9 @@ jobs:
      - name: install
        run: |
          npm ci
-          nx run cli:bundle
-          nx run testing:bundle
-      - run: nx print-affected $NX_CALCULATION_FLAGS
+          npx nx run cli:bundle
+          npx nx run testing:bundle
+      - run: npx nx print-affected $NX_CALCULATION_FLAGS
      - uses: ./.github/actions/upload-node-modules-and-artifacts

  unit-tests:
@@ -179,13 +219,15 @@ jobs:
      matrix:
        unit-tests:
          - name: content-services
-            exclude: "insights,core,extensions,process-services,process-services-cloud"
+            exclude: "insights,core,extensions,process-services,process-services-cloud,eslint-plugin-eslint-angular"
          - name: core
-            exclude: "insights,content-services,process-services,process-services-cloud"
-          - name: insights and process-services
-            exclude: "core,extensions,content-services,process-services-cloud"
+            exclude: "insights,content-services,process-services,process-services-cloud,eslint-plugin-eslint-angular"
+          - name: insights
+            exclude: "core,extensions,content-services,process-services-cloud,process-services,eslint-plugin-eslint-angular"
+          - name: process-services
+            exclude: "core,extensions,content-services,process-services-cloud,insights,eslint-plugin-eslint-angular"
          - name: process-cloud
-            exclude: "insights,core,extensions,content-services,process-services"
+            exclude: "insights,core,extensions,content-services,process-services,eslint-plugin-eslint-angular"
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
@@ -195,7 +237,7 @@ jobs:
      - uses: ./.github/actions/download-node-modules-and-artifacts
      - name: Run unit tests
        run: |
-          /usr/bin/xvfb-run --auto-servernum nx affected:test $NX_CALCULATION_FLAGS --exclude=${{ matrix.unit-tests.exclude }}
+          /usr/bin/xvfb-run --auto-servernum npx nx affected:test $NX_CALCULATION_FLAGS --exclude=${{ matrix.unit-tests.exclude }}

  lint:
    # long timeout required when cache has to be recreated
@@ -210,7 +252,7 @@ jobs:
          fetch-depth: 0 # Fetch all history for all tags and branches
      - uses: ./.github/actions/setup
      - uses: ./.github/actions/download-node-modules-and-artifacts
-      - run: nx affected --target=lint $NX_CALCULATION_FLAGS
+      - run: npx nx affected --target=lint $NX_CALCULATION_FLAGS

  build-libs:
    # long timeout required when cache has to be recreated
@@ -225,9 +267,9 @@ jobs:
          fetch-depth: 0 # Fetch all history for all tags and branches
      - uses: ./.github/actions/setup
      - uses: ./.github/actions/download-node-modules-and-artifacts
-      - run: nx affected:build $NX_CALCULATION_FLAGS --prod
-      - run: nx build demoshell --configuration production
-      - run: nx affected --target=build-storybook $NX_CALCULATION_FLAGS --configuration ci
+      - run: npx nx affected:build $NX_CALCULATION_FLAGS --prod
+      - run: npx nx build demoshell --configuration production
+      - run: npx nx affected --target=build-storybook $NX_CALCULATION_FLAGS --configuration=ci --parallel=1
      - uses: ./.github/actions/upload-node-modules-and-artifacts

  e2e-storybook:
@@ -266,42 +308,49 @@ jobs:
            auth: "OAUTH"
            check-cs-env: "true"
            check-ps-env: "true"
+            deps: "testing"
          - description: "Content: Components"
            test-id: "content-services"
            folder: "content-services/components"
            provider: "ECM"
            auth: "BASIC"
            check-cs-env: "true"
+            deps: "testing"
          - description: "Content: Directives"
            test-id: "content-services"
            folder: "content-services/directives"
            provider: "ECM"
            auth: "BASIC"
            check-cs-env: "true"
+            deps: "testing"
          - description: "Content: Document List"
            test-id: "content-services"
            folder: "content-services/document-list"
            provider: "ECM"
            auth: "BASIC"
            check-cs-env: "true"
+            deps: "testing"
          - description: "Content: Metadata"
            test-id: "content-services"
            folder: "content-services/metadata"
            provider: "ECM"
            auth: "BASIC"
            check-cs-env: "true"
+            deps: "testing"
          - description: "Content: Upload and Versioning"
            test-id: "content-services"
            folder: "content-services/upload"
            provider: "ECM"
            auth: "BASIC"
            check-cs-env: "true"
+            deps: "testing"
          - description: "Search"
            test-id: "content-services"
            folder: "search"
            provider: "ECM"
            auth: "BASIC"
            check-cs-env: "true"
+            deps: "testing"
          - description: "Process: Form"
            test-id: "process-services"
            folder: "process-services/form"
@@ -309,6 +358,7 @@ jobs:
            auth: "OAUTH"
            check-ps-env: "true"
            check-external-cs-env: "true"
+            deps: "testing"
          - description: "Process: Process"
            test-id: "process-services"
            folder: "process-services/process"
@@ -316,6 +366,7 @@ jobs:
            auth: "OAUTH"
            check-ps-env: "true"
            check-external-cs-env: "true"
+            deps: "testing"
          - description: "Process: Tasks"
            test-id: "process-services"
            folder: "process-services/tasks"
@@ -323,6 +374,7 @@ jobs:
            auth: "OAUTH"
            check-ps-env: "true"
            check-external-cs-env: "true"
+            deps: "testing"
          - description: "Process: Widget"
            test-id: "process-services"
            folder: "process-services/widgets"
@@ -330,6 +382,7 @@ jobs:
            auth: "OAUTH"
            check-ps-env: "true"
            check-external-cs-env: "true"
+            deps: "testing"
          - description: "Process Cloud: Form"
            test-id: "process-services-cloud"
            folder: "process-services-cloud/form-field"
@@ -338,6 +391,7 @@ jobs:
            apa-proxy: true
            check-cs-env: "true"
            check-ps-cloud-env: "true"
+            deps: "testing"
          - description: "Process Cloud: People"
            test-id: "process-services-cloud"
            folder: "process-services-cloud/people"
@@ -346,6 +400,7 @@ jobs:
            apa-proxy: true
            check-cs-env: "true"
            check-ps-cloud-env: "true"
+            deps: "testing"
          - description: "Process Cloud: Process"
            test-id: "process-services-cloud"
            folder: "process-services-cloud/process"
@@ -354,6 +409,7 @@ jobs:
            apa-proxy: true
            check-cs-env: "true"
            check-ps-cloud-env: "true"
+            deps: "testing"
          - description: "Process Cloud: Start Task"
            test-id: "process-services-cloud"
            folder: "process-services-cloud/start-task"
@@ -362,6 +418,7 @@ jobs:
            apa-proxy: true
            check-cs-env: "true"
            check-ps-cloud-env: "true"
+            deps: "testing"
          - description: "Process Cloud: Tasks List"
            test-id: "process-services-cloud"
            folder: "process-services-cloud/task-list"
@@ -370,6 +427,7 @@ jobs:
            apa-proxy: true
            check-cs-env: "true"
            check-ps-cloud-env: "true"
+            deps: "testing"

    steps:
      - name: Checkout repository
@@ -395,13 +453,49 @@ jobs:
          check-ps-cloud-env: ${{ matrix.e2e-test.check-ps-cloud-env }}
          check-external-cs-env: ${{ matrix.e2e-test.check-external-cs-env }}
          apa-proxy: ${{ matrix.e2e-test.apa-proxy }}
+          deps: ${{ matrix.e2e-test.deps }}
+
+  PR-forbidden-labels:
+    if: ${{ inputs.cron-run == '' || inputs.cron-run == 'false' }}
+    runs-on: ubuntu-latest
+    steps:
+      - id: checkoutRepo
+        name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+      - name: PR contains forbidden labels
+        id: pr-forbidden
+        uses: actions/github-script@v6
+        with:
+          script: |
+            const issueHasLabels = require('./scripts/github/update/check-issue-has-label.js');
+            const checkLabels = ['next version ➡️', 'do not merge🙅🏻‍♂️'];
+
+            const hasLabel = await issueHasLabels({github, context, checkLabels})
+
+            if(hasLabel) {
+              core.setFailed('The PR contains a forbidden label! You are not allowed to merge until the label is there.');
+            }
+      - name: Check value after
+        run: |
+          echo "result ${{ toJson(steps.pr-forbidden.*.result) }}" && echo "result ${{ steps.pr-forbidden.*.result }}"
+          echo "result ${{ contains(toJson(steps.pr-forbidden.*.result), 'failure') }}"

  finalize:
    if: ${{ always() }}
    runs-on: ubuntu-latest
    name: Final Results
-    needs: [check-if-pr-is-approved, check-package-lock, unit-tests, build-libs, e2e, e2e-storybook]
+    needs: [check-if-pr-is-approved, check-package-lock, setup, unit-tests, lint, build-libs, e2e, e2e-storybook]
    steps:
+      - uses: slackapi/slack-github-action@v1.23.0
+        name: Nofify QA failure
+        if: ${{ github.event_name == 'schedule' && contains(needs.*.result, 'failure') }}
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
+        with:
+          channel-id: 'C016SMNNL8L' #guild-channel
+          slack-message: "🔴 Warning: The daily ADF cronjob failed\nWorkflow run : <https://github.com/Alfresco/alfresco-ng2-components/actions/runs/${{ github.run_id }}| here>\n"
      - name: workflow failure
        run: exit 1
        if: ${{ contains(needs.*.result, 'failure') }}
@@ -411,3 +505,4 @@ jobs:
      - name: workflow success
        run: exit 0
        if: ${{ contains(needs.*.result, 'success') }}
+
@@ -3,7 +3,7 @@ name: "release"
 on:
  workflow_call:
    inputs:
-      dry-run-release:
+      dry-run-flag:
        description: 'enable dry-run on artifact push'
        required: false
        type: boolean
@@ -29,6 +29,7 @@ env:
  GH_BUILD_NUMBER: ${{ github.run_id }}
  JOB_ID: ${{ github.run_id }}
  PROXY_HOST_BPM: ${{ secrets.E2E_HOST }}
+  E2E_IDENTITY_HOST_APA: ${{ secrets.E2E_IDENTITY_HOST_APA }}
  E2E_HOST_APA: ${{ secrets.E2E_HOST_APA }}
  E2E_HOST: ${{ secrets.E2E_HOST }}
  E2E_USERNAME: ${{ secrets.E2E_ADMIN_EMAIL_IDENTITY }}
@@ -82,7 +83,7 @@ env:
 jobs:
  setup:
    timeout-minutes: 20
-    if: github.event.pull_request.merged || ${{ inputs.dry-run-release }}
+    if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
    name: "Setup"
    runs-on: ubuntu-22.04
    steps:
@@ -97,14 +98,14 @@ jobs:
      - name: install
        run: |
          npm ci
-          nx run cli:bundle
-          nx run testing:bundle
+          npx nx run cli:bundle
+          npx nx run testing:bundle
      - uses: ./.github/actions/upload-node-modules-and-artifacts

  release-demoshell:
    needs: [setup]
    timeout-minutes: 15
-    if: github.event.pull_request.merged || ${{ inputs.dry-run-release }}
+    if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
    runs-on: ubuntu-22.04
    steps:
      - name: Checkout repository
@@ -115,7 +116,7 @@ jobs:
      - id: set-dryrun
        uses: ./.github/actions/enable-dryrun
        with:
-          dry-run-flag: ${{ inputs.dry-run-release }}
+          dry-run-flag: ${{ inputs.dry-run-flag }}
      - uses: ./.github/actions/setup
        with:
          enable-cache: false
@@ -123,14 +124,14 @@ jobs:
      - uses: ./.github/actions/download-node-modules-and-artifacts
      - name: release Demoshell docker
        run: |
-          nx build demoshell --configuration production
+          npx nx build demoshell --configuration production
          . ./scripts/github/release/docker-tag.sh
          ./scripts/github/release/release-demoshell-docker.sh ${{ steps.set-dryrun.outputs.dryrun }}

  release-storybook:
    needs: [setup]
    timeout-minutes: 15
-    if: github.event.pull_request.merged || ${{ inputs.dry-run-release }}
+    if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
    runs-on: ubuntu-22.04
    steps:
      - name: Checkout repository
@@ -141,23 +142,23 @@ jobs:
      - id: set-dryrun
        uses: ./.github/actions/enable-dryrun
        with:
-          dry-run-flag: ${{ inputs.dry-run-release }}
+          dry-run-flag: ${{ inputs.dry-run-flag }}
      - uses: ./.github/actions/setup
        with:
          enable-cache: false
          enable-node-modules-cache: false
-          act: ${{ inputs.dry-run-release }}
+          act: ${{ inputs.dry-run-flag }}
      - uses: ./.github/actions/download-node-modules-and-artifacts
      - name: release Storybook docker
        run: |
-          nx run stories:build-storybook --configuration ci
+          npx nx run stories:build-storybook --configuration ci
          . ./scripts/github/release/docker-tag.sh
          ./scripts/github/release/release-storybook-docker.sh ${{ steps.set-dryrun.outputs.dryrun }}

  release-npm:
    needs: [setup]
-    timeout-minutes: 15
-    if: github.event.pull_request.merged == true || ${{ inputs.dry-run-release }}
+    timeout-minutes: 30
+    if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
    runs-on: ubuntu-22.04
    permissions:
      contents: read
@@ -174,11 +175,11 @@ jobs:
      - id: set-dryrun
        uses: ./.github/actions/enable-dryrun
        with:
-          dry-run-flag: ${{ inputs.dry-run-release }}
+          dry-run-flag: ${{ inputs.dry-run-flag }}
      - uses: ./.github/actions/download-node-modules-and-artifacts
      - name: check PR number
        id: action
-        uses: kamatama41/get-pr-number-action@v0
+        uses: kamatama41/get-pr-number-action@5c77b38a1b4974ebf8a9521a689f38a5898eadd6
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
      - name: save PR number
@@ -191,31 +192,31 @@ jobs:
        run: |
          set -u;
          ./scripts/github/build/bumpversion.sh
-          nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell" --skip-nx-cache
-          nx affected $NX_CALCULATION_FLAGS --target=pretheme
+          npx nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell" --skip-nx-cache
+          npx nx affected $NX_CALCULATION_FLAGS --target=pretheme
      - uses: actions/setup-node@v3
        name: release libraries GH registry
        with:
-          node-version: 14
+          node-version-file: '.nvmrc'
          registry-url: 'https://npm.pkg.github.com'
          scope: '@alfresco'
-      - run: nx affected --target=npm-publish $NX_CALCULATION_FLAGS --tag=$TAG_NPM || exit 1
+      - run: npx nx affected --target=npm-publish $NX_CALCULATION_FLAGS --tag=$TAG_NPM || exit 1
        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.PAT_WRITE_PKG }}
      - uses: actions/setup-node@v3
        name: release libraries Npm registry
        with:
-          node-version: 14
+          node-version-file: '.nvmrc'
          registry-url: 'https://${{ vars.NPM_REGISTRY_ADDRESS }}'
          scope: '@alfresco'
-      - run: nx affected --target=npm-publish $NX_CALCULATION_FLAGS --tag=$TAG_NPM || exit 1
+      - run: npx nx affected --target=npm-publish $NX_CALCULATION_FLAGS --tag=$TAG_NPM || exit 1
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_REGISTRY_TOKEN }}

  npm-check-bundle:
    needs: [release-npm]
    timeout-minutes: 15
-    if: github.event.pull_request.merged == true || ${{ inputs.dry-run-release }}
+    if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
    runs-on: ubuntu-22.04
    steps:
      - name: Checkout repository
@@ -0,0 +1,214 @@
+name: Upstream js
+on:
+  schedule:
+    - cron: '0 */3 * * *' # “At minute 0 past every 3rd hour.”
+  workflow_dispatch:
+    inputs:
+      tag_version:
+        description: image tag
+        type: choice
+        required: true
+        options:
+          - alpha
+          - latest
+        default: alpha
+
+jobs:
+  upstream:
+    runs-on: ubuntu-latest
+    outputs:
+      hasAtLeastOneNewVersion: ${{ steps.fetchLatestPkg.outputs.hasAtLeastOneNewVersion }}
+      hasNewVersionAvailableJS: ${{ steps.fetchLatestPkg.outputs.hasVersionNewJS }}
+      latestVersionAvailableJS: ${{ steps.fetchLatestPkg.outputs.latestVersionJS }}
+      hasAtLeastOneNewVersionWithoutPR: ${{ steps.checkPrAlreadyExist.outputs.hasAtLeastOneNewVersionWithoutPR }}
+    steps:
+      - id: checkoutRepo
+        name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+      - id: fetchLatestPkg
+        name: Fetch the latest package version
+        uses: actions/github-script@v6
+        env:
+          TAG_VERSION: ${{ inputs.tag_version }}
+        with:
+          github-token: ${{ secrets.PAT_WRITE_PKG }}
+          script: |
+            const tagVersion = process.env.TAG_VERSION;
+            console.log('tagVersion:',tagVersion);
+            const getLatestVersionOf = require('./scripts/github/update/latest-version-of.js');
+
+            const { hasVersionNew: hasVersionNewJS, latestVersion: latestVersionJS } = await getLatestVersionOf({github, context, dependencyName: 'js-api', tagVersion});
+            console.log('hasVersionNewJS', hasVersionNewJS)
+            console.log('latestVersionJS', latestVersionJS)
+
+            if (hasVersionNewJS  === 'true' ) {
+              core.setOutput('hasAtLeastOneNewVersion', 'true');
+              core.setOutput('hasVersionNewJS', 'true');
+              core.setOutput('latestVersionJS', latestVersionJS);
+            } else {
+              core.setOutput('hasAtLeastOneNewVersion', 'false');
+              console.log('No new version available, skipping upstream!')
+            }
+
+      - name: Check value after
+        run: |
+          echo "The value hasAtLeastOneNewVersion is: ${{ steps.fetchLatestPkg.outputs.hasAtLeastOneNewVersion }}"
+          echo "The value hasVersionNewJS is: ${{ steps.fetchLatestPkg.outputs.hasVersionNewJS }}"
+          echo "The value latestVersionJS is: ${{ steps.fetchLatestPkg.outputs.latestVersionJS }}"
+
+      - id: checkPrAlreadyExist
+        name: Check PR with latest already exist
+        if: ${{ steps.fetchLatestPkg.outputs.hasAtLeastOneNewVersion == 'true' }}
+        uses: actions/github-script@v6
+        env:
+          HAS_NEW_JS_VERSION: ${{ steps.fetchLatestPkg.outputs.hasVersionNewJS }}
+          LATEST_JS_VERSION: ${{ steps.fetchLatestPkg.outputs.latestVersionJS }}
+        with:
+          github-token: ${{ secrets.BOT_GITHUB_TOKEN }}
+          script: |
+            const hasVersionNewJS = process.env.HAS_NEW_JS_VERSION;
+            const latestVersionJS = process.env.LATEST_JS_VERSION;
+
+            const checkPRAlreadyExist = require('./scripts/github/update/check-pr-already-exist.js');
+            let isPRWithLatestJSAlreadyAvailable = false;
+
+            if (hasVersionNewJS === 'true') {
+              isPRWithLatestJSAlreadyAvailable = await checkPRAlreadyExist({github, context, version: latestVersionJS});
+              console.log('isPRWithLatestJSAlreadyAvailable', isPRWithLatestJSAlreadyAvailable);
+            }
+
+            if (isPRWithLatestJSAlreadyAvailable) {
+              console.log('Warning: Upstream PR already exist, stop the migration execution!');
+              core.setOutput('hasAtLeastOneNewVersionWithoutPR', 'false');
+            } else {
+              core.setOutput('hasAtLeastOneNewVersionWithoutPR', 'true');
+            }
+
+  migrate:
+    if: ${{ needs.upstream.outputs.hasAtLeastOneNewVersionWithoutPR == 'true'  }}
+    runs-on: ubuntu-latest
+    needs: upstream
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.BOT_GITHUB_TOKEN }}
+          fetch-depth: 1
+      - name: setup NPM
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache-dependency-path: package-lock.json
+      - name: "General :: dbpci-install"
+        run: |
+          npm ci --ignore-scripts
+      - name: Migration
+        shell: bash
+        env:
+          IS_JS_AFFECTED: ${{ needs.upstream.outputs.hasNewVersionAvailableJS }}
+          PACKAGE_VERSION_JS: ${{ needs.upstream.outputs.latestVersionAvailableJS }}
+          BRANCH_TO_CREATE: "upstream-dependencies"
+        run: |
+
+          migrateDependenciesJS() {
+            echo "Update JS dependencies to: ${PACKAGE_VERSION_JS}"
+            echo "Calling migration JS"
+            npx nx migrate @alfresco/js-api@${PACKAGE_VERSION_JS}
+            echo "Migration JS done"
+          }
+
+          migrateLibDependenciesJS() {
+            eval projects=( "cli"
+              "core"
+              "content-services"
+              "process-services"
+              "process-services-cloud"
+              "insights"
+              "testing"
+              "extensions" )
+
+            projectslength=${#projects[@]}
+            for (( i=0; i<${projectslength}; i++ ));
+            do
+              echo "Update JS dependencies in adf-${projects[$i]} to: ${PACKAGE_VERSION_JS}"
+              DESTDIR="lib/${projects[$i]}"
+              sed -i "${sedi[@]}" "s/\"@alfresco\/js-api\": \".*\"/\"@alfresco\/js-api\": \">=${PACKAGE_VERSION_JS}\"/g"  ${DESTDIR}/package.json
+            done
+          }
+
+          regeneratePackageLock() {
+            echo "Regenerate lock"
+            npm i --package-lock-only
+            echo "Package-lock done."
+          }
+
+          if git checkout ${BRANCH_TO_CREATE} 2>/dev/null ; then
+            git reset --hard origin/develop
+            echo "Reset branch"
+          fi
+
+          if [[ "$IS_JS_AFFECTED" == "true" ]]; then
+            migrateDependenciesJS
+            migrateLibDependenciesJS
+          fi
+
+          regeneratePackageLock
+
+      - name: Commit Code
+        if: ${{ needs.upstream.outputs.hasAtLeastOneNewVersion == 'true'  }}
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: "[ci:force][auto-commit] Update dependencies JS:${{ needs.upstream.outputs.latestVersionAvailableJS }}"
+          branch: upstream-dependencies
+          push_options: '--force'
+          create_branch: true
+
+      - name: Create a Pull request
+        uses: actions/github-script@v6
+        env:
+          PACKAGE_VERSION_JS: ${{ needs.upstream.outputs.latestVersionAvailableJS }}
+        with:
+          github-token: ${{ secrets.BOT_GITHUB_TOKEN }}
+          script: |
+            const { PACKAGE_VERSION_JS } = process.env
+            const BRANCH_TO_CREATE = 'upstream-dependencies';
+
+            const { data: prs } = await github.rest.pulls.list({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              state: 'open',
+              head: `${context.repo.owner}:${BRANCH_TO_CREATE}`,
+              base: 'develop'
+            });
+
+            if (prs.length < 1) {
+                const payloadPullRequest = {
+                  owner: context.repo.owner,
+                  repo: context.repo.repo,
+                  title: `GH Auto: Upstream dependencies JS-API:${PACKAGE_VERSION_JS}`,
+                  head: `${context.repo.owner}:${BRANCH_TO_CREATE}`,
+                  base: 'develop',
+                  body: `Automatic PR`
+                };
+
+                console.log('Payload: ',payloadPullRequest);
+
+                const { data: pr } = await github.rest.pulls.create(payloadPullRequest);
+                return pr.number;
+            } else {
+                const upstreamPrOpen = prs[0];
+
+                // override the title to contains the latest js dep number
+                const payloadUpdatePullRequest = {
+                  owner: context.repo.owner,
+                  repo: context.repo.repo,
+                  pull_number: upstreamPrOpen.number,
+                  title: `GH Auto: Upstream dependencies JS-API:${PACKAGE_VERSION_JS}`,
+                };
+
+                await github.rest.pulls.update(payloadUpdatePullRequest);
+                return upstreamPrOpen.number;
+            }
+            console.log(`Trigger a dispatch event for the monorepo`);
@@ -32,5 +32,5 @@ out-tsc
 e2e-result-*
 licenses.txt
 .DS_Store
-
 .angular
+NX
@@ -1 +1 @@
-14
+18
@@ -1,46 +0,0 @@
-# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
-version: v1.14.1
-ignore: {}
-# patches apply the minimum changes required to fix a vulnerability
-patch:
-  SNYK-JS-HTTPSPROXYAGENT-469131:
-    - '@alfresco/adf-cli > npm-registry-fetch > make-fetch-happen > https-proxy-agent':
-        patched: '2019-11-20T10:48:59.194Z'
-    - '@alfresco/js-api > @alfresco/adf-cli > npm-registry-fetch > make-fetch-happen > https-proxy-agent':
-        patched: '2019-11-20T10:48:59.194Z'
-  SNYK-JS-TREEKILL-536781:
-    - snyk > snyk-sbt-plugin > tree-kill:
-        patched: '2019-12-12T00:35:06.820Z'
-  SNYK-JS-LODASH-567746:
-    - snyk > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > @snyk/dep-graph > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > inquirer > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-config > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-mvn-plugin > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-nodejs-lockfile-parser > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-nuget-plugin > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > @snyk/dep-graph > graphlib > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-go-plugin > graphlib > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-nodejs-lockfile-parser > graphlib > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/dep-graph > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-nuget-plugin > dotnet-deps-parser > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > snyk-php-plugin > @snyk/composer-lockfile-parser > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/dep-graph > graphlib > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/cocoapods-lockfile-parser > @snyk/ruby-semver > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
-    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/cocoapods-lockfile-parser > @snyk/dep-graph > graphlib > lodash:
-        patched: '2020-05-01T00:35:43.233Z'
@@ -1,54 +0,0 @@
-# Browser Support
-
-This page gives a guide to Browser support and polyfills.
-
-Browser compatibility and support depends on targeted browsers and 3rd party libraries. ADF is based on the following libraries and components:
-
- Angular (all ADF components)
- Moment.js (many ADF components)
- PDF.js (`ng2-alfresco-viewer` component)
- Raphael.js (`ng2-alfresco-diagrams`, `ng2-alfresco-analytics`)
- Chart.js (`ng2-alfresco-analytics`)
-
-## Browser polyfills 
-
-### Angular
-
-Please refer to the [official guide](https://angular.io/docs/ts/latest/guide/browser-support.html) for Angular browser support. 
-
-ADF (demo shell) imports by default the following set of recommended polyfills:
-
- [core-js](https://www.npmjs.com/package/core-js) (ES6 standard support)
-
-### 3rd party libraries
-
-Please refer to the following list of [popular polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills) for HTML5 cross-browser compatibility.
-
-ADF (demo shell) imports by default the following set of recommended polyfills:
-
- [intl](https://www.npmjs.com/package/intl), Polyfill the ECMA-402 Intl API (except collation), **IE**/**Safari**
- [pdfjs compatibility](https://www.npmjs.com/package/pdfjs-dist), Portable Document Format (PDF) library that is built with HTML5, **IE**
-
-## Example
-
-```html
-
-<!-- Polyfill(s) for Safari (pre-10.x) -->
-<script src="node_modules/intl/dist/Intl.min.js"></script>
-<script src="node_modules/intl/locale-data/jsonp/en.js"></script>
-
-<!-- Polyfill(s) for older browsers -->
-<script src="node_modules/core-js/client/shim.min.js"></script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js"></script>
-<script src="node_modules/element.scrollintoviewifneeded-polyfill/index.js"></script>
-
-<!-- Polyfill(s) for pdf support -->
-<script src="node_modules/pdfjs-dist/web/compatibility.js"></script>
-
-<!-- Polyfill(s) for dialogs -->
-<script src="node_modules/dialog-polyfill/dialog-polyfill.js"></script>
-<link rel="stylesheet" type="text/css" href="node_modules/dialog-polyfill/dialog-polyfill.css" />
-```
-
-See the [demo shell](demo-shell/index.html) example project for
-further information and source code.
@@ -1,6 +1,6 @@
 # 1. Generate licenses

-FROM node:16.13-alpine3.14 AS builder
+FROM node:18.16-alpine3.17 AS builder
 WORKDIR /usr/src/alfresco
 COPY package.json package.json

@@ -1,5 +0,0 @@
-# Introduction
-
-See the [introduction page](docs/user-guide/adf-introduction.md) in our
-[documentation](docs/README.md) for an overview of ADF along with links
-to useful starting points.
@@ -1,11 +0,0 @@
-# Prerequisites for building and running apps with the Alfresco Application Development Framework
-
-See our tutorial
-[Creating your first ADF Application](docs/tutorials/creating-your-first-adf-application.md)
-for full details of what you need to install before using ADF.
-
-If you experience [CORS](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing)
-issues then you should also read our
-[CORS guide](ALFRESCOCORS.md)
-to see the full range of solutions available.
- 
@@ -1,34 +1,29 @@
 # Alfresco Application Development Framework (ADF)

-| branch | status |
-| --- | --- |
-| master | [![git-tag](https://github.com/Alfresco/alfresco-ng2-components/actions/workflows/git-tag.yml/badge.svg)](https://github.com/Alfresco/alfresco-ng2-components/actions/workflows/git-tag.yml) |
-| develop | [![cron schedule](https://github.com/Alfresco/alfresco-ng2-components/actions/workflows/cron.yml/badge.svg)](https://github.com/Alfresco/alfresco-ng2-components/actions/workflows/cron.yml)|
-
-[![Codacy Badge](https://api.codacy.com/project/badge/Grade/d9eb873741da403bb3284778102372e7)](https://www.codacy.com/app/Alfresco/alfresco-ng2-components?utm_source=github.com&utm_medium=referral&utm_content=Alfresco/alfresco-ng2-components&utm_campaign=badger)
-[![Join the chat at https://gitter.im/Alfresco/alfresco-ng2-components](https://badges.gitter.im/Alfresco/alfresco-ng2-components.svg)](https://gitter.im/Alfresco/alfresco-ng2-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
-
-<p>
-  <a href='https://github.com/Alfresco/alfresco-ng2-components/blob/master/LICENSE'>
-     <img src='https://img.shields.io/hexpm/l/plug.svg' alt='license' />
-  </a>
-</p
-
 ## Introduction

-See the [Introduction page](INTRODUCTION.md) to get started with the Alfresco Application Development Framework.
+See the [introduction page](docs/user-guide/adf-introduction.md) in our
+[documentation](docs/README.md) for an overview of ADF along with links
+to useful starting points.

 ## Prerequisites

-Before you start using this development framework, make sure you have installed all required software and done all the necessary configuration. see the prerequisites section in [creating your first ADF Application](./docs/tutorials/creating-your-first-adf-application.md) for full details.
+```text
+Node: 18.x
+NPM: 9.x
+``` 
+
+Also, check out the tutorial [Creating your first ADF Application](docs/tutorials/creating-your-first-adf-application.md)
+for full details on what you may need to install before using ADF.
+
+### See also
+
+- [Node Version Manager](docs/tutorials/nvm.md)
+- [CORS guide](ALFRESCOCORS.md)

 ## Components

-You can find the sources for all ADF components in the
-[`lib`](/lib) folder.
-
-Full documentation for all components is available at the
-[ADF Component Catalog](https://alfresco.github.io/adf-component-catalog/).
+You can find the sources for all ADF components in the [`lib`](/lib) folder.

 ## Libraries

@@ -47,28 +42,18 @@ A separate application showcasing integration of components can be found
 [here](https://github.com/Alfresco/alfresco-ng2-components/tree/master/demo-shell).
 The app has examples of basic interaction for both APS and ACS components.

-## Yeoman generators
+## Application generator for Yeoman

-To speed up the development of your ADF application, use the
-[Yeoman Generator](https://github.com/Alfresco/generator-ng2-alfresco-app).
-This will create a full working project with all the right libraries and tools.
-
-<p align="center">
-  <img title="yeoman generator" src='https://github.com/yeoman/media/blob/master/optimized/yeoman-150x150-opaque.png' alt='yeoman logo'  />
-</p>
+To speed up the development, you can use the
+[Generator for Yeoman](https://github.com/Alfresco/generator-ng2-alfresco-app).

 ## Browser Support

 All components are supported in the following browsers:

-|**Browser**   	   |**Version**   	|
-|---        	   |---  	        |
-|Chrome     	   |Latest       	|
-|Safari (OS X)     |9.x          	|
-|Firefox*    	   |Latest       	|
-|Edge       	   |13, 14     	    |
-|Internet Explorer |11     	        |
-
-* Due to a [known issue](https://bugzilla.mozilla.org/show_bug.cgi?id=1188880) in Firefox, the Alfresco Upload Component does not currently support folder upload functionality on Firefox.
-
-See the [Browser Support](BROWSER-SUPPORT.md) article for more details.
+|**Browser** |**Version** |
+|--- |--- |
+| Chrome | Latest |
+| Safari | Latest |
+| Firefox | Latest |
+| Edge | Latest |
@@ -56,11 +56,6 @@
                "input": "demo-shell/src/app/components/lazy-loading/i18n",
                "output": "/resources/lazy-loading/i18n"
              },
-              {
-                "glob": "**/*",
-                "input": "dist/libs/core/lib/prebuilt-themes",
-                "output": ""
-              },
              {
                "glob": "**/*",
                "input": "lib/core/src/lib/assets",
@@ -163,7 +158,6 @@
                "input": "lib/core/src/lib/styles/prebuilt/adf-purple-green.scss",
                "bundleName": "adf-purple-green"
              },
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -272,7 +266,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/cspell 'demo-shell/**/*.ts'"
+                      "command": "npx cspell 'demo-shell/**/*.ts'"
                  }
              ]
          }
@@ -337,8 +331,9 @@
            "tsConfig": "lib/core/tsconfig.spec.json",
            "karmaConfig": "lib/core/karma.conf.js",
            "sourceMap": true,
+            "codeCoverage": true,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css"
+              "demo-shell/src/styles.scss"
            ]
          }
        },
@@ -365,7 +360,6 @@
            "configDir": "lib/core/.storybook",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -387,7 +381,6 @@
            "outputDir": "dist/storybook/core",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -406,7 +399,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/cspell 'lib/core/**/*.ts'"
+                      "command": "npx cspell 'lib/core/**/*.ts'"
                  }
              ]
          }
@@ -416,7 +409,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/stylelint lib/core/**/*.scss --config stylelint-config.json"
+                      "command": "npx stylelint lib/core/**/*.scss --config stylelint-config.json"
                  }
              ]
          }
@@ -426,7 +419,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/license-checker --production  --failOn 'GPL;GPL-2.0' > licenses.txt"
+                      "command": "npx license-checker --production  --failOn 'GPL;GPL-2.0' > licenses.txt"
                  }
              ]
          }
@@ -436,7 +429,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/webpack -- --config ./lib/config/webpack.style.js --progress --profile --bail"
+                      "command": "npx webpack -- --config ./lib/config/webpack.style.js --progress --profile --bail"
                  }
              ]
          }
@@ -484,7 +477,8 @@
            "main": "lib/content-services/src/test.ts",
            "tsConfig": "lib/content-services/tsconfig.spec.json",
            "karmaConfig": "lib/content-services/karma.conf.js",
-            "sourceMap": true
+            "sourceMap": true,
+            "codeCoverage": true
          }
        },
        "lint": {
@@ -504,7 +498,6 @@
            "configDir": "lib/content-services/.storybook",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -526,7 +519,6 @@
            "outputDir": "dist/storybook/content-services",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -545,7 +537,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/cspell 'lib/content-services/**/*.ts'"
+                      "command": "npx cspell 'lib/content-services/**/*.ts'"
                  }
              ]
          }
@@ -555,7 +547,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/stylelint lib/content-services/**/*.scss --config stylelint-config.json"
+                      "command": "npx stylelint lib/content-services/**/*.scss --config stylelint-config.json"
                  }
              ]
          }
@@ -603,7 +595,8 @@
            "main": "lib/process-services/src/test.ts",
            "tsConfig": "lib/process-services/tsconfig.spec.json",
            "karmaConfig": "lib/process-services/karma.conf.js",
-            "sourceMap": true
+            "sourceMap": true,
+            "codeCoverage": true
          }
        },
        "lint": {
@@ -620,7 +613,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/cspell 'lib/process-services/**/*.ts'"
+                      "command": "npx cspell 'lib/process-services/**/*.ts'"
                  }
              ]
          },
@@ -629,7 +622,7 @@
                "options": {
                "commands": [
                    {
-                        "command": "$(npm bin)/stylelint lib/process-services/**/*.scss --config stylelint-config.json"
+                        "command": "npx stylelint lib/process-services/**/*.scss --config stylelint-config.json"
                    }
                ]
            }
@@ -640,7 +633,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
+                      "command": "npx stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
                  }
              ]
          }
@@ -688,7 +681,8 @@
            "main": "lib/process-services-cloud/src/test.ts",
            "tsConfig": "lib/process-services-cloud/tsconfig.spec.json",
            "karmaConfig": "lib/process-services-cloud/karma.conf.js",
-            "sourceMap": true
+            "sourceMap": true,
+            "codeCoverage": true
          }
        },
        "lint": {
@@ -708,7 +702,6 @@
            "configDir": "lib/process-services-cloud/.storybook",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -730,7 +723,6 @@
            "outputDir": "dist/storybook/process-services-cloud",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -750,7 +742,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/playwright test --config='e2e-playwright/playwright.config.ts'"
+                      "command": "npx playwright test --config='e2e-playwright/playwright.config.ts'"
                  }
              ]
          }
@@ -760,7 +752,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/cspell 'lib/process-services-cloud/**/*.ts'"
+                      "command": "npx cspell 'lib/process-services-cloud/**/*.ts'"
                  }
              ]
          }
@@ -770,7 +762,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
+                      "command": "npx stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
                  }
              ]
          }
@@ -818,7 +810,8 @@
            "main": "lib/insights/src/test.ts",
            "tsConfig": "lib/insights/tsconfig.spec.json",
            "karmaConfig": "lib/insights/karma.conf.js",
-            "sourceMap": true
+            "sourceMap": true,
+            "codeCoverage": true
          }
        },
        "lint": {
@@ -835,7 +828,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/cspell 'lib/insights/**/*.ts'"
+                      "command": "npx cspell 'lib/insights/**/*.ts'"
                  }
              ]
          }
@@ -845,7 +838,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/stylelint lib/insights/**/*.scss --config stylelint-config.json"
+                      "command": "npx stylelint lib/insights/**/*.scss --config stylelint-config.json"
                  }
              ]
          }
@@ -892,7 +885,8 @@
            "main": "lib/extensions/src/test.ts",
            "tsConfig": "lib/extensions/tsconfig.spec.json",
            "karmaConfig": "lib/extensions/karma.conf.js",
-            "sourceMap": true
+            "sourceMap": true,
+            "codeCoverage": true
          }
        },
        "lint": {
@@ -910,7 +904,7 @@
              "options": {
              "commands": [
                  {
-                      "command": "$(npm bin)/cspell 'lib/extensions/**/*.ts'"
+                      "command": "npx cspell 'lib/extensions/**/*.ts'"
                  }
              ]
          }
@@ -1019,6 +1013,67 @@
        }
      }
    },
+    "eslint-angular": {
+      "root": "lib/eslint-angular",
+      "sourceRoot": "lib/eslint-angular/src",
+      "projectType": "library",
+      "prefix": "adf",
+      "architect": {
+        "build": {
+          "builder": "@nrwl/node:webpack",
+          "options": {
+            "projectRoot": "lib/eslint-angular",
+            "outputPath": "dist/libs/eslint-plugin-eslint-angular",
+            "main": "lib/eslint-angular/index.ts",
+            "generatePackageJson" : true,
+            "tsConfig": "lib/eslint-angular/tsconfig.lib.prod.json"
+          },
+          "configurations": {
+            "production": {
+              "projectRoot": "lib/eslint-angular",
+              "outputPath": "dist/libs/eslint-plugin-eslint-angular",
+              "main": "lib/eslint-angular/index.ts",
+              "generatePackageJson" : true,
+              "tsConfig": "lib/eslint-angular/tsconfig.lib.prod.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "lib/eslint-angular/**/*.ts"
+            ]
+          }
+        },
+        "bundle": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "echo testing bundle created"
+              }
+            ]
+          }
+        },
+        "npm-publish": {
+          "executor": "nx:run-commands",
+          "dependsOn": [
+            "build"
+          ],
+          "options": {
+            "cwd": "dist/libs/eslint-plugin-eslint-angular",
+            "commands": [
+              {
+                "command": "npm publish --tag {args.tag}",
+                "forwardAllArgs": true
+              }
+            ]
+          }
+        }
+      }
+    },
    "cli": {
      "root": "lib/cli",
      "sourceRoot": "lib/cli",
@@ -1107,7 +1162,6 @@
            "configDir": "lib/stories/.storybook",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -1129,7 +1183,6 @@
            "outputDir": "dist/storybook/stories",
            "compodoc": false,
            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
              "demo-shell/src/assets/fonts/muli/muli.css",
              "demo-shell/src/styles.scss",
              "demo-shell/src/custom-style-dev.scss",
@@ -5,6 +5,7 @@
    "activiti",
    "adhoc",
    "afts",
+    "appkey",
    "Arial",
    "arrowdown",
    "arrowup",
@@ -62,6 +63,7 @@
    "hardend",
    "highlightable",
    "hotfix",
+    "Hyland",
    "imgpreview",
    "Inplace",
    "intitem",
@@ -0,0 +1,95 @@
+path = require('path');
+module.exports = {
+  extends: '../.eslintrc.js',
+  ignorePatterns: [
+    '!**/*'
+  ],
+  overrides: [
+    {
+      files: [
+        '*.ts'
+      ],
+      parserOptions: {
+        project: [
+          path.join(__dirname, 'tsconfig.app.json'),
+          path.join(__dirname, 'src/tsconfig.spec.json'),
+          path.join(__dirname, 'e2e/tsconfig.e2e.json')
+        ],
+        createDefaultProgram: true
+      },
+      plugins: [
+        'eslint-plugin-unicorn',
+        'eslint-plugin-rxjs'
+      ],
+      rules: {
+        '@angular-eslint/component-selector': [
+          'error',
+          {
+            type: 'element',
+            prefix: [
+              'adf',
+              'app'
+            ],
+            style: 'kebab-case'
+          }
+        ],
+        '@angular-eslint/directive-selector': [
+          'error',
+          {
+            type: [
+              'element',
+              'attribute'
+            ],
+            prefix: [
+              'adf',
+              'app'
+            ],
+            style: 'kebab-case'
+          }
+        ],
+        '@angular-eslint/no-host-metadata-property': 'off',
+        '@angular-eslint/no-input-prefix': 'error',
+        '@typescript-eslint/consistent-type-definitions': 'error',
+        '@typescript-eslint/dot-notation': 'off',
+        '@typescript-eslint/explicit-member-accessibility': [
+          'off',
+          {
+            accessibility: 'explicit'
+          }
+        ],
+        '@typescript-eslint/no-inferrable-types': 'off',
+        '@typescript-eslint/no-require-imports': 'off',
+        '@typescript-eslint/no-var-requires': 'error',
+        'brace-style': [
+          'error',
+          '1tbs'
+        ],
+        'comma-dangle': 'error',
+        'default-case': 'error',
+        'import/order': 'off',
+        'max-len': [
+          'error',
+          {
+            code: 240
+          }
+        ],
+        'no-bitwise': 'off',
+        'no-duplicate-imports': 'error',
+        'no-multiple-empty-lines': 'error',
+        'no-redeclare': 'error',
+        'no-return-await': 'error',
+        'rxjs/no-create': 'error',
+        'rxjs/no-subject-unsubscribe': 'error',
+        'rxjs/no-subject-value': 'error',
+        'rxjs/no-unsafe-takeuntil': 'error',
+        'unicorn/filename-case': 'error'
+      }
+    },
+    {
+      files: [
+        '*.html'
+      ],
+      rules: {}
+    }
+  ]
+}
@@ -1,94 +0,0 @@
-{
-  "extends": "../.eslintrc.json",
-  "ignorePatterns": [
-    "!**/*"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "*.ts"
-      ],
-      "parserOptions": {
-        "project": [
-          "demo-shell/tsconfig.app.json",
-          "demo-shell/src/tsconfig.spec.json",
-          "demo-shell/e2e/tsconfig.e2e.json"
-        ],
-        "createDefaultProgram": true
-      },
-      "plugins": [
-        "eslint-plugin-unicorn",
-        "eslint-plugin-rxjs"
-      ],
-      "rules": {
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": [
-              "adf",
-              "app"
-            ],
-            "style": "kebab-case"
-          }
-        ],
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": [
-              "element",
-              "attribute"
-            ],
-            "prefix": [
-              "adf",
-              "app"
-            ],
-            "style": "kebab-case"
-          }
-        ],
-        "@angular-eslint/no-host-metadata-property": "off",
-        "@angular-eslint/no-input-prefix": "error",
-        "@typescript-eslint/consistent-type-definitions": "error",
-        "@typescript-eslint/dot-notation": "off",
-        "@typescript-eslint/explicit-member-accessibility": [
-          "off",
-          {
-            "accessibility": "explicit"
-          }
-        ],
-        "@typescript-eslint/no-inferrable-types": "off",
-        "@typescript-eslint/no-require-imports": "off",
-        "@typescript-eslint/no-var-requires": "error",
-        "brace-style": [
-          "error",
-          "1tbs"
-        ],
-        "comma-dangle": "error",
-        "default-case": "error",
-        "import/order": "off",
-        "max-len": [
-          "error",
-          {
-            "code": 240
-          }
-        ],
-        "no-bitwise": "off",
-        "no-duplicate-imports": "error",
-        "no-multiple-empty-lines": "error",
-        "no-redeclare": "error",
-        "no-return-await": "error",
-        "rxjs/no-create": "error",
-        "rxjs/no-subject-unsubscribe": "error",
-        "rxjs/no-subject-value": "error",
-        "rxjs/no-unsafe-takeuntil": "error",
-        "unicorn/filename-case": "error"
-      }
-    },
-    {
-      "files": [
-        "*.html"
-      ],
-      "rules": {}
-    }
-  ]
-}
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,8 +1,8 @@
 {
  "name": "Alfresco-ADF-Angular-Demo",
  "description": "Demo shell for Alfresco Angular components",
-  "version": "6.0.0-A.3",
-  "author": "Alfresco Software, Ltd.",
+  "version": "6.2.0",
+  "author": "Hyland Software, Inc. and its affiliates",
  "repository": {
    "type": "git",
    "url": "https://github.com/Alfresco/alfresco-ng2-components.git"
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "نوع المصادقة",
      "BASIC": "مصادقة أساسية",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "تدفق ضمني",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "موفر",
      "REQUIRED": "هذا الحقل مطلوب",
      "CS_URL_ERROR": "لا يتطابق عنوان Content Services مع تنسيق URL",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Typ ověřování",
      "BASIC": "Základní ověřování",
      "SSO": "Jednotné přihlášení",
-      "IMPLICIT-FLOW": "Implicitní tok",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Poskytovatel",
      "REQUIRED": "Toto pole je povinné",
      "CS_URL_ERROR": "Adresa Content Services neodpovídá formátu adresy URL",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Godkendelsestype",
      "BASIC": "Grundlæggende godkendelse",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Implicit flow",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Udbyder",
      "REQUIRED": "Dette felt er påkrævet",
      "CS_URL_ERROR": "Content Services-adressen matcher ikke URL-formatet",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Authentifizierungstyp",
      "BASIC": "Basisauthentifizierung",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Impliziter Fluss",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Provider",
      "REQUIRED": "Dieses Feld ist erforderlich",
      "CS_URL_ERROR": "Content Services-Adresse nicht im richtigen URL-Format",
@@ -1,5 +1,28 @@
 {
  "APP": {
+    "HOST_SETTINGS": {
+      "TYPE-AUTH": "Tipo de autenticación",
+      "BASIC": "Autenticación básica",
+      "SSO": "SSO",
+      "IMPLICIT-FLOW": "Implicit Flow",
+      "PROVIDER": "Proveedor",
+      "REQUIRED": "Este campo es obligatorio",
+      "CS_URL_ERROR": "La dirección de Content Services no coincide con el formato de la URL",
+      "PS_URL_ERROR": "La dirección de Process Services no coincide con el formato de la URL",
+      "TITLE": "Configuración",
+      "CS-HOST": "URL de Content Services",
+      "BP-HOST": "URL de Process Services",
+      "BACK": "Volver",
+      "APPLY": "Aplicar",
+      "NOT_VALID": "http(s)://host|ip:port(/path) no reconocido; pruebe con una URL diferente.",
+      "REDIRECT": "URI de redireccionamiento",
+      "REDIRECT_LOGOUT": "Cierre de sesión de URI de redireccionamiento",
+      "SILENT": "Inicio de sesión silencioso",
+      "SCOPE": "Ámbito",
+      "CLIENT": "ID de cliente",
+      "PUBLIC_URLS": "URL públicas para inicio de sesión silencioso",
+      "SECRET": "Secreto"
+    },
    "ABOUT": {
      "DEVELOPMENT": "Modo Dev"
    },
@@ -84,7 +107,7 @@
    "UPLOADER": "Cargador",
    "WEBSCRIPT": "Webscript",
    "TAG": "Etiqueta",
-    "PIPES": "Tubos",
+    "PIPES": "Pipes",
    "TRASHCAN": "Papelera",
    "SOCIAL": "Social",
    "SETTINGS": "Configuración",
@@ -144,7 +167,7 @@
      "TITLE": "Ficheros recientes"
    },
    "COLUMNS": {
-      "DISPLAY_NAME": "Nombre a mostrar",
+      "DISPLAY_NAME": "Mostrar nombre",
      "IS_LOCKED": "Bloquear",
      "TAG": "Etiqueta",
      "NODE_ID": "ID de nodo",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Todennustyyppi",
      "BASIC": "Perustodennus",
      "SSO": "Kertakirjautuminen",
-      "IMPLICIT-FLOW": "Epäsuora kulku",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Palvelu",
      "REQUIRED": "Tämä kenttä on pakollinen",
      "CS_URL_ERROR": "Content Services -osoite ei täsmää URL-muodon kanssa",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Type d'authentification",
      "BASIC": "Authentification de base",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Flux implicite",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Fournisseur",
      "REQUIRED": "Ce champ est obligatoire",
      "CS_URL_ERROR": "L'adresse Content Services ne correspond pas au format d'URL",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Tipo di autenticazione",
      "BASIC": "Autenticazione di base",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Flusso implicito",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Fornitore",
      "REQUIRED": "Questo campo è obbligatorio",
      "CS_URL_ERROR": "L'indirizzo Content Services non corrisponde al formato dell'URL",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "認証タイプ",
      "BASIC": "基本認証",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "暗黙的フロー",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "プロバイダ",
      "REQUIRED": "このフィールドは必須です",
      "CS_URL_ERROR": "Content Services のアドレスが URL 形式と一致しません",
@@ -189,7 +189,7 @@
      "SHARE": "共有",
      "THEME": "テーマを選択してください",
      "SHOW_VERSION": "バージョンを表示する",
-      "HIDE_VERSION": "バージョンを隠す",
+      "HIDE_VERSION": "バージョンの非表示",
      "LISTVIEW": "一覧表示モード",
      "CREATE_LIBRARY": "ライブラリの作成"
    },
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Godkjenningstype",
      "BASIC": "Grunnleggende godkjenning",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Implisitt flyt",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Leverandør",
      "REQUIRED": "Dette feltet er påkrevd",
      "CS_URL_ERROR": "Adressen til innholdstjenesten stemmer ikke med URL-formatet",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Verificatietype",
      "BASIC": "Basisverificatie",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Impliciete stroom",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Provider",
      "REQUIRED": "Dit veld is vereist",
      "CS_URL_ERROR": "Content Services-adres komt niet overeen met de URL-indeling",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Typ uwierzytelnienia",
      "BASIC": "Uwierzytelnienie podstawowe",
      "SSO": "Logowanie jednokrotne",
-      "IMPLICIT-FLOW": "Niejawny przepływ",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Dostawca",
      "REQUIRED": "To pole jest wymagane.",
      "CS_URL_ERROR": "Adres usług Content Services jest niezgodny z formatem adresu URL.",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Tipo de autenticação",
      "BASIC": "Autenticação básica",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Fluxo implícito",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Provedor",
      "REQUIRED": "Este campo é obrigatório",
      "CS_URL_ERROR": "O endereço do Content Services não corresponde ao formato de URL",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Тип авторизации",
      "BASIC": "Базовая авторизация",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Неявный поток",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Поставщик",
      "REQUIRED": "Поле обязательно для заполнения",
      "CS_URL_ERROR": "Адрес Content Services не соответствует формату URL",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "Autentiseringstyp",
      "BASIC": "Grundläggande autentisering",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "Implicit flöde",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "Leverantör",
      "REQUIRED": "Detta fält krävs",
      "CS_URL_ERROR": "Content Services-adressen matchar inte URL-formatet",
@@ -4,7 +4,7 @@
      "TYPE-AUTH": "身份验证类型",
      "BASIC": "基本身份验证",
      "SSO": "SSO",
-      "IMPLICIT-FLOW": "隐式流",
+      "IMPLICIT-FLOW": "Implicit Flow",
      "PROVIDER": "提供程序",
      "REQUIRED": "此字段为必填字段",
      "CS_URL_ERROR": "Content Services 地址与 URL 格式不匹配",
@@ -187,7 +187,7 @@
      "DELETE": "删除",
      "FAVORITES": "添加到收藏夹",
      "SHARE": "共享",
-      "THEME": "选择主题",
+      "THEME": "选择一个主题",
      "SHOW_VERSION": "显示版本",
      "HIDE_VERSION": "隐藏版本",
      "LISTVIEW": "列表视图模式",
@@ -34,7 +34,7 @@
  "application": {
    "storagePrefix": "ADF",
    "name": "Alfresco ADF Application",
-    "copyright": "© 2016 - 2021 Alfresco Software, Inc. All Rights Reserved."
+    "copyright": "© 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved."
  },
  "notifications": true,
  "search": [{
@@ -1476,5 +1476,13 @@
      "ai:labels",
      "ai:textLines"
    ]
+  },
+  "viewer": {
+    "enableDownloadPrompt":  false,
+    "enableDownloadPromptReminder": false,
+    "downloadPromptDelay": 50,
+    "downloadPromptReminderDelay": 30,
+    "enableFileAutoDownload": true,
+    "fileAutoDownloadSizeThresholdInMB": 15
  }
 }
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -18,7 +18,6 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { APP_INITIALIZER, NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { ChartsModule } from 'ng2-charts';
 import { HttpClientModule } from '@angular/common/http';
 import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -144,7 +143,6 @@ registerLocaleData(localeSv);
        FormsModule,
        HttpClientModule,
        MaterialModule,
-        FlexLayoutModule,
        TranslateModule.forRoot(),
        CoreModule.forRoot(),
        ContentModule.forRoot(),
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -17,7 +17,8 @@

 import { Component, OnInit } from '@angular/core';
 import { AppExtensionService, ExtensionRef } from '@alfresco/adf-extensions';
-import { AuthenticationService, BpmProductVersionModel, DiscoveryApiService, RepositoryInfo } from '@alfresco/adf-core';
+import { AuthenticationService, BpmProductVersionModel, RepositoryInfo } from '@alfresco/adf-core';
+import { DiscoveryApiService } from '@alfresco/adf-content-services';
 import pkg from '../../../../../package.json';
 import { Observable } from 'rxjs';

@@ -34,32 +35,32 @@ export class AboutComponent implements OnInit {
    bpmVersion: BpmProductVersionModel = null;

    constructor(
-        private authService: AuthenticationService,
-        private appExtensions: AppExtensionService,
-        private discovery: DiscoveryApiService
+        private authenticationService: AuthenticationService,
+        private appExtensionService: AppExtensionService,
+        private discoveryApiService: DiscoveryApiService
    ) {
        this.pkg = pkg;
-        this.extensions$ = this.appExtensions.references$;
+        this.extensions$ = this.appExtensionService.references$;
    }

    ngOnInit(): void {
-        if (this.authService.isEcmLoggedIn()) {
+        if (this.authenticationService.isEcmLoggedIn()) {
            this.setECMInfo();
        }

-        if (this.authService.isBpmLoggedIn()) {
+        if (this.authenticationService.isBpmLoggedIn()) {
            this.setBPMInfo();
        }
    }

    setECMInfo() {
-        this.discovery.getEcmProductInfo().subscribe((repository) => {
+        this.discoveryApiService.getEcmProductInfo().subscribe((repository) => {
            this.repository = repository as RepositoryInfo;
        });
    }

    setBPMInfo() {
-        this.discovery.getBpmProductInfo().subscribe((bpmVersion) => {
+        this.discoveryApiService.getBpmProductInfo().subscribe((bpmVersion) => {
            this.bpmVersion = bpmVersion;
        });
    }
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -18,7 +18,7 @@

                <div class="app-layout-menu-spacer"></div>

-                <app-search-bar fxFlex="0 1 auto"></app-search-bar>
+                <app-search-bar></app-search-bar>

                <div class="app-header-delimiexpandedSidenavter"></div>

@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -138,7 +138,7 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
        this.headerService.headerTextColor
            .pipe(takeUntil(this.onDestroy$))
            .subscribe(headerTextColor => {
-                document.documentElement.style.setProperty('--theme-primary-color-default-contrast', headerTextColor);
+                document.documentElement.style.setProperty('--theme-header-text-color', headerTextColor);
            });

        this.headerService.logo
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,7 +15,9 @@
 * limitations under the License.
 */

-import { AuthenticationService, BpmUserModel, BpmUserService, EcmUserModel, IdentityUserModel, IdentityUserService, PeopleContentService, UserInfoMode } from '@alfresco/adf-core';
+import { EcmUserModel, PeopleContentService } from '@alfresco/adf-content-services';
+import { BpmUserModel, PeopleProcessService } from '@alfresco/adf-process-services';
+import { AuthenticationService, IdentityUserModel, IdentityUserService, UserInfoMode } from '@alfresco/adf-core';
 import { Component, OnInit, Input } from '@angular/core';
 import { MenuPositionX, MenuPositionY } from '@angular/material/menu';
 import { Observable, of } from 'rxjs';
@@ -42,7 +44,7 @@ export class UserInfoComponent implements OnInit {
    userInfoMode = UserInfoMode;

    constructor(private peopleContentService: PeopleContentService,
-                private bpmUserService: BpmUserService,
+                private peopleProcessService: PeopleProcessService,
                private identityUserService: IdentityUserService,
                private authService: AuthenticationService) {
    }
@@ -86,7 +88,7 @@ export class UserInfoComponent implements OnInit {
    }

    private loadBpmUserInfo() {
-        this.bpmUser$ = this.bpmUserService.getCurrentUserInfo();
+        this.bpmUser$ = this.peopleProcessService.getCurrentUserInfo();
    }

    private loadIdentityUserInfo() {
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -58,28 +58,25 @@
    </small>

    <adf-toolbar class="app-full-content-toolbar">
-        <adf-toolbar-title fxFlex="0 1 auto">
+        <adf-toolbar-title>
            <adf-breadcrumb root="APP.PERSONAL-FILES" [target]="documentList" [folderNode]="documentList.folderNode">
            </adf-breadcrumb>
        </adf-toolbar-title>
-        <adf-toolbar-divider fxFlex="0 0 auto"></adf-toolbar-divider>
-        <div fxFlex="0 0 auto">
-            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.NEW_FOLDER_LABEL' | translate">
-                <mat-icon>create_new_folder</mat-icon>
-            </button>
-            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.EDIT_NODE_LABEL' | translate">
-                <mat-icon>create</mat-icon>
-            </button>
-            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.DELETE_NODE_LABEL' | translate">
-                <mat-icon>delete</mat-icon>
-            </button>
-        </div>
+        <adf-toolbar-divider></adf-toolbar-divider>
+        <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.NEW_FOLDER_LABEL' | translate">
+            <mat-icon>create_new_folder</mat-icon>
+        </button>
+        <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.EDIT_NODE_LABEL' | translate">
+            <mat-icon>create</mat-icon>
+        </button>
+        <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.DELETE_NODE_LABEL' | translate">
+            <mat-icon>delete</mat-icon>
+        </button>
    </adf-toolbar>

    <h2>6. Dropdown Breadcrumb</h2>

-    <adf-dropdown-breadcrumb fxHide fxShow.lt-sm="true"
-                             class="app-files-breadcrumb"
+    <adf-dropdown-breadcrumb class="app-files-breadcrumb"
                             [target]="documentList">
    </adf-dropdown-breadcrumb>

@@ -1,13 +1,21 @@
-.app-breadcrumb-container-restricted {
-    width: 800px;
-    max-width: 800px;
-    border: 1px solid lightgray;
-}
+app-breadcrumb-demo {
+    .app-breadcrumb-container-restricted {
+        width: 800px;
+        max-width: 800px;
+        border: 1px solid lightgray;
+    }

-.app-content {
-    margin: 10px 0;
-}
+    .app-content {
+        margin: 10px 0;
+    }

-.app-full-content-toolbar .app-toolbar-title .app-breadcrumb {
-    width: 0;
+    .app-full-content-toolbar .app-toolbar-title .app-breadcrumb {
+        width: 0;
+    }
+
+    @media screen and (min-width: 600px) {
+        .app-files-breadcrumb {
+            display: none;
+        }
+    }
 }
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,11 +15,13 @@
 * limitations under the License.
 */

-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';

@Component({
+    selector: 'app-breadcrumb-demo',
    templateUrl: './breadcrumb-demo.component.html',
-    styleUrls: [`./breadcrumb-demo.component.scss`]
+    styleUrls: [`./breadcrumb-demo.component.scss`],
+    encapsulation: ViewEncapsulation.None
 })
 export class BreadcrumbDemoComponent {

@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,8 +1,4 @@
 <adf-toolbar>
-  <div fxLayout="column" fxLayoutAlign="center">
-    <div fxLayout="row">
-      <div class="app-crumb">{{appName + ' >'}} </div>
-      <div class="app-filter-crumb"> {{filterName | translate}}</div>
-    </div>
-  </div>
+  <div class="app-crumb">{{appName + ' >'}} </div>
+  <div class="app-filter-crumb"> {{filterName | translate}}</div>
 </adf-toolbar>
@@ -1,8 +1,14 @@
-.app-app-crumb {
-    opacity: 0.5;
-}
+app-cloud-breadcrumbs {
+    .app-app-crumb {
+        opacity: 0.5;
+    }

-.app-filter-crumb {
-    opacity: 0.8;
-    margin-left: 5px;
+    .app-filter-crumb {
+        opacity: 0.8;
+        margin-left: 5px;
+    }
+
+    adf-toolbar {
+        display: flex;
+    }
 }
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,13 +15,14 @@
 * limitations under the License.
 */

-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';

@Component({
    selector: 'app-cloud-breadcrumbs',
    templateUrl: './cloud-breadcrumb-component.html',
-    styleUrls: ['./cloud-breadcrumb-component.scss']
+    styleUrls: ['./cloud-breadcrumb-component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class CloudBreadcrumbsComponent implements OnInit {
    appName: string;
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,39 +1,37 @@
-<mat-tab-group fxFill class="app-cloud-layout-tab-body">
+<mat-tab-group class="app-cloud-layout-tab-body">
  <mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
-    <div fxFill fxLayout>
-      <adf-sidenav-layout fxFlex [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
-        <adf-sidenav-layout-header>
-          <ng-template>
-            <app-cloud-breadcrumbs></app-cloud-breadcrumbs>
-          </ng-template>
-        </adf-sidenav-layout-header>
-        <adf-sidenav-layout-navigation>
-          <ng-template>
-            <adf-sidebar-action-menu [expanded]="true" [width]="205" title="{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.CREATE' | translate}}">
-              <mat-icon adf-sidebar-menu-title-icon>arrow_drop_down</mat-icon>
-              <div adf-sidebar-menu-options>
-                <button mat-menu-item data-automation-id="btn-start-task" (click)="onStartTask()">
-                  <mat-icon>assessment</mat-icon>
-                  <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_TASK' | translate}}</span>
-                </button>
-              </div>
-              <div adf-sidebar-menu-options>
-                <button mat-menu-item data-automation-id="btn-start-process" (click)="onStartProcess()">
-                  <mat-icon>assessment</mat-icon>
-                  <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_PROCESS' | translate}}</span>
-                </button>
-              </div>
-            </adf-sidebar-action-menu>
-            <app-cloud-filters-demo [appName]="appName"></app-cloud-filters-demo>
-          </ng-template>
-        </adf-sidenav-layout-navigation>
-        <adf-sidenav-layout-content>
-          <ng-template>
-            <router-outlet></router-outlet>
-          </ng-template>
-        </adf-sidenav-layout-content>
-      </adf-sidenav-layout>
-    </div>
+    <adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
+      <adf-sidenav-layout-header>
+        <ng-template>
+          <app-cloud-breadcrumbs></app-cloud-breadcrumbs>
+        </ng-template>
+      </adf-sidenav-layout-header>
+      <adf-sidenav-layout-navigation>
+        <ng-template>
+          <adf-sidebar-action-menu [expanded]="true" [width]="205" title="{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.CREATE' | translate}}">
+            <mat-icon adf-sidebar-menu-title-icon>arrow_drop_down</mat-icon>
+            <div adf-sidebar-menu-options>
+              <button mat-menu-item data-automation-id="btn-start-task" (click)="onStartTask()">
+                <mat-icon>assessment</mat-icon>
+                <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_TASK' | translate}}</span>
+              </button>
+            </div>
+            <div adf-sidebar-menu-options>
+              <button mat-menu-item data-automation-id="btn-start-process" (click)="onStartProcess()">
+                <mat-icon>assessment</mat-icon>
+                <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_PROCESS' | translate}}</span>
+              </button>
+            </div>
+          </adf-sidebar-action-menu>
+          <app-cloud-filters-demo [appName]="appName"></app-cloud-filters-demo>
+        </ng-template>
+      </adf-sidenav-layout-navigation>
+      <adf-sidenav-layout-content>
+        <ng-template>
+          <router-outlet></router-outlet>
+        </ng-template>
+      </adf-sidenav-layout-content>
+    </adf-sidenav-layout>
  </mat-tab>
  <mat-tab label="{{'PS_CLOUD_TAB.SETTINGS_TAB' | translate}}">
      <app-cloud-settings></app-cloud-settings>
@@ -5,3 +5,18 @@
 .app-cloud-layout-tab-body .mat-tab-body-wrapper {
    height: 100%;
 }
+
+app-cloud-layout {
+    .app-cloud-layout-tab-body {
+        height: 100%;
+        min-height: 100%;
+        min-width: 100%;
+        width: 100%;
+
+        adf-sidenav-layout {
+            flex-direction: row;
+            box-sizing: border-box;
+            display: flex;
+        }
+    }
+}
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,36 +1,34 @@
-<mat-tab-group fxFill class="app-cloud-layout-tab-body">
-    <mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
-      <div fxFill fxLayout>
-        <adf-sidenav-layout fxFlex [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
-          <adf-sidenav-layout-navigation>
-            <ng-template>
-              <adf-sidebar-action-menu [expanded]="true" [width]="205" title="{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.CREATE' | translate}}">
-                <mat-icon adf-sidebar-menu-title-icon>arrow_drop_down</mat-icon>
-                <div adf-sidebar-menu-options>
-                  <button mat-menu-item data-automation-id="btn-start-task" (click)="onStartTask()">
-                    <mat-icon>assessment</mat-icon>
-                    <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_TASK' | translate}}</span>
-                  </button>
-                </div>
-                <div adf-sidebar-menu-options>
-                  <button mat-menu-item data-automation-id="btn-start-process" (click)="onStartProcess()">
-                    <mat-icon>assessment</mat-icon>
-                    <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_PROCESS' | translate}}</span>
-                  </button>
-                </div>
-              </adf-sidebar-action-menu>
-              <app-community-cloud-filters-demo></app-community-cloud-filters-demo>
-            </ng-template>
-          </adf-sidenav-layout-navigation>
-          <adf-sidenav-layout-content>
-            <ng-template>
-              <router-outlet></router-outlet>
-            </ng-template>
-          </adf-sidenav-layout-content>
-        </adf-sidenav-layout>
-      </div>
-    </mat-tab>
-    <mat-tab label="{{'PS_CLOUD_TAB.SETTINGS_TAB' | translate}}">
-        <app-cloud-settings></app-cloud-settings>
-    </mat-tab>
-  </mat-tab-group>
+<mat-tab-group class="app-cloud-layout-tab-body">
+  <mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
+    <adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
+      <adf-sidenav-layout-navigation>
+        <ng-template>
+          <adf-sidebar-action-menu [expanded]="true" [width]="205" title="{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.CREATE' | translate}}">
+            <mat-icon adf-sidebar-menu-title-icon>arrow_drop_down</mat-icon>
+              <div adf-sidebar-menu-options>
+                <button mat-menu-item data-automation-id="btn-start-task" (click)="onStartTask()">
+                 <mat-icon>assessment</mat-icon>
+                   <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_TASK' | translate}}</span>
+                </button>
+              </div>
+              <div adf-sidebar-menu-options>
+                <button mat-menu-item data-automation-id="btn-start-process" (click)="onStartProcess()">
+                  <mat-icon>assessment</mat-icon>
+                  <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_PROCESS' | translate}}</span>
+                </button>
+              </div>
+            </adf-sidebar-action-menu>
+            <app-community-cloud-filters-demo></app-community-cloud-filters-demo>
+          </ng-template>
+        </adf-sidenav-layout-navigation>
+        <adf-sidenav-layout-content>
+          <ng-template>
+            <router-outlet></router-outlet>
+          </ng-template>
+        </adf-sidenav-layout-content>
+    </adf-sidenav-layout>
+  </mat-tab>
+  <mat-tab label="{{'PS_CLOUD_TAB.SETTINGS_TAB' | translate}}">
+    <app-cloud-settings></app-cloud-settings>
+  </mat-tab>
+</mat-tab-group>
@@ -0,0 +1,20 @@
+.app-cloud-layout-overflow {
+    overflow: auto;
+}
+
+.app-cloud-layout-tab-body {
+    height: 100%;
+    min-height: 100%;
+    min-width: 100%;
+    width: 100%;
+
+    .mat-tab-body-wrapper {
+        height: 100%;
+    }
+
+    adf-sidenav-layout {
+        min-height: 100%;
+        min-width: 100%;
+    }
+}
+
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -21,14 +21,7 @@ import { CloudLayoutService } from '../services/cloud-layout.service';

@Component({
    templateUrl: './community-cloud.component.html',
-    styles: [`.app-cloud-layout-overflow {
-        overflow: auto;
-      }
-
-      .app-cloud-layout-tab-body .mat-tab-body-wrapper {
-        height: 100% !important;
-      }
-      `],
+    styleUrls: ['./community-cloud.component.scss'],
    encapsulation: ViewEncapsulation.None
 })
 export class CommunityCloudComponent implements OnInit {
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -8,11 +8,9 @@
 <div class="app-process-cloud-container">

    <adf-cloud-task-list
-        fxFlex
        class="app-cloud-layout-overflow"
        [processInstanceId]="processInstanceId"
-        (rowClick)="onRowClick($event)"
-        #taskCloud>
+        (rowClick)="onRowClick($event)">
    </adf-cloud-task-list>

    <adf-cloud-process-header
@@ -1,14 +1,17 @@
-.app {
-    &-process-cloud-container {
-        display: flex;
-    }
+app-community-process-details-cloud {
+    .app {
+        &-process-cloud-container {
+            display: flex;
+        }

-    &-cloud-layout-overflow {
-        width: 67%;
-    }
+        &-cloud-layout-overflow {
+            width: 67%;
+            flex: 1;
+        }

-    &-process-cloud-header {
-        margin-left: 10px;
-        width: 25%;
+        &-process-cloud-header {
+            margin-left: 10px;
+            width: 25%;
+        }
    }
 }
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,12 +15,14 @@
 * limitations under the License.
 */

-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';

@Component({
+    selector: 'app-community-process-details-cloud',
    templateUrl: './community-process-details-cloud.component.html',
-    styleUrls: ['./community-process-details-cloud.component.scss']
+    styleUrls: ['./community-process-details-cloud.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class CommunityProcessDetailsCloudDemoComponent {

@@ -1,42 +1,42 @@
-<div fxLayout="column" fxFill fxLayoutGap="2px">
-    <adf-cloud-edit-process-filter
-        [id]="filterId"
-        [filterProperties]="processFilterProperties.filterProperties"
-        [sortProperties]="processFilterProperties.sortProperties"
-        [actions]="processFilterProperties.actions"
-        (filterChange)="onFilterChange($event)"
-        (action)="onProcessFilterAction($event)">
-    </adf-cloud-edit-process-filter>
-    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
-        <adf-cloud-process-list #processCloud
-            fxFlex
-            class="app-cloud-layout-overflow"
-            [initiator]="editedFilter.initiator"
-            [processDefinitionId]="editedFilter.processDefinitionId"
-            [processDefinitionKey]="editedFilter.processDefinitionKey"
-            [id]="editedFilter.processInstanceId"
-            [status]="editedFilter.status"
-            [name]="editedFilter.processName"
-            [businessKey]="editedFilter['businessKey']"
-            [lastModifiedFrom]="editedFilter.lastModifiedFrom"
-            [lastModifiedTo]="editedFilter.lastModifiedTo"
-            [sorting]="sortArray"
-            [selectionMode]="selectionMode"
-            [multiselect]="multiselect"
-            (rowClick)="onRowClick($event)"
-            (rowsSelected)="onRowsSelected($event)">
-        </adf-cloud-process-list>
-        <adf-pagination
-            [target]="processCloud"
-            (changePageSize)="onChangePageSize($event)"
-            (nextPage)="resetSelectedRows()"
-            (prevPage)="resetSelectedRows()">
-        </adf-pagination>
-        <div *ngIf="testingMode">
-            Selected rows:
-            <ul>
-                <li *ngFor="let row of selectedRows">{{ row.id }}</li>
-            </ul>
-        </div>
+<adf-cloud-edit-process-filter
+    [id]="filterId"
+    [filterProperties]="processFilterProperties.filterProperties"
+    [sortProperties]="processFilterProperties.sortProperties"
+    [actions]="processFilterProperties.actions"
+    (filterChange)="onFilterChange($event)"
+    (action)="onProcessFilterAction($event)">
+</adf-cloud-edit-process-filter>
+<div
+    class="app-cloud-process-list-container"
+    *ngIf="editedFilter">
+    <adf-cloud-process-list
+        #processCloud
+        class="app-cloud-layout-overflow"
+        [initiator]="editedFilter.initiator"
+        [processDefinitionId]="editedFilter.processDefinitionId"
+        [processDefinitionKey]="editedFilter.processDefinitionKey"
+        [id]="editedFilter.processInstanceId"
+        [status]="editedFilter.status"
+        [name]="editedFilter.processName"
+        [businessKey]="editedFilter['businessKey']"
+        [lastModifiedFrom]="editedFilter.lastModifiedFrom"
+        [lastModifiedTo]="editedFilter.lastModifiedTo"
+        [sorting]="sortArray"
+        [selectionMode]="selectionMode"
+        [multiselect]="multiselect"
+        (rowClick)="onRowClick($event)"
+        (rowsSelected)="onRowsSelected($event)">
+    </adf-cloud-process-list>
+    <adf-pagination
+        [target]="processCloud"
+        (changePageSize)="onChangePageSize($event)"
+        (nextPage)="resetSelectedRows()"
+        (prevPage)="resetSelectedRows()">
+    </adf-pagination>
+    <div *ngIf="testingMode">
+        Selected rows:
+        <ul>
+            <li *ngFor="let row of selectedRows">{{ row.id }}</li>
+        </ul>
    </div>
 </div>
@@ -0,0 +1,21 @@
+app-community-processes-cloud-demo {
+    height: 100%;
+    min-height: 100%;
+    min-width: 100%;
+    width: 100%;
+
+    .app-cloud-process-list-container {
+        place-content: stretch space-between;
+        align-items: stretch;
+        margin-top: 2px;
+    }
+
+    &, .app-cloud-process-list-container {
+        flex-direction: column;
+        display: flex;
+    }
+
+    .app-cloud-layout-overflow, .app-cloud-process-list-container {
+        flex: 1;
+    }
+}
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,17 +15,17 @@
 * limitations under the License.
 */

-import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import {
-    ProcessListCloudComponent,
    ProcessFilterCloudModel,
-    ProcessListCloudSortingModel,
+    ProcessFilterCloudService,
    ProcessFiltersCloudComponent,
-    ProcessFilterCloudService
+    ProcessListCloudComponent,
+    ProcessListCloudSortingModel
 } from '@alfresco/adf-process-services-cloud';

 import { ActivatedRoute, Router } from '@angular/router';
-import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { AppConfigService, UserPreferencesService } from '@alfresco/adf-core';
 import { CloudLayoutService } from '../services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -35,7 +35,10 @@ const PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
 const ACTION_SAVE_AS = 'saveAs';

@Component({
-    templateUrl: './community-processes-cloud.component.html'
+    selector: 'app-community-processes-cloud-demo',
+    templateUrl: './community-processes-cloud.component.html',
+    styleUrls: ['./community-processes-cloud.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
    @ViewChild('processCloud')
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,46 +1,46 @@
-<div fxLayout="column" fxFill fxLayoutGap="2px">
-    <adf-cloud-edit-task-filter
-        [id]="filterId"
-        [filterProperties]="taskFilterProperties.filterProperties"
-        [sortProperties]="taskFilterProperties.sortProperties"
-        [actions]="taskFilterProperties.actions"
-        (action)="onTaskFilterAction($event)"
-        (filterChange)="onFilterChange($event)">
-    </adf-cloud-edit-task-filter>
-    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
-        <adf-cloud-task-list #taskCloud
-            fxFlex
-            class="app-cloud-layout-overflow"
-            [processDefinitionId]="editedFilter.processDefinitionId"
-            [processInstanceId]="editedFilter.processInstanceId"
-            [name]="editedFilter.taskName"
-            [id]="editedFilter.taskId"
-            [parentTaskId]="editedFilter.parentTaskId"
-            [priority]="editedFilter.priority"
-            [owner]="editedFilter.owner"
-            [lastModifiedFrom]="editedFilter.lastModifiedFrom"
-            [lastModifiedTo]="editedFilter.lastModifiedTo"
-            [status]="editedFilter.status"
-            [assignee]="editedFilter.assignee"
-            [createdDate]="editedFilter.createdDate"
-            [dueDate]="editedFilter.dueDate"
-            [sorting]="sortArray"
-            [multiselect]="multiselect"
-            [selectionMode]="selectionMode"
-            (rowClick)="onRowClick($event)"
-            (rowsSelected)="onRowsSelected($event)">
-        </adf-cloud-task-list>
-        <adf-pagination
-            [target]="taskCloud"
-            (changePageSize)="onChangePageSize($event)"
-            (nextPage)="resetSelectedRows()"
-            (prevPage)="resetSelectedRows()">
-        </adf-pagination>
-        <div *ngIf="testingMode">
-            Selected rows:
-            <ul>
-                <li *ngFor="let row of selectedRows" [attr.data-automation-id]="row.id">{{ row.name }}</li>
-            </ul>
-        </div>
+<adf-cloud-edit-task-filter
+    [id]="filterId"
+    [filterProperties]="taskFilterProperties.filterProperties"
+    [sortProperties]="taskFilterProperties.sortProperties"
+    [actions]="taskFilterProperties.actions"
+    (action)="onTaskFilterAction($event)"
+    (filterChange)="onFilterChange($event)">
+</adf-cloud-edit-task-filter>
+<div
+    class="app-cloud-task-list-container"
+    *ngIf="editedFilter">
+    <adf-cloud-task-list
+        #taskCloud
+        class="app-cloud-layout-overflow"
+        [processDefinitionId]="editedFilter.processDefinitionId"
+        [processInstanceId]="editedFilter.processInstanceId"
+        [name]="editedFilter.taskName"
+        [id]="editedFilter.taskId"
+        [parentTaskId]="editedFilter.parentTaskId"
+        [priority]="editedFilter.priority"
+        [owner]="editedFilter.owner"
+        [lastModifiedFrom]="editedFilter.lastModifiedFrom"
+        [lastModifiedTo]="editedFilter.lastModifiedTo"
+        [status]="editedFilter.status"
+        [assignee]="editedFilter.assignee"
+        [createdDate]="editedFilter.createdDate"
+        [dueDate]="editedFilter.dueDate"
+        [sorting]="sortArray"
+        [multiselect]="multiselect"
+        [selectionMode]="selectionMode"
+        (rowClick)="onRowClick($event)"
+        (rowsSelected)="onRowsSelected($event)">
+    </adf-cloud-task-list>
+    <adf-pagination
+        [target]="taskCloud"
+        (changePageSize)="onChangePageSize($event)"
+        (nextPage)="resetSelectedRows()"
+        (prevPage)="resetSelectedRows()">
+    </adf-pagination>
+    <div *ngIf="testingMode">
+        Selected rows:
+        <ul>
+            <li *ngFor="let row of selectedRows" [attr.data-automation-id]="row.id">{{ row.name }}</li>
+        </ul>
    </div>
 </div>
@@ -0,0 +1,27 @@
+app-community-tasks-cloud-demo {
+    height: 100%;
+    min-height: 100%;
+    min-width: 100%;
+    width: 100%;
+
+    .adf-cloud-layout-tab-body {
+        .mat-tab-body-wrapper {
+            height: 100%;
+        }
+    }
+
+    .app-cloud-task-list-container {
+        place-content: stretch space-between;
+        align-items: stretch;
+        margin-top: 2px;
+    }
+
+    &, .app-cloud-task-list-container {
+        flex-direction: column;
+        display: flex;
+    }
+
+    .app-cloud-layout-overflow, .app-cloud-task-list-container {
+        flex: 1;
+    }
+}
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,9 +15,14 @@
 * limitations under the License.
 */

-import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core';
-import { TaskListCloudComponent, TaskListCloudSortingModel, TaskFilterCloudModel, TaskFilterCloudService } from '@alfresco/adf-process-services-cloud';
-import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import {
+    TaskFilterCloudModel,
+    TaskFilterCloudService,
+    TaskListCloudComponent,
+    TaskListCloudSortingModel
+} from '@alfresco/adf-process-services-cloud';
+import { AppConfigService, UserPreferencesService } from '@alfresco/adf-core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { CloudLayoutService } from '../services/cloud-layout.service';
 import { Subject } from 'rxjs';
@@ -28,8 +33,10 @@ const ACTION_SAVE_AS = 'saveAs';
 const TASK_FILTER_PROPERTY_KEYS = 'adf-edit-task-filter';

@Component({
+    selector: 'app-community-tasks-cloud-demo',
    templateUrl: './community-task-cloud.component.html',
-    styles: [`.adf-cloud-layout-tab-body .mat-tab-body-wrapper { height: 100%; }`]
+    styleUrls: ['./community-task-cloud.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class CommunityTasksCloudDemoComponent implements OnInit, OnDestroy {
    @ViewChild('taskCloud')
@@ -1,20 +1,16 @@
 <h4 data-automation-id="task-details-header">Simple page to show the taskId: {{ taskId }}</h4>

-<div fxLayout="column" fxFill fxLayoutGap="2px">
-    <div fxLayout="row" fxFill>
-        <div fxLayout="column" fxFlex="80%">
-            <adf-cloud-task-form
-                [taskId]="taskId"
-                (cancelClick)="goBack()"
-                (taskClaimed)="onClaimTask()"
-                (taskCompleted)="onTaskCompleted()"
-                (taskUnclaimed)="onUnclaimTask()"
-                (formSaved)="onFormSaved()"
-                (error)="onError($event)">
-            </adf-cloud-task-form>
-        </div>
-        <adf-cloud-task-header fxFlex
-            [taskId]="taskId">
-        </adf-cloud-task-header>
+<div class="app-community-task-details-cloud-column">
+    <div class="app-community-task-details-cloud-row">
+        <adf-cloud-task-form
+            [taskId]="taskId"
+            (cancelClick)="goBack()"
+            (taskClaimed)="onClaimTask()"
+            (taskCompleted)="onTaskCompleted()"
+            (taskUnclaimed)="onUnclaimTask()"
+            (formSaved)="onFormSaved()"
+            (error)="onError($event)">
+        </adf-cloud-task-form>
+        <adf-cloud-task-header [taskId]="taskId"></adf-cloud-task-header>
    </div>
 </div>
@@ -1,18 +1,48 @@
-.app {
-    &-task-detail-container {
-        display: flex;
-    }
+app-community-task-details-cloud {
+    .app {
+        &-task-detail-container {
+            display: flex;
+        }

-    &-task-title {
-        margin-left: 15px;
-    }
+        &-task-title {
+            margin-left: 15px;
+        }

-    &-task-control {
-        width: 70%;
-    }
+        &-task-control {
+            width: 70%;
+        }

-    &-demop-card-container {
-        width: 30%;
-        font-family: inherit;
+        &-demop-card-container {
+            width: 30%;
+            font-family: inherit;
+        }
+
+        &-community-task-details-cloud-column {
+            margin: 0;
+            flex-direction: column;
+
+            .app-community-task-details-cloud-row {
+                flex-direction: row;
+
+                adf-cloud-task-form {
+                    flex: 1 1 100%;
+                    flex-direction: column;
+                    display: flex;
+                    max-width: 80%;
+                }
+
+                adf-cloud-task-header {
+                    flex: 1;
+                }
+            }
+        }
+
+        &-community-task-details-cloud-column, &-community-task-details-cloud-row {
+            height: 100%;
+            min-height: 100%;
+            min-width: 100%;
+            width: 100%;
+            display: flex;
+        }
    }
 }
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,13 +15,15 @@
 * limitations under the License.
 */

-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NotificationService } from '@alfresco/adf-core';

@Component({
+    selector: 'app-community-task-details-cloud',
    templateUrl: './community-task-details-cloud.component.html',
-    styleUrls: ['./community-task-details-cloud.component.scss']
+    styleUrls: ['./community-task-details-cloud.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class CommunityTaskDetailsCloudDemoComponent {

@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -19,7 +19,6 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { CommonModule } from '@angular/common';
 import { CoreModule } from '@alfresco/adf-core';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import {
    ProcessServicesCloudModule,
    LocalPreferenceCloudService,
@@ -76,8 +75,7 @@ const routes: Routes = [
        CoreModule,
        ProcessServicesCloudModule,
        RouterModule.forChild(routes),
-        AppCloudSharedModule,
-        FlexLayoutModule
+        AppCloudSharedModule
    ],
    declarations: [
        CommunityCloudComponent,
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -7,12 +7,10 @@
 <div class="app-process-cloud-container">

    <adf-cloud-task-list
-        fxFlex
        class="app-cloud-layout-overflow"
        [appName]="appName"
        [processInstanceId]="processInstanceId"
-        (rowClick)="onRowClick($event)"
-        #taskCloud>
+        (rowClick)="onRowClick($event)">
    </adf-cloud-task-list>

    <adf-cloud-process-header
@@ -1,14 +1,17 @@
-.app {
-    &-process-cloud-container {
-        display: flex;
-    }
+app-process-details-cloud-demo {
+    .app {
+        &-process-cloud-container {
+            display: flex;
+        }

-    &-cloud-layout-overflow {
-        width: 67%;
-    }
+        &-cloud-layout-overflow {
+            width: 67%;
+            flex: 1;
+        }

-    &-process-cloud-header {
-        margin-left: 10px;
-        width: 25%;
+        &-process-cloud-header {
+            margin-left: 10px;
+            width: 25%;
+        }
    }
 }
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,12 +15,14 @@
 * limitations under the License.
 */

-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';

@Component({
+    selector: 'app-process-details-cloud-demo',
    templateUrl: './process-details-cloud-demo.component.html',
-    styleUrls: ['./process-details-cloud-demo.component.scss']
+    styleUrls: ['./process-details-cloud-demo.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class ProcessDetailsCloudDemoComponent {

@@ -1,70 +1,70 @@
-<div fxLayout="column" fxFill fxLayoutGap="2px">
-    <adf-cloud-edit-process-filter
-        [appName]="appName"
-        [id]="filterId"
-        [filterProperties]="filterProperties"
-        [sortProperties]="filterSortProperties"
-        [actions]="filterActions"
-        [processFilter]="editedFilter"
-        (filterChange)="onFilterChange($event)"
-        (action)="onProcessFilterAction($event)">
-    </adf-cloud-edit-process-filter>
-    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
-        <adf-cloud-process-list #processCloud
-            fxFlex
-            class="app-cloud-layout-overflow"
-            [appName]="editedFilter.appName"
-            [appVersion]="editedFilter.appVersion"
-            [initiator]="editedFilter.initiator"
-            [processDefinitionId]="editedFilter.processDefinitionId"
-            [processDefinitionName]="editedFilter.processDefinitionName"
-            [processDefinitionKey]="editedFilter.processDefinitionKey"
-            [id]="editedFilter.processInstanceId"
-            [status]="editedFilter.status"
-            [name]="editedFilter.processName"
-            [businessKey]="editedFilter['businessKey']"
-            [lastModifiedFrom]="editedFilter.lastModifiedFrom"
-            [lastModifiedTo]="editedFilter.lastModifiedTo"
-            [sorting]="[{orderBy: editedFilter.sort,  direction: editedFilter.order}]"
-            [selectionMode]="selectionMode"
-            [stickyHeader]="true"
-            [showActions]="actionMenu"
-            [showContextMenu]="contextMenu"
-            [multiselect]="multiselect"
-            (showRowActionsMenu)="onShowRowActionsMenu($event)"
-            (showRowContextMenu)="onShowRowContextMenu($event)"
-            (executeRowAction)="onExecuteRowAction($event)"
-            (rowClick)="onRowClick($event)"
-            (rowsSelected)="onRowsSelected($event)">
-        </adf-cloud-process-list>
-        <adf-pagination
-            [target]="processCloud"
-            (changePageSize)="onChangePageSize($event)"
-            (nextPage)="resetSelectedRows()"
-            (prevPage)="resetSelectedRows()">
-        </adf-pagination>
-        <div *ngIf="testingMode">
-            <div *ngIf="multiselect">
-                {{ 'SETTINGS_CLOUD.SELECTED_ROWS' | translate }}:
-                <ul>
-                    <li *ngFor="let row of selectedRows">{{ row.id }}</li>
-                </ul>
+<adf-cloud-edit-process-filter
+    [appName]="appName"
+    [id]="filterId"
+    [filterProperties]="filterProperties"
+    [sortProperties]="filterSortProperties"
+    [actions]="filterActions"
+    [processFilter]="editedFilter"
+    (filterChange)="onFilterChange($event)"
+    (action)="onProcessFilterAction($event)">
+</adf-cloud-edit-process-filter>
+<div
+    *ngIf="editedFilter"
+    class="app-processes-list-container">
+    <adf-cloud-process-list
+        #processCloud
+        class="app-cloud-layout-overflow"
+        [appName]="editedFilter.appName"
+        [appVersion]="editedFilter.appVersion"
+        [initiator]="editedFilter.initiator"
+        [processDefinitionId]="editedFilter.processDefinitionId"
+        [processDefinitionName]="editedFilter.processDefinitionName"
+        [processDefinitionKey]="editedFilter.processDefinitionKey"
+        [id]="editedFilter.processInstanceId"
+        [status]="editedFilter.status"
+        [name]="editedFilter.processName"
+        [businessKey]="editedFilter['businessKey']"
+        [lastModifiedFrom]="editedFilter.lastModifiedFrom"
+        [lastModifiedTo]="editedFilter.lastModifiedTo"
+        [sorting]="[{orderBy: editedFilter.sort,  direction: editedFilter.order}]"
+        [selectionMode]="selectionMode"
+        [stickyHeader]="true"
+        [showActions]="actionMenu"
+        [showContextMenu]="contextMenu"
+        [multiselect]="multiselect"
+        (showRowActionsMenu)="onShowRowActionsMenu($event)"
+        (showRowContextMenu)="onShowRowContextMenu($event)"
+        (executeRowAction)="onExecuteRowAction($event)"
+        (rowClick)="onRowClick($event)"
+        (rowsSelected)="onRowsSelected($event)">
+    </adf-cloud-process-list>
+    <adf-pagination
+        [target]="processCloud"
+        (changePageSize)="onChangePageSize($event)"
+        (nextPage)="resetSelectedRows()"
+        (prevPage)="resetSelectedRows()">
+    </adf-pagination>
+    <div *ngIf="testingMode">
+        <div *ngIf="multiselect">
+            {{ 'SETTINGS_CLOUD.SELECTED_ROWS' | translate }}:
+            <ul>
+                <li *ngFor="let row of selectedRows">{{ row.id }}</li>
+            </ul>
+        </div>
+        <div *ngIf="actionMenu">
+            <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}:</span>
+            <br>
+            <div *ngIf="selectedAction">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedAction.id }}</span><br>
+                <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedAction.actionType }}</span>
            </div>
-            <div *ngIf="actionMenu">
-                <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}:</span>
-                <br>
-                <div *ngIf="selectedAction">
-                    <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedAction.id }}</span><br>
-                    <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedAction.actionType }}</span>
-                </div>
-            </div>
-            <div *ngIf="contextMenu">
-                <span>{{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}:</span>
-                <br>
-                <div *ngIf="selectedContextAction">
-                    <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedContextAction.id }}</span><br>
-                    <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedContextAction.actionType }}</span>
-                </div>
+        </div>
+        <div *ngIf="contextMenu">
+            <span>{{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}:</span>
+            <br>
+            <div *ngIf="selectedContextAction">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedContextAction.id }}</span><br>
+                <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedContextAction.actionType }}</span>
            </div>
        </div>
    </div>
@@ -0,0 +1,22 @@
+app-processes-cloud-demo {
+    height: 100%;
+    min-height: 100%;
+    min-width: 100%;
+    width: 100%;
+
+    .app-processes-list-container {
+        box-sizing: border-box;
+        place-content: stretch space-between;
+        align-items: stretch;
+        margin-top: 2px;
+    }
+
+    &, .app-processes-list-container {
+        flex-direction: column;
+        display: flex;
+    }
+
+    .app-processes-list-container, .app-cloud-layout-overflow {
+        flex: 1;
+    }
+}
@@ -1,6 +1,6 @@
 /*!
 * @license
- * Copyright 2019 Alfresco Software, Ltd.
+ * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -15,10 +15,16 @@
 * limitations under the License.
 */

-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { ProcessFilterAction, ProcessFilterCloudModel, PROCESS_FILTER_ACTION_DELETE, PROCESS_FILTER_ACTION_SAVE, PROCESS_FILTER_ACTION_SAVE_AS } from '@alfresco/adf-process-services-cloud';
+import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import {
+    PROCESS_FILTER_ACTION_DELETE,
+    PROCESS_FILTER_ACTION_SAVE,
+    PROCESS_FILTER_ACTION_SAVE_AS,
+    ProcessFilterAction,
+    ProcessFilterCloudModel
+} from '@alfresco/adf-process-services-cloud';
 import { ActivatedRoute, Router } from '@angular/router';
-import { UserPreferencesService, DataCellEvent } from '@alfresco/adf-core';
+import { DataCellEvent, UserPreferencesService } from '@alfresco/adf-core';
 import { CloudLayoutService, CloudServiceSettings } from './services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -26,7 +32,10 @@ import { Pagination } from '@alfresco/js-api';
 import { CloudProcessFiltersService } from './services/cloud-process-filters.service';

@Component({
-    templateUrl: './processes-cloud-demo.component.html'
+    selector: 'app-processes-cloud-demo',
+    templateUrl: './processes-cloud-demo.component.html',
+    styleUrls: ['./processes-cloud-demo.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
    appName: string = '';
--- a/Show More
+++ b/Show More