remove global cache for setup

* AAE-11884 change tag sha action (#8118)

* test execution

* test execution

* test execution

* test execution

* test execution

* fix buildLibs

* enable e2e: C260040

* fix C280007 to not depend on C280006

* trigger travis

Co-authored-by: Maurizio Cacace <Maurizio.Cacace@hyland.com>

.editorconfig

@@ -13,6 +13,14 @@ trim_trailing_whitespace = true
 indent_style = space
 indent_size = 2
 
+[*.yaml]
+indent_style = space
+indent_size = 2
+
+[*.yml]
+indent_style = space
+indent_size = 2
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.eslintrc.json

@@ -1,7 +1,14 @@
 {
   "root": true,
   "ignorePatterns": [
-    "projects/**/*"
+    "projects/**/*",
+    "**/node_modules/**/*",
+    "lib/cli/node_modules/**/*",
+    "**/node_modules",
+    "**/docker",
+    "**/assets",
+    "**/scripts",
+    "**/docs"
   ],
   "overrides": [
     {
@@ -22,9 +29,21 @@
       ],
       "plugins": [
         "eslint-plugin-unicorn",
-        "eslint-plugin-rxjs"
+        "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",
           {
@@ -63,9 +82,25 @@
         "@typescript-eslint/no-inferrable-types": "off",
         "@typescript-eslint/no-require-imports": "off",
         "@typescript-eslint/no-var-requires": "error",
-
-        "@typescript-eslint/member-ordering": "warn",
-        "prefer-arrow/prefer-arrow-functions": "warn",
+        "@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",
@@ -81,6 +116,31 @@
           }
         ],
         "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",
@@ -89,7 +149,15 @@
         "rxjs/no-subject-unsubscribe": "error",
         "rxjs/no-subject-value": "error",
         "rxjs/no-unsafe-takeuntil": "error",
-        "unicorn/filename-case": "error"
+        "unicorn/filename-case": "error",
+        "@typescript-eslint/no-unused-expressions": [
+          "error",
+          {
+            "allowShortCircuit": true,
+            "allowTernary": true
+          }
+        ],
+        "license-header/header": ["error", "./license-community.txt"]
       }
     },
     {

.github/actions/before-install/action.yml

@@ -0,0 +1,83 @@
+name: "before-install"
+description: "launch before_install.sh and then parse env vars"
+inputs:
+  act:
+    description: 'enable act debug'
+    required: false
+    type: boolean
+    default: 'false'
+runs:
+  using: "composite"
+  steps:  
+    - name: Before install
+      if: ${{ ! env.ACT }}
+      shell: bash
+      run: |
+        pip install --user --quiet awscli
+
+    - name: base vars
+      shell: bash
+      run: |
+        {
+          echo "GIT_HASH=$(git rev-parse HEAD)";
+          echo "BASE_HASH=$(git merge-base origin/${GITHUB_BASE_REF} HEAD)";
+          echo "HEAD_HASH=HEAD";
+          echo "HEAD_COMMIT_HASH=${TRAVIS_PULL_REQUEST_SHA:-${TRAVIS_COMMIT}}";
+          echo "NX_CALCULATION_FLAGS=--all";
+          echo "BUILD_OPTS=--configuration production";
+          echo CI_FORCE_RUN=false;
+          echo NODE_VERSION=$(node -v);
+        } >> $GITHUB_ENV
+
+    - name: affected:* flag parser
+      shell: bash
+      if: ${{ contains(github.event.head_commit.message , '[affected:*]') }}
+      run: |
+        echo "Setting up CI to run with commit flag [affected:*] flag."
+        echo "BREAK_ACTION=true" >> $GITHUB_ENV
+        
+    - name: ci:force flag parser
+      shell: bash
+      if: ${{ contains(github.event.head_commit.message , '[ci:force]') }}
+      run: |
+        echo "Forcing CI to run with commit flag [ci:force]."
+        echo CI_FORCE_RUN=true >> $GITHUB_ENV
+        echo "BREAK_ACTION=true" >> $GITHUB_ENV
+
+    - name: PULL_REQUEST event
+      if: ${{ env.BREAK_ACTION == false && github.event_name == 'pull_request' && !github.event.pull_request.merged }}
+      shell: bash
+      run: |
+        echo "Setting up CI flags for Pull Request event"
+        NX_CALCULATION_FLAGS="--base=origin/${GITHUB_BASE_REF} --head=$HEAD_HASH"
+        {
+          echo "NX_CALCULATION_FLAGS=$NX_CALCULATION_FLAGS";
+          echo "BASE_HASH=origin/${GITHUB_BASE_REF}";
+          echo "BREAK_ACTION=true";
+        } >> $GITHUB_ENV
+
+    - name: RELEASE on master/develop patch branch
+      if: ${{ env.BREAK_ACTION == false && github.event.pull_request.merged }}
+      shell: bash
+      run: |
+        if [[ "${{ github.ref_name }}" =~ ^master(-patch.*)?$ ]]; then
+            # into master(-patch*)
+            echo "Setting up CI flags for Push on master patch"
+        elif [[ "${{ github.ref_name }}" =~ ^develop-patch.*$ ]]; then
+            # into develop-patch*
+            echo "Setting up CI flags for Push develop patch"
+        else
+          echo "Setting up CI flags for Push on develop branch"
+          base=$(git describe --tags $(git rev-list --tags --max-count=1))
+          echo "NX_CALCULATION_FLAGS=--base=$base --head=$HEAD_HASH" >> $GITHUB_ENV
+        fi
+        echo "BREAK_ACTION=true" >> $GITHUB_ENV
+
+    - name: SCHEDULE event
+      if: ${{ github.event_name == 'schedule' }}
+      shell: bash
+      env: 
+        EV_NAME: ${{ github.event_name }}      
+      run: |
+        echo "Setting up CI to run on SCHEDULE"
+        echo "NX_CALCULATION_FLAGS=--all" >> $GITHUB_ENV

.github/actions/download-cache-and-artifacts/action.yml

@@ -0,0 +1,66 @@
+name: "Download build artifacts"
+description: "Download build artifacts"
+
+inputs:
+  packages:
+    description: 'packages to cache across the current run'
+    required: false
+    type: string
+  persistent-packages:
+    description: 'packages to cache in s3'
+    required: false
+    type: string
+  packages-key-suffix:
+    description: 'cache key suffix'
+    required: false
+    type: string
+    default: ''    
+runs:
+  using: "composite"
+  steps:
+    - name: download and extract current run cache artifacts from s3
+      shell: bash
+      env:
+        REMOTE_PATH: "adf/build-cache/${{ github.run_id }}"
+      run: |
+        packages=( $(echo ${{ inputs.packages }}) )
+        for i in "${packages[@]}"; do
+          echo "downloading current run cache artifacts from ${REMOTE_PATH}/$i.tar.gz"
+          aws s3 cp --no-progress s3://${S3_BUILD_BUCKET_SHORT_NAME}/${REMOTE_PATH}/$i.tar.gz $i.tar.gz
+          du -h $i.tar.gz
+          tar xzf $i.tar.gz
+        done
+    - name: download and extract persistent cache artifacts from s3
+      shell: bash
+      run: |
+        HASH=$(cat $GITHUB_WORKSPACE/package-lock.json | shasum | head -c 40)
+        REMOTE_PATH="adf/build-cache/${HASH}"
+        if [ -n "${{ inputs.packages-key-suffix }}" ]; then
+          REMOTE_PATH="${REMOTE_PATH}/${{ inputs.packages-key-suffix }}"
+        fi
+        packages=( $(echo ${{ inputs.persistent-packages }}) )
+        set +e;
+        for i in "${packages[@]}"; do
+          REMOTE_FILE_PATH="s3://${S3_BUILD_BUCKET_SHORT_NAME}/${REMOTE_PATH}/$i.tar.gz"
+          aws s3 ls $REMOTE_FILE_PATH > /dev/null
+          if [ $? -eq 0 ]; then
+            echo "downloading persistent cache artifacts from $REMOTE_FILE_PATH"
+            aws s3 cp --no-progress $REMOTE_FILE_PATH $i.tar.gz
+            echo "package $i size: $(du -h $i.tar.gz)"
+            tar xzf $i.tar.gz
+          else
+            echo "persistent cache artifact file not found on $REMOTE_FILE_PATH. continue."
+          fi
+          set -e;
+        done        
+    - name: show files
+      shell: bash
+      run: |
+        echo "====DIST===="
+        find dist -maxdepth 1 -type d || true
+        echo "====NXCACHE===="
+        find nxcache -maxdepth 1 -type d || true
+        echo "====ADF===="
+        find node_modules/@alfresco/ -maxdepth 1 -type d || true
+        echo "====NX===="
+        find node_modules/nx/ -maxdepth 1 -type d || true

.github/actions/e2e/action.yml

@@ -0,0 +1,164 @@
+name: "e2e"
+description: "e2e"
+inputs:
+  e2e-test-id:
+    description: "Test id"
+    required: true
+  e2e-test-folder:
+    description: "Test folder"
+    required: true
+  e2e-test-provider:
+    description: "Test provider"
+    required: true
+  e2e-test-auth:
+    description: "Test auth"
+    required: true
+  output:
+    description: "Output path"
+    required: true
+  check-cs-env:
+    required: true
+    description: check cs env
+    default: "false"
+  check-ps-env:
+    required: true
+    description: check ps env
+    default: "false"
+  check-external-cs-env:
+    required: true
+    description: check external cs env
+    default: "false"
+  check-ps-cloud-env:
+    required: true
+    description: check ps cloud env
+    default: "false"
+  e2e-tar-name: #
+    required: false
+    default: e2e.tar.gz
+  apa-proxy: #
+    description: "proxy host"
+    required: true
+
+runs:
+  using: "composite"
+  steps:
+    - name: use APA as PROXY host if apa-proxy is set
+      shell: bash
+      run: |
+        if [[ -n "${{ inputs.apa-proxy }}" ]]; then
+          echo "APA proxy set."
+          echo "PROXY_HOST_BPM=${E2E_HOST_APA}" >> $GITHUB_ENV
+        fi
+
+    - name: install aws cli
+      shell: bash
+      run: pip install awscli
+    - name: download smartrunner test results from s3 bucket if they exist
+      shell: bash
+      env:
+        REMOTE_PATH: smart-runner/${{ github.run_id}}/${{ inputs.e2e-test-folder }}-${{ inputs.e2e-test-id}}/e2e.tar.gz
+      run: |
+        set -u;
+        mkdir -p "${SMART_RUNNER_PATH}"
+        if [[ $(aws s3 ls "${S3_BUILD_BUCKET}/adf/${REMOTE_PATH}" > /dev/null; echo $?) -eq 0 ]]; then 
+          echo "downloading test files"
+          aws s3 cp "${S3_BUILD_BUCKET}/adf/${REMOTE_PATH}" .;
+          tar xzf ${{ inputs.e2e-tar-name }};
+        else
+          echo "nothing to download";
+        fi
+
+    - name: check EXTERNAL-CS is UP
+      shell: bash
+      if: ${{ inputs.check-external-cs-env == 'true' }}
+      run: |
+        set -u;
+        ./node_modules/@alfresco/adf-cli/bin/adf-cli \
+          check-cs-env \
+          --host "$EXTERNAL_ACS_HOST" \
+          -u "$E2E_USERNAME" \
+          -p "$E2E_PASSWORD" || exit 1
+
+    - name: Check CS is UP
+      shell: bash
+      if: ${{ inputs.check-cs-env == 'true' }}
+      run: |
+        set -u;
+        ./node_modules/@alfresco/adf-cli/bin/adf-cli \
+          check-cs-env \
+          --host "$E2E_HOST" \
+          -u "$E2E_USERNAME" \
+          -p "$E2E_PASSWORD" || exit 1
+
+    - name: check PS is UP
+      shell: bash
+      if: ${{ inputs.check-ps-env == 'true' }}
+      run: |
+        set -u;
+        ./node_modules/@alfresco/adf-cli/bin/adf-cli init-aps-env \
+          --host "$E2E_HOST" \
+          -u "$E2E_USERNAME" \
+          -p "$E2E_PASSWORD" \
+          --license "$AWS_S3_BUCKET_ACTIVITI_LICENSE" || exit 1
+
+    - name: check PS-CLOUD is UP
+      shell: bash
+      if: ${{ inputs.check-ps-cloud-env == 'true' }}
+      run: |
+        set -u;
+        ./node_modules/@alfresco/adf-cli/bin/adf-cli init-aae-env \
+          --oauth "$E2E_HOST" \
+          --host "$E2E_HOST_APA" \
+          --modelerUsername "$E2E_MODELER_USERNAME" \
+          --modelerPassword "$E2E_MODELER_PASSWORD" \
+          --devopsUsername "$E2E_DEVOPS_USERNAME" \
+          --devopsPassword "$E2E_DEVOPS_PASSWORD" \
+          --clientId 'alfresco' || exit 1
+
+    - name: variables sanification
+      env:
+        FOLDER: "${{ inputs.e2e-test-folder }}"
+        PROVIDER: "${{ inputs.e2e-test-provider }}"
+        AUTH_TYPE: "${{ inputs.e2e-test-auth }}"
+        E2E_TEST_ID: "${{ inputs.e2e-test-id }}"
+      shell: bash
+      run: |
+        set -u;
+        echo $PROXY_HOST_BPM
+        echo "GIT_HASH=$GIT_HASH" >> $GITHUB_ENV
+
+    - name: run test with retries
+      id: retry_run
+      env:
+        FOLDER: "${{ inputs.e2e-test-folder }}"
+        PROVIDER: "${{ inputs.e2e-test-provider }}"
+        AUTH_TYPE: "${{ inputs.e2e-test-auth }}"
+        E2E_TEST_ID: "${{ inputs.e2e-test-id }}"
+        
+      uses: nick-fields/retry@v2.8.2
+      with:
+        timeout_minutes: 40
+        max_attempts: 2
+        retry_wait_seconds: 30
+        shell: bash
+        command: |
+          set -u;
+          export GH_ACTION_RETRY_COUNT=$(cat ${GITHUB_OUTPUT} | grep -E '^[0-9]{1,2}$' | tail -n1)
+          echo "RETRY GH_ACTION_RETRY_COUNT = <$GH_ACTION_RETRY_COUNT>"                     
+          if [[ ${{ inputs.e2e-test-folder }} == 'content-services/upload' ]]; then
+            export DISPLAY=:99
+            chromedriver --url-base=/wd/hub &
+            sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 & # optional                           
+            bash ./scripts/travis/e2e/e2e.sh "$E2E_TEST_ID" "browser" || exit 1
+          else
+            bash ./scripts/travis/e2e/e2e.sh "$E2E_TEST_ID" || exit 1          
+          fi
+    - name: upload smartrunner tests results on s3 to cache tests
+      shell: bash
+      if: always()
+      env:
+        REMOTE_PATH: "smart-runner/${{ github.run_id}}/${{ inputs.e2e-test-folder }}-${{ inputs.e2e-test-id}}/e2e.tar.gz"
+      # description: always upload newer results
+      run: |
+        tar czf "${{ inputs.e2e-tar-name }}" "${SMART_RUNNER_PATH}"
+        aws s3 cp "${{ inputs.e2e-tar-name }}" "${S3_BUILD_BUCKET}/adf/$REMOTE_PATH"

.github/actions/enable-dryrun/action.yml

@@ -0,0 +1,30 @@
+name: 'enable dryrun'
+description: 'check if must run pipeline in dryrun mode'
+
+inputs:
+  dry-run-flag:
+    description: 'enable dryrun'
+    required: false
+    type: boolean
+    default: true
+
+outputs:
+  dryrun:
+    description: "long sha of the tag"
+    value: ${{ steps.dryrun.outputs.dryrun }}
+
+runs:
+  using: "composite"
+
+  steps:
+    - name: set dryrun flag to TRUE
+      shell: bash
+      id: dryrun
+      run: |
+          if [[ '${{ inputs.dry-run-flag }}' == 'true' ]]; then
+            echo "dryrun=--dryrun" >> $GITHUB_OUTPUT;
+            echo "enabling dryrun"
+          else
+            echo "dryrun=" >> $GITHUB_OUTPUT;
+            echo "dryrun NOT enabled"
+          fi

.github/actions/get-latest-tag-sha/action.yml

@@ -0,0 +1,19 @@
+name: 'Get tag sha'
+description: 'get the sha of the latest or a specific tag'
+
+outputs:
+  tag_sha:
+    description: "long sha of the tag"
+    value: ${{ steps.sha_out.outputs.tag_sha }}
+
+runs:
+  using: "composite"
+
+  steps:
+    - name: get tag short sha
+      shell: bash
+      id: sha_out
+      run: |
+          tag_sha=$(git rev-list -n 1 $(git tag --sort=-creatordate | head -n 1))
+          echo "tag_sha=$tag_sha" >> $GITHUB_OUTPUT
+          echo $tag_sha

.github/actions/npm-check-bundle/action.yml

@@ -0,0 +1,28 @@
+name: 'Check NPM bundle'
+description: 'check npm bundle'
+
+inputs:
+  branch_name:
+    description: "override GITHUB_REF_NAME"
+    required: false
+    default: $GITHUB_REF_NAME
+
+runs:
+  using: "composite"
+
+  steps:
+    - name: load "TRAVIS_EVENT_TYPE"
+      uses: ./.github/actions/travis-env-var-facade  
+      with:
+        branch_name: ${{ inputs.branch_name }}
+    - name: check npm bundle
+      shell: bash
+      id: sha_out
+      run: |
+        if [[ -z $TAG_NPM ]]; then
+            echo "TAG_NPM not set, aborting"
+            exit 1
+        fi      
+        ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
+        echo "check bundle on TAG_NPM='${TAG_NPM}' and ADF_VERSION='${ADF_VERSION}'"
+        ./scripts/travis/build/npm-check-bundles.sh -v ${ADF_VERSION}

.github/actions/setup-chrome/action.yml

@@ -0,0 +1,13 @@
+name: 'Install Google Chrome'
+description: 'Install Google Chrome'
+    
+runs:
+  using: "composite"
+  steps:
+      - name: Install google chrome
+        shell: bash
+        run: |
+            wget -q https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
+            sudo apt install ./google-chrome-stable_current_amd64.deb
+            sudo ln -s /usr/bin/google-chrome /usr/bin/chrome
+            chrome --version

.github/actions/setup/action.yml

@@ -0,0 +1,75 @@
+name: 'Setup'
+description: 'Initialize cache, env var load'
+inputs:
+  cache-key-suffix:
+    description: 'suffix for cache key'
+    required: false
+    type: string
+    default: ''
+  use-gh-nx-cache:
+    description: 'enable caching'
+    required: false
+    type: boolean
+    default: 'true'
+  use-gh-node-modules-cache:
+    description: 'enable caching for node modules'
+    required: false
+    type: boolean
+    default: 'true'    
+  act:
+    description: 'enable act debug'
+    required: false
+    type: boolean
+    default: 'false'
+runs:
+  using: "composite"
+  steps:
+
+      - name: install NPM
+        uses: actions/setup-node@v3
+        with:
+          node-version: 14
+          cache-dependency-path: package-lock.json
+      - name: get latest tag sha
+        id: tag-sha
+        uses: Alfresco/alfresco-build-tools/.github/actions/git-latest-tag@v1.29.0
+# CACHE
+      - name: NX cache
+        id: nx-cache
+        if: ${{ inputs.use-gh-nx-cache == 'true' }}
+        uses: actions/cache@v3
+        env:
+          cache-name: nx-cache
+        with:
+          path: |
+            nxcache
+          key: nxcache-${{ inputs.cache-key-suffix }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            nxcache-build-${{ inputs.cache-key-suffix }}
+            nxcache-
+      - name: Node Modules cache
+        id: node-modules-cache
+        if: ${{ inputs.use-gh-node-modules-cache == 'true' }}
+        uses: actions/cache@v3
+        env:
+          cache-name: node-modules-cache
+        with:
+          path: |
+            node_modules
+          key: ${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ env.cache-name }}-
+# ENV LOAD
+      - name: load .travis.yml env.global variables
+        uses: Alfresco/alfresco-build-tools/.github/actions/travis-env-load@v1.17.0
+        with:
+          yml_path: .travis.yml
+      - name: load "TRAVIS_EVENT_TYPE"
+        uses: ./.github/actions/travis-env-var-facade
+      - name: before install script
+        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/actions/travis-env-var-facade/action.yml

@@ -0,0 +1,61 @@
+# TRAVIS_EVENT_TYPE= Indicates how the build was triggered. One of push, pull_request, api, cron
+name: "travis-event-type-env-var"
+description: "Mimic loading of a TRAVIS_EVENT_TYPE env var"
+
+inputs:
+  event_name:
+    description: "override github.event_name"
+    required: false
+    default: ${{ github.event_name }}
+  branch_name:
+    description: "override GITHUB_REF_NAME"
+    required: false
+    default: $GITHUB_REF_NAME
+    
+runs:
+  using: "composite"
+  steps:
+    - name: Parse env global
+      shell: bash
+      run: |
+        echo "input branch_name='${{ inputs.branch_name }}'"
+        EVENT_TYPE=""
+        TRAVIS_PULL_REQUEST_BRANCH=""
+        TRAVIS_BRANCH=""
+        TAG_NPM=""
+        REGEX="(repository|workflow)_dispatch"
+        if [[ "${{ inputs.event_name }}" == "schedule"  ]]; then 
+            EVENT_TYPE="cron";
+        elif [[ "${{ inputs.event_name }}" == "pull_request"  ]]; then
+            EVENT_TYPE="pull_request";
+            TRAVIS_BRANCH=${GITHUB_BASE_REF}
+            TRAVIS_PULL_REQUEST_BRANCH=${GITHUB_BASE_REF}
+        elif [[ "${{ inputs.event_name }}" == "push"  ]]; then
+            EVENT_TYPE="push";
+            TRAVIS_BRANCH=${GITHUB_REF##*/}
+        elif [[ "${{ inputs.event_name }}" =~ $REGEX ]]; then
+            EVENT_TYPE="api";
+        fi
+        echo "TRAVIS_EVENT_TYPE=${EVENT_TYPE}" >> $GITHUB_ENV
+        echo "TRAVIS_PULL_REQUEST_BRANCH=${TRAVIS_PULL_REQUEST_BRANCH}" >> $GITHUB_ENV
+        echo "TRAVIS_BRANCH=${TRAVIS_BRANCH}" >> $GITHUB_ENV
+        
+    - name: set TAG_NPM
+      shell: bash
+      run: |
+        VERSION_IN_PACKAGE_JSON=$(node -p "require('./package.json')".version)
+        echo "version in package.json=${VERSION_IN_PACKAGE_JSON}"
+        if [[ ${{ inputs.branch_name }} =~ ^master(-patch.*)?$ ]]; then
+            # Pre-release versions
+            if [[ $VERSION_IN_PACKAGE_JSON =~ ^[0-9]*\.[0-9]*\.[0-9]*-A\.[0-9]*$ ]];
+            then
+                TAG_NPM=next
+            # Stable major versions
+            else
+                TAG_NPM=latest
+            fi
+        fi
+        if [[ ${{ inputs.branch_name }} =~ ^develop(-patch.*)?$ ]]; then
+            TAG_NPM=alpha
+        fi
+        echo "TAG_NPM=${TAG_NPM}" >> $GITHUB_ENV

.github/actions/upload-cache-and-artifacts/action.yml

@@ -0,0 +1,49 @@
+name: "Upload build artifacts"
+description: "Upload build artifacts"
+inputs:
+  packages:
+    description: 'packages to cache across the current run'
+    required: false
+    type: string
+  persistent-packages:
+    description: 'packages to cache in s3'
+    required: false
+    type: string
+  packages-key-suffix:
+    description: 'cache key suffix'
+    required: false
+    type: string
+    default: ''
+runs:
+  using: "composite"
+  steps:
+    - name: tar and upload current run cache artifacts
+      shell: bash
+      env:
+       REMOTE_PATH: "adf/build-cache/${{ github.run_id }}"
+      run: |
+        packages=( $(echo ${{ inputs.packages }}) )
+        for i in "${packages[@]}"; do
+          echo "processing $i"
+          tar czf $i.tar.gz $i
+          echo "package size: $(du -h $i.tar.gz)"
+          echo "uploading current run artifacts to ${REMOTE_PATH}/$i.tar.gz"
+          aws s3 cp --no-progress $i.tar.gz s3://${S3_BUILD_BUCKET_SHORT_NAME}/${REMOTE_PATH}/$i.tar.gz
+        done
+    - name: tar and upload persistent cache artifacts
+      shell: bash
+      run: |
+        HASH=$(cat $GITHUB_WORKSPACE/package-lock.json | shasum | head -c 40)
+        REMOTE_PATH="adf/build-cache/${HASH}"
+        if [ -n "${{ inputs.packages-key-suffix }}" ]; then
+          REMOTE_PATH="${REMOTE_PATH}/${{ inputs.packages-key-suffix }}"
+        fi
+        packages=( $(echo ${{ inputs.persistent-packages }}) )
+        for i in "${packages[@]}"; do
+          tar czf $i.tar.gz $i
+          du -h $i.tar.gz
+          echo "pushing persistent cache to $REMOTE_PATH"
+          aws s3 cp --no-progress $i.tar.gz s3://${S3_BUILD_BUCKET_SHORT_NAME}/${REMOTE_PATH}/$i.tar.gz
+        done
+
+

.github/workflows/adf_alpha.yml

@@ -0,0 +1,79 @@
+name: "upstream adf"
+
+on:  
+  workflow_call:  
+  workflow_dispatch:
+    inputs:
+      cluster_operation:
+        description: trigger adf test
+        type: choice
+        required: true
+        options:
+          - TRIGGER_ALPHA_ADF          
+        default: TRIGGER_ALPHA_ADF
+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 }}
+  TRAVIS_BUILD_DIR: ${{ github.workspace }}
+  TRAVIS_COMMIT: ${{ github.sha }}
+  BUILD_ID: ${{ github.run_id }}
+  TRAVIS_RUN_NUMBER: ${{ github.run_attempt }}
+  TRAVIS_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"
+
+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/travis/update/update-project.sh -p $TRAVIS_BUILD_NUMBER -t $GH_TOKEN -v alpha -c $TRAVIS_COMMIT
+          

.github/workflows/cron.yml

@@ -0,0 +1,60 @@
+name: "cron schedule"
+
+on:
+  schedule:
+    - cron: '0 12 * * *'  
+
+env:
+  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+  GITHUB_BRANCH: ${{ github.ref_name }}
+  TRAVIS_BUILD_DIR: ${{ github.workspace }}
+  TRAVIS_COMMIT: ${{ github.sha }}
+  BUILD_ID: ${{ github.run_id }}
+  TRAVIS_RUN_NUMBER: ${{ github.run_attempt }}
+  TRAVIS_BUILD_NUMBER: github-run-${{ 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"
+
+jobs:
+  run-e2e:
+    name: run e2e
+    uses: ./.github/workflows/pull-request.yml
+    secrets: inherit
+
+  adf-alpha-test:
+    name: trigger alpha test    
+    uses: ./.github/workflows/adf_alpha.yml
+    secrets: inherit

.github/workflows/devel.yml

@@ -0,0 +1,69 @@
+name: "devel"
+
+on:
+  push:
+    branches:
+      - AAE-12190*
+
+env:
+  BASE_REF: ${{ github.base_ref }}
+  HEAD_REF: ${{ github.head_ref }}
+  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+  GITHUB_BRANCH: ${{ github.ref_name }}
+  TRAVIS_BUILD_DIR: ${{ github.workspace }}
+  TRAVIS_COMMIT: ${{ github.sha }}
+  BUILD_ID: ${{ github.run_id }}
+  TRAVIS_RUN_NUMBER: ${{ github.run_attempt }}
+  TRAVIS_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 }}
+  SMART_RUNNER_PATH: ".protractor-smartrunner"
+  S3_DBP_PATH:  ${{ secrets.S3_DBP_PATH }}
+  S3_BUILD_BUCKET: ${{ secrets.S3_BUILD_BUCKET }}
+  S3_BUILD_BUCKET_SHORT_NAME: ${{ secrets.S3_BUILD_BUCKET_SHORT_NAME }}
+  NODE_OPTIONS: "--max-old-space-size=5120"
+  DOCKER_REPOSITORY_DOMAIN: ${{ secrets.DOCKER_REPOSITORY_DOMAIN }}
+  DOCKER_REPOSITORY_USER: ${{ secrets.DOCKER_REPOSITORY_USER }}
+  DOCKER_REPOSITORY_PASSWORD: ${{ secrets.DOCKER_REPOSITORY_PASSWORD }}
+  DOCKER_REPOSITORY_STORYBOOK: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/storybook"
+  DOCKER_REPOSITORY: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/demo-shell"
+
+jobs:
+  devel:
+    uses: ./.github/workflows/pull-request.yml
+    secrets: inherit
+    with:
+      dry-run-release: true
+      skip-pr-approve: true
+      
+  # release:
+  #   uses: ./.github/workflows/release.yml
+  #   secrets: inherit
+  #   with:
+  #     dry-run-release: true
+

.github/workflows/git-tag.yml

@@ -0,0 +1,88 @@
+name: "git-tag"
+
+on:
+  workflow_call:
+    inputs:
+      dry-run-release:
+        description: 'enable dry-run on artifact push'
+        required: false
+        type: boolean
+        default: true
+
+  push:
+    branches:
+      - master
+      - master-patch-*
+env:
+  BASE_REF: ${{ github.base_ref }}
+  HEAD_REF: ${{ github.head_ref }}
+  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+  GITHUB_BRANCH: ${{ github.ref_name }}
+  TRAVIS_BUILD_DIR: ${{ github.workspace }}
+  TRAVIS_COMMIT: ${{ github.sha }}
+  BUILD_ID: ${{ github.run_id }}
+  TRAVIS_RUN_NUMBER: ${{ github.run_attempt }}
+  TRAVIS_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 }}
+  SMART_RUNNER_PATH: ".protractor-smartrunner"
+  S3_DBP_PATH:  ${{ secrets.S3_DBP_PATH }}
+  S3_BUILD_BUCKET: ${{ secrets.S3_BUILD_BUCKET }}
+  S3_BUILD_BUCKET_SHORT_NAME: ${{ secrets.S3_BUILD_BUCKET_SHORT_NAME }}
+  NODE_OPTIONS: "--max-old-space-size=5120"
+  DOCKER_REPOSITORY_DOMAIN: ${{ secrets.DOCKER_REPOSITORY_DOMAIN }}
+  DOCKER_REPOSITORY_USER: ${{ secrets.DOCKER_REPOSITORY_USER }}
+  DOCKER_REPOSITORY_PASSWORD: ${{ secrets.DOCKER_REPOSITORY_PASSWORD }}
+  DOCKER_REPOSITORY_STORYBOOK: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/storybook"
+  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 }}
+
+jobs:
+  setup:
+    timeout-minutes: 20
+    name: "Release tag"
+    runs-on: ubuntu-22.04
+    env:
+      GITHUB_TOKEN: $GH_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 }}    
+      - name: install NPM
+        uses: actions/setup-node@v3
+        with:
+          node-version: 14
+      - name: "Release tag"
+        run: |
+          git fetch --all --quiet
+          TRAVIS_BRANCH=${GITHUB_REF##*/} ./scripts/travis/release/git-tag.sh ${{ steps.set-dryrun.outputs.dryrun }}

.github/workflows/pull-request.yml

@@ -0,0 +1,401 @@
+name: "pull-request"
+
+on:
+  workflow_call:
+    inputs:
+      dry-run-release:
+        description: 'enable dry-run on artifact push'
+        required: false
+        type: boolean
+        default: true
+      skip-pr-approve:
+        description: 'skip pr approve check'
+        required: false
+        type: boolean
+        default: false          
+  pull_request:
+    types: [opened, synchronize, reopened]
+    branches:
+      - develop
+      - master
+      - develop-patch*
+      - master-patch*
+
+env:
+  BASE_REF: ${{ github.base_ref }}
+  HEAD_REF: ${{ github.head_ref }}
+  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+  GITHUB_BRANCH: ${{ github.ref_name }}
+  TRAVIS_BUILD_DIR: ${{ github.workspace }}
+  TRAVIS_COMMIT: ${{ github.sha }}
+  BUILD_ID: ${{ github.run_id }}
+  TRAVIS_RUN_NUMBER: ${{ github.run_attempt }}
+  TRAVIS_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 }}
+  SMART_RUNNER_PATH: ".protractor-smartrunner"
+  S3_DBP_PATH:  ${{ secrets.S3_DBP_PATH }}
+  S3_BUILD_BUCKET: ${{ secrets.S3_BUILD_BUCKET }}
+  S3_BUILD_BUCKET_SHORT_NAME: ${{ secrets.S3_BUILD_BUCKET_SHORT_NAME }}
+  NODE_OPTIONS: "--max-old-space-size=5120"
+  DOCKER_REPOSITORY_DOMAIN: ${{ secrets.DOCKER_REPOSITORY_DOMAIN }}
+  DOCKER_REPOSITORY_USER: ${{ secrets.DOCKER_REPOSITORY_USER }}
+  DOCKER_REPOSITORY_PASSWORD: ${{ secrets.DOCKER_REPOSITORY_PASSWORD }}
+  DOCKER_REPOSITORY_STORYBOOK: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/storybook"
+  DOCKER_REPOSITORY: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/demo-shell"
+
+jobs:
+  check-if-pr-is-approved:    
+    runs-on: ubuntu-22.04
+    steps:        
+      - name: Checkout repository        
+        uses: actions/checkout@v3
+        with: 
+          fetch-depth: 0        
+      
+      - name: Check if PR is approved
+        id: action
+        if: ${{ github.event_name != 'schedule' }}
+        uses: kamatama41/get-pr-number-action@v0
+        with: 
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+        
+      - name: Show the number
+        env: 
+          GH_TOKEN: ${{ github.token }}
+          DEVEL_FLAG: ${{ inputs.skip-pr-approve }} #put it to true if you need to develop the pipeline on your own branch. before the final merge put it to false
+        shell: bash
+        if: ${{ github.event_name != 'schedule' }}                   
+        run: |
+          if [[ "$DEVEL_FLAG" = false ]] ; then     
+            echo "PR number is: ${{ steps.action.outputs.number }}" 
+            prNumber=${{ steps.action.outputs.number }}    
+            checkApproval=$(gh api /repos/Alfresco/alfresco-ng2-components/pulls/$prNumber/reviews | jq '.[] | select(.state == "APPROVED") | .user.login')                
+            if [[ $checkApproval ]]; then
+              echo "PR approved"
+            else
+              echo "PR not approved yet"
+              exit 1
+            fi 
+          else
+            echo "you are on your branch: skipping the check. REMEMBER to put DEVEL_FLAG to FALSE before the final merge!"
+          fi
+
+  setup:
+    # long timeout required when cache has to be recreated
+    timeout-minutes: 30
+    name: "Setup"
+    runs-on: ubuntu-22.04
+    needs: [check-if-pr-is-approved]
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all history for all tags and branches
+      - uses: ./.github/actions/setup
+        id: setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false       
+      - name: run ci
+        if: steps.setup.outputs.cache-hit != 'true'          
+        run: npm ci
+      - run: nx run cli:bundle
+      - run: nx run testing:bundle
+      - uses: ./.github/actions/upload-cache-and-artifacts
+        with:
+          packages: 'dist node_modules'
+
+  unit-tests:
+    timeout-minutes: 30
+    name: "Unit tests: ${{ matrix.unit-tests.name }}"
+    runs-on: ubuntu-22.04
+    needs: [setup]
+    strategy:
+      fail-fast: false
+      # max-parallel: 4
+      matrix:
+        unit-tests:
+          - name: content-services
+            exclude: "insights,core,extensions,process-services,process-services-cloud"
+          - name: core
+            exclude: "insights,content-services,process-services,process-services-cloud"
+          - name: insights
+            exclude: "core,extensions,content-services,process-services-cloud"
+          - name: process-cloud
+            exclude: "insights,core,extensions,content-services,process-services"
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all history for all tags and branches
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: true
+          cache-key-suffix: unit-tests-${{ matrix.unit-tests.name }}
+      - uses: ./.github/actions/download-cache-and-artifacts
+        with:
+          persistent-packages: 'nxcache'
+          packages-key-suffix: ${{ github.ref_name }}/${{ matrix.unit-tests.name }}
+      - name: Run unit tests
+        run: |
+          /usr/bin/xvfb-run --auto-servernum nx affected:test $NX_CALCULATION_FLAGS --exclude=${{ matrix.unit-tests.exclude }}
+      - uses: ./.github/actions/upload-cache-and-artifacts
+        with:
+          persistent-packages: 'nxcache'
+          packages-key-suffix: ${{ github.ref_name }}/${{ matrix.unit-tests.name }}
+ 
+  lint:
+    # long timeout required when cache has to be recreated
+    timeout-minutes: 30
+    name: "Lint"
+    runs-on: ubuntu-22.04
+    needs: [setup]
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all history for all tags and branches
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+          cache-key-suffix: ${{ github.ref_name }}-lint
+      - uses: ./.github/actions/download-cache-and-artifacts
+        with:
+          packages: 'node_modules'
+          persistent-packages: 'nxcache'
+      - run: nx affected --target=lint $NX_CALCULATION_FLAGS
+      - uses: ./.github/actions/upload-cache-and-artifacts
+        with:
+          persistent-packages: 'nxcache'
+          packages-key-suffix: ${{ github.ref_name }}-lint
+
+  build-libs:
+    # long timeout required when cache has to be recreated
+    timeout-minutes: 30
+    name: "Build libs"
+    runs-on: ubuntu-22.04
+    needs: [setup]
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all history for all tags and branches
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+          cache-key-suffix: build-libs
+      - uses: ./.github/actions/download-cache-and-artifacts
+        with:
+          packages: 'node_modules'
+          persistent-packages: 'nxcache'
+          packages-key-suffix: ${{ github.ref_name }}-build-libs
+
+      - 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
+      - uses: ./.github/actions/upload-cache-and-artifacts
+        with:
+          packages: 'dist node_modules'
+          persistent-packages: 'nxcache'
+          packages-key-suffix: ${{ github.ref_name }}-build-libs
+
+  e2e-storybook:
+    timeout-minutes: 20
+    name: "e2e: storybook"
+    needs: [build-libs, lint, unit-tests]
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all history for all
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+      - uses: ./.github/actions/download-cache-and-artifacts
+        with:
+          packages: 'dist node_modules'
+      - name: Process Cloud Storybook Playwright
+        run: |
+          npx playwright install chromium
+          sudo sysctl -w fs.inotify.max_user_watches=524288
+          npx nx affected --target=e2e-playwright $NX_CALCULATION_FLAGS || exit 1
+
+  e2e:
+    timeout-minutes: 90
+    name: "e2e: ${{ matrix.e2e-test.description }}"
+    needs: [build-libs, lint, unit-tests]
+    runs-on: ubuntu-22.04
+    strategy:
+      fail-fast: false
+      # max-parallel: 4
+      matrix:
+        e2e-test:
+          - description: "Core"
+            test-id: "core"
+            folder: "core"
+            provider: "ALL"
+            auth: "OAUTH"
+            check-cs-env: "true"
+            check-ps-env: "true"
+          - description: "Content: Components"
+            test-id: "content-services"
+            folder: "content-services/components"
+            provider: "ECM"
+            auth: "BASIC"
+            check-cs-env: "true"
+          - description: "Content: Directives"
+            test-id: "content-services"
+            folder: "content-services/directives"
+            provider: "ECM"
+            auth: "BASIC"
+            check-cs-env: "true"
+          - description: "Content: Document List"
+            test-id: "content-services"
+            folder: "content-services/document-list"
+            provider: "ECM"
+            auth: "BASIC"
+            check-cs-env: "true"
+          - description: "Content: Metadata"
+            test-id: "content-services"
+            folder: "content-services/metadata"
+            provider: "ECM"
+            auth: "BASIC"
+            check-cs-env: "true"
+          - description: "Content: Upload and Versioning"
+            test-id: "content-services"
+            folder: "content-services/upload"
+            provider: "ECM"
+            auth: "BASIC"
+            check-cs-env: "true"
+          - description: "Search"
+            test-id: "content-services"
+            folder: "search"
+            provider: "ECM"
+            auth: "BASIC"
+            check-cs-env: "true"
+          - description: "Process: Form"
+            test-id: "process-services"
+            folder: "process-services/form"
+            provider: "BPM"
+            auth: "OAUTH"
+            check-ps-env: "true"
+            check-external-cs-env: "true"
+          - description: "Process: Process"
+            test-id: "process-services"
+            folder: "process-services/process"
+            provider: "BPM"
+            auth: "OAUTH"
+            check-ps-env: "true"
+            check-external-cs-env: "true"
+          - description: "Process: Tasks"
+            test-id: "process-services"
+            folder: "process-services/tasks"
+            provider: "BPM"
+            auth: "OAUTH"
+            check-ps-env: "true"
+            check-external-cs-env: "true"
+          - description: "Process: Widget"
+            test-id: "process-services"
+            folder: "process-services/widgets"
+            provider: "BPM"
+            auth: "OAUTH"
+            check-ps-env: "true"
+            check-external-cs-env: "true"
+          - description: "Process Cloud: Form"
+            test-id: "process-services-cloud"
+            folder: "process-services-cloud/form-field"
+            provider: "ALL"
+            auth: "OAUTH"
+            apa-proxy: true
+            check-cs-env: "true"
+            check-ps-cloud-env: "true"
+          - description: "Process Cloud: People"
+            test-id: "process-services-cloud"
+            folder: "process-services-cloud/people"
+            provider: "ALL"
+            auth: "OAUTH"
+            apa-proxy: true
+            check-cs-env: "true"
+            check-ps-cloud-env: "true"
+          - description: "Process Cloud: Process"
+            test-id: "process-services-cloud"
+            folder: "process-services-cloud/process"
+            provider: "ALL"
+            auth: "OAUTH"
+            apa-proxy: true
+            check-cs-env: "true"
+            check-ps-cloud-env: "true"
+          - description: "Process Cloud: Start Task"
+            test-id: "process-services-cloud"
+            folder: "process-services-cloud/start-task"
+            provider: "ALL"
+            auth: "OAUTH"
+            apa-proxy: true
+            check-cs-env: "true"
+            check-ps-cloud-env: "true"
+          - description: "Process Cloud: Tasks List"
+            test-id: "process-services-cloud"
+            folder: "process-services-cloud/task-list"
+            provider: "ALL"
+            auth: "OAUTH"
+            apa-proxy: true
+            check-cs-env: "true"
+            check-ps-cloud-env: "true"
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all history for all
+      - uses: ./.github/actions/setup
+        with:
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+      - uses: ./.github/actions/download-cache-and-artifacts
+        with:
+          packages: 'dist node_modules'
+      - name: setup chrome
+        uses: ./.github/actions/setup-chrome
+      - name: e2e
+        uses: ./.github/actions/e2e
+        with:
+          e2e-test-id: ${{ matrix.e2e-test.test-id }}
+          e2e-test-folder: ${{ matrix.e2e-test.folder }}
+          e2e-test-provider: ${{ matrix.e2e-test.provider }}
+          e2e-test-auth: ${{ matrix.e2e-test.auth }}
+          check-cs-env: ${{ matrix.e2e-test.check-cs-env }}
+          check-ps-env: ${{ matrix.e2e-test.check-ps-env }}
+          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 }}

