fix tag work flow (#8618)

upgrade docker build to 18

.eslintrc.js

@@ -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: {}
+    }
+  ]
+}

.eslintrc.json

@@ -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": {}
-    }
-  ]
-}

.github/actions/e2e/action.yml

@@ -38,6 +38,10 @@ inputs:
   apa-proxy: #
     description: "proxy host"
     required: true
+  deps:
+    description: "Library dependencies"
+    required: false
+    default: ""
 
 runs:
   using: "composite"
@@ -121,6 +125,7 @@ runs:
         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 +139,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 +155,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

.github/actions/setup/action.yml

@@ -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

.github/workflows/adf_alpha.yml

@@ -1,98 +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: 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 }}
-            exit $?
-

.github/workflows/cron-upstream.yml

@@ -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

.github/workflows/git-tag.yml

@@ -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
@@ -61,7 +61,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 +84,7 @@ jobs:
     uses: ./.github/workflows/release.yml
     secrets: inherit
     with:
-      dry-run-release: false
+      dry-run-flag: false
 
   setup:
     needs: release
@@ -92,18 +92,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

.github/workflows/package_dispatch.yml

@@ -12,6 +12,7 @@ jobs:
         uses: actions/github-script@v6
         with:
           github-token: ${{ secrets.PAT_WRITE_PKG }}
+          retries: 3
           script: |
             const payload = {
               package_name: "${{ github.event.registry_package.name }}",

.github/workflows/pull-request.yml

@@ -93,13 +93,14 @@ jobs:
     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:
@@ -107,26 +108,24 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
+        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"
-              exit 0
-          else
-            git fetch --all
-            message=$(git log --format=%B -n 1 origin/$BRANCH_NAME)
-            echo "COMMIT_MESSAGE=$message" >> $GITHUB_ENV
-            export COMMIT_MESSAGE=$message
-            if [[ "$COMMIT_MESSAGE" == *"[ci:force]"* ]]; then
-              echo "Forcing CI to run with commit flag [ci:force]."
-              echo CI_FORCE_RUN=true >> $GITHUB_ENV
-              echo "BREAK_ACTION=true" >> $GITHUB_ENV
-            fi
+            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
@@ -134,7 +133,7 @@ jobs:
         uses: kamatama41/get-pr-number-action@5c77b38a1b4974ebf8a9521a689f38a5898eadd6
         id: action
         with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
+          github_token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: show pr number
         shell: bash
@@ -147,10 +146,12 @@ jobs:
           GH_TOKEN: ${{ github.token }}
           skip_check: "false"
         run: |
-          echo "ci force run: $CI_FORCE_RUN"
-          if [ "${CI_FORCE_RUN}" == "true" ]; then
-              echo -e "\033[32m[ci:force] flag detected. No need for approval.\033[0m"
-              skip_check="true"
+          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
@@ -196,9 +197,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:
@@ -230,7 +231,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
@@ -245,7 +246,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
@@ -260,9 +261,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:
@@ -301,42 +302,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"
@@ -344,6 +352,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"
@@ -351,6 +360,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"
@@ -358,6 +368,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"
@@ -365,6 +376,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"
@@ -373,6 +385,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"
@@ -381,6 +394,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"
@@ -389,6 +403,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"
@@ -397,6 +412,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"
@@ -405,6 +421,7 @@ jobs:
             apa-proxy: true
             check-cs-env: "true"
             check-ps-cloud-env: "true"
+            deps: "testing"
 
     steps:
       - name: Checkout repository
@@ -430,6 +447,33 @@ 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:
+    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() }}

.github/workflows/release.yml

@@ -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
@@ -82,7 +82,7 @@ env:
 jobs:
   setup:
     timeout-minutes: 20
-    if: github.event.pull_request.merged == true
+    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 +97,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 == true
+    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 +115,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 +123,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 == true
+    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 +141,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
+    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,7 +174,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/download-node-modules-and-artifacts
       - name: check PR number
         id: action