.github/workflows/release.yml

@@ -0,0 +1,189 @@
+name: "release"
+
+on:
+  workflow_call:
+    inputs:
+      dry-run-release:
+        description: 'enable dry-run on artifact push'
+        required: false
+        type: boolean
+        default: true
+  pull_request:
+    types: [closed]
+    branches:
+      - develop
+      - master
+      - develop-patch*
+      - master-patch*
+
+env:
+  BASE_REF: ${{ github.base_ref }}
+  HEAD_REF: ${{ github.head_ref }}
+  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+  GITHUB_BRANCH: ${{ github.ref_name }}
+  TRAVIS_BUILD_DIR: ${{ github.workspace }}
+  TRAVIS_COMMIT: ${{ github.sha }}
+  BUILD_ID: ${{ github.run_id }}
+  TRAVIS_RUN_NUMBER: ${{ github.run_attempt }}
+  TRAVIS_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 }}
+  SMART_RUNNER_PATH: ".protractor-smartrunner"
+  S3_DBP_PATH:  ${{ secrets.S3_DBP_PATH }}
+  S3_BUILD_BUCKET: ${{ secrets.S3_BUILD_BUCKET }}
+  S3_BUILD_BUCKET_SHORT_NAME: ${{ secrets.S3_BUILD_BUCKET_SHORT_NAME }}
+  NODE_OPTIONS: "--max-old-space-size=5120"
+  DOCKER_REPOSITORY_DOMAIN: ${{ secrets.DOCKER_REPOSITORY_DOMAIN }}
+  DOCKER_REPOSITORY_USER: ${{ secrets.DOCKER_REPOSITORY_USER }}
+  DOCKER_REPOSITORY_PASSWORD: ${{ secrets.DOCKER_REPOSITORY_PASSWORD }}
+  DOCKER_REPOSITORY_STORYBOOK: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/storybook"
+  DOCKER_REPOSITORY: "${{ secrets.DOCKER_REPOSITORY_DOMAIN }}/alfresco/demo-shell"
+  NPM_REGISTRY_ADDRESS: ${{ secrets.NPM_REGISTRY_ADDRESS }}
+  NPM_REGISTRY_TOKEN: ${{ secrets.NPM_REGISTRY_TOKEN }}
+
+
+jobs:
+  setup:
+    timeout-minutes: 20
+    if: github.event.pull_request.merged || ${{ inputs.dry-run-release }}
+    name: "Setup"
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+      - name: install
+        run: |
+          npm ci
+          nx run cli:bundle
+          nx run testing:bundle
+      - uses: ./.github/actions/upload-cache-and-artifacts
+        with:
+          packages: 'dist nxcache node_modules'
+
+  release-demoshell:
+    needs: [setup]
+    timeout-minutes: 15
+    if: github.event.pull_request.merged || ${{ inputs.dry-run-release }}
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+      - run: git fetch --all
+      - id: set-dryrun
+        uses: ./.github/actions/enable-dryrun
+        with: 
+          dry-run-flag: ${{ inputs.dry-run-release }}
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+      - uses: ./.github/actions/download-cache-and-artifacts     
+        with:
+          packages: 'dist nxcache node_modules'
+      - name: release Demoshell docker
+        run: |
+          nx build demoshell --configuration production
+          . ./scripts/travis/release/docker-tag.sh
+          ./scripts/travis/release/release-demoshell-docker.sh ${{ steps.set-dryrun.outputs.dryrun }}
+
+  release-storybook:
+    needs: [setup]
+    timeout-minutes: 15
+    if: github.event.pull_request.merged || ${{ inputs.dry-run-release }}
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+      - run: git fetch --all
+      - id: set-dryrun
+        uses: ./.github/actions/enable-dryrun
+        with: 
+          dry-run-flag: ${{ inputs.dry-run-release }}
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+          act: ${{ inputs.dry-run-release }}
+      - uses: ./.github/actions/download-cache-and-artifacts
+        with:
+          packages: 'dist nxcache node_modules'
+      - name: release Storybook docker
+        run: |
+          nx run stories:build-storybook --configuration ci
+          . ./scripts/travis/release/docker-tag.sh  
+          ./scripts/travis/release/release-storybook-docker.sh ${{ steps.set-dryrun.outputs.dryrun }}
+
+  release-npm:
+    needs: [setup]
+    timeout-minutes: 15
+    if: github.event.pull_request.merged == true || ${{ inputs.dry-run-release }}
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - uses: ./.github/actions/setup
+        with: 
+          use-gh-nx-cache: false
+          use-gh-node-modules-cache: false
+      - id: set-dryrun
+        uses: ./.github/actions/enable-dryrun
+        with: 
+          dry-run-flag: ${{ inputs.dry-run-release }}          
+      - uses: ./.github/actions/download-cache-and-artifacts
+        with:
+          packages: 'dist nxcache node_modules'
+      - name: build libraries
+        run: |
+          set -u;
+          ./scripts/travis/build/bumpversion.sh
+          nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell" --skip-nx-cache
+          nx affected $NX_CALCULATION_FLAGS --target=pretheme
+      - name: release libraries
+        run: ./scripts/travis/release/release-npm.sh ${{ steps.set-dryrun.outputs.dryrun }}
+
+  npm-check-bundle:
+    needs: [release-npm]
+    timeout-minutes: 15
+    if: github.event.pull_request.merged == true || ${{ inputs.dry-run-release }}
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+      - uses: ./.github/actions/npm-check-bundle

.gitignore

@@ -1,3 +1,4 @@
+/.angular/cache
 *.log
 node_modules
 bundles
@@ -10,6 +11,7 @@ dist/
 e2e/.env.cloud
 tmp
 temp
+/nxcache
 e2e-output*/
 /e2e/downloads/
 *.npmrc
@@ -30,3 +32,5 @@ out-tsc
 e2e-result-*
 licenses.txt
 .DS_Store
+
+.angular

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run affected:lint

.nvmrc

@@ -0,0 +1 @@
+14

.nxignore

@@ -0,0 +1 @@
+/lib/cli/scripts/resources.ts

.storybook/alfrescoTheme.js

@@ -1,8 +1,9 @@
 import { create } from '@storybook/theming';
+import alfrescoLogo from '../lib/core/src/lib/assets/images/alfresco-logo.svg';
 
 export default create({
   base: 'light',
   brandTitle: 'Hyland | Alfresco Storybook App',
   brandUrl: 'https://www.alfresco.com/',
-  brandImage: '/assets/storybook-logo.png',
+  brandImage: alfrescoLogo,
 });

.storybook/main.js

@@ -1,11 +1,7 @@
 module.exports = {
     stories: [],
     addons: ['@storybook/addon-essentials'],
-    // uncomment the property below if you want to apply some webpack config globally
-    // webpackFinal: async (config, { configType }) => {
-    //   // Make whatever fine-grained changes you need that should apply to all storybook configs
-
-    //   // Return the altered config
-    //   return config;
-    // },
+    framework: '@storybook/angular',
+    staticDirs: [ { from: '../../../demo-shell/src/app.config.json', to: 'app.config.json' } ],
+    core: { builder: 'webpack5' }
 };

.storybook/preview.js

@@ -0,0 +1,4 @@
+export const parameters = {
+    docs: { inlineStories: true },
+    controls: { expanded: true }
+};

.storybook/tsconfig.json

@@ -1,10 +1,10 @@
 {
-    "extends": "../tsconfig.json",
-    "exclude": [
-        "../**/*.spec.js",
-        "../**/*.spec.ts",
-        "../**/*.spec.tsx",
-        "../**/*.spec.jsx"
-    ],
-    "include": ["../**/*"]
+  "extends": "../tsconfig.json",
+  "exclude": [
+    "../**/*.spec.js",
+    "../**/*.spec.ts",
+    "../**/*.spec.tsx",
+    "../**/*.spec.jsx"
+  ],
+  "include": ["../**/*"]
 }

.storybook/webpack.config.js

@@ -1,12 +0,0 @@
-/**
- * Export a function. Accept the base config as the only param.
- * @param {Object} options
- * @param {Required<import('webpack').Configuration>} options.config
- * @param {'DEVELOPMENT' | 'PRODUCTION'} options.mode - change the build configuration. 'PRODUCTION' is used when building the static version of storybook.
- */
-module.exports = async ({ config, mode }) => {
-  // Make whatever fine-grained changes you need
-
-  // Return the altered config
-  return config;
-};

.stylelintignore

@@ -1,2 +1,2 @@
 _theming.scss
-lib/core/viewer/components/pdf-viewer-host.component.scss
+lib/core/src/lib/viewer/components/pdf-viewer-host.component.scss

.travis.yml

@@ -2,7 +2,7 @@ import:
   - source: Alfresco/alfresco-build-tools:.travis.docker_hub_login.yml@v1.1.1
 
 git:
-  depth: 3
+  depth: false
   quiet: true
 
 language: node_js
@@ -22,15 +22,17 @@ env:
 
         - S3_DBP_PATH="s3://alfresco-travis-builds/adf"
         - DEMO_SHELL_DIR="./dist/demo-shell"
-        - BUILT_LIBS_DIR="./lib/dist"
+        - STORYBOOK_DIR="./dist/storybook/stories"
+        - BUILT_LIBS_DIR="./dist/libs"
         - NODE_MODULES_DIR="./node_modules"
         - SMART_RUNNER_DIRECTORY=".protractor-smartrunner"
         #E2E VARIABLES
         - SAVE_SCREENSHOT=true
         - REDIRECT_URI=/
-        - BROWSER_RUN=true
+        - BROWSER_RUN=false
         - MAXINSTANCES=2
-        - PROXY_HOST_ADF=$E2E_HOST
+        - PROXY_HOST_ECM=$E2E_HOST
+        - PROXY_HOST_BPM=$E2E_HOST
         - HOST_SSO=$HOST_SSO
         - USERNAME_ADF=$E2E_USERNAME
         - PASSWORD_ADF=$E2E_PASSWORD
@@ -44,6 +46,8 @@ env:
 
 branches:
   only:
+  - /^master(-patch.*)?$/
+  - /^develop(-patch.*)?$/
   - master
   - develop
   - /.*old-env.*/
@@ -53,24 +57,22 @@ branches:
 stages:
   - name: Prerequisite
   - name: Setup
-  - name: "Build lib"
-    if: tag IS blank
+  - name: "Build"
+    if: tag IS blank AND (type = pull_request OR type = cron OR type = api)
+  - name: "Trigger Alpha ADF child build"
+    if: type = cron OR (type = api AND commit_message =~ /\[trigger adf\]/)
+  - name: "Release"
+    if: type = push
+  - name: "Unit test Lib"
+    if: type = pull_request OR type = cron OR type = api
+  - name: "e2e Test"
+    if: type = pull_request OR type = cron OR type = api
+  - name: "Release tag"
+    if: branch =~ /^master(-patch.*)?$/
   - name: "Check bundle"
     if: type = push AND tag IS blank OR (type = cron || type = api)
-  - name: "Trigger Alpha ADF child build"
-    if: (branch = develop AND (type = cron || type = api)) OR  commit_message =~ /\[trigger adf\]/
-  - name: "Build Demo shell"
-    if: tag IS blank
-  - name: "Unit test Lib"
-    if: type = pull_request || (type = cron || type = api)
-  - name: "e2e Test"
-    if: type = pull_request || (type = cron || type = api)
-  - name: "Storybook Playwright Tests"
-    if: type = pull_request || (type = cron || type = api)
-  - name: "Release tag"
-    if: branch = master
   - name: "Deprecate develop builds"
-    if: branch = master
+    if: branch =~ /^master(-patch.*)?$/
 
 addons:
     chrome: stable
@@ -101,12 +103,11 @@ jobs:
                 - "$NODE_MODULES_DIR"
             use: node_modules_cache
 
-        # Run Only for any PR
-        - stage: "Build lib"
+        - stage: "Build"
           name:  "Lib::Build"
-          script:
-            - ./scripts/travis/build/build-libs.sh || travis_terminate 1
-            - ./scripts/travis/release/release-npm.sh || travis_terminate 1
+          install: echo "no install"
+          script: $(npm bin)/nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell"
+
           workspaces:
             create:
               name: built_libs_cache
@@ -115,57 +116,102 @@ jobs:
                 - "$NODE_MODULES_DIR"
             use: node_modules_cache
 
-        - stage: "Build lib"
+        - stage: "Build"
           name: "Lint"
-          script: ./scripts/lint.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:lint $NX_CALCULATION_FLAGS --parallel=5
           workspaces:
               use: node_modules_cache
 
-        - stage: "Build Demo shell"
-          name:  "Demo Shell & Storybook :Build && dockerize"
-          script:
-              # Build Demo shell & Storybook for production docker"
-              - NODE_OPTIONS=--max_old_space_size=8192 nx build demoshell --configuration production
-              - NODE_OPTIONS=--max_old_space_size=8192 nx run stories:build-storybook --configuration ci
-              - ./scripts/travis/release/release-docker.sh
+        - stage: "Build"
+          name:  "Demo Shell::Build"
+          install: echo "no install"
+          script: $(npm bin)/nx build demoshell --configuration production
           workspaces:
               create:
                   name: built_demo_shell_cache
                   paths:
                       - "$DEMO_SHELL_DIR"
               use:
-                  - built_libs_cache
+                  - node_modules_cache
+
+        - stage: "Build"
+          name:  "Storybook::Build"
+          install: echo "no install"
+          script: $(npm bin)/nx run stories:build-storybook --configuration ci
+          workspaces:
+              create:
+                  name: built_storybook_cache
+                  paths:
+                      - "$STORYBOOK_DIR"
+              use:
+                  - node_modules_cache
 
         - stage: "Unit test Lib"
           name: "content::unit"
-          script:  ./scripts/travis/unit-test/content.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="insights,core,extensions,process-services,process-services-cloud"
           workspaces:
             use: built_libs_cache
 
         - stage: "Unit test Lib"
           name: "core-extension::unit"
-          script: ./scripts/travis/unit-test/core-extension.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="insights,content-services,process-services,process-services-cloud"
           workspaces:
             use: built_libs_cache
 
         - stage: "Unit test Lib"
           name: "process-insights::unit"
-          script: ./scripts/travis/unit-test/process.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="core,extensions,content-services,process-services-cloud"
           workspaces:
             use: built_libs_cache
 
         - stage: "Unit test Lib"
           name: "process-cloud::unit"
-          script: ./scripts/travis/unit-test/process-cloud.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="insights,core,extensions,content-services,process-services"
           workspaces:
             use: built_libs_cache
 
         - stage: "Trigger Alpha ADF child build"
           name: "Trigger Alpha ADF child build"
-          script: ./scripts/travis/update/update-project.sh -p $TRAVIS_BUILD_NUMBER -t $GITHUB_TOKEN -v alpha
+          script: ./scripts/travis/update/update-project.sh -p $TRAVIS_BUILD_NUMBER -t $GITHUB_TOKEN -v alpha -c $TRAVIS_COMMIT
           workspaces:
             use: built_libs_cache
 
+        - stage: "Release"
+          name:  "release libs::npm"
+          install: echo "no install"
+          script:
+            - ./scripts/travis/build/bumpversion.sh || travis_terminate 1
+            - $(npm bin)/nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell" || travis_terminate 1
+            - $(npm bin)/nx affected $NX_CALCULATION_FLAGS --target=pretheme || travis_terminate 1
+            - ./scripts/travis/release/release-npm.sh || travis_terminate 1
+          workspaces:
+            use: node_modules_cache
+
+        - stage: "Release"
+          name:  "release demoshell::docker"
+          install: echo "no install"
+          script:
+            - $(npm bin)/nx build demoshell --configuration production || travis_terminate 1
+            - . ./scripts/travis/release/docker-tag.sh || travis_terminate 1
+            - ./scripts/travis/release/release-demoshell-docker.sh
+          workspaces:
+            use: node_modules_cache
+
+        - stage: "Release"
+          name:  "release storybook::docker"
+          install: echo "no install"
+          script:
+            - $(npm bin)/nx run stories:build-storybook --configuration ci || travis_terminate 1
+            - . ./scripts/travis/release/docker-tag.sh || travis_terminate 1
+            - ./scripts/travis/release/release-storybook-docker.sh || travis_terminate 1
+          workspaces:
+            use: node_modules_cache
+
         - stage: "Release tag"
           script: ./scripts/travis/release/git-tag.sh
 
@@ -174,8 +220,9 @@ jobs:
               - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
               - ./scripts/travis/release/deprecate-develop-build.sh -v ${ADF_VERSION}
 
-        - stage: "Storybook Playwright Tests"
-          name: "Process Cloud"
+        - stage: "e2e Test"
+          name: "Process Cloud: Storybook Playwright"
+          install: echo "no install"
           before_script: ./scripts/ci/jobs/dbpci-before-playwright
           script: ./scripts/travis/storybook-testing/storybook-test.sh
           workspaces:
@@ -185,16 +232,22 @@ jobs:
 
         - stage: "e2e Test"
           name: "Core"
+          install: echo "no install"
           before_script:
             - ./scripts/ci/job_hooks/before_e2e.sh
             - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
             - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "core"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="core"
               - PROVIDER='ALL'
@@ -202,15 +255,21 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Components"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="content-services/components"
               - PROVIDER="ECM"
@@ -218,15 +277,21 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Directives"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="content-services/directives"
               - PROVIDER="ECM"
@@ -234,15 +299,21 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Document List"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="content-services/document-list"
               - PROVIDER="ECM"
@@ -250,15 +321,21 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Metadata"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="content-services/metadata"
               - PROVIDER="ECM"
@@ -266,15 +343,21 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Upload and Versioning"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services" "browser"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="content-services/upload"
               - PROVIDER="ECM"
@@ -282,15 +365,21 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Search"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
             - FOLDER="search"
             - PROVIDER="ECM"
@@ -298,16 +387,22 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Form"
+          install: echo "no install"
           before_script:
-              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services/form"
               - PROVIDER="BPM"
@@ -315,16 +410,22 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Process"
+          install: echo "no install"
           before_script:
-              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services/process"
               - PROVIDER="BPM"
@@ -332,16 +433,22 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Tasks"
+          install: echo "no install"
           before_script:
-              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services/tasks"
               - PROVIDER="BPM"
@@ -349,16 +456,22 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Widgets"
+          install: echo "no install"
           before_script:
-              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services/widgets"
               - PROVIDER="BPM"
@@ -366,20 +479,27 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process Cloud : Form"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services-cloud/form-field"
               - PROVIDER="ALL"
               - AUTH_TYPE="OAUTH"
+              - PROXY_HOST_BPM=$E2E_HOST_APA
 
         - stage: "e2e Test"
           name: "Process Cloud : People"
@@ -387,69 +507,97 @@ jobs:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services-cloud/people"
               - PROVIDER="ALL"
               - AUTH_TYPE="OAUTH"
+              - PROXY_HOST_BPM=$E2E_HOST_APA
 
         - stage: "e2e Test"
           name: "Process Cloud : Process"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services-cloud/process"
               - PROVIDER="ALL"
               - AUTH_TYPE="OAUTH"
+              - PROXY_HOST_BPM=$E2E_HOST_APA
 
         - stage: "e2e Test"
           name: "Process Cloud : Start Task"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="process-services-cloud/start-task"
               - PROVIDER="ALL"
               - AUTH_TYPE="OAUTH"
+              - PROXY_HOST_BPM=$E2E_HOST_APA
 
         - stage: "e2e Test"
           name: "Process Cloud : Tasks List"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
           after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
              - FOLDER="process-services-cloud/task-list"
              - PROVIDER="ALL"
              - AUTH_TYPE="OAUTH"
+             - PROXY_HOST_BPM=$E2E_HOST_APA
 
         - stage: Check bundle
+          install: echo "no install"
           script:
           - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
           - ./scripts/travis/build/npm-check-bundles.sh -v ${ADF_VERSION}

.vscode/extensions.json

@@ -1,6 +1,5 @@
 {
   "recommendations": [
-    "stylelint.vscode-stylelint",
-    "editorconfig.editorconfig",
+    "lucono.karma-test-explorer"
   ]
 }

.vscode/settings.json

@@ -8,7 +8,6 @@
     "**/coverage": true,
     "**/.happypack": true
   },
-  "editor.renderIndentGuides": true,
   "markdownlint.config": {
     "MD032": false,
     "MD004": false,
@@ -31,5 +30,6 @@
     "less",
     "postcss",
     "scss"
-  ]
+  ],
+  "editor.guides.indentation": true
 }

README.md

@@ -72,4 +72,3 @@ All components are supported in the following browsers:
 * 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.
-

angular.json

@@ -11,12 +11,9 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "extractCss": true,
-            "aot": true,
             "allowedCommonJsDependencies": [
               "minimatch",
               "minimatch-browser",
-              "moment-es6",
               "superagent",
               "event-emitter",
               "brace-expansion",
@@ -61,12 +58,12 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/dist/core/prebuilt-themes",
+                "input": "dist/libs/core/lib/prebuilt-themes",
                 "output": ""
               },
               {
                 "glob": "**/*",
-                "input": "lib/core/assets",
+                "input": "lib/core/src/lib/assets",
                 "output": "/assets"
               },
               {
@@ -86,7 +83,7 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/core/i18n",
+                "input": "lib/core/src/lib/i18n",
                 "output": "/assets/adf-core/i18n"
               },
               {
@@ -123,47 +120,47 @@
             "styles": [
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-blue-orange.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-blue-orange.scss",
                 "bundleName": "adf-blue-orange"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-blue-purple.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-blue-purple.scss",
                 "bundleName": "adf-blue-purple"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-cyan-orange.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-cyan-orange.scss",
                 "bundleName": "adf-cyan-orange"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-cyan-purple.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-cyan-purple.scss",
                 "bundleName": "adf-cyan-purple"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-green-orange.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-green-orange.scss",
                 "bundleName": "adf-green-orange"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-green-purple.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-green-purple.scss",
                 "bundleName": "adf-green-purple"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-indigo-pink.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-indigo-pink.scss",
                 "bundleName": "adf-indigo-pink"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-pink-bluegrey.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-pink-bluegrey.scss",
                 "bundleName": "adf-pink-bluegrey"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-purple-green.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-purple-green.scss",
                 "bundleName": "adf-purple-green"
               },
               "demo-shell/src/assets/fonts/material-icons/material-icons.css",
@@ -177,24 +174,27 @@
               "node_modules/pdfjs-dist/web/pdf_viewer.js",
               "node_modules/raphael/raphael.min.js",
               "node_modules/moment/min/moment.min.js"
-            ]
+            ],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
               "budgets": [
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "6kb"
+                  "maximumWarning": "12kb"
                 }
               ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
-              "vendorChunk": true,
               "buildOptimizer": true,
               "verbose": false,
               "fileReplacements": [
@@ -214,11 +214,8 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
-              "vendorChunk": true,
               "buildOptimizer": true,
               "verbose": false,
               "fileReplacements": [
@@ -228,7 +225,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
@@ -248,120 +246,24 @@
             }
           }
         },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "demo-shell/src/test.ts",
-            "karmaConfig": "./demo-shell/karma.conf.js",
-            "polyfills": "demo-shell/src/polyfills.ts",
-            "tsConfig": "demo-shell/src/tsconfig.spec.json",
-            "scripts": [
-              "node_modules/pdfjs-dist/build/pdf.js",
-              "node_modules/pdfjs-dist/web/pdf_viewer.js",
-              "node_modules/raphael/raphael.min.js",
-              "node_modules/moment/min/moment.min.js"
-            ],
-            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
-              "demo-shell/src/assets/fonts/muli/muli.css",
-              "demo-shell/src/styles.scss",
-              "demo-shell/src/custom-style-dev.scss"
-            ],
-            "assets": [
-              "demo-shell/src/assets",
-              "demo-shell/src/favicon-96x96.png",
-              "demo-shell/src/app.config.json",
-              {
-                "glob": "**/*",
-                "input": "demo-shell/src/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "app.config.json",
-                "input": "demo-shell/src",
-                "output": "/"
-              },
-              {
-                "glob": "**/*",
-                "input": "demo-shell/resources",
-                "output": "/resources"
-              },
-              {
-                "glob": "**/*",
-                "input": "demo-shell/src/app/components/lazy-loading/i18n",
-                "output": "/resources/lazy-loading/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/dist/core/prebuilt-themes",
-                "output": "/assets/prebuilt-themes"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/core/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services/src/lib/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services-cloud/src/lib/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/content-services/src/lib/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/core/i18n",
-                "output": "/assets/adf-core/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/content-services/src/lib/i18n",
-                "output": "/assets/adf-content-services/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services/src/lib/i18n",
-                "output": "/assets/adf-process-services/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services-cloud/src/lib/i18n",
-                "output": "/assets/adf-process-services-cloud/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/insights/src/lib/i18n",
-                "output": "/assets/adf-insights/i18n"
-              },
-              {
-                "glob": "pdf.worker.min.js",
-                "input": "node_modules/pdfjs-dist/build",
-                "output": "/"
-              },
-              {
-                "glob": "**/*",
-                "input": "/node_modules/ngx-monaco-editor/assets/monaco",
-                "output": "/assets/monaco/"
-              }
-            ]
-          }
-        },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "demo-shell/**/*.ts",
               "demo-shell/**/*.html"
             ]
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'demo-shell/**/*.ts'"
+                  }
+              ]
+          }
         }
       }
     },
@@ -389,67 +291,74 @@
             "protractorConfig": "./e2e/protractor.conf.js",
             "devServerTarget": "lib-e2e-test:serve"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "./e2e/tsconfig.e2e.json"
-            ],
-            "exclude": [
-              "**/lib/**/*",
-              "**/node_modules/**/*"
-            ]
-          }
         }
       }
     },
     "core": {
-      "root": "lib/core",
-      "sourceRoot": "lib/core",
       "projectType": "library",
+      "root": "lib/core",
+      "sourceRoot": "lib/core/src",
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "lib/core/tsconfig.lib.json",
             "project": "lib/core/ng-package.json"
           },
+          "dependsOn": ["^build", "license"],
           "configurations": {
             "production": {
               "project": "lib/core/ng-package.json",
               "tsConfig": "lib/core/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "lib/core/tsconfig.lib.json"
             }
-          }
+          },
+          "defaultConfiguration": "production"
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "lib/core/test.ts",
+            "main": "lib/core/src/test.ts",
             "tsConfig": "lib/core/tsconfig.spec.json",
             "karmaConfig": "lib/core/karma.conf.js",
-            "codeCoverage": true,
-            "sourceMap": true
+            "sourceMap": true,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css"
+            ]
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/core/**/*.ts",
-              "lib/core/**/*.html"
+              "lib/core/**/*.html",
+              "lib/core/api/**/*.ts",
+              "lib/core/api/**/*.html",
+              "lib/core/auth/**/*.ts",
+              "lib/core/auth/**/*.html",
+              "lib/core/shell/**/*.ts",
+              "lib/core/shell/**/*.html"
             ]
           }
         },
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/core/.storybook"
-            }
+            "browserTarget": "core:storybook",
+            "configDir": "lib/core/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -458,22 +367,65 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/core",
-            "config": {
-              "configFolder": "lib/core/.storybook"
-            }
+            "browserTarget": "core:build-storybook",
+            "configDir": "lib/core/.storybook",
+            "outputDir": "dist/storybook/core",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
               "quiet": true
             }
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/core/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/core/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
+        },
+        "license": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/license-checker --production  --failOn 'GPL;GPL-2.0' > licenses.txt"
+                  }
+              ]
+          }
+        },
+        "pretheme": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/webpack -- --config ./lib/config/webpack.style.js --progress --profile --bail && rm ./dist/libs/core/lib/prebuilt-themes/*.js"
+                  }
+              ]
+          }
         }
       }
     },
@@ -484,7 +436,7 @@
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "lib/content-services/tsconfig.lib.json",
             "project": "lib/content-services/ng-package.json"
@@ -502,12 +454,11 @@
             "main": "lib/content-services/src/test.ts",
             "tsConfig": "lib/content-services/tsconfig.spec.json",
             "karmaConfig": "lib/content-services/karma.conf.js",
-            "codeCoverage": true,
             "sourceMap": true
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/content-services/**/*.ts",
@@ -516,13 +467,19 @@
           }
         },
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/content-services/.storybook"
-            }
+            "browserTarget": "content-services:storybook",
+            "configDir": "lib/content-services/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -531,22 +488,45 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/content-services",
-            "config": {
-              "configFolder": "lib/content-services/.storybook"
-            }
+            "browserTarget": "content-services:build-storybook",
+            "configDir": "lib/content-services/.storybook",
+            "outputDir": "dist/storybook/content-services",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
               "quiet": true
             }
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/content-services/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/content-services/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -557,7 +537,7 @@
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "lib/process-services/tsconfig.lib.json",
             "project": "lib/process-services/ng-package.json"