@@ -191,31 +191,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.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
+    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

.github/workflows/upstream-js.yml

@@ -0,0 +1,194 @@
+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"
+          }
+
+          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
+          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`);

.gitignore

@@ -32,5 +32,5 @@ out-tsc
 e2e-result-*
 licenses.txt
 .DS_Store
-
 .angular
+NX

.nvmrc

@@ -1 +1 @@
-14
+18

.snyk

@@ -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'

BROWSER-SUPPORT.md

@@ -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.

Dockerfile

@@ -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
 

INTRODUCTION.md

@@ -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.

PREREQUISITES.md

@@ -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.
- 

README.md

@@ -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 |

angular.json

@@ -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",
@@ -272,7 +267,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/cspell 'demo-shell/**/*.ts'"
+                      "command": "npx cspell 'demo-shell/**/*.ts'"
                   }
               ]
           }
@@ -407,7 +402,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/cspell 'lib/core/**/*.ts'"
+                      "command": "npx cspell 'lib/core/**/*.ts'"
                   }
               ]
           }
@@ -417,7 +412,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/stylelint lib/core/**/*.scss --config stylelint-config.json"
+                      "command": "npx stylelint lib/core/**/*.scss --config stylelint-config.json"
                   }
               ]
           }
@@ -427,7 +422,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"
                   }
               ]
           }
@@ -437,7 +432,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"
                   }
               ]
           }
@@ -547,7 +542,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/cspell 'lib/content-services/**/*.ts'"
+                      "command": "npx cspell 'lib/content-services/**/*.ts'"
                   }
               ]
           }
@@ -557,7 +552,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"
                   }
               ]
           }
@@ -623,7 +618,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/cspell 'lib/process-services/**/*.ts'"
+                      "command": "npx cspell 'lib/process-services/**/*.ts'"
                   }
               ]
           },
@@ -632,7 +627,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"
                     }
                 ]
             }
@@ -643,7 +638,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"
                   }
               ]
           }
@@ -754,7 +749,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/playwright test --config='e2e-playwright/playwright.config.ts'"
+                      "command": "npx playwright test --config='e2e-playwright/playwright.config.ts'"
                   }
               ]
           }
@@ -764,7 +759,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/cspell 'lib/process-services-cloud/**/*.ts'"
+                      "command": "npx cspell 'lib/process-services-cloud/**/*.ts'"
                   }
               ]
           }
@@ -774,7 +769,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"
                   }
               ]
           }
@@ -840,7 +835,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/cspell 'lib/insights/**/*.ts'"
+                      "command": "npx cspell 'lib/insights/**/*.ts'"
                   }
               ]
           }
@@ -850,7 +845,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/stylelint lib/insights/**/*.scss --config stylelint-config.json"
+                      "command": "npx stylelint lib/insights/**/*.scss --config stylelint-config.json"
                   }
               ]
           }
@@ -916,7 +911,7 @@
               "options": {
               "commands": [
                   {
-                      "command": "$(npm bin)/cspell 'lib/extensions/**/*.ts'"
+                      "command": "npx cspell 'lib/extensions/**/*.ts'"
                   }
               ]
           }

cspell.json

@@ -5,6 +5,7 @@
     "activiti",
     "adhoc",
     "afts",
+    "appkey",
     "Arial",
     "arrowdown",
     "arrowup",
@@ -62,6 +63,7 @@
     "hardend",
     "highlightable",
     "hotfix",
+    "Hyland",
     "imgpreview",
     "Inplace",
     "intitem",

demo-shell/.eslintrc.js

@@ -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: {}
+    }
+  ]
+}

demo-shell/.eslintrc.json

@@ -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": {}
-    }
-  ]
-}

demo-shell/e2e/app.e2e-spec.e2e.ts

@@ -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.

demo-shell/e2e/app.po.ts

@@ -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.

demo-shell/package.json

@@ -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.1.0",
+  "author": "Hyland Software, Inc. and its affiliates",
   "repository": {
     "type": "git",
     "url": "https://github.com/Alfresco/alfresco-ng2-components.git"

demo-shell/resources/i18n/ar.json

@@ -4,7 +4,7 @@
       "TYPE-AUTH": "نوع المصادقة",
       "BASIC": "مصادقة أساسية",
       "SSO": "SSO",
-      "IMPLICIT-FLOW": "تدفق ضمني",
+      "IMPLICIT-FLOW": "Implicit Flow",
       "PROVIDER": "موفر",
       "REQUIRED": "هذا الحقل مطلوب",
       "CS_URL_ERROR": "لا يتطابق عنوان Content Services مع تنسيق URL",

demo-shell/resources/i18n/cs.json

@@ -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",

demo-shell/resources/i18n/da.json

@@ -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",

demo-shell/resources/i18n/de.json

@@ -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",

demo-shell/resources/i18n/es.json

@@ -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",

demo-shell/resources/i18n/fi.json

@@ -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",

demo-shell/resources/i18n/fr.json

@@ -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",

demo-shell/resources/i18n/it.json

@@ -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",

demo-shell/resources/i18n/ja.json

@@ -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": "ライブラリの作成"
     },

demo-shell/resources/i18n/nb.json

@@ -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",

demo-shell/resources/i18n/nl.json

@@ -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",

demo-shell/resources/i18n/pl.json

@@ -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.",

demo-shell/resources/i18n/pt-BR.json

@@ -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",

demo-shell/resources/i18n/ru.json

@@ -4,7 +4,7 @@
       "TYPE-AUTH": "Тип авторизации",
       "BASIC": "Базовая авторизация",
       "SSO": "SSO",
-      "IMPLICIT-FLOW": "Неявный поток",
+      "IMPLICIT-FLOW": "Implicit Flow",
       "PROVIDER": "Поставщик",
       "REQUIRED": "Поле обязательно для заполнения",
       "CS_URL_ERROR": "Адрес Content Services не соответствует формату URL",

demo-shell/resources/i18n/sv.json

@@ -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",

demo-shell/resources/i18n/zh-CN.json

@@ -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": "列表视图模式",

demo-shell/src/app.config.json

@@ -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
   }
 }

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

@@ -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.

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

@@ -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(),

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

@@ -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.

demo-shell/src/app/components/about/about.component.ts

@@ -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.

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

@@ -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.

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

@@ -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>
 

demo-shell/src/app/components/app-layout/app-layout.component.ts

@@ -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

demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.ts

@@ -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.

demo-shell/src/app/components/app-layout/user-info/user-info.component.ts

@@ -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.

demo-shell/src/app/components/aspect-list-sample/aspect-list-sample.component.ts

@@ -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.

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

@@ -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>
 

demo-shell/src/app/components/breadcrumb-demo/breadcrumb-demo.component.scss

@@ -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;
+        }
+    }
 }

demo-shell/src/app/components/breadcrumb-demo/breadcrumb-demo.component.ts

@@ -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 {
 

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

@@ -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.

demo-shell/src/app/components/card-view/card-view.component.ts

@@ -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.

demo-shell/src/app/components/card-view/card-view.module.ts

@@ -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.

demo-shell/src/app/components/cloud/apps-cloud-demo.component.ts

@@ -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.

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

@@ -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>

demo-shell/src/app/components/cloud/cloud-breadcrumb-component.scss

@@ -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;
+    }
 }

demo-shell/src/app/components/cloud/cloud-breadcrumb-component.ts

@@ -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;

demo-shell/src/app/components/cloud/cloud-filters-demo.component.ts

@@ -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.

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

@@ -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>

demo-shell/src/app/components/cloud/cloud-layout.component.scss

@@ -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;
+        }
+    }
+}

demo-shell/src/app/components/cloud/cloud-layout.component.ts

@@ -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.

demo-shell/src/app/components/cloud/cloud-viewer.component.ts

@@ -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.

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

@@ -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>

demo-shell/src/app/components/cloud/community/community-cloud.component.scss

@@ -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%;
+    }
+}
+

demo-shell/src/app/components/cloud/community/community-cloud.component.ts

@@ -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 {

demo-shell/src/app/components/cloud/community/community-filters.component.ts

@@ -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.

demo-shell/src/app/components/cloud/community/community-process-details-cloud.component.html

@@ -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

demo-shell/src/app/components/cloud/community/community-process-details-cloud.component.scss

@@ -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%;
+        }
     }
 }

demo-shell/src/app/components/cloud/community/community-process-details-cloud.component.ts

@@ -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 {
 

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

@@ -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>

demo-shell/src/app/components/cloud/community/community-processes-cloud.component.scss

@@ -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;
+    }
+}

demo-shell/src/app/components/cloud/community/community-processes-cloud.component.ts

@@ -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')

demo-shell/src/app/components/cloud/community/community-start-process-cloud.component.ts

@@ -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.

demo-shell/src/app/components/cloud/community/community-start-task-cloud.component.ts

@@ -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.

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

@@ -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>

demo-shell/src/app/components/cloud/community/community-task-cloud.component.scss

@@ -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;
+    }
+}

demo-shell/src/app/components/cloud/community/community-task-cloud.component.ts

@@ -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')

demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.html

@@ -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>

demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.scss

@@ -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;
+        }
     }
 }

demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.ts

@@ -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 {
 

demo-shell/src/app/components/cloud/community/community.module.ts

@@ -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,

demo-shell/src/app/components/cloud/custom-form-components/custom-editor.component.ts

@@ -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.

demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.ts

@@ -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.

demo-shell/src/app/components/cloud/process-cloud-layout.component.ts

@@ -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.

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

@@ -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

demo-shell/src/app/components/cloud/process-details-cloud-demo.component.scss

@@ -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%;
+        }
     }
 }

demo-shell/src/app/components/cloud/process-details-cloud-demo.component.ts

@@ -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 {
 

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

@@ -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>

demo-shell/src/app/components/cloud/processes-cloud-demo.component.scss

@@ -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;
+    }
+}

demo-shell/src/app/components/cloud/processes-cloud-demo.component.ts

@@ -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 = '';

demo-shell/src/app/components/cloud/service-task-list-cloud-demo.component.html

@@ -1,42 +1,38 @@
-<div fxLayout
-     fxFill>
-    <adf-cloud-service-task-filters [appName]="appName"
-                                    [filterParam]="{index: 0}"
-                                    (filterClicked)="onTaskFilterSelected($event)"
-                                    (filterSelected)="onTaskFilterSelected($event)">
-
-    </adf-cloud-service-task-filters>
-    <div fxLayout="column"
-         fxFlex>
-        <adf-cloud-edit-service-task-filter [id]="filterId"
-                                            [appName]="appName"
-                                            [filterProperties]="taskFilterProperties.filterProperties"
-                                            [sortProperties]="taskFilterProperties.sortProperties"
-                                            [actions]="taskFilterProperties.actions"
-                                            (filterChange)="onFilterChange($event)">
-        </adf-cloud-edit-service-task-filter>
-        <div fxLayout="column"
-             fxFlex
-             fxFill
-             fxLayoutAlign="space-between"
-             *ngIf="editedFilter">
-            <adf-cloud-service-task-list #taskCloud
-                                         fxFlex
-                                         [queryParams]="editedFilter"
-                                         class="app-cloud-layout-overflow"
-                                         [appName]="editedFilter.appName"
-                                         [sorting]="sortArray"
-                                         [multiselect]="multiselect"
-                                         [selectionMode]="selectionMode"
-                                         [stickyHeader]="true"
-                                         [showActions]="actionMenu"
-                                         [showContextMenu]="contextMenu">
-            </adf-cloud-service-task-list>
-            <adf-pagination [target]="taskCloud"
-                            (changePageSize)="onChangePageSize($event)"
-                            (nextPage)="resetSelectedRows()"
-                            (prevPage)="resetSelectedRows()">
-            </adf-pagination>
-        </div>
+<adf-cloud-service-task-filters
+    [appName]="appName"
+    [filterParam]="{index: 0}"
+    (filterClicked)="onTaskFilterSelected($event)"
+    (filterSelected)="onTaskFilterSelected($event)">
+</adf-cloud-service-task-filters>
+<div class="app-task-list-with-filter">
+    <adf-cloud-edit-service-task-filter
+        [id]="filterId"
+        [appName]="appName"
+        [filterProperties]="taskFilterProperties.filterProperties"
+        [sortProperties]="taskFilterProperties.sortProperties"
+        [actions]="taskFilterProperties.actions"
+        (filterChange)="onFilterChange($event)">
+    </adf-cloud-edit-service-task-filter>
+    <div
+        class="app-task-list-container"
+        *ngIf="editedFilter">
+        <adf-cloud-service-task-list
+            #taskCloud
+            [queryParams]="editedFilter"
+            class="app-cloud-layout-overflow"
+            [appName]="editedFilter.appName"
+            [sorting]="sortArray"
+            [multiselect]="multiselect"
+            [selectionMode]="selectionMode"
+            [stickyHeader]="true"
+            [showActions]="actionMenu"
+            [showContextMenu]="contextMenu">
+        </adf-cloud-service-task-list>
+        <adf-pagination
+            [target]="taskCloud"
+            (changePageSize)="onChangePageSize($event)"
+            (nextPage)="resetSelectedRows()"
+            (prevPage)="resetSelectedRows()">
+        </adf-pagination>
     </div>
 </div>

demo-shell/src/app/components/cloud/service-task-list-cloud-demo.component.scss

@@ -0,0 +1,25 @@
+app-service-task-list-cloud-demo {
+    min-height: 100%;
+    min-width: 100%;
+    display: flex;
+
+    .app-task-list-with-filter, .app-task-list-container {
+        flex-direction: column;
+        display: flex;
+        flex: 1;
+    }
+
+    &, .app-task-list-container {
+        height: 100%;
+        width: 100%;
+    }
+
+    .app-task-list-container {
+        place-content: stretch space-between;
+        align-items: stretch;
+
+        .app-cloud-layout-overflow {
+            flex: 1;
+        }
+    }
+}

demo-shell/src/app/components/cloud/service-task-list-cloud-demo.component.ts

@@ -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,13 @@
  * limitations under the License.
  */
 
-import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
-import { TaskListCloudSortingModel, ServiceTaskListCloudComponent, ServiceTaskFilterCloudModel } from '@alfresco/adf-process-services-cloud';
-import { UserPreferencesService, AppConfigService, PaginationModel } from '@alfresco/adf-core';
+import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import {
+    ServiceTaskFilterCloudModel,
+    ServiceTaskListCloudComponent,
+    TaskListCloudSortingModel
+} from '@alfresco/adf-process-services-cloud';
+import { AppConfigService, PaginationModel, UserPreferencesService } from '@alfresco/adf-core';
 import { CloudLayoutService, CloudServiceSettings } from './services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -25,7 +29,10 @@ import { takeUntil } from 'rxjs/operators';
 const TASK_FILTER_PROPERTY_KEYS = 'adf-edit-service-task-filter';
 
 @Component({
-    templateUrl: './service-task-list-cloud-demo.component.html'
+    selector: 'app-service-task-list-cloud-demo',
+    templateUrl: './service-task-list-cloud-demo.component.html',
+    styleUrls: ['./service-task-list-cloud-demo.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class ServiceTaskListCloudDemoComponent implements OnInit, OnDestroy {
     @ViewChild('taskCloud')