@@ -575,18 +555,47 @@
             "main": "lib/process-services/src/test.ts",
             "tsConfig": "lib/process-services/tsconfig.spec.json",
             "karmaConfig": "lib/process-services/karma.conf.js",
-            "codeCoverage": true,
             "sourceMap": true
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/process-services/**/*.ts",
               "lib/process-services/**/*.html"
             ]
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/process-services/**/*.ts'"
+                  }
+              ]
+          },
+          "stylelint": {
+            "executor": "nx:run-commands",
+                "options": {
+                "commands": [
+                    {
+                        "command": "$(npm bin)/stylelint lib/process-services/**/*.scss --config stylelint-config.json"
+                    }
+                ]
+            }
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -597,7 +606,7 @@
       "prefix": "adf-cloud",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "lib/process-services-cloud/tsconfig.lib.json",
             "project": "lib/process-services-cloud/ng-package.json"
@@ -615,12 +624,11 @@
             "main": "lib/process-services-cloud/src/test.ts",
             "tsConfig": "lib/process-services-cloud/tsconfig.spec.json",
             "karmaConfig": "lib/process-services-cloud/karma.conf.js",
-            "codeCoverage": true,
             "sourceMap": true
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/process-services-cloud/**/*.ts",
@@ -629,13 +637,19 @@
           }
         },
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/process-services-cloud/.storybook"
-            }
+            "browserTarget": "process-services-cloud:storybook",
+            "configDir": "lib/process-services-cloud/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -644,22 +658,56 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/process-services-cloud",
-            "config": {
-              "configFolder": "lib/process-services-cloud/.storybook"
-            }
+            "browserTarget": "process-services-cloud:build-storybook",
+            "configDir": "lib/process-services-cloud/.storybook",
+            "outputDir": "dist/storybook/process-services-cloud",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
               "quiet": true
             }
           }
+        },
+
+        "e2e-playwright": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/playwright test --config='e2e-playwright/playwright.config.ts'"
+                  }
+              ]
+          }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/process-services-cloud/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -670,7 +718,7 @@
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "lib/insights/tsconfig.lib.json",
             "project": "lib/insights/ng-package.json"
@@ -688,18 +736,37 @@
             "main": "lib/insights/src/test.ts",
             "tsConfig": "lib/insights/tsconfig.spec.json",
             "karmaConfig": "lib/insights/karma.conf.js",
-            "codeCoverage": true,
             "sourceMap": true
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/insights/**/*.ts",
               "lib/insights/**/*.html"
             ]
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/insights/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/insights/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -710,7 +777,7 @@
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "lib/extensions/tsconfig.lib.json",
             "project": "lib/extensions/ng-package.json"
@@ -727,17 +794,27 @@
             "main": "lib/extensions/src/test.ts",
             "tsConfig": "lib/extensions/tsconfig.spec.json",
             "karmaConfig": "lib/extensions/karma.conf.js",
-            "codeCoverage": true,
             "sourceMap": true
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/extensions/**/*.ts",
               "lib/extensions/**/*.html"
             ]
+          },
+          "dependsOn": ["spellcheck"]
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/extensions/**/*.ts'"
+                  }
+              ]
           }
         }
       }
@@ -749,25 +826,67 @@
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@nrwl/node:webpack",
           "options": {
-            "tsConfig": "lib/testing/tsconfig.lib.json",
-            "project": "lib/testing/ng-package.json"
+            "projectRoot": "lib/testing",
+            "outputPath": "dist/libs/testing",
+            "main": "lib/testing/index.ts",
+            "generatePackageJson" : true,
+            "tsConfig": "lib/testing/tsconfig.lib.prod.json",
+            "additionalEntryPoints": [
+              {
+                "entryName": "shared",
+                "entryPath": "/lib/testing/src/lib/shared/index.ts"
+              }
+            ]
           },
           "configurations": {
             "production": {
+              "projectRoot": "lib/testing",
+              "outputPath": "dist/libs/testing",
+              "main": "lib/testing/index.ts",
+              "generatePackageJson" : true,
               "tsConfig": "lib/testing/tsconfig.lib.prod.json"
             }
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/testing/**/*.ts",
               "lib/testing/**/*.html"
             ]
           }
+        },
+        "bundle": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "echo testing bundle created"
+              }
+            ]
+          },
+          "dependsOn": [
+            "copyToNodeModules"
+          ]
+        },
+        "copyToNodeModules": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "rm -rf ./node_modules/@alfresco/adf-testing/ && mkdir -p ./node_modules/@alfresco/adf-testing/ &&  cp -R ./dist/libs/testing/* ./node_modules/@alfresco/adf-testing/"
+              }
+            ]
+          },
+          "dependsOn": [
+            {
+              "projects": "self",
+              "target": "build"
+            }
+          ]
         }
       }
     },
@@ -778,18 +897,49 @@
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@nrwl/workspace:run-commands",
           "options": {
-            "tsConfig": "lib/cli/tsconfig.json"
+            "commands": [
+              "cd lib/cli && npm i && npm run dist"
+            ]
           },
           "configurations": {
             "production": {
-              "tsConfig": "lib/cli/tsconfig.lib.prod.json"
+              "tsConfig": "lib/cli/tsconfig.json"
             }
           }
         },
+        "bundle": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "echo cli bundle created"
+              }
+            ]
+          },
+          "dependsOn": [
+            "copyToNodeModules"
+          ]
+        },
+        "copyToNodeModules": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "rm -rf ./node_modules/@alfresco/adf-cli/ && mkdir -p ./node_modules/@alfresco/adf-cli/ && cp -R ./dist/libs/cli/* ./node_modules/@alfresco/adf-cli/"
+              }
+            ]
+          },
+          "dependsOn": [
+            {
+              "projects": "self",
+              "target": "build"
+            }
+          ]
+        },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/cli/**/*.ts",
@@ -805,13 +955,19 @@
       "projectType": "library",
       "architect": {
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/stories/.storybook"
-            }
+            "browserTarget": "stories:storybook",
+            "configDir": "lib/stories/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -820,16 +976,19 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/stories",
-            "config": {
-              "configFolder": "lib/stories/.storybook"
-            }
+            "browserTarget": "stories:build-storybook",
+            "configDir": "lib/stories/.storybook",
+            "outputDir": "dist/storybook/stories",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {

cspell.json

@@ -132,7 +132,8 @@
     "webm",
     "webscript",
     "Whitespaces",
-    "xdescribe"
+    "xdescribe",
+    "xsrf"
   ],
   "dictionaries": [
     "html",

demo-shell/e2e/tsconfig.e2e.json

@@ -4,10 +4,6 @@
     "outDir": "../out-tsc/e2e",
     "module": "commonjs",
     "target": "es5",
-    "types":[
-      "jasmine",
-      "jasminewd2",
-      "node"
-    ]
+    "types": ["jasmine", "jasminewd2", "node"]
   }
 }

demo-shell/package.json

@@ -1,7 +1,7 @@
 {
   "name": "Alfresco-ADF-Angular-Demo",
   "description": "Demo shell for Alfresco Angular components",
-  "version": "4.8.0",
+  "version": "6.0.0-A.1",
   "author": "Alfresco Software, Ltd.",
   "repository": {
     "type": "git",

demo-shell/proxy-helpers.js

@@ -0,0 +1,76 @@
+module.exports = {
+    getDeployedAppsProxy: function(processHost, deployedApps) {
+        let deployedAppProxy = {};
+
+        if (deployedApps) {
+            try {
+                const deployedAppsArray = JSON.parse(deployedApps);
+                for (const app of deployedAppsArray) {
+                    const appName = app.name;
+                    const appPath = `/${appName}`;
+                    const appPathRewrite = `^/${appName}`;
+
+                    deployedAppProxy = {
+                        ...deployedAppProxy,
+                        [appPath]: {
+                            target: `${processHost}`,
+                            secure: false,
+                            pathRewrite: {
+                                [appPathRewrite]: appName,
+                            },
+                            changeOrigin: true,
+                        },
+                    };
+                }
+            } catch (e) {
+                console.log(e);
+            }
+        }
+
+        return deployedAppProxy;
+    },
+    getShareProxy: function(host) {
+        console.log('Target for /alfresco', host);
+        return {
+            '/alfresco': {
+                target: host,
+                secure: false,
+                logLevel: 'debug',
+                changeOrigin: true,
+                onProxyReq: function(request) {
+                    if(request["method"] !== "GET")
+                        request.setHeader("origin", host);
+                },
+                // workaround for REPO-2260
+                onProxyRes: function (proxyRes, req, res) {
+                    const header = proxyRes.headers['www-authenticate'];
+                    if (header && header.startsWith('Basic')) {
+                        proxyRes.headers['www-authenticate'] = 'x' + header;
+                    }
+                },
+            },
+        }
+    },
+    getApsProxy: function(host) {
+        console.log('Target for /activiti-app', host);
+        return {
+            '/activiti-app': {
+                target: host,
+                secure: false,
+                logLevel: 'debug',
+                changeOrigin: true,
+            },
+        }
+    },
+    getIdentityAdapterServiceProxy: function(host) {
+        console.log('Target for /identity-adapter-service', host);
+        return {
+            '/identity-adapter-service': {
+                target: host,
+                secure: false,
+                logLevel: 'debug',
+                changeOrigin: true,
+            },
+        }
+    }
+};

demo-shell/proxy.conf.js

@@ -1,29 +1,15 @@
 require('dotenv').config();
 
-var PROXY_HOST_ADF = process.env.PROXY_HOST_ADF;
-console.log('PROXY_HOST_ADF' + PROXY_HOST_ADF);
+const { getDeployedAppsProxy, getShareProxy, getApsProxy, getIdentityAdapterServiceProxy } = require('./proxy-helpers');
+
+const legacyHost = process.env.PROXY_HOST_ADF;
+const cloudHost = process.env.CLOUD_PROXY_HOST_ADF || process.env.PROXY_HOST_ADF;
+const cloudApps = process.env.APP_CONFIG_APPS_DEPLOYED;
+const apsHost = process.env.PROXY_HOST_ADF;
+
 module.exports = {
-    "/alfresco": {
-        "target": (PROXY_HOST_ADF || "http://localhost:8080"),
-        "secure": false,
-        "pathRewrite": {
-            "^/alfresco/alfresco": ""
-        },
-        "changeOrigin": true,
-        // workaround for REPO-2260
-        onProxyRes: function (proxyRes, req, res) {
-            const header = proxyRes.headers['www-authenticate'];
-            if (header && header.startsWith('Basic')) {
-                proxyRes.headers['www-authenticate'] = 'x' + header;
-            }
-        }
-    },
-    "/activiti-app": {
-        "target": (PROXY_HOST_ADF || "http://localhost:8080"),
-        "secure": false,
-        "pathRewrite": {
-            "^/activiti-app/activiti-app": ""
-        },
-        "changeOrigin": true
-    }
+    ...getShareProxy(legacyHost),
+    ...getApsProxy(apsHost),
+    ...getDeployedAppsProxy(cloudHost, cloudApps),
+    ...getIdentityAdapterServiceProxy(cloudHost)
 };

demo-shell/resources/i18n/ar.json

@@ -58,9 +58,9 @@
   },
   "APP_LAYOUT": {
     "APP": "تطبيق",
-    "HEADER_TEXT_COLOR": "لون نص العنوان",
+    "HEADER_TEXT_COLOR": "لون نص الرأس",
     "APP_NAME": "تطبيق ADF التوضيحي",
-    "FILTERED_SEARCH": "عنوان عامل التصفية",
+    "FILTERED_SEARCH": "رأس عامل التصفية",
     "HOME": "رئيسية",
     "NODE-SELECTOR": "محدد العقدة",
     "SITES": "المواقع",
@@ -96,13 +96,13 @@
     "WORD_TO_SEARCH": "بحث عن كلمة",
     "SEARCH_CREATED_BY": "تم الإنشاء بواسطة",
     "SEARCH_SERVICE_APPROACH": "حدد هذا لتعطيل خاصية الإدخال والتكوين باستخدام الخدمة",
-    "HEADER_DATA": "بيانات العنوان",
+    "HEADER_DATA": "بيانات الرأس",
     "TREE_VIEW": "طريقة عرض الشجرة",
     "EXPAND_LIST": "قائمة العناصر القابلة للتوسيع",
     "ICONS": "أيقونات",
     "PEOPLE_GROUPS_CLOUD": "سحابة الأشخاص/المجموعة",
     "TASK_HEADER_CLOUD": {
-      "COMPONENT_NAME": "عنوان مهمة السحابة",
+      "COMPONENT_NAME": "رأس مهمة السحابة",
       "APP_NAME_INPUT": "اسم التطبيق",
       "TASK_ID_INPUT": "معرف المهمة",
       "FIND_TASK_BUTTON": "بحث عن المهمة"
@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "مكون سحابة المجموعة",
     "CONFIRM-DIALOG": "مربع حوار التأكيد",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "قائمة مهام الخدمات"
+    "SERVICE_TASK_LIST": "قائمة مهام الخدمات",
+    "RICH_TEXT_EDITOR": "محرر نص منسق"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "استبدال أعمدة",
     "LOAD_NODE": "تحميل عقدة",
     "MULTISELECT": "تحديد متعدد",
-    "MULTISELECT_DESCRIPTION": "استخدام Cmd (Mac) أو Ctrl (Windows) لتبديل تحديد العناصر المتعددة"
+    "MULTISELECT_DESCRIPTION": "استخدام Cmd (Mac) أو Ctrl (Windows) لتبديل تحديد العناصر المتعددة",
+    "USE_CUSTOM_COLUMN_HEADER": "استخدم نموذج مخصص للرأس 'المستخدم'",
+    "CUSTOM_COLUMN_HEADER": "قالب رأس المستخدم المخصص"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "لم يتم تحديد تقرير. اختر تقريرًا من القائمة"
@@ -210,7 +213,7 @@
     "START-PROCESS": "بدء العملية",
     "PROCESS-AUDIT-LOG": "سجل تدقيق العملية",
     "TASK-AUDIT-LOG": "سجل تدقيق المهمة",
-    "TASK-SHOW-HEADER": "إظهار تفاصيل العنوان"
+    "TASK-SHOW-HEADER": "إظهار تفاصيل الرأس"
   },
   "PS_CLOUD_TAB": {
     "APPS_TAB": "تطبيق",
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "كل المجموعات المحددة مسبقًا",
     "INVALID_USERS": "المستخدمون غير الصالحين",
     "INVALID_GROUPS": "مجموعات غير صالحة",
-    "READONLY_MODE": "وضع القراءة فقط"
+    "READONLY_MODE": "وضع القراءة فقط",
+    "GROUPS_RESTRICTION": "قيود المجموعات"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "تحديد متعدد",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "نوع الإجراء"
     }
   },
-  "DEFAULT_SEARCH": "افتراضي"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "تم إنشاء زر مجلد جديد",
+    "EDIT_NODE_LABEL": "زر تحرير العقدة",
+    "DELETE_NODE_LABEL": "زر حذف أيقونة العقدة"
+  },
+  "DEFAULT_SEARCH": "افتراضي",
+  "OPEN_DIALOG": "فتح الحوار",
+  "SHOW_LIST_LABEL": "انقر لعرض القائمة"
 }

demo-shell/resources/i18n/cs.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Součást cloudu skupin",
     "CONFIRM-DIALOG": "Dialogové okno s potvrzením",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Seznam úloh služby"
+    "SERVICE_TASK_LIST": "Seznam úloh služby",
+    "RICH_TEXT_EDITOR": "Rich Text Editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Nahradit sloupce",
     "LOAD_NODE": "Načíst uzel",
     "MULTISELECT": "Hromadný výběr",
-    "MULTISELECT_DESCRIPTION": "Pomocí klávesy Ctrl (Windows) nebo Cmd (Mac) můžete přepínat výběr více položek"
+    "MULTISELECT_DESCRIPTION": "Pomocí klávesy Ctrl (Windows) nebo Cmd (Mac) můžete přepínat výběr více položek",
+    "USE_CUSTOM_COLUMN_HEADER": "Použít vlastní šablonu pro záhlaví ,Uživatel‘",
+    "CUSTOM_COLUMN_HEADER": "Vlastní šablona záhlaví Uživatel"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nebyly zvoleny žádné zprávy. Vyberte zprávu ze seznamu"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Všechny předvolené skupiny",
     "INVALID_USERS": "Neplatní uživatelé",
     "INVALID_GROUPS": "Neplatné skupiny",
-    "READONLY_MODE": "Režim jen pro čtení"
+    "READONLY_MODE": "Režim jen pro čtení",
+    "GROUPS_RESTRICTION": "Omezení skupin"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Hromadný výběr",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Typ akce"
     }
   },
-  "DEFAULT_SEARCH": "Výchozí"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Vytvořit tlačítko pro novou složku",
+    "EDIT_NODE_LABEL": "Upravit tlačítko uzlu",
+    "DELETE_NODE_LABEL": "Odebrat tlačítko ikony uzlu"
+  },
+  "DEFAULT_SEARCH": "Výchozí",
+  "OPEN_DIALOG": "Otevřít dialogové okno",
+  "SHOW_LIST_LABEL": "Na seznam pro zobrazení klikněte"
 }

demo-shell/resources/i18n/da.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Gruppecloudkomponent",
     "CONFIRM-DIALOG": "Bekræftelsesdialogboks",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Opgaveliste for tjeneste"
+    "SERVICE_TASK_LIST": "Opgaveliste for tjeneste",
+    "RICH_TEXT_EDITOR": "Rich Text Editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Erstat kolonner",
     "LOAD_NODE": "Indlæs node",
     "MULTISELECT": "Vælg flere",
-    "MULTISELECT_DESCRIPTION": "Brug Kommando (Mac) eller Ctrl (Windows) for at vælge flere elementer"
+    "MULTISELECT_DESCRIPTION": "Brug Kommando (Mac) eller Ctrl (Windows) for at vælge flere elementer",
+    "USE_CUSTOM_COLUMN_HEADER": "Brug tilpasset skabelon til overskrift 'Bruger'",
+    "CUSTOM_COLUMN_HEADER": "Tilpasset brugeroverskriftskabelon"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Du skal vælge en rapport på listen til venstre"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle forudvalgte grupper",
     "INVALID_USERS": "Ugyldige brugere",
     "INVALID_GROUPS": "Ugyldige grupper",
-    "READONLY_MODE": "Skrivebeskyttet tilstand"
+    "READONLY_MODE": "Skrivebeskyttet tilstand",
+    "GROUPS_RESTRICTION": "Gruppebegrænsning"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multivalg",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Handlingstype"
     }
   },
-  "DEFAULT_SEARCH": "Standard"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Knap Opret en ny mappe",
+    "EDIT_NODE_LABEL": "Knap Redigér knude",
+    "DELETE_NODE_LABEL": "Knap Slet knudeikon"
+  },
+  "DEFAULT_SEARCH": "Standard",
+  "OPEN_DIALOG": "Åbn dialog",
+  "SHOW_LIST_LABEL": "Klik for at vise listen"
 }

demo-shell/resources/i18n/de.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Gruppen-Cloud-Komponente",
     "CONFIRM-DIALOG": "Bestätigungsdialog",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Service-Aufgabenliste"
+    "SERVICE_TASK_LIST": "Service-Aufgabenliste",
+    "RICH_TEXT_EDITOR": "Rich-Text-Editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Spalten ersetzen",
     "LOAD_NODE": "Node laden",
     "MULTISELECT": "Mehrfachauswahl",
-    "MULTISELECT_DESCRIPTION": "Mit der Befehls- (Mac) oder der Steuerungstaste (Windows) können Sie die Auswahl mehrerer Elemente umschalten"
+    "MULTISELECT_DESCRIPTION": "Mit der Befehls- (Mac) oder der Steuerungstaste (Windows) können Sie die Auswahl mehrerer Elemente umschalten",
+    "USE_CUSTOM_COLUMN_HEADER": "Benutzerdefinierte Vorlage für 'Benutzer'-Kopfzeile verwenden",
+    "CUSTOM_COLUMN_HEADER": "Benutzerdefinierte Vorlage für Benutzer-Kopfzeile"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Kein Bericht ausgewählt. Wählen Sie einen Bericht aus der Liste"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle vorausgewählten Gruppen",
     "INVALID_USERS": "Unzulässige Benutzer",
     "INVALID_GROUPS": "Unzulässige Gruppen",
-    "READONLY_MODE": "Schreibgeschützter Modus"
+    "READONLY_MODE": "Schreibgeschützter Modus",
+    "GROUPS_RESTRICTION": "Gruppenbeschränkung"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Mehrfachauswahl",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Aktionstyp"
     }
   },
-  "DEFAULT_SEARCH": "Standard"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Schaltfläche für einen neuen Ordner erstellen",
+    "EDIT_NODE_LABEL": "Schaltfläche Node bearbeiten",
+    "DELETE_NODE_LABEL": "Schaltfläche für Node-Symbol löschen"
+  },
+  "DEFAULT_SEARCH": "Standard",
+  "OPEN_DIALOG": "Dialog öffnen",
+  "SHOW_LIST_LABEL": "Klicken Sie, um die Liste anzuzeigen"
 }

demo-shell/resources/i18n/en.json

@@ -1,5 +1,28 @@
 {
   "APP": {
+    "HOST_SETTINGS": {
+      "TYPE-AUTH": "Authentication type",
+      "BASIC": "Basic Authentication",
+      "SSO": "SSO",
+      "IMPLICIT-FLOW": "Implicit Flow",
+      "PROVIDER": "Provider",
+      "REQUIRED": "This field is required",
+      "CS_URL_ERROR": "Content Services address doesn't match the URL format",
+      "PS_URL_ERROR": "Process Services address doesn't match the URL format",
+      "TITLE": "Settings",
+      "CS-HOST": "Content Services URL",
+      "BP-HOST": "Process Services URL",
+      "BACK": "Back",
+      "APPLY": "APPLY",
+      "NOT_VALID": "http(s)://host|ip:port(/path) not recognized, try a different URL.",
+      "REDIRECT": "Redirect URI",
+      "REDIRECT_LOGOUT": "Redirect URI Logout",
+      "SILENT": "Silent Login",
+      "SCOPE": "Scope",
+      "CLIENT": "Client ID",
+      "PUBLIC_URLS": "Public urls silent Login",
+      "SECRET": "Secret"
+    },
     "ABOUT": {
       "DEVELOPMENT":"Dev Mode"
     },
@@ -111,7 +134,8 @@
     "GROUPS_CLOUD": "Groups Cloud Component",
     "CONFIRM-DIALOG": "Confirmation Dialog",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Service Task List"
+    "SERVICE_TASK_LIST": "Service Task List",
+    "RICH_TEXT_EDITOR": "Rich Text Editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +220,9 @@
     "REPLACE_COLUMNS": "Replace columns",
     "LOAD_NODE": "Load Node",
     "MULTISELECT": "Multiselect",
-    "MULTISELECT_DESCRIPTION": "Use Cmd (Mac) or Ctrl (Windows) to toggle selection of multiple items"
+    "MULTISELECT_DESCRIPTION": "Use Cmd (Mac) or Ctrl (Windows) to toggle selection of multiple items",
+    "USE_CUSTOM_COLUMN_HEADER": "Use custom template for 'User' header",
+    "CUSTOM_COLUMN_HEADER": "Custom User Header Template"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "No report selected. Choose a report from the list"
@@ -330,7 +356,8 @@
     "ALL_PRESELECTED_GROUPS": "All Preselected Groups",
     "INVALID_USERS": "Invalid Users",
     "INVALID_GROUPS": "Invalid Groups",
-    "READONLY_MODE": "Read-only Mode"
+    "READONLY_MODE": "Read-only Mode",
+    "GROUPS_RESTRICTION": "Groups Restriction"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multiselection",
@@ -354,5 +381,12 @@
       "ACTION_TYPE": "Action Type"
     }
   },
-  "DEFAULT_SEARCH": "Default"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Create a new folder button",
+    "EDIT_NODE_LABEL": "Edit node button",
+    "DELETE_NODE_LABEL": "Delete node icon button"
+  },
+  "DEFAULT_SEARCH": "Default",
+  "OPEN_DIALOG": "Open dialog",
+  "SHOW_LIST_LABEL": "Click to show the list"
 }

demo-shell/resources/i18n/es.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Componente en la nube de grupos",
     "CONFIRM-DIALOG": "Cuadro de diálogo de confirmación",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Lista de tareas de servicio"
+    "SERVICE_TASK_LIST": "Lista de tareas de servicio",
+    "RICH_TEXT_EDITOR": "Editor de texto enriquecido"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Sustituir columnas",
     "LOAD_NODE": "Cargar nodo",
     "MULTISELECT": "Selección múltiple",
-    "MULTISELECT_DESCRIPTION": "Utilice Cmd (Mac) o Ctrl (Windows) para cambiar la selección de varios elementos"
+    "MULTISELECT_DESCRIPTION": "Utilice Cmd (Mac) o Ctrl (Windows) para cambiar la selección de varios elementos",
+    "USE_CUSTOM_COLUMN_HEADER": "Utilizar una plantilla personalizada para el encabezado 'Usuario'",
+    "CUSTOM_COLUMN_HEADER": "Plantilla de encabezado de usuario personalizado"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "No se ha seleccionado ningún informe. Elija un informe de la lista."
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Todos los grupos preseleccionados",
     "INVALID_USERS": "Usuarios no válidos",
     "INVALID_GROUPS": "Grupos no válidos",
-    "READONLY_MODE": "Modo de solo lectura"
+    "READONLY_MODE": "Modo de solo lectura",
+    "GROUPS_RESTRICTION": "Restricción de grupos"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selección múltiple",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Tipo de acción"
     }
   },
-  "DEFAULT_SEARCH": "Predeterminado"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Crear un nuevo botón de carpeta",
+    "EDIT_NODE_LABEL": "Editar botón de nodo",
+    "DELETE_NODE_LABEL": "Eliminar el botón del icono del nodo"
+  },
+  "DEFAULT_SEARCH": "Predeterminado",
+  "OPEN_DIALOG": "Abrir cuadro de diálogo",
+  "SHOW_LIST_LABEL": "Hacer clic para mostrar la lista"
 }

demo-shell/resources/i18n/fi.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Ryhmäpilvi-komponentti",
     "CONFIRM-DIALOG": "Vahvistusvalintaikkuna",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Palvelutehtäväluettelo"
+    "SERVICE_TASK_LIST": "Palvelutehtäväluettelo",
+    "RICH_TEXT_EDITOR": "RTF-editori"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Korvaa sarakkeita",
     "LOAD_NODE": "Lataa solmu",
     "MULTISELECT": "Monivalinta",
-    "MULTISELECT_DESCRIPTION": "Voit valita useita kohteita Cmd- (Mac) tai Ctrl-näppäimen (Windows) avulla"
+    "MULTISELECT_DESCRIPTION": "Voit valita useita kohteita Cmd- (Mac) tai Ctrl-näppäimen (Windows) avulla",
+    "USE_CUSTOM_COLUMN_HEADER": "Käytä mukautettua mallia \"Käyttäjä\"-otsikolle",
+    "CUSTOM_COLUMN_HEADER": "Mukautettu käyttäjäotsikon malli"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Yhtään raporttia ei ole valittuna. Valitse raportti luettelosta."
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Kaikki esivalitut ryhmät",
     "INVALID_USERS": "Kelpaamattomat käyttäjät",
     "INVALID_GROUPS": "Kelpaamattomat ryhmät",
-    "READONLY_MODE": "Vain luku -tila"
+    "READONLY_MODE": "Vain luku -tila",
+    "GROUPS_RESTRICTION": "Ryhmärajoitus"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Monivalinta",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Toiminnon tyyppi"
     }
   },
-  "DEFAULT_SEARCH": "Oletus"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Luo uusi kansio -painike",
+    "EDIT_NODE_LABEL": "Muokkaa solmua -painike",
+    "DELETE_NODE_LABEL": "Poista solmukuvake -painike"
+  },
+  "DEFAULT_SEARCH": "Oletus",
+  "OPEN_DIALOG": "Avaa valintaikkuna",
+  "SHOW_LIST_LABEL": "Näytä luettelo napsauttamalla"
 }

demo-shell/resources/i18n/fr.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Composant cloud des groupes",
     "CONFIRM-DIALOG": "Boîte de dialogue de confirmation",
     "COMMUNITY": "Communauté",
-    "SERVICE_TASK_LIST": "Liste des tâches de service"
+    "SERVICE_TASK_LIST": "Liste des tâches de service",
+    "RICH_TEXT_EDITOR": "Editeur de texte enrichi"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Remplacer les colonnes",
     "LOAD_NODE": "Charger le nœud",
     "MULTISELECT": "Sélection multiple",
-    "MULTISELECT_DESCRIPTION": "Utiliser Cmd (Mac) ou Ctrl (Windows) pour activer/désactiver la sélection d'éléments multiples"
+    "MULTISELECT_DESCRIPTION": "Utiliser Cmd (Mac) ou Ctrl (Windows) pour activer/désactiver la sélection d'éléments multiples",
+    "USE_CUSTOM_COLUMN_HEADER": "Utiliser un modèle personnalisé pour l'en-tête 'Utilisateur'",
+    "CUSTOM_COLUMN_HEADER": "Modèle d'en-tête Utilisateur personnalisé"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Aucun rapport sélectionné. Choisissez un rapport dans la liste"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Tous les groupes présélectionnés",
     "INVALID_USERS": "Utilisateurs non valides",
     "INVALID_GROUPS": "Groupes non valides",
-    "READONLY_MODE": "Mode lecture seule"
+    "READONLY_MODE": "Mode lecture seule",
+    "GROUPS_RESTRICTION": "Restriction de groupes"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multisélection",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Type d'action"
     }
   },
-  "DEFAULT_SEARCH": "Par défaut"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Bouton Créer un nouveau dossier",
+    "EDIT_NODE_LABEL": "Bouton Modifier le nœud",
+    "DELETE_NODE_LABEL": "Bouton Supprimer l'icône du nœud"
+  },
+  "DEFAULT_SEARCH": "Par défaut",
+  "OPEN_DIALOG": "Boîte de dialogue Ouvrir",
+  "SHOW_LIST_LABEL": "Cliquer pour afficher la liste"
 }

demo-shell/resources/i18n/it.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Componente Cloud gruppi",
     "CONFIRM-DIALOG": "Finestra di conferma",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Elenco compiti servizio"
+    "SERVICE_TASK_LIST": "Elenco compiti servizio",
+    "RICH_TEXT_EDITOR": "Editor di testo RTF"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Sostituisci colonne",
     "LOAD_NODE": "Carica nodo",
     "MULTISELECT": "Selezione multipla",
-    "MULTISELECT_DESCRIPTION": "Usa Cmd (Mac) o Ctrl (Windows) per attivare/disattivare la selezione di più elementi"
+    "MULTISELECT_DESCRIPTION": "Usa Cmd (Mac) o Ctrl (Windows) per attivare/disattivare la selezione di più elementi",
+    "USE_CUSTOM_COLUMN_HEADER": "Usa il modello personalizzato per l'intestazione \"Utente\"",
+    "CUSTOM_COLUMN_HEADER": "Modello personalizzato per intestazione Utente"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nessun rapporto selezionato. Scegliere un rapporto dall'elenco"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Tutti i gruppi preselezionati",
     "INVALID_USERS": "Utenti non validi",
     "INVALID_GROUPS": "Gruppi non validi",
-    "READONLY_MODE": "Modalità sola lettura"
+    "READONLY_MODE": "Modalità sola lettura",
+    "GROUPS_RESTRICTION": "Limitazione gruppi"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selezione multipla",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Tipo di azione"
     }
   },
-  "DEFAULT_SEARCH": "Predefinito"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Crea pulsante nuova cartella",
+    "EDIT_NODE_LABEL": "Modifica pulsante nodo",
+    "DELETE_NODE_LABEL": "Elimina icona nodo"
+  },
+  "DEFAULT_SEARCH": "Predefinito",
+  "OPEN_DIALOG": "Apri finestra di dialogo",
+  "SHOW_LIST_LABEL": "Fai clic per mostrare l'elenco"
 }

demo-shell/resources/i18n/ja.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "グループのクラウドコンポーネント",
     "CONFIRM-DIALOG": "確認ダイアログ",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "サービスタスクリスト"
+    "SERVICE_TASK_LIST": "サービスタスクリスト",
+    "RICH_TEXT_EDITOR": "リッチテキストエディタ"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "列の置換",
     "LOAD_NODE": "ノードの読み込み",
     "MULTISELECT": "複数選択",
-    "MULTISELECT_DESCRIPTION": "複数選択の切り替えを行うには、Cmd (Mac) キーまたは Ctrl (Windows) キーを押します"
+    "MULTISELECT_DESCRIPTION": "複数選択の切り替えを行うには、Cmd (Mac) キーまたは Ctrl (Windows) キーを押します",
+    "USE_CUSTOM_COLUMN_HEADER": "「ユーザー」ヘッダーにカスタムテンプレートを使用",
+    "CUSTOM_COLUMN_HEADER": "カスタムユーザーヘッダーテンプレート"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "レポートが選択されていません。リストからレポートを選択してください。"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "選択されている全グループ",
     "INVALID_USERS": "無効なユーザー",
     "INVALID_GROUPS": "無効なグループ",
-    "READONLY_MODE": "読み取り専用モード"
+    "READONLY_MODE": "読み取り専用モード",
+    "GROUPS_RESTRICTION": "グループ制限"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "複数選択",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "処理のタイプ"
     }
   },
-  "DEFAULT_SEARCH": "デフォルト"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "新しいフォルダボタンの作成",
+    "EDIT_NODE_LABEL": "ノードボタンの編集",
+    "DELETE_NODE_LABEL": "ノードアイコンボタンの削除"
+  },
+  "DEFAULT_SEARCH": "デフォルト",
+  "OPEN_DIALOG": "ダイアログを開く",
+  "SHOW_LIST_LABEL": "クリックしてリストを表示"
 }

demo-shell/resources/i18n/nb.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Gruppesky-kompontent",
     "CONFIRM-DIALOG": "Bekreftelsesdialog",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Serviceoppgaveliste"
+    "SERVICE_TASK_LIST": "Serviceoppgaveliste",
+    "RICH_TEXT_EDITOR": "Åpne rik teksteditor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "erstatt kolonner",
     "LOAD_NODE": "Last node",
     "MULTISELECT": "Multivalg",
-    "MULTISELECT_DESCRIPTION": "Bruk Cmd (Mac) eller Ctrl (Windows) for å veksle mellom valg av flere elementer"
+    "MULTISELECT_DESCRIPTION": "Bruk Cmd (Mac) eller Ctrl (Windows) for å veksle mellom valg av flere elementer",
+    "USE_CUSTOM_COLUMN_HEADER": "Bruk egendefinert mal for toppteksten 'bruker'",
+    "CUSTOM_COLUMN_HEADER": "Egendefinert topptekst for bruker"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Ingen rapport valgt. Velg en rapport fra listen"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle forhåndsvalgte grupper",
     "INVALID_USERS": "Ugyldige brukere",
     "INVALID_GROUPS": "Ugyldige grupper",
-    "READONLY_MODE": "Skrivebeskyttet modus"
+    "READONLY_MODE": "Skrivebeskyttet modus",
+    "GROUPS_RESTRICTION": "Gruppebegrensning"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flervalg",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Handlingstype"
     }
   },
-  "DEFAULT_SEARCH": "Standard"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Opprett en ny mappe-knapp",
+    "EDIT_NODE_LABEL": "Rediger node-knapp",
+    "DELETE_NODE_LABEL": "Slett nodeikon-knapp"
+  },
+  "DEFAULT_SEARCH": "Standard",
+  "OPEN_DIALOG": "Åpne dialog",
+  "SHOW_LIST_LABEL": "Klikk for å vise listen"
 }

demo-shell/resources/i18n/nl.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Component Groepencloud",
     "CONFIRM-DIALOG": "Bevestigingsdialoogvenster",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Lijst met servicetaken"
+    "SERVICE_TASK_LIST": "Lijst met servicetaken",
+    "RICH_TEXT_EDITOR": "RTF-editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Kolommen vervangen",
     "LOAD_NODE": "Node laden",
     "MULTISELECT": "Multiselect",
-    "MULTISELECT_DESCRIPTION": "Cmd (Mac) of Ctrl (Windows) gebruiken om de selectie van meerdere items in of uit te schakelen"
+    "MULTISELECT_DESCRIPTION": "Cmd (Mac) of Ctrl (Windows) gebruiken om de selectie van meerdere items in of uit te schakelen",
+    "USE_CUSTOM_COLUMN_HEADER": "Aangepaste sjabloon voor 'User'-koptekst gebruiken",
+    "CUSTOM_COLUMN_HEADER": "Aangepaste sjabloon voor User-koptekst"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Geen rapport geselecteerd. Kies een rapport uit de lijst"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle voorgeselecteerde groepen",
     "INVALID_USERS": "Ongeldige gebruikers",
     "INVALID_GROUPS": "Ongeldige groepen",
-    "READONLY_MODE": "Alleen-lezenmodus"
+    "READONLY_MODE": "Alleen-lezenmodus",
+    "GROUPS_RESTRICTION": "Groepenbeperking"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multiselectie",
@@ -350,9 +354,16 @@
       "TITLE": "Titel",
       "ICON": "Pictogram",
       "TASK_ID": "Taak-id",
-      "PROCESS_ID": "Procesinstantie-id",
+      "PROCESS_ID": "Procesinstance-id",
       "ACTION_TYPE": "Actietype"
     }
   },
-  "DEFAULT_SEARCH": "Standaard"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Knop Nieuwe map maken",
+    "EDIT_NODE_LABEL": "Knop Node bewerken",
+    "DELETE_NODE_LABEL": "Pictogramknop Node verwijderen"
+  },
+  "DEFAULT_SEARCH": "Standaard",
+  "OPEN_DIALOG": "Dialoogvenster Openen",
+  "SHOW_LIST_LABEL": "Klik om de lijst weer te geven"
 }

demo-shell/resources/i18n/pl.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Składnik Chmura dla grup",
     "CONFIRM-DIALOG": "Okno dialogowe potwierdzenia",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Lista zadań serwisowych"
+    "SERVICE_TASK_LIST": "Lista zadań serwisowych",
+    "RICH_TEXT_EDITOR": "Edytor tekstu sformatowanego"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Zastąp kolumny",
     "LOAD_NODE": "Wczytaj węzeł",
     "MULTISELECT": "Wybór wielokrotny",
-    "MULTISELECT_DESCRIPTION": "Używaj klawiszy Cmd (system Mac) lub Ctrl (system Windows), aby przełączać wybieranie wielu elementów."
+    "MULTISELECT_DESCRIPTION": "Używaj klawiszy Cmd (system Mac) lub Ctrl (system Windows), aby przełączać wybieranie wielu elementów.",
+    "USE_CUSTOM_COLUMN_HEADER": "Użyj szablonu niestandardowego dla nagłówka 'Użytkownik'",
+    "CUSTOM_COLUMN_HEADER": "Szablon niestandardowy nagłówka Użytkownik"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nie wybrano raportu. Wybierz raport z listy."
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Wszystkie wstępnie wybrane grupy",
     "INVALID_USERS": "Nieprawidłowi użytkownicy",
     "INVALID_GROUPS": "Nieprawidłowe grupy",
-    "READONLY_MODE": "Tryb tylko do odczytu"
+    "READONLY_MODE": "Tryb tylko do odczytu",
+    "GROUPS_RESTRICTION": "Ograniczenie grup"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Wybór wielokrotny",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Typ czynności"
     }
   },
-  "DEFAULT_SEARCH": "Domyślne"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Przycisk Utwórz nowy folder",
+    "EDIT_NODE_LABEL": "Przycisk Edytuj węzeł",
+    "DELETE_NODE_LABEL": "Przycisk Usuń ikonę węzła"
+  },
+  "DEFAULT_SEARCH": "Domyślne",
+  "OPEN_DIALOG": "Otwórz okno dialogowe",
+  "SHOW_LIST_LABEL": "Kliknij, aby wyświetlić listę"
 }

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

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Componente da Nuvem de Grupos",
     "CONFIRM-DIALOG": "Caixa de diálogo de confirmação",
     "COMMUNITY": "Comunidade",
-    "SERVICE_TASK_LIST": "Lista de tarefas de serviços"
+    "SERVICE_TASK_LIST": "Lista de tarefas de serviços",
+    "RICH_TEXT_EDITOR": "Editor de RTF"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -157,9 +158,9 @@
     "TOOLBAR": {
       "CARDVIEW": "Modo de visualização de cartão",
       "SHARE_EDIT": "Editar configurações",
-      "NEW_FOLDER": "Nova Pasta",
+      "NEW_FOLDER": "Nova pasta",
       "EDIT_FOLDER": "Editar pasta",
-      "DOWNLOAD": "Descarregar",
+      "DOWNLOAD": "Baixar",
       "DELETE": "Excluir",
       "FAVORITES": "Adicionar aos favoritos",
       "SHARE": "Compartilhar",
@@ -174,7 +175,7 @@
       "ASPECTS": "Atualizar aspectos",
       "LOCK": "Bloqueio",
       "METADATA": "Informações",
-      "DOWNLOAD": "Descarregar",
+      "DOWNLOAD": "Baixar",
       "PERMISSION": "Permissão",
       "FOLDER": {
         "COPY": "Copiar",
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Substituir colunas",
     "LOAD_NODE": "Carregar Nó",
     "MULTISELECT": "Seleção Múltipla",
-    "MULTISELECT_DESCRIPTION": "Use Cmd (Mac) ou Ctrl (Windows) para alternar a seleção de vários itens"
+    "MULTISELECT_DESCRIPTION": "Use Cmd (Mac) ou Ctrl (Windows) para alternar a seleção de vários itens",
+    "USE_CUSTOM_COLUMN_HEADER": "Usar modelo personalizado para o cabeçalho 'Usuário'",
+    "CUSTOM_COLUMN_HEADER": "Modelo personalizado do cabeçalho Usuário"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nenhum relatório selecionado. Escolha um relatório na lista"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Todos os grupos pré-selecionados",
     "INVALID_USERS": "Usuários inválidos",
     "INVALID_GROUPS": "Grupos inválidos",
-    "READONLY_MODE": "Modo somente leitura"
+    "READONLY_MODE": "Modo somente leitura",
+    "GROUPS_RESTRICTION": "Restrição de grupos"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Seleção Múltipla",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Tipo de ação"
     }
   },
-  "DEFAULT_SEARCH": "Padrão"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Criar um novo botão de pasta",
+    "EDIT_NODE_LABEL": "Editar botão de nó",
+    "DELETE_NODE_LABEL": "Excluir botão de ícone de nó"
+  },
+  "DEFAULT_SEARCH": "Padrão",
+  "OPEN_DIALOG": "Abrir caixa de diálogo",
+  "SHOW_LIST_LABEL": "Clique para mostrar a lista"
 }

demo-shell/resources/i18n/ru.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Компонент облака «Группы»",
     "CONFIRM-DIALOG": "Диалоговое окно подтверждения",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Список сервисных задач"
+    "SERVICE_TASK_LIST": "Список сервисных задач",
+    "RICH_TEXT_EDITOR": "Редактор форматированного текста"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Заменить столбцы",
     "LOAD_NODE": "Загрузить узел",
     "MULTISELECT": "Выбор нескольких вариантов",
-    "MULTISELECT_DESCRIPTION": "Использовать кнопку Cmd (Mac) или Ctrl (Windows) для переключения выбора нескольких элементов"
+    "MULTISELECT_DESCRIPTION": "Использовать кнопку Cmd (Mac) или Ctrl (Windows) для переключения выбора нескольких элементов",
+    "USE_CUSTOM_COLUMN_HEADER": "Использовать пользовательский шаблон для заголовка «Пользователь»",
+    "CUSTOM_COLUMN_HEADER": "Пользовательский шаблон заголовка пользователя"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Отчет не выбран. Выберите отчет из списка"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Все заранее заданные группы",
     "INVALID_USERS": "Недействительные пользователи",
     "INVALID_GROUPS": "Недействительные группы",
-    "READONLY_MODE": "Режим только для чтения"
+    "READONLY_MODE": "Режим только для чтения",
+    "GROUPS_RESTRICTION": "Ограничение для групп"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Выбор нескольких",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Тип действия"
     }
   },
-  "DEFAULT_SEARCH": "По умолчанию"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Кнопка \"Создать новую папку\"",
+    "EDIT_NODE_LABEL": "Кнопка \"Редактировать узел\"",
+    "DELETE_NODE_LABEL": "Кнопка \"Удалить значок узла\""
+  },
+  "DEFAULT_SEARCH": "По умолчанию",
+  "OPEN_DIALOG": "Открыть диалог",
+  "SHOW_LIST_LABEL": "Нажмите для отображения списка"
 }

demo-shell/resources/i18n/sv.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Grupper moln-komponent",
     "CONFIRM-DIALOG": "Dialogruta för bekräftelse",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Serviceuppgiftslista"
+    "SERVICE_TASK_LIST": "Serviceuppgiftslista",
+    "RICH_TEXT_EDITOR": "RT-redigerare"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Ersätt kolumner",
     "LOAD_NODE": "Läs in nod",
     "MULTISELECT": "Flerval",
-    "MULTISELECT_DESCRIPTION": "Använd Cmd (Mac) eller Ctrl (Windows) för att växla val av flera objekt"
+    "MULTISELECT_DESCRIPTION": "Använd Cmd (Mac) eller Ctrl (Windows) för att växla val av flera objekt",
+    "USE_CUSTOM_COLUMN_HEADER": "Använd anpassad mall för \"Användare\"-rubrik",
+    "CUSTOM_COLUMN_HEADER": "Anpassad användarhuvudmall"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Ingen rapport vald. Välj en rapport från listan"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alla förvalda grupper",
     "INVALID_USERS": "Ogiltiga användare",
     "INVALID_GROUPS": "Ogiltiga grupper",
-    "READONLY_MODE": "Skrivskyddat läge"
+    "READONLY_MODE": "Skrivskyddat läge",
+    "GROUPS_RESTRICTION": "Gruppbegränsning"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flerval",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "Åtgärdstyp"
     }
   },
-  "DEFAULT_SEARCH": "Standard"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Knappen Skapa en ny mapp",
+    "EDIT_NODE_LABEL": "Knappen Redigera nod",
+    "DELETE_NODE_LABEL": "Knappen Radera nodikon"
+  },
+  "DEFAULT_SEARCH": "Standard",
+  "OPEN_DIALOG": "Öppna dialogruta",
+  "SHOW_LIST_LABEL": "Klicka för att visa listan"
 }

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

@@ -83,7 +83,7 @@
     "FORM_LOADING": "表单加载",
     "UPLOADER": "上传程序",
     "WEBSCRIPT": "Webscript",
-    "TAG": "标签",
+    "TAG": "标记",
     "PIPES": "管道",
     "TRASHCAN": "垃圾桶",
     "SOCIAL": "社交",
@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "组云组件",
     "CONFIRM-DIALOG": "确认对话",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "服务任务列表"
+    "SERVICE_TASK_LIST": "服务任务列表",
+    "RICH_TEXT_EDITOR": "RTF 编辑器"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -150,7 +151,7 @@
       "CREATED_BY": "创建者",
       "CREATED_ON": "创建日期",
       "CREATED": "已创建",
-      "SIZE": "字号(&S)",
+      "SIZE": "尺寸",
       "DELETED_ON": "已删除",
       "DELETED_BY": "删除人"
     },
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "替换列",
     "LOAD_NODE": "加载节点",
     "MULTISELECT": "多选",
-    "MULTISELECT_DESCRIPTION": "使用 Cmd (Mac) 或 Ctrl (Windows) 切换多个项目的选择"
+    "MULTISELECT_DESCRIPTION": "使用 Cmd (Mac) 或 Ctrl (Windows) 切换多个项目的选择",
+    "USE_CUSTOM_COLUMN_HEADER": "为“用户”标题使用自定义模板",
+    "CUSTOM_COLUMN_HEADER": "自定义用户标题模板"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "未选择报告，请从列表中选择报告"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "所有预选组",
     "INVALID_USERS": "无效用户",
     "INVALID_GROUPS": "无效组",
-    "READONLY_MODE": "只读模式"
+    "READONLY_MODE": "只读模式",
+    "GROUPS_RESTRICTION": "组限制"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "多重选择",
@@ -354,5 +358,12 @@
       "ACTION_TYPE": "操作类型"
     }
   },
-  "DEFAULT_SEARCH": "默认值"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "创建一个新文件夹按钮",
+    "EDIT_NODE_LABEL": "编辑节点按钮",
+    "DELETE_NODE_LABEL": "删除节点图标按钮"
+  },
+  "DEFAULT_SEARCH": "默认值",
+  "OPEN_DIALOG": "打开对话框",
+  "SHOW_LIST_LABEL": "单击以显示列表"
 }

demo-shell/src/app.config.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "../../lib/core/app-config/schema.json",
+  "$schema": "../../lib/core/src/lib/app-config/schema.json",
   "ecmHost": "{protocol}//{hostname}{:port}",
   "bpmHost": "{protocol}//{hostname}{:port}",
   "identityHost": "{protocol}//{hostname}{:port}/auth/admin/realms/alfresco",
@@ -18,7 +18,7 @@
   "oauth2": {
     "host": "{protocol}//{hostname}{:port}/auth/realms/alfresco",
     "clientId": "alfresco",
-    "scope": "openid",
+    "scope": "openid profile email",
     "secret": "",
     "implicitFlow": true,
     "silentLogin": true,

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

@@ -321,6 +321,10 @@ export const appRoutes: Routes = [
                 path: 'datatable/dnd',
                 loadChildren: () => import('./components/datatable/drag-and-drop/datatable-dnd.module').then(m => m.AppDataTableDndModule)
             },
+            {
+                path: 'rich-text-editor',
+                loadChildren: () => import('./components/rich-text-editor/rich-text-editor.module').then(m => m.AppRichTextEditorModule)
+            },
             {
                 path: 'search',
                 component: SearchResultComponent,

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

@@ -1,4 +1,34 @@
 <mat-slide-toggle [(ngModel)]="dev">{{'APP.ABOUT.DEVELOPMENT' | translate }}</mat-slide-toggle>
 
-<adf-about [dev]="dev" [pkg]="pkg"> </adf-about>
+<adf-about>
+    <adf-about-panel *ngIf="dev" [label]="'ABOUT.SERVER_SETTINGS.TITLE' | translate">
+        <ng-template>
+            <adf-about-server-settings></adf-about-server-settings>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel *ngIf="dev" [label]="'ABOUT.PACKAGES.TITLE' | translate">
+        <ng-template>
+            <adf-about-package-list [dependencies]="pkg?.dependencies"></adf-about-package-list>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel [label]="'ABOUT.REPOSITORY' | translate" *ngIf="repository">
+        <ng-template>
+            <adf-about-repository-info [data]="repository"></adf-about-repository-info>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel [label]="'ABOUT.VERSIONS.TITLE' | translate">
+        <ng-template>
+            <adf-about-platform-version [repository]="repository" [process]="bpmVersion"></adf-about-platform-version>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel *ngIf="extensions$ | async as extensions" [label]="'ABOUT.PLUGINS.TITLE' | translate">
+        <ng-template>
+            <adf-about-extension-list [data]="extensions"></adf-about-extension-list>
+        </ng-template>
+    </adf-about-panel>
+</adf-about>
 

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

@@ -1,3 +0,0 @@
-.adf-extension-details-container {
-    padding: 4px;
-}

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

@@ -15,20 +15,52 @@
  * limitations under the License.
  */
 
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { AppExtensionService, ExtensionRef } from '@alfresco/adf-extensions';
+import { AuthenticationService, BpmProductVersionModel, DiscoveryApiService, RepositoryInfo } from '@alfresco/adf-core';
 import pkg from '../../../../../package.json';
+import { Observable } from 'rxjs';
 
 @Component({
     selector: 'app-about-page',
-    templateUrl: './about.component.html',
-    styleUrls: ['./about.component.scss']
+    templateUrl: './about.component.html'
 })
-export class AboutComponent {
+export class AboutComponent implements OnInit {
     pkg: any;
     dev: true;
 
-    constructor() {
+    extensions$: Observable<ExtensionRef[]>;
+    repository: RepositoryInfo = null;
+    bpmVersion: BpmProductVersionModel = null;
+
+    constructor(
+        private authService: AuthenticationService,
+        private appExtensions: AppExtensionService,
+        private discovery: DiscoveryApiService
+    ) {
         this.pkg = pkg;
+        this.extensions$ = this.appExtensions.references$;
     }
 
+    ngOnInit(): void {
+        if (this.authService.isEcmLoggedIn()) {
+            this.setECMInfo();
+        }
+
+        if (this.authService.isBpmLoggedIn()) {
+            this.setBPMInfo();
+        }
+    }
+
+    setECMInfo() {
+        this.discovery.getEcmProductInfo().subscribe((repository) => {
+            this.repository = repository as RepositoryInfo;
+        });
+    }
+
+    setBPMInfo() {
+        this.discovery.getBpmProductInfo().subscribe((bpmVersion) => {
+            this.bpmVersion = bpmVersion;
+        });
+    }
 }

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

@@ -74,6 +74,7 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
             { href: '/datatable/dnd', icon: 'view_module', title: 'Drag and Drop' },
             { href: '/copy-content', icon: 'view_module', title: 'Copy Content' }
         ]},
+        { href: '/rich-text-editor', icon: 'list_alt', title: 'APP_LAYOUT.RICH_TEXT_EDITOR' },
         { href: '/template-list', icon: 'list_alt', title: 'APP_LAYOUT.TEMPLATE' },
         { href: '/webscript', icon: 'extension', title: 'APP_LAYOUT.WEBSCRIPT' },
         { href: '/tag', icon: 'local_offer', title: 'APP_LAYOUT.TAG' },

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

@@ -6,13 +6,13 @@
         <mat-label>Node Id For Aspects</mat-label>
         <input matInput placeholder="Node Id" [(ngModel)]="currentNodeId">
     </mat-form-field>
-    <button mat-raised-button color="primary" aria-label="Click to show the list" (click)="showAspectForNode()">
+    <button mat-raised-button color="primary" [attr.aria-label]="'SHOW_LIST_LABEL' | translate" (click)="showAspectForNode()">
         Show/Hide List
     </button>
     <adf-aspect-list [nodeId]="currentNodeId" *ngIf="isShowed" (valueChanged)="onValueChanged($event)"></adf-aspect-list>
 </div>
 <div>
-    <button mat-fab color="primary" aria-label="Open dialog" (click)="openAspectDialog()">
+    <button mat-fab color="primary" [attr.aria-label]="'OPEN_DIALOG' | translate" (click)="openAspectDialog()">
         Dialog
     </button>
 </div>

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

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { AspectListService } from '@alfresco/adf-content-services';
+import { DialogAspectListService } from '@alfresco/adf-content-services';
 import { Component } from '@angular/core';
 
 @Component({
@@ -30,14 +30,14 @@ export class AspectListSampleComponent {
 
     currentResult: string[] = [];
 
-    constructor(private aspectListService: AspectListService) { }
+    constructor(private dialogAspectListService: DialogAspectListService) { }
 
     showAspectForNode() {
         this.isShowed = !this.isShowed;
     }
 
     openAspectDialog() {
-        this.aspectListService.openAspectListDialog(this.currentNodeId).subscribe((result) => this.currentResult = Array.from(result));
+        this.dialogAspectListService.openAspectListDialog(this.currentNodeId).subscribe((result) => this.currentResult = Array.from(result));
     }
 
     onValueChanged(aspects) {

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

@@ -64,13 +64,13 @@
         </adf-toolbar-title>
         <adf-toolbar-divider fxFlex="0 0 auto"></adf-toolbar-divider>
         <div fxFlex="0 0 auto">
-            <button mat-icon-button aria-label="Create a new folder button">
+            <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 aria-label="Edit node button">
+            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.EDIT_NODE_LABEL' | translate">
                 <mat-icon>create</mat-icon>
             </button>
-            <button mat-icon-button aria-label="Delete node icon button">
+            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.DELETE_NODE_LABEL' | translate">
                 <mat-icon>delete</mat-icon>
             </button>
         </div>

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

@@ -14,6 +14,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { CloudLayoutService } from './services/cloud-layout.service';

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

@@ -49,8 +49,7 @@ export class CommunityStartProcessCloudDemoComponent implements OnInit {
 
     openSnackMessage(event: any) {
         this.notificationService.openSnackMessage(
-            event.response.body.message,
-            4000
+            event.response.body.message
         );
     }
 }

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

@@ -42,8 +42,7 @@ export class CommunityStartTaskCloudDemoComponent {
 
     openSnackMessage(event: any) {
         this.notificationService.openSnackMessage(
-            event.response.body.message,
-            4000
+            event.response.body.message
         );
     }
 }

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

@@ -12,20 +12,22 @@
                 'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
         </mat-radio-group>
         <div class="app-people-control-options">
-            <mat-radio-group (change)="onChangePeopleFilterMode($event)">
-                <mat-radio-button [checked]="true" class="app-people-single-mode" value="appName">{{
-                    'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
-                <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-people-filter-role" value="role">{{
-                    'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
-            </mat-radio-group>
-            <mat-form-field *ngIf="!isPeopleAppNameSelected()" class="app-preselect-value">
-                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
-                <input matInput (input)="setPeopleRoles($any($event).target?.value)" data-automation-id="app-people-roles-input" />
-            </mat-form-field>
             <mat-form-field *ngIf="isPeopleAppNameSelected()" class="app-preselect-value">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
                 <input matInput (input)="setPeopleAppName($any($event).target?.value)" data-automation-id="app-people-app-input" />
             </mat-form-field>
+            <mat-form-field class="app-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
+                <input matInput
+                    (input)="setPeopleRoles($any($event).target?.value)"
+                    data-automation-id="app-people-roles-input"/>
+            </mat-form-field>
+            <mat-form-field class="app-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.GROUPS_RESTRICTION' | translate }} ["hr", "sales"]</mat-label>
+                <input matInput
+                    (input)="setPeopleGroupsRestriction($any($event).target?.value)"
+                    data-automation-id="app-people-groups-restriction-input"/>
+            </mat-form-field>
             <mat-form-field class="app-preselect-value-full">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.PRESELECTED_VALUE' | translate }} {{ defaultPeoplePlaceholder }}</mat-label>
                 <input matInput (input)="setPeoplePreselectValue($any($event).target?.value)"  data-automation-id="app-people-preselect-input" />
@@ -42,6 +44,7 @@
                 [validate]="peoplePreselectValidation"
                 [appName]="peopleAppName"
                 [roles]="peopleRoles"
+                [groupsRestriction]="groupsRestriction"
                 [title]="'ADF_TASK_LIST.START_TASK.FORM.LABEL.ASSIGNEE'"
                 [mode]="peopleMode"
                 (warning)="onUsersWarning($event)"></adf-cloud-people>
@@ -83,24 +86,18 @@
                 'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
         </mat-radio-group>
         <div class="app-groups-control-options">
-            <mat-radio-group (change)="onChangeGroupsFilterMode($event)">
-                <mat-radio-button [checked]="true" class="app-people-single-mode" value="appName">{{
-                    'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
-                <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-group-filter-role" value="role">{{
-                    'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
-            </mat-radio-group>
-            <mat-form-field *ngIf="!isGroupAppNameSelected()" class="app-preselect-value">
-                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
-                <input matInput
-                    (input)="setGroupRoles($any($event).target?.value)"
-                    data-automation-id="app-group-roles-input"/>
-            </mat-form-field>
             <mat-form-field *ngIf="isGroupAppNameSelected()" class="app-preselect-value">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
                 <input matInput
                     (input)="setGroupAppName($any($event).target?.value)"
                     data-automation-id="app-group-app-input"/>
             </mat-form-field>
+            <mat-form-field class="app-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
+                <input matInput
+                    (input)="setGroupRoles($any($event).target?.value)"
+                    data-automation-id="app-group-roles-input"/>
+            </mat-form-field>
             <mat-form-field class="app-preselect-value-full">
                 <mat-label>Preselect: {{ defaultGroupPlaceholder }}</mat-label>
                 <input matInput

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

@@ -16,10 +16,9 @@
  */
 
 import { Component, ViewEncapsulation } from '@angular/core';
-import { ComponentSelectionMode } from '@alfresco/adf-process-services-cloud';
+import { ComponentSelectionMode, IdentityUserModel, IdentityGroupModel } from '@alfresco/adf-process-services-cloud';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { MatRadioChange } from '@angular/material/radio';
-import { IdentityGroupModel, IdentityUserModel } from '@alfresco/adf-core';
 
 @Component({
     selector: 'app-people-groups-cloud',
@@ -37,6 +36,7 @@ export class PeopleGroupCloudDemoComponent {
     preSelectUsers: IdentityUserModel[] = [];
     invalidUsers: IdentityUserModel[] = [];
     peopleRoles: string[] = [];
+    groupsRestriction: string[] = [];
     peopleAppName: string;
     peopleFilterMode: string = this.defaultFilterMode;
     peoplePreselectValidation = false;
@@ -75,6 +75,10 @@ export class PeopleGroupCloudDemoComponent {
         this.groupAppName = value;
     }
 
+    setPeopleGroupsRestriction(value: string): void {
+        this.groupsRestriction = this.getArrayFromString(value);
+    }
+
     onChangePeopleMode(event: MatRadioChange): void {
        this.peopleMode = event.value;
     }

demo-shell/src/app/components/cloud/shared/cloud-settings.component.ts

@@ -19,7 +19,7 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
 import { CloudLayoutService, ActionMenuModel } from '../services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { FormGroup, FormControl } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 
 @Component({
     selector: 'app-cloud-settings',
@@ -44,12 +44,12 @@ export class CloudSettingsComponent implements OnInit, OnDestroy {
         { value: 'multiple', title: 'Multiple' }
     ];
 
-    actionMenuForm = new FormGroup({
-        key: new FormControl(''),
-        title: new FormControl(''),
-        icon: new FormControl(''),
-        visible: new FormControl(true),
-        disabled: new FormControl(false)
+    actionMenuForm = new UntypedFormGroup({
+        key: new UntypedFormControl(''),
+        title: new UntypedFormControl(''),
+        icon: new UntypedFormControl(''),
+        visible: new UntypedFormControl(true),
+        disabled: new UntypedFormControl(false)
       });
 
     constructor(private cloudLayoutService: CloudLayoutService) { }

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

@@ -17,7 +17,7 @@
 
 import { Component, ViewChild } from '@angular/core';
 import { TaskHeaderCloudComponent } from '@alfresco/adf-process-services-cloud';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 
 @Component({
     templateUrl: './task-header-cloud-demo.component.html',
@@ -32,8 +32,8 @@ export class TaskHeaderCloudDemoComponent {
 
     errorMessage;
 
-    appNameFormControl = new FormControl('');
-    taskIdFormControl = new FormControl('');
+    appNameFormControl = new UntypedFormControl('');
+    taskIdFormControl = new UntypedFormControl('');
 
     constructor() {}
 

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

@@ -10,7 +10,7 @@
     Sticky header
 </mat-slide-toggle>
 
-<div style="height: 310px; overflow-y: auto;" data-automation-id="datatable">
+<div data-automation-id="datatable" class="adf-datatable-demo-app">
     <adf-datatable
         #dataTable
         [data]="data"
@@ -20,6 +20,7 @@
         [actions]="true"
         [resolverFn]="resolver"
         rowStyleClass="custom-row-style"
+        [showMainDatatableActions]="true"
         (showRowActionsMenu)="onShowRowActionsMenu($event)"
         (executeRowAction)="onExecuteRowAction($event)">
         <!-- HTML column definition demo -->
@@ -39,7 +40,26 @@
             </data-column>
         </data-columns>
         -->
+
+        <adf-main-menu-datatable-template>
+            <ng-template let-mainMenuTrigger>
+                <adf-datatable-column-selector
+                    [columns]="data.getColumns()"
+                    [mainMenuTrigger]="mainMenuTrigger"
+                    (submitColumnsVisibility)="onColumnsVisibilityChange($event)">
+                </adf-datatable-column-selector>
+            </ng-template>
+        </adf-main-menu-datatable-template>
+
     </adf-datatable>
+
+    <ng-template #customColumnHeaderTemplate>
+        <div>
+            <span class="adf-datatable-demo-app-custom-user-header">
+                {{ 'DATATABLE.CUSTOM_COLUMN_HEADER'| translate }}
+            </span>
+        </div>
+    </ng-template>
 </div>
 
 <div>
@@ -49,6 +69,7 @@
 <div data-automation-id="multiselect">
     <mat-checkbox [(ngModel)]="multiselect">{{ 'DATATABLE.MULTISELECT'| translate }}</mat-checkbox>
 </div>
+
 <div>
     <p>{{ 'DATATABLE.MULTISELECT_DESCRIPTION'| translate }}</p>
     <mat-form-field>
@@ -59,9 +80,11 @@
         </mat-select>
     </mat-form-field>
 </div>
-<div>
+
+<div class="adf-datatable-demo-app-actions">
     <button mat-raised-button (click)="reset()">{{ 'DATATABLE.RESET_DEFAULT'| translate }}</button>
     <button mat-raised-button (click)="addRow()">{{ 'DATATABLE.ADD_ROW'| translate }}</button>
     <button mat-raised-button (click)="replaceRows()">{{ 'DATATABLE.REPLACE_ROWS'| translate }}</button>
     <button mat-raised-button (click)="replaceColumns()">{{ 'DATATABLE.REPLACE_COLUMNS'| translate }}</button>
+    <button mat-raised-button (click)="showCustomHeaderColumn()">{{ 'DATATABLE.USE_CUSTOM_COLUMN_HEADER'| translate }}</button>
 </div>

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

@@ -0,0 +1,13 @@
+.adf-datatable-demo-app {
+    height: 310px;
+    overflow-y: auto;
+
+    &-actions {
+        display: flex;
+        column-gap: 4px;
+    }
+
+    &-custom-user-header {
+        color: red;
+    }
+}

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

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewChild } from '@angular/core';
 import {
     DataCellEvent,
     DataColumn,
@@ -56,17 +56,20 @@ export class FilteredDataAdapter extends ObjectDataTableAdapter {
 
 @Component({
     selector: 'app-datatable',
-    templateUrl: './datatable.component.html'
+    templateUrl: './datatable.component.html',
+    styleUrls: ['./datatable.component.scss']
 })
 export class DataTableComponent {
 
+    @Input()
+    selectionMode = 'single';
+
+    @ViewChild('customColumnHeaderTemplate') customColumnHeaderTemplate;
+
     multiselect = false;
     data: FilteredDataAdapter;
     stickyHeader = false;
 
-    @Input()
-    selectionMode = 'single';
-
     selectionModes = [
         { value: 'none', viewValue: 'None' },
         { value: 'single', viewValue: 'Single' },
@@ -227,13 +230,13 @@ export class DataTableComponent {
             ],
             [
                 { type: 'image', key: 'icon', title: '', srTitle: 'Thumbnail' },
-                { type: 'text', key: 'id', title: 'Id', sortable: true , cssClass: '' },
-                { type: 'date', key: 'createdOn', title: 'Created On', sortable: true, cssClass: 'adf-ellipsis-cell adf-expand-cell-2' },
-                { type: 'text', key: 'name', title: 'Name', cssClass: 'adf-ellipsis-cell', sortable: true },
-                { type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true, cssClass: ''},
-                { type: 'json', key: 'json', title: 'Json', cssClass: 'adf-expand-cell-2'},
-                { type: 'text', key: 'users', title: 'Users', cssClass: 'adf-expand-cell-2'},
-                { type: 'json', key: 'status', title: 'Status', cssClass: 'adf-expand-cell-2'}
+                { type: 'text', key: 'id', title: 'Id', sortable: true , cssClass: '', draggable: true},
+                { type: 'date', key: 'createdOn', title: 'Created On', sortable: true, cssClass: 'adf-ellipsis-cell adf-expand-cell-2', draggable: true },
+                { type: 'text', key: 'name', title: 'Name', cssClass: 'adf-ellipsis-cell', sortable: true, draggable: true },
+                { type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true, cssClass: '', draggable: true},
+                { type: 'json', key: 'json', title: 'Json', cssClass: 'adf-expand-cell-2', draggable: true},
+                { type: 'text', key: 'users', title: 'Users', cssClass: 'adf-expand-cell-2', draggable: true},
+                { type: 'json', key: 'status', title: 'Status', cssClass: 'adf-expand-cell-2', draggable: true}
             ]
         );
 
@@ -298,6 +301,21 @@ export class DataTableComponent {
         this.data.setColumns(columns);
     }
 
+    showCustomHeaderColumn() {
+        const columns = this.data.getColumns().map(column => {
+            if (column.title === 'Users') {
+                return {
+                    ...column,
+                    header: this.customColumnHeaderTemplate
+                };
+            }
+
+            return column;
+        });
+
+        this.data.setColumns(columns);
+    }
+
     onShowRowActionsMenu(event: DataCellEvent) {
         const myAction = {
             title: 'Hello'
@@ -308,6 +326,10 @@ export class DataTableComponent {
         ];
     }
 
+    onColumnsVisibilityChange(columns: DataColumn[]): void {
+        this.data.setColumns(columns);
+    }
+
     onExecuteRowAction(event: DataRowActionEvent) {
         const args = event.value;
         window.alert(`My custom action: ${args.action.title}`);

demo-shell/src/app/components/document-list/extension-presets/name-column/name-column.component.ts

@@ -26,7 +26,7 @@ import {
 } from '@angular/core';
 import { NodeEntry, Node } from '@alfresco/js-api';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { AlfrescoApiService } from '@alfresco/adf-core';
+import { NodesApiService } from '@alfresco/adf-core';
 import { takeUntil } from 'rxjs/operators';
 
 @Component({
@@ -52,12 +52,12 @@ export class NameColumnComponent implements OnInit, OnDestroy {
 
     private onDestroy$ = new Subject<boolean>();
 
-    constructor(private element: ElementRef, private alfrescoApiService: AlfrescoApiService) {}
+    constructor(private element: ElementRef, private nodesApiService: NodesApiService) {}
 
     ngOnInit() {
         this.updateValue();
 
-        this.alfrescoApiService.nodeUpdated
+        this.nodesApiService.nodeUpdated
             .pipe(takeUntil(this.onDestroy$))
             .subscribe((node: Node) => {
                 const row = this.context.row;

demo-shell/src/app/components/file-view/file-view.component.html

@@ -4,7 +4,11 @@
         <adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE' | translate">
 
             <adf-info-drawer-tab label="APP.INFO_DRAWER.COMMENTS">
-                <adf-comments [nodeId]="nodeId" [readOnly]="!isCommentEnabled"></adf-comments>
+                <adf-node-comments 
+                    [nodeId]="nodeId" 
+                    [readOnly]="!isCommentEnabled"
+                >
+                </adf-node-comments>
             </adf-info-drawer-tab>
 
             <adf-info-drawer-tab label="APP.INFO_DRAWER.PROPERTIES">

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

@@ -17,8 +17,14 @@
 
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute, Router, PRIMARY_OUTLET } from '@angular/router';
-import { ContentService, AllowableOperationsEnum, PermissionsEnum, NodesApiService, FileUploadErrorEvent } from '@alfresco/adf-core';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import {
+    ContentService,
+    AllowableOperationsEnum,
+    PermissionsEnum,
+    NodesApiService,
+    FileUploadErrorEvent,
+    NotificationService
+} from '@alfresco/adf-core';
 import { PreviewService } from '../../services/preview.service';
 
 @Component({
@@ -64,10 +70,10 @@ export class FileViewComponent implements OnInit {
 
     constructor(private router: Router,
                 private route: ActivatedRoute,
-                private snackBar: MatSnackBar,
                 private nodeApiService: NodesApiService,
                 private contentServices: ContentService,
-                private preview: PreviewService) {
+                private preview: PreviewService,
+                private notificationService: NotificationService) {
     }
 
     ngOnInit() {
@@ -105,7 +111,7 @@ export class FileViewComponent implements OnInit {
 
     onUploadError(event: FileUploadErrorEvent) {
         const errorMessage = event.error;
-        this.snackBar.open(errorMessage, '', { duration: 4000 });
+        this.notificationService.showError(errorMessage);
     }
 
     toggleEmptyMetadata() {

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

@@ -19,7 +19,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Routes, RouterModule } from '@angular/router';
 import { CoreModule, InfoDrawerModule } from '@alfresco/adf-core';
-import { ContentDirectiveModule, VersionManagerModule, ContentMetadataModule } from '@alfresco/adf-content-services';
+import { ContentModule, ContentDirectiveModule, VersionManagerModule, ContentMetadataModule } from '@alfresco/adf-content-services';
 import { FileViewComponent } from './file-view.component';
 
 const routes: Routes = [
@@ -35,6 +35,7 @@ const routes: Routes = [
         RouterModule.forChild(routes),
         CoreModule,
         InfoDrawerModule,
+        ContentModule,
         ContentDirectiveModule,
         ContentMetadataModule,
         VersionManagerModule

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

@@ -15,16 +15,48 @@
  * limitations under the License.
  */
 
-import { Component, Input, OnInit, OnChanges, OnDestroy, Optional, EventEmitter, ViewChild, SimpleChanges, Output, ViewEncapsulation } from '@angular/core';
+import {
+    Component,
+    Input,
+    OnInit,
+    OnChanges,
+    OnDestroy,
+    Optional,
+    EventEmitter,
+    ViewChild,
+    SimpleChanges,
+    Output,
+    ViewEncapsulation
+} from '@angular/core';
 import { Location } from '@angular/common';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Params, Router } from '@angular/router';
-import { MinimalNodeEntity, NodePaging, Pagination, MinimalNodeEntryEntity, SiteEntry, SearchEntry, NodeEntry } from '@alfresco/js-api';
 import {
-    AlfrescoApiService, AuthenticationService, AppConfigService, AppConfigValues, ContentService, FolderCreatedEvent, LogService, NotificationService,
-    UploadService, DataRow, UserPreferencesService,
-    PaginationComponent, FormValues, DisplayMode, ShowHeaderMode, InfinitePaginationComponent,
-    SharedLinksApiService,
+    MinimalNodeEntity,
+    NodePaging,
+    Pagination,
+    MinimalNodeEntryEntity,
+    SiteEntry,
+    SearchEntry,
+    NodeEntry
+} from '@alfresco/js-api';
+import {
+    AlfrescoApiService,
+    AuthenticationService,
+    AppConfigService,
+    AppConfigValues,
+    ContentService,
+    FolderCreatedEvent,
+    LogService,
+    NotificationService,
+    UploadService,
+    DataRow,
+    UserPreferencesService,
+    PaginationComponent,
+    FormValues,
+    DisplayMode,
+    ShowHeaderMode,
+    InfinitePaginationComponent,
     FormRenderingService,
     FileUploadEvent,
     NodesApiService
@@ -38,7 +70,8 @@ import {
     LibraryDialogComponent,
     ContentMetadataService,
     FilterSearch,
-    AspectListService
+    DialogAspectListService,
+    SharedLinksApiService
 } from '@alfresco/adf-content-services';
 
 import { SelectAppsDialogComponent, ProcessFormRenderingService } from '@alfresco/adf-process-services';
@@ -58,7 +91,7 @@ const DEFAULT_FOLDER_TO_SHOW = '-my-';
     styleUrls: ['./files.component.scss'],
     encapsulation: ViewEncapsulation.None,
     providers: [
-        { provide: FormRenderingService, useClass: ProcessFormRenderingService }
+        {provide: FormRenderingService, useClass: ProcessFormRenderingService}
     ]
 })
 export class FilesComponent implements OnInit, OnChanges, OnDestroy {
@@ -80,9 +113,9 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     toolbarColor: ThemePalette;
 
     selectionModes = [
-        { value: 'none', viewValue: 'None' },
-        { value: 'single', viewValue: 'Single' },
-        { value: 'multiple', viewValue: 'Multiple' }
+        {value: 'none', viewValue: 'None'},
+        {value: 'single', viewValue: 'Single'},
+        {value: 'multiple', viewValue: 'Multiple'}
     ];
 
     // The identifier of a node. You can also use one of these well-known aliases: -my- | -shared- | -root-
@@ -195,13 +228,13 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     @Output()
     deleteElementSuccess: EventEmitter<any> = new EventEmitter();
 
-    @ViewChild('documentList', { static: true })
+    @ViewChild('documentList', {static: true})
     documentList: DocumentListComponent;
 
     @ViewChild('standardPagination')
     standardPagination: PaginationComponent;
 
-    @ViewChild(InfinitePaginationComponent, { static: true })
+    @ViewChild(InfinitePaginationComponent, {static: true})
     infinitePaginationComponent: InfinitePaginationComponent;
 
     permissionsStyle: PermissionStyleModel[] = [];
@@ -233,7 +266,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
                 public alfrescoApiService: AlfrescoApiService,
                 private contentMetadataService: ContentMetadataService,
                 private sharedLinksApiService: SharedLinksApiService,
-                private aspectListService: AspectListService,
+                private dialogAspectListService: DialogAspectListService,
                 private nodeService: NodesApiService) {
     }
 
@@ -281,31 +314,31 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
         }
 
         this.uploadService.fileUploadComplete
-        .pipe(
-            debounceTime(300),
-            scan((files, currentFile) => [...files, currentFile], []),
-            takeUntil(this.onDestroy$)
-        )
-        .subscribe((value: any[]) => {
-            let selectedNodes: NodeEntry[] = [];
+            .pipe(
+                debounceTime(300),
+                scan((files, currentFile) => [...files, currentFile], []),
+                takeUntil(this.onDestroy$)
+            )
+            .subscribe((value: any[]) => {
+                let selectedNodes: NodeEntry[] = [];
 
-            if (this.preselectNodes) {
-                if (value && value.length > 0 ) {
-                    if (this.selectionMode === 'single') {
-                        selectedNodes = [...[value[value.length - 1]].map((uploadedFile) => uploadedFile.data)];
-                    } else {
-                        selectedNodes = [...value.map((uploadedFile) => uploadedFile.data)];
+                if (this.preselectNodes) {
+                    if (value && value.length > 0) {
+                        if (this.selectionMode === 'single') {
+                            selectedNodes = [...[value[value.length - 1]].map((uploadedFile) => uploadedFile.data)];
+                        } else {
+                            selectedNodes = [...value.map((uploadedFile) => uploadedFile.data)];
+                        }
+                        this.selectedNodes = [...selectedNodes];
                     }
-                    this.selectedNodes = [...selectedNodes];
                 }
-            }
 
-            this.onFileUploadEvent(value[0]);
-        });
+                this.onFileUploadEvent(value[0]);
+            });
 
         this.uploadService.fileUploadDeleted
-        .pipe(takeUntil(this.onDestroy$))
-        .subscribe(value => this.onFileUploadEvent(value));
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(value => this.onFileUploadEvent(value));
 
         this.contentService.folderCreated
             .pipe(takeUntil(this.onDestroy$))
@@ -364,7 +397,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
 
     getCurrentDocumentListNode(): MinimalNodeEntity[] {
         if (this.documentList.folderNode) {
-            return [{ entry: this.documentList.folderNode }];
+            return [{entry: this.documentList.folderNode}];
         } else {
             return [];
         }
@@ -464,7 +497,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
 
         if (this.contentService.hasAllowableOperations(contentEntry, 'update')) {
             this.dialog.open(VersionManagerDialogAdapterComponent, {
-                data: { contentEntry, showComments, allowDownload },
+                data: {contentEntry, showComments, allowDownload},
                 panelClass: 'adf-version-manager-dialog',
                 width: '630px'
             });
@@ -474,8 +507,8 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     }
 
     onAspectUpdate(event: any) {
-        this.aspectListService.openAspectListDialog(event.value.entry.id).subscribe((aspectList) => {
-            this.nodeService.updateNode(event.value.entry.id, {aspectNames : [...aspectList]}).subscribe(() => {
+        this.dialogAspectListService.openAspectListDialog(event.value.entry.id).subscribe((aspectList) => {
+            this.nodeService.updateNode(event.value.entry.id, {aspectNames: [...aspectList]}).subscribe(() => {
                 this.openSnackMessageInfo('Node Aspects Updated');
             });
         });
@@ -687,9 +720,9 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
 
     onFilterSelected(activeFilters: FilterSearch[]) {
         if (activeFilters.length) {
-           this.navigateToFilter(activeFilters);
+            this.navigateToFilter(activeFilters);
         } else {
-           this.clearFilterNavigation();
+            this.clearFilterNavigation();
         }
     }
 
@@ -705,7 +738,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
             objectFromMap[filter.key] = paramValue;
         });
 
-        this.router.navigate([], { relativeTo: this.route, queryParams: objectFromMap });
+        this.router.navigate([], {relativeTo: this.route, queryParams: objectFromMap});
     }
 
     clearFilterNavigation() {

demo-shell/src/app/components/files/version-manager-dialog-adapter.component.ts

@@ -18,9 +18,8 @@
 import { Component, Inject, ViewEncapsulation } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { MinimalNodeEntryEntity } from '@alfresco/js-api';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { PreviewService } from '../../services/preview.service';
-import { FileUploadErrorEvent } from '@alfresco/adf-core';
+import { FileUploadErrorEvent, NotificationService } from '@alfresco/adf-core';
 
 @Component({
     templateUrl: './version-manager-dialog-adapter.component.html',
@@ -37,8 +36,8 @@ export class VersionManagerDialogAdapterComponent {
     showVersionComparison = false;
 
     constructor(private previewService: PreviewService,
+                private notificationService: NotificationService,
                 @Inject(MAT_DIALOG_DATA) data: any,
-                private snackBar: MatSnackBar,
                 private containingDialog?: MatDialogRef<VersionManagerDialogAdapterComponent>) {
         this.contentEntry = data.contentEntry;
         this.newFileVersion = data.hasOwnProperty('newFileVersion') ? data.newFileVersion : this.newFileVersion;
@@ -48,7 +47,7 @@ export class VersionManagerDialogAdapterComponent {
 
     uploadError(event: FileUploadErrorEvent) {
         const errorMessage = event.error;
-        this.snackBar.open(errorMessage, '', { duration: 4000 });
+        this.notificationService.showError(errorMessage);
     }
 
     close() {

demo-shell/src/app/components/form/fake-tak-form.service.ts

@@ -15,26 +15,19 @@
  * limitations under the License.
  */
 
-import { Observable, of, Subject } from 'rxjs';
+import { Observable, of } from 'rxjs';
 import { Injectable } from '@angular/core';
+
 import {
-    AlfrescoApiService,
-    EcmModelService,
-    LogService,
-    FormService,
-    FormOutcomeEvent
-} from '@alfresco/adf-core';
+    TaskFormService
+} from '@alfresco/adf-process-services';
+import { AlfrescoApiService, LogService } from '@alfresco/adf-core';
 
 @Injectable()
-export class FakeFormService extends FormService {
-    executeOutcome = new Subject<FormOutcomeEvent>();
+export class FakeTaskFormService extends TaskFormService {
 
-    constructor(
-        ecmModelService: EcmModelService,
-        apiService: AlfrescoApiService,
-        protected logService: LogService
-    ) {
-        super(ecmModelService, apiService, logService);
+    constructor(apiService: AlfrescoApiService, logService: LogService) {
+        super(apiService, logService);
     }
 
     public getRestFieldValues(

demo-shell/src/app/components/form/form-list.component.ts

@@ -17,7 +17,7 @@
 
 import { Component, ViewChild, OnDestroy, OnInit } from '@angular/core';
 import { FormModel, FormService, LogService, FormOutcomeEvent } from '@alfresco/adf-core';
-import { FormComponent } from '@alfresco/adf-process-services';
+import { FormComponent, EditorService } from '@alfresco/adf-process-services';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -42,7 +42,7 @@ export class FormListComponent implements OnInit, OnDestroy {
     showValidationIcon = false;
     private onDestroy$ = new Subject<boolean>();
 
-    constructor(private formService: FormService, private logService: LogService) {
+    constructor(private formService: FormService, private editorService: EditorService, private logService: LogService) {
     }
 
     ngOnInit() {
@@ -63,7 +63,7 @@ export class FormListComponent implements OnInit, OnDestroy {
     onRowDblClick(event: CustomEvent<any>) {
         const rowForm = event.detail.value.obj;
 
-        this.formService.getFormDefinitionById(rowForm.id).subscribe((formModel) => {
+        this.editorService.getFormDefinitionById(rowForm.id).subscribe((formModel) => {
             const form = this.formService.parseForm(formModel.formDefinition);
             this.form = form;
         });

demo-shell/src/app/components/form/form-loading.component.ts

@@ -22,8 +22,11 @@ import {
     FormOutcomeEvent,
     CoreAutomationService
 } from '@alfresco/adf-core';
+import {
+    TaskFormService
+} from '@alfresco/adf-process-services';
 import { InMemoryFormService } from '../../services/in-memory-form.service';
-import { FakeFormService } from './fake-form.service';
+import { FakeTaskFormService } from './fake-tak-form.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -31,7 +34,7 @@ import { takeUntil } from 'rxjs/operators';
     selector: 'app-form-loading',
     templateUrl: './form-loading.component.html',
     styleUrls: ['./form-loading.component.scss'],
-    providers: [{ provide: FormService, useClass: FakeFormService }]
+    providers: [{ provide: FakeTaskFormService, useClass: TaskFormService }]
 })
 export class FormLoadingComponent implements OnInit, OnDestroy {
     form: FormModel;

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

@@ -18,7 +18,7 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { NotificationService } from '@alfresco/adf-core';
 import { MatSnackBarConfig } from '@angular/material/snack-bar';
-import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -33,7 +33,7 @@ export class NotificationsComponent implements OnInit, OnDestroy {
     actionOutput = '';
     snackBarConfigObject = '';
 
-    configForm: FormGroup;
+    configForm: UntypedFormGroup;
 
     snackBarConfig: MatSnackBarConfig = new MatSnackBarConfig();
 
@@ -60,16 +60,16 @@ export class NotificationsComponent implements OnInit, OnDestroy {
     private onDestroy$ = new Subject<boolean>();
 
     constructor(private notificationService: NotificationService,
-                private formBuilder: FormBuilder) {
+                private formBuilder: UntypedFormBuilder) {
         this.snackBarConfig.duration = this.defaultDuration;
     }
 
     ngOnInit() {
         this.configForm = this.formBuilder.group({
-            direction: new FormControl(''),
-            horizontalPosition: new FormControl(''),
-            verticalPosition: new FormControl(''),
-            duration: new FormControl('')
+            direction: new UntypedFormControl(''),
+            horizontalPosition: new UntypedFormControl(''),
+            verticalPosition: new UntypedFormControl(''),
+            duration: new UntypedFormControl('')
         });
 
         this.configForm.valueChanges

demo-shell/src/app/components/process-list-demo/process-list-demo.component.ts

@@ -16,7 +16,7 @@
  */
 
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { FormGroup, FormBuilder, Validators, FormControl, AbstractControl } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl, AbstractControl } from '@angular/forms';
 import { ActivatedRoute, Params } from '@angular/router';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
@@ -30,7 +30,7 @@ const DEFAULT_SIZE = 20;
 
 export class ProcessListDemoComponent implements OnInit, OnDestroy {
     minValue = 0;
-    processListForm: FormGroup;
+    processListForm: UntypedFormGroup;
     appId: number;
     processDefId: string;
     processInsId: string;
@@ -55,7 +55,7 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
     private onDestroy$ = new Subject<boolean>();
 
     constructor(private route: ActivatedRoute,
-                private formBuilder: FormBuilder) {
+                private formBuilder: UntypedFormBuilder) {
     }
 
     ngOnInit() {
@@ -79,13 +79,13 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
 
     buildForm() {
         this.processListForm = this.formBuilder.group({
-            processAppId: new FormControl(this.appId, [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
-            processDefinitionId: new FormControl(''),
-            processInstanceId: new FormControl(''),
-            processState: new FormControl(''),
-            processSort: new FormControl(''),
-            processSize: new FormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
-            processPage: new FormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)])
+            processAppId: new UntypedFormControl(this.appId, [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
+            processDefinitionId: new UntypedFormControl(''),
+            processInstanceId: new UntypedFormControl(''),
+            processState: new UntypedFormControl(''),
+            processSort: new UntypedFormControl(''),
+            processSize: new UntypedFormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
+            processPage: new UntypedFormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)])
         });
 
         this.processListForm.valueChanges
@@ -149,31 +149,31 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
         return this.processListForm.get(key) as T;
     }
 
-    get processAppId(): FormControl {
-        return this.getControl<FormControl>('processAppId');
+    get processAppId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processAppId');
     }
 
-    get processDefinitionId(): FormControl {
-        return this.getControl<FormControl>('processDefinitionId');
+    get processDefinitionId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processDefinitionId');
     }
 
-    get processInstanceId(): FormControl {
-        return this.getControl<FormControl>('processInstanceId');
+    get processInstanceId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processInstanceId');
     }
 
-    get processState(): FormControl {
-        return this.getControl<FormControl>('processState');
+    get processState(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processState');
     }
 
-    get processSort(): FormControl {
-        return this.getControl<FormControl>('processSort');
+    get processSort(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processSort');
     }
 
-    get processSize(): FormControl {
-        return this.getControl<FormControl>('processSize');
+    get processSize(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processSize');
     }
 
-    get processPage(): FormControl {
-        return this.getControl<FormControl>('processPage');
+    get processPage(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processPage');
     }
 }

demo-shell/src/app/components/process-service/process-service.component.html

@@ -21,10 +21,12 @@
                             <mat-expansion-panel-header>
                                 <mat-panel-title>
                                     <mat-icon>assignment</mat-icon>
-                                    <div class="app-accordion-title-padding">Tasks</div>
+                                    <div id="tasks-accordion-title" class="app-accordion-title-padding">Tasks</div>
                                 </mat-panel-title>
                             </mat-expansion-panel-header>
                             <adf-task-filters [filterParam]="filterSelected"
+                                              role="group"
+                                              aria-labelledby="tasks-accordion-title"
                                               [appId]="appId"
                                               [showIcon]="showTaskFilterIcon"
                                               (filterClicked)="onTaskFilterClick($event)"
@@ -138,11 +140,13 @@
                             <mat-expansion-panel-header>
                                 <mat-panel-title>
                                     <mat-icon>assessment</mat-icon>
-                                    <div class="app-accordion-title-padding">Processes</div>
+                                    <div id="process-accordion-title" class="app-accordion-title-padding">Processes</div>
                                 </mat-panel-title>
                             </mat-expansion-panel-header>
                             <adf-process-instance-filters
                                     #activitiProcessFilter
+                                    role="group"
+                                    aria-labelledby="process-accordion-title"
                                     [appId]="appId"
                                     [filterParam]="filterSelected"
                                     [showIcon]="showProcessFilterIcon"

demo-shell/src/app/components/process-service/process-service.component.ts

@@ -35,8 +35,7 @@ import {
     ScriptFilesApi
 } from '@alfresco/js-api';
 import {
-    FORM_FIELD_VALIDATORS, FormRenderingService, FormService,
-    DynamicTableRow, ValidateDynamicTableRowEvent, AppConfigService, PaginationComponent, UserPreferenceValues,
+    FORM_FIELD_VALIDATORS, FormRenderingService, FormService, AppConfigService, PaginationComponent, UserPreferenceValues,
     AlfrescoApiService, UserPreferencesService, LogService, DataCellEvent, NotificationService
 } from '@alfresco/adf-core';
 
@@ -54,10 +53,12 @@ import {
     TaskFiltersComponent,
     TaskListComponent,
     ProcessFormRenderingService,
-    APP_LIST_LAYOUT_LIST
+    APP_LIST_LAYOUT_LIST,
+    ValidateDynamicTableRowEvent,
+    DynamicTableRow
 } from '@alfresco/adf-process-services';
 import { Subject } from 'rxjs';
-import { /*CustomEditorComponent*/ CustomStencil01 } from './custom-editor/custom-editor.component';
+import { CustomStencil01 } from './custom-editor/custom-editor.component';
 import { DemoFieldValidator } from './demo-field-validator';
 import { PreviewService } from '../../services/preview.service';
 import { Location } from '@angular/common';

demo-shell/src/app/components/rich-text-editor/rich-text-editor.component.html

@@ -0,0 +1,12 @@
+<div class="app-rich-text-editor-container" fxLayout="row wrap" fxLayoutAlign="center start">
+
+    <div fxFlex="50" class="app-rich-text-editor-col app-rich-text-editor-col-sx">
+        <h1 class="app-rich-text-editor-col-title">Rich Text Editor</h1>
+        <adf-rich-text-editor [data]="sampleData" #textEditor></adf-rich-text-editor>
+    </div>
+    <div fxFlex="50" class="app-rich-text-editor-col app-rich-text-editor-col-rx">
+        <h1 class="app-rich-text-editor-col-title">Output Data</h1>
+        <pre class="app-rich-text-editor-output">{{editorOutputData | json}}</pre>
+    </div>
+
+</div>

demo-shell/src/app/components/rich-text-editor/rich-text-editor.component.scss

@@ -0,0 +1,19 @@
+.app-rich-text-editor-container {
+    .app-rich-text-editor-col {
+        padding: 20px;
+
+        &-rx {
+            border-left: 1px dashed var(--theme-primary-color);
+            border-spacing: 5px;
+        }
+
+        &-title {
+            text-align: center;
+        }
+    }
+
+    .app-rich-text-editor-output {
+        max-width: 30vw;
+        overflow-x: scroll;
+    }
+}

demo-shell/src/app/components/rich-text-editor/rich-text-editor.component.ts

@@ -0,0 +1,112 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * 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.
+ */
+
+import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { OutputData } from '@editorjs/editorjs';
+import { RichTextEditorComponent as AdfRichTextEditorComponent } from '@alfresco/adf-core';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+
+@Component({
+    selector: 'app-rich-text-editor',
+    templateUrl: './rich-text-editor.component.html',
+    styleUrls: ['./rich-text-editor.component.scss']
+})
+export class RichTextEditorComponent implements OnInit, AfterViewInit, OnDestroy {
+
+    @ViewChild('textEditor')
+    textEditor: AdfRichTextEditorComponent;
+
+    onDestroy$ = new Subject<boolean>();
+
+    editorOutputData: OutputData;
+
+    sampleData = {
+        time: 1656674370891,
+        blocks: [
+            {
+                id: '99jwc03ETP',
+                type: 'header',
+                data: {
+                    text: 'Header',
+                    level: 2
+                }
+            },
+            {
+                id: 'ffdulIdU1E',
+                type: 'paragraph',
+                data: {
+                    text: `is simply <mark class="cdx-marker">dummy</mark> text of the <font color="#ff1300">printing</font> and typesetting industry.
+                    <b><i><span class="plus20pc">Lorem</span></i></b> Ipsum has been the industry\'s standard dummy text ever since the 1500s,
+                    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,
+                    but also the leap into electronic typesetting, remaining essentially <font color="#0070ff"><b>unchanged</b></font>.
+                    It was <u class="cdx-underline">popularised</u> in the 1960s with the release of sheets containing
+                    <a href="#testlink">Lorem</a> Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem`,
+                    alignment: 'left'
+                }
+            },
+            {
+                id: 'rTcF4u0pr3',
+                type: 'list',
+                data: {
+                    style: 'unordered',
+                    items: [
+                        'Unordered list <b><u class="cdx-underline">example</u></b>',
+                        'Unordered list example'
+                    ]
+                }
+            },
+            {
+                id: 'Kg2e_K1nHU',
+                type: 'list',
+                data: {
+                    style: 'ordered',
+                    items: [
+                        'Ordered list <u class="cdx-underline">example</u>',
+                        '<span class="plus20pc"><a href="#"><font color="#a43eb1">Ordered</font></a></span> list example'
+                    ]
+                }
+            },
+            {
+                id: 'xqqk0DEmqh',
+                type: 'code',
+                data: {
+                    code: '// Amazing code example\n\ncatch(Exception ex){\n   // Houston, we have a problem\n}'
+                }
+            }
+        ]
+    };
+
+    constructor() { }
+
+    ngOnInit(): void {
+    }
+
+    ngAfterViewInit(): void {
+        this.textEditor.outputData$.pipe(
+            takeUntil(this.onDestroy$)
+        ).subscribe(outputData => {
+            this.editorOutputData = outputData;
+        });
+    }
+
+    ngOnDestroy(): void {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+
+}

demo-shell/src/app/components/rich-text-editor/rich-text-editor.module.ts

@@ -0,0 +1,43 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * 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.
+ */
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RichTextEditorComponent } from './rich-text-editor.component';
+import { ContentModule } from '@alfresco/adf-content-services';
+import { CoreModule } from '@alfresco/adf-core';
+import { RouterModule, Routes } from '@angular/router';
+import { FlexLayoutModule } from '@angular/flex-layout';
+
+const routes: Routes = [
+    {
+        path: '',
+        component: RichTextEditorComponent
+    }
+];
+
+@NgModule({
+    declarations: [RichTextEditorComponent],
+    imports: [
+        CommonModule,
+        CoreModule,
+        RouterModule.forChild(routes),
+        ContentModule.forChild(),
+        FlexLayoutModule
+    ]
+})
+export class AppRichTextEditorModule { }

demo-shell/src/app/components/search/search-extended.component.ts

@@ -17,8 +17,8 @@
 
 import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
 import { Pagination, QueryBody, MinimalNodeEntity } from '@alfresco/js-api';
-import { SearchComponent } from '@alfresco/adf-content-services';
-import { ThumbnailService, SearchService, SearchConfigurationService } from '@alfresco/adf-core';
+import { ThumbnailService } from '@alfresco/adf-core';
+import { SearchService, SearchConfigurationService, SearchComponent } from '@alfresco/adf-content-services';
 import { TestSearchConfigurationService } from './search-config-test.service';
 
 @Component({

demo-shell/src/app/components/search/search-filter-chips.component.ts

@@ -18,8 +18,8 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute, Params, Router } from '@angular/router';
 import { Pagination, ResultSetPaging } from '@alfresco/js-api';
-import { SearchConfiguration, SearchForm, SearchQueryBuilderService } from '@alfresco/adf-content-services';
-import { SearchService, ShowHeaderMode, UserPreferencesService } from '@alfresco/adf-core';
+import { SearchConfiguration, SearchForm, SearchQueryBuilderService, SearchService } from '@alfresco/adf-content-services';
+import { ShowHeaderMode, UserPreferencesService } from '@alfresco/adf-core';
 import { combineLatest, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 

demo-shell/src/app/components/search/search-result.component.ts

@@ -18,8 +18,8 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute, Params, Router } from '@angular/router';
 import { Pagination, ResultSetPaging } from '@alfresco/js-api';
-import { SearchForm, SearchQueryBuilderService } from '@alfresco/adf-content-services';
-import { SearchService, ShowHeaderMode, UserPreferencesService } from '@alfresco/adf-core';
+import { SearchForm, SearchQueryBuilderService, SearchService } from '@alfresco/adf-content-services';
+import { ShowHeaderMode, UserPreferencesService } from '@alfresco/adf-core';
 import { combineLatest, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 

demo-shell/src/app/components/settings/host-settings.component.html

@@ -1,7 +1,4 @@
 <div class="adf-setting-container">
-    <mat-toolbar color="primary" class="adf-setting-toolbar">
-        <h3>{{'CORE.HOST_SETTINGS.TITLE' | translate}}</h3>
-    </mat-toolbar>
     <mat-card class="adf-setting-card">
         <form id="host-form" [formGroup]="form" (submit)="onSubmit(form.value)" (keydown)="keyDownFunction($event)">
 
@@ -14,11 +11,11 @@
             </mat-form-field>
 
             <div class="adf-authentication-type">
-                <div> {{'CORE.HOST_SETTINGS.TYPE-AUTH' | translate }} : </div>
+                <div> {{'APP.HOST_SETTINGS.TYPE-AUTH' | translate }} : </div>
                 <mat-radio-group formControlName="authType" >
-                <mat-radio-button value="BASIC">{{'CORE.HOST_SETTINGS.BASIC' | translate }}
+                <mat-radio-button value="BASIC">{{'APP.HOST_SETTINGS.BASIC' | translate }}
                 </mat-radio-button>
-                <mat-radio-button value="OAUTH">{{'CORE.HOST_SETTINGS.SSO' | translate }}
+                <mat-radio-button value="OAUTH">{{'APP.HOST_SETTINGS.SSO' | translate }}
                 </mat-radio-button>
             </mat-radio-group>
             </div>
@@ -26,14 +23,14 @@
             <ng-container *ngIf="isALL() || isECM()">
                 <mat-card-content>
                     <mat-form-field class="adf-full-width">
-                        <mat-label>{{'CORE.HOST_SETTINGS.CS-HOST' | translate }}</mat-label>
+                        <mat-label>{{'APP.HOST_SETTINGS.CS-HOST' | translate }}</mat-label>
                         <input matInput [formControl]="ecmHost" data-automation-id="ecmHost" type="text"
                                id="ecmHost" placeholder="http(s)://host|ip:port(/path)">
                         <mat-error *ngIf="ecmHost.hasError('pattern')">
-                            {{ 'CORE.HOST_SETTINGS.NOT_VALID'| translate }}
+                            {{ 'APP.HOST_SETTINGS.NOT_VALID'| translate }}
                         </mat-error>
                         <mat-error *ngIf="ecmHost.hasError('required')">
-                            {{ 'CORE.HOST_SETTINGS.REQUIRED'| translate }}
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
                         </mat-error>
                     </mat-form-field>
                     <p>
@@ -43,14 +40,14 @@
             <ng-container *ngIf="isALL() || isBPM()">
                 <mat-card-content>
                     <mat-form-field class="adf-full-width">
-                        <mat-label>{{'CORE.HOST_SETTINGS.BP-HOST' | translate }}</mat-label>
+                        <mat-label>{{'APP.HOST_SETTINGS.BP-HOST' | translate }}</mat-label>
                         <input matInput [formControl]="bpmHost" data-automation-id="bpmHost" type="text"
                                id="bpmHost" placeholder="http(s)://host|ip:port(/path)">
                         <mat-error *ngIf="bpmHost.hasError('pattern')">
-                            {{ 'CORE.HOST_SETTINGS.NOT_VALID'| translate }}
+                            {{ 'APP.HOST_SETTINGS.NOT_VALID'| translate }}
                         </mat-error>
                         <mat-error *ngIf="bpmHost.hasError('required')">
-                            {{ 'CORE.HOST_SETTINGS.REQUIRED'| translate }}
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
                         </mat-error>
                     </mat-form-field>
                 </mat-card-content>
@@ -63,10 +60,10 @@
                         <input matInput name="identityHost" id="identityHost" formControlName="identityHost"
                                 placeholder="http(s)://host|ip:port(/path)">
                         <mat-error *ngIf="identityHost.hasError('pattern')">
-                            {{ 'CORE.HOST_SETTINGS.NOT_VALID'| translate }}
+                            {{ 'APP.HOST_SETTINGS.NOT_VALID'| translate }}
                         </mat-error>
                         <mat-error *ngIf="identityHost.hasError('required')">
-                            {{ 'CORE.HOST_SETTINGS.REQUIRED'| translate }}
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
                         </mat-error>
                     </mat-form-field>
                 </mat-card-content>
@@ -79,72 +76,81 @@
                         <input matInput name="host" id="oauthHost" formControlName="host"
                                placeholder="http(s)://host|ip:port(/path)">
                         <mat-error *ngIf="host.hasError('pattern')">
-                            {{ 'CORE.HOST_SETTINGS.NOT_VALID'| translate }}
+                            {{ 'APP.HOST_SETTINGS.NOT_VALID'| translate }}
                         </mat-error>
                         <mat-error *ngIf="host.hasError('required')">
-                            {{ 'CORE.HOST_SETTINGS.REQUIRED'| translate }}
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
                         </mat-error>
                     </mat-form-field>
                     <mat-form-field class="adf-full-width">
-                        <mat-label>{{ 'CORE.HOST_SETTINGS.CLIENT'| translate }}</mat-label>
+                        <mat-label>{{ 'APP.HOST_SETTINGS.CLIENT'| translate }}</mat-label>
                         <input matInput name="clientId" id="clientId" formControlName="clientId"
                                placeholder="Client Id">
                         <mat-error *ngIf="clientId.hasError('required')">
-                            {{ 'CORE.HOST_SETTINGS.REQUIRED'| translate }}
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
                         </mat-error>
                     </mat-form-field>
 
                     <mat-form-field class="adf-full-width">
-                        <mat-label>{{ 'CORE.HOST_SETTINGS.SCOPE'| translate }}</mat-label>
-                        <input matInput name="{{ 'CORE.HOST_SETTINGS.SCOPE'| translate }}"
+                        <mat-label>{{ 'APP.HOST_SETTINGS.SCOPE'| translate }}</mat-label>
+                        <input matInput name="{{ 'APP.HOST_SETTINGS.SCOPE'| translate }}"
                                formControlName="scope" placeholder="Scope Id">
                         <mat-error *ngIf="scope.hasError('required')">
-                            {{ 'CORE.HOST_SETTINGS.REQUIRED'| translate }}
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
                         </mat-error>
                     </mat-form-field>
 
-                    <label for="silentLogin">{{ 'CORE.HOST_SETTINGS.SILENT'| translate }}</label>
+                    <mat-form-field class="adf-full-width">
+                        <mat-label>{{ 'APP.HOST_SETTINGS.SECRET'| translate }}</mat-label>
+                        <input matInput name="{{ 'APP.HOST_SETTINGS.SECRET'| translate }}"
+                               formControlName="secret" placeholder="{{ 'APP.HOST_SETTINGS.SECRET'| translate }}">
+                        <mat-error *ngIf="secret.hasError('required')">
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
+                        </mat-error>
+                    </mat-form-field>
+
+                    <label for="silentLogin">{{ 'APP.HOST_SETTINGS.SILENT'| translate }}</label>
                     <mat-slide-toggle class="adf-full-width" name="silentLogin" [color]="'primary'"
                                       formControlName="silentLogin">
                     </mat-slide-toggle>
 
-                    <label for="implicitFlow">{{ 'CORE.HOST_SETTINGS.IMPLICIT-FLOW'| translate }}</label>
+                    <label for="implicitFlow">{{ 'APP.HOST_SETTINGS.IMPLICIT-FLOW'| translate }}</label>
                     <mat-slide-toggle class="adf-full-width" name="implicitFlow" [color]="'primary'"
                                       formControlName="implicitFlow">
                     </mat-slide-toggle>
 
 
                     <mat-form-field class="adf-full-width">
-                        <mat-label>{{ 'CORE.HOST_SETTINGS.REDIRECT'| translate }}</mat-label>
-                        <input matInput placeholder="{{ 'CORE.HOST_SETTINGS.REDIRECT'| translate }}"
+                        <mat-label>{{ 'APP.HOST_SETTINGS.REDIRECT'| translate }}</mat-label>
+                        <input matInput placeholder="{{ 'APP.HOST_SETTINGS.REDIRECT'| translate }}"
                                name="redirectUri" formControlName="redirectUri">
                         <mat-error *ngIf="redirectUri.hasError('required')">
-                            {{ 'CORE.HOST_SETTINGS.REQUIRED'| translate }}
+                            {{ 'APP.HOST_SETTINGS.REQUIRED'| translate }}
                         </mat-error>
                     </mat-form-field>
 
                     <mat-form-field class="adf-full-width">
-                        <mat-label>{{ 'CORE.HOST_SETTINGS.REDIRECT_LOGOUT'| translate }}</mat-label>
-                        <input id="logout-url" matInput placeholder="{{ 'CORE.HOST_SETTINGS.REDIRECT_LOGOUT'| translate }}"
+                        <mat-label>{{ 'APP.HOST_SETTINGS.REDIRECT_LOGOUT'| translate }}</mat-label>
+                        <input id="logout-url" matInput placeholder="{{ 'APP.HOST_SETTINGS.REDIRECT_LOGOUT'| translate }}"
                                name="redirectUriLogout" formControlName="redirectUriLogout">
                     </mat-form-field>
 
                     <mat-form-field class="adf-full-width">
-                        <mat-label>{{ 'CORE.HOST_SETTINGS.PUBLIC_URLS'| translate }}</mat-label>
-                        <input id="public-url" matInput placeholder="{{ 'CORE.HOST_SETTINGS.PUBLIC_URLS'| translate }}"
+                        <mat-label>{{ 'APP.HOST_SETTINGS.PUBLIC_URLS'| translate }}</mat-label>
+                        <input id="public-url" matInput placeholder="{{ 'APP.HOST_SETTINGS.PUBLIC_URLS'| translate }}"
                                name="publicUrls" formControlName="publicUrls">
                     </mat-form-field>
 
                 </div>
             </ng-container>
-            <mat-card-actions class="adf-actions">
+            <mat-card-actions align="end">
                 <button mat-button (click)="onCancel()" color="primary">
-                    {{'CORE.HOST_SETTINGS.BACK' | translate }}
+                    {{'APP.HOST_SETTINGS.BACK' | translate }}
                 </button>
                 <button type="submit" id="host-button" class="adf-login-button" mat-raised-button
                         color="primary" data-automation-id="host-button"
                         [disabled]="!form.valid">
-                    {{'CORE.HOST_SETTINGS.APPLY' | translate }}
+                    {{'APP.HOST_SETTINGS.APPLY' | translate }}
                 </button>
             </mat-card-actions>
         </form>

demo-shell/src/app/components/settings/host-settings.component.scss

@@ -16,24 +16,6 @@
         border-spacing: 0;
     }
 
-    .adf-setting-card-padding {
-        width: 50%;
-        display: table-cell;
-        vertical-align: middle;
-        margin: 0;
-    }
-
-    .adf-settings-link-icon {
-        position: relative;
-        top: 6px;
-        margin-right: 10px;
-    }
-
-    .adf-settings-actions {
-        display: flex;
-        justify-content: flex-end;
-    }
-
     .adf-full-width {
         width: 100%;
     }

demo-shell/src/app/components/settings/host-settings.component.ts

@@ -16,11 +16,8 @@
  */
 
 import { Component, EventEmitter, Output, ViewEncapsulation, OnInit, Input } from '@angular/core';
-import { Validators, FormGroup, FormBuilder, FormControl } from '@angular/forms';
-import { AppConfigService, AppConfigValues } from '../app-config/app-config.service';
-import { StorageService } from '../services/storage.service';
-import { AlfrescoApiService } from '../services/alfresco-api.service';
-import { OauthConfigModel } from '../models/oauth-config.model';
+import { Validators, UntypedFormGroup, UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
+import { AppConfigService, AppConfigValues, StorageService, AlfrescoApiService, OauthConfigModel } from '@alfresco/adf-core';
 import { ENTER } from '@angular/cdk/keycodes';
 
 export const HOST_REGEX = '^(http|https):\/\/.*[^/]$';
@@ -44,11 +41,11 @@ export class HostSettingsComponent implements OnInit {
 
     showSelectProviders = true;
 
-    form: FormGroup;
+    form: UntypedFormGroup;
 
     /** Emitted when the URL is invalid. */
-    // eslint-disable-next-line @angular-eslint/no-output-native
     @Output()
+    // eslint-disable-next-line @angular-eslint/no-output-native
     error = new EventEmitter<string>();
 
     /** Emitted when the user cancels the changes. */
@@ -56,11 +53,11 @@ export class HostSettingsComponent implements OnInit {
     cancel = new EventEmitter<boolean>();
 
     /** Emitted when the changes are successfully applied. */
-    // eslint-disable-next-line @angular-eslint/no-output-native
     @Output()
+    // eslint-disable-next-line @angular-eslint/no-output-native
     success = new EventEmitter<boolean>();
 
-    constructor(private formBuilder: FormBuilder,
+    constructor(private formBuilder: UntypedFormBuilder,
                 private storageService: StorageService,
                 private alfrescoApiService: AlfrescoApiService,
                 private appConfig: AppConfigService) {
@@ -137,7 +134,7 @@ export class HostSettingsComponent implements OnInit {
         }
     }
 
-    private createOAuthFormGroup(): FormGroup {
+    private createOAuthFormGroup(): UntypedFormGroup {
         const oauth = this.appConfig.get<OauthConfigModel>(AppConfigValues.OAUTHCONFIG, {} as any);
 
         return this.formBuilder.group({
@@ -153,16 +150,16 @@ export class HostSettingsComponent implements OnInit {
         });
     }
 
-    private createBPMFormControl(): FormControl {
-        return new FormControl(this.appConfig.get<string>(AppConfigValues.BPMHOST), [Validators.required, Validators.pattern(HOST_REGEX)]);
+    private createBPMFormControl(): UntypedFormControl {
+        return new UntypedFormControl(this.appConfig.get<string>(AppConfigValues.BPMHOST), [Validators.required, Validators.pattern(HOST_REGEX)]);
     }
 
-    private createIdentityFormControl(): FormControl {
-        return new FormControl(this.appConfig.get<string>(AppConfigValues.IDENTITY_HOST), [Validators.required, Validators.pattern(HOST_REGEX)]);
+    private createIdentityFormControl(): UntypedFormControl {
+        return new UntypedFormControl(this.appConfig.get<string>(AppConfigValues.IDENTITY_HOST), [Validators.required, Validators.pattern(HOST_REGEX)]);
     }
 
-    private createECMFormControl(): FormControl {
-        return new FormControl(this.appConfig.get<string>(AppConfigValues.ECMHOST), [Validators.required, Validators.pattern(HOST_REGEX)]);
+    private createECMFormControl(): UntypedFormControl {
+        return new UntypedFormControl(this.appConfig.get<string>(AppConfigValues.ECMHOST), [Validators.required, Validators.pattern(HOST_REGEX)]);
     }
 
     onCancel() {
@@ -231,60 +228,60 @@ export class HostSettingsComponent implements OnInit {
         return this.form.get('authType').value === 'OAUTH';
     }
 
-    get providersControl(): FormControl {
-        return this.form.get('providersControl') as FormControl;
+    get providersControl(): UntypedFormControl {
+        return this.form.get('providersControl') as UntypedFormControl;
     }
 
-    get bpmHost(): FormControl {
-        return this.form.get('bpmHost') as FormControl;
+    get bpmHost(): UntypedFormControl {
+        return this.form.get('bpmHost') as UntypedFormControl;
     }
 
-    get ecmHost(): FormControl {
-        return this.form.get('ecmHost') as FormControl;
+    get ecmHost(): UntypedFormControl {
+        return this.form.get('ecmHost') as UntypedFormControl;
     }
 
-    get host(): FormControl {
-        return this.oauthConfig.get('host') as FormControl;
+    get host(): UntypedFormControl {
+        return this.oauthConfig.get('host') as UntypedFormControl;
     }
 
-    get identityHost(): FormControl {
-        return this.form.get('identityHost') as FormControl;
+    get identityHost(): UntypedFormControl {
+        return this.form.get('identityHost') as UntypedFormControl;
     }
 
-    get clientId(): FormControl {
-        return this.oauthConfig.get('clientId') as FormControl;
+    get clientId(): UntypedFormControl {
+        return this.oauthConfig.get('clientId') as UntypedFormControl;
     }
 
-    get scope(): FormControl {
-        return this.oauthConfig.get('scope') as FormControl;
+    get scope(): UntypedFormControl {
+        return this.oauthConfig.get('scope') as UntypedFormControl;
     }
 
-    get secretId(): FormControl {
-        return this.oauthConfig.get('secretId') as FormControl;
+    get secret(): UntypedFormControl {
+        return this.oauthConfig.get('secret') as UntypedFormControl;
     }
 
-    get implicitFlow(): FormControl {
-        return this.oauthConfig.get('implicitFlow') as FormControl;
+    get implicitFlow(): UntypedFormControl {
+        return this.oauthConfig.get('implicitFlow') as UntypedFormControl;
     }
 
-    get silentLogin(): FormControl {
-        return this.oauthConfig.get('silentLogin') as FormControl;
+    get silentLogin(): UntypedFormControl {
+        return this.oauthConfig.get('silentLogin') as UntypedFormControl;
     }
 
-    get redirectUri(): FormControl {
-        return this.oauthConfig.get('redirectUri') as FormControl;
+    get redirectUri(): UntypedFormControl {
+        return this.oauthConfig.get('redirectUri') as UntypedFormControl;
     }
 
-    get publicUrls(): FormControl {
-        return this.oauthConfig.get('publicUrls') as FormControl;
+    get publicUrls(): UntypedFormControl {
+        return this.oauthConfig.get('publicUrls') as UntypedFormControl;
     }
 
-    get redirectUriLogout(): FormControl {
-        return this.oauthConfig.get('redirectUriLogout') as FormControl;
+    get redirectUriLogout(): UntypedFormControl {
+        return this.oauthConfig.get('redirectUriLogout') as UntypedFormControl;
     }
 
-    get oauthConfig(): FormControl {
-        return this.form.get('oauthConfig') as FormControl;
+    get oauthConfig(): UntypedFormControl {
+        return this.form.get('oauthConfig') as UntypedFormControl;
     }
 
 }

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

@@ -1,2 +1 @@
-This component is only for internal use
 <adf-host-settings  (cancel)="onCancel()" (success)="onSuccess()" (error)="onError($event)"></adf-host-settings>

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

@@ -20,6 +20,8 @@ import { SettingsComponent } from './settings.component';
 import { Routes, RouterModule } from '@angular/router';
 import { CommonModule } from '@angular/common';
 import { CoreModule } from '@alfresco/adf-core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HostSettingsComponent } from './host-settings.component';
 
 const routes: Routes = [
     {
@@ -32,8 +34,13 @@ const routes: Routes = [
     imports: [
         CommonModule,
         RouterModule.forChild(routes),
-        CoreModule
+        CoreModule,
+        FormsModule,
+        ReactiveFormsModule
     ],
-    declarations: [SettingsComponent]
+    declarations: [
+        SettingsComponent,
+        HostSettingsComponent
+    ]
 })
 export class AppSettingsModule {}