devel

Bumps [@typescript-eslint/typescript-estree](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/typescript-estree) from 5.42.1 to 5.47.1.
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-estree/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v5.47.1/packages/typescript-estree)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/typescript-estree"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.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

@@ -0,0 +1,173 @@
+{
+  "root": true,
+  "ignorePatterns": [
+    "projects/**/*",
+    "**/node_modules/**/*",
+    "lib/cli/node_modules/**/*",
+    "**/node_modules",
+    "**/docker",
+    "**/assets",
+    "**/scripts",
+    "**/docs"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "tsconfig.json",
+          "e2e/tsconfig.e2e.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:@angular-eslint/ng-cli-compat",
+        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "plugins": [
+        "eslint-plugin-unicorn",
+        "eslint-plugin-rxjs",
+        "ban",
+        "license-header"
+      ],
+      "rules": {
+        "ban/ban": [
+          "error",
+          { "name": "eval", "message": "Calls to eval is not allowed." },
+          { "name": "fdescribe", "message": "Calls to fdescribe is not allowed" },
+          { "name": "fit", "message": "Calls to fit is not allowed" },
+          { "name": "xit", "message": "Calls to xit is not allowed" },
+          { "name": "xdescribe", "message": "Calls to xdescribe is not allowed" },
+          { "name": ["test", "only"], "message": "Calls to test.only is not allowed" },
+          { "name": ["describe", "only"], "message": "Calls to describe.only is not allowed" }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": [
+              "adf",
+              "app"
+            ],
+            "style": "kebab-case"
+          }
+        ],
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": [
+              "element",
+              "attribute"
+            ],
+            "prefix": [
+              "adf",
+              "app"
+            ],
+            "style": "kebab-case"
+          }
+        ],
+        "@angular-eslint/no-host-metadata-property": "off",
+        "@angular-eslint/no-input-prefix": "error",
+        "@typescript-eslint/consistent-type-definitions": "error",
+        "@typescript-eslint/dot-notation": "off",
+        "@typescript-eslint/explicit-member-accessibility": [
+          "off",
+          {
+            "accessibility": "explicit"
+          }
+        ],
+        "@typescript-eslint/no-inferrable-types": "off",
+        "@typescript-eslint/no-require-imports": "off",
+        "@typescript-eslint/no-var-requires": "error",
+        "@typescript-eslint/naming-convention": [
+          "error",
+          {
+            "selector": [
+              "classProperty",
+              "objectLiteralProperty",
+              "typeProperty",
+              "classMethod",
+              "objectLiteralMethod",
+              "typeMethod",
+              "accessor",
+              "enumMember"
+            ],
+            "format": null,
+            "modifiers": ["requiresQuotes"]
+          }
+        ],
+        "@typescript-eslint/member-ordering": "off",
+        "prefer-arrow/prefer-arrow-functions": "off",
+
+        "brace-style": [
+          "error",
+          "1tbs"
+        ],
+        "comma-dangle": "error",
+        "default-case": "error",
+        "import/order": "off",
+        "max-len": [
+          "error",
+          {
+            "code": 240
+          }
+        ],
+        "no-bitwise": "off",
+        "no-console": [
+          "error",
+          {
+            "allow": [
+              "warn",
+              "dir",
+              "timeLog",
+              "assert",
+              "clear",
+              "count",
+              "countReset",
+              "group",
+              "groupEnd",
+              "table",
+              "dirxml",
+              "error",
+              "groupCollapsed",
+              "Console",
+              "profile",
+              "profileEnd",
+              "timeStamp",
+              "context"
+            ]
+          }
+        ],
+        "no-duplicate-imports": "error",
+        "no-multiple-empty-lines": "error",
+        "no-redeclare": "error",
+        "no-return-await": "error",
+        "rxjs/no-create": "error",
+        "rxjs/no-subject-unsubscribe": "error",
+        "rxjs/no-subject-value": "error",
+        "rxjs/no-unsafe-takeuntil": "error",
+        "unicorn/filename-case": "error",
+        "@typescript-eslint/no-unused-expressions": [
+          "error",
+          {
+            "allowShortCircuit": true,
+            "allowTernary": true
+          }
+        ],
+        "license-header/header": ["error", "./license-community.txt"]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended"
+      ],
+      "rules": {}
+    }
+  ]
+}

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

@@ -0,0 +1,13 @@
+name: "before-install"
+description: "launch before_install.sh and then parse env vars"
+runs:
+  using: "composite"
+  steps:
+    - name: Before install
+      shell: bash
+      run: |
+        bash -xv ./scripts/ci/job_hooks/before_install.sh "/tmp/github_vars.env"
+        while read ENVVAR; do
+          echo "$ENVVAR" >> $GITHUB_ENV
+        done < "/tmp/github_vars.env"
+        

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

@@ -0,0 +1,27 @@
+name: "Download build artifacts"
+description: "Download build artifacts"
+runs:
+  using: "composite"
+  steps:
+    - name: download and extract artifacts from s3
+      shell: bash
+      env:
+        REMOTE_PATH: "alfresco-ng2-components/build-cache/${{ github.run_id }}"      
+      run: |
+        packages=( dist nxcache node_modules )
+        for i in "${packages[@]}"; do
+          time aws s3 cp --no-progress s3://${S3_BUILD_BUCKET_SHORT_NAME}/${REMOTE_PATH}/$i.tar.gz $i.tar.gz
+          du -h $i.tar.gz
+          time tar xzf $i.tar.gz
+        done
+    - name: show files
+      shell: bash
+      run: |
+        pwd
+        ls -lha
+        echo "====DIST===="
+        find dist -maxdepth 1 -type d
+        echo "====NXCACHE===="
+        find nxcache -maxdepth 1 -type d
+        echo "====ADF===="
+        find node_modules/@alfresco/ -maxdepth 1 -type d

.github/actions/e2e/action.yml

@@ -0,0 +1,167 @@
+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
+        NX_CALCULATION_FLAGS=$(echo $NX_CALCULATION_FLAGS | sed "s@'@@g")
+        echo "NX_CALCULATION_FLAGS=$NX_CALCULATION_FLAGS" >> $GITHUB_ENV
+        GIT_HASH=$(echo $GIT_HASH | sed "s@'@@g")
+        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,19 @@
+name: 'Check NPM bundle'
+description: 'check npm bundle'
+
+outputs:
+  tag_sha:
+    description: "long sha of the tag"
+    value: ${{ steps.sha_out.outputs.tag_sha }}
+
+runs:
+  using: "composite"
+
+  steps:
+    - name: check npm bundle
+      shell: bash
+      id: sha_out
+      run: |
+          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,77 @@
+name: 'Setup'
+description: 'Initialize cache, env var load'
+inputs:
+  enable-cache:
+    description: 'enable caching'
+    required: false
+    type: boolean
+    default: 'true'
+    
+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: ./.github/actions/get-latest-tag-sha
+# CACHE
+      - name: Node cache
+        id: node-cache
+        if: ${{ inputs.enable-cache == 'true' }}
+        uses: actions/cache@v3
+        env:
+          cache-name: node-cache
+        with:
+          path: |
+            ~/.npm
+            nxcache
+            dist
+          key: .npm-${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}-${{ steps.tag-sha.outputs.tag_sha }}
+          restore-keys: |
+            node-${{ runner.os }}-build-${{ env.cache-name }}-
+            node-${{ runner.os }}-build-
+            node-${{ runner.os }}-
+      - name: Node Modules cache
+        id: node-modules-cache
+        if: ${{ inputs.enable-node-modules-cache == 'true' }}
+        uses: actions/cache@v3
+        env:
+          cache-name: node-modules-cache
+        with:
+          path: |
+            node_modules
+          key: .npm-${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}-${{ steps.tag-sha.outputs.tag_sha }}
+          restore-keys: |
+            node_modules-${{ runner.os }}-build-${{ env.cache-name }}-
+            node_modules-${{ runner.os }}-build-
+            node_modules-${{ runner.os }}-            
+      - name: pip cache
+        uses: actions/cache@v3
+        if: ${{ inputs.enable-cache == 'true' }}
+        with:
+          path: ~/.cache/pip
+          key: ${{ runner.os }}-pip-
+          restore-keys: |
+            ${{ runner.os }}
+# 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
+      # sanitize nx calculation flags string
+      - name: input validation for NX CALCULATION FLAGS
+        shell: bash
+        run: |
+          export NX_CALCULATION_FLAGS=$(echo $NX_CALCULATION_FLAGS | sed "s@'@@g")
+          echo "NX_CALCULATION_FLAGS=$NX_CALCULATION_FLAGS" >> $GITHUB_ENV
+      - 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,43 @@
+# 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 }}
+runs:
+  using: "composite"
+  steps:
+    - name: Parse env global
+      shell: bash
+      run: |
+        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
+
+        if [[ GITHUB_REF_NAME == "master" ]]; then
+            TAG_NPM="latest"
+        fi
+        if [[ GITHUB_REF_NAME == "develop" ]]; then
+            TAG_NPM="alpha"
+        fi
+        echo "TAG_NPM=${TAG_NPM}" >> $GITHUB_ENV
+        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

.github/actions/travis-event-type-load/action.yml

@@ -0,0 +1,28 @@
+# 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 }}
+runs:
+  using: "composite"
+  steps:
+    - name: Parse env global
+      run: |
+        EVENT_TYPE=""
+        REGEX="(repository|workflow)_dispatch"
+        if [[ "${{ inputs.event_name }}" == "schedule"  ]]; then 
+            EVENT_TYPE="cron"; 
+        elif [[ "${{ inputs.event_name }}" == "pull_request"  ]]; then
+            EVENT_TYPE="pull_request"; 
+        elif [[ "${{ inputs.event_name }}" == "push"  ]]; then
+            EVENT_TYPE="push";
+        elif [[ "${{ inputs.event_name }}" =~ $REGEX ]]; then
+            EVENT_TYPE="api";
+        fi
+        echo "TRAVIS_EVENT_TYPE=${EVENT_TYPE}" >> $GITHUB_ENV
+        echo "exporting TRAVIS_EVENT_TYPE=${EVENT_TYPE}"
+      shell: bash

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

@@ -0,0 +1,19 @@
+name: "Upload build artifacts"
+description: "Upload build artifacts"
+
+runs:
+  using: "composite"
+  steps:
+    - name: tar and upload artifacts
+      shell: bash
+      env:
+        REMOTE_PATH: "alfresco-ng2-components/build-cache/${{ github.run_id }}"      
+      run: |
+        packages=( dist nxcache node_modules )
+        for i in "${packages[@]}"; do
+          time tar czf $i.tar.gz $i
+          du -h $i.tar.gz
+          time aws s3 cp --no-progress $i.tar.gz s3://${S3_BUILD_BUCKET_SHORT_NAME}/${REMOTE_PATH}/$i.tar.gz
+        done
+
+

.github/workflows/devel.yml

@@ -0,0 +1,68 @@
+name: "devel"
+
+on:
+  push:
+    branches:
+      - "pipeline-release-dev*"
+
+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:
+
+  # pr-build:
+  #   uses: ./.github/workflows/pull-request.yml
+  #   secrets: inherit
+  #   with:
+  #     dry-run-release: true
+  run-release:
+    uses: ./.github/workflows/release.yml
+    secrets: inherit
+    with:
+      dry-run-release: true
+

.github/workflows/pull-request.yml

@@ -0,0 +1,256 @@
+name: "pull-request"
+
+on:
+  workflow_call:
+    inputs:
+      dry-run-release:
+        description: 'enable dry-run on artifact push'
+        required: false
+        type: boolean
+        default: true
+  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:
+  main:
+    # long timeout required when cache has to be recreated
+    timeout-minutes: 30
+    name: "Build Components"
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all history for all tags and branches
+      - uses: ./.github/actions/setup
+      - name: install
+        run: |
+          npm ci
+          nx run cli:bundle
+          nx run testing:bundle
+      - run: nx affected --target=lint $NX_CALCULATION_FLAGS
+      - run: /usr/bin/xvfb-run --auto-servernum nx affected:test $NX_CALCULATION_FLAGS --exclude="insights,core,extensions,process-services,process-services-cloud" }}
+      - run: nx affected:build $NX_CALCULATION_FLAGS --prod
+      - run: nx build demoshell --configuration production
+      - run: nx run stories:build-storybook --configuration ci
+      - uses: ./.github/actions/upload-cache-and-artifacts
+
+  playwright:
+    timeout-minutes: 20
+    name: "playwright"
+    needs: [main]
+    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
+      - uses: ./.github/actions/download-cache-and-artifacts
+      - name: Process Cloud Storybook Playwright
+        run: |
+          npx playwright install chromium
+          sudo sysctl -w fs.inotify.max_user_watches=524288
+          npx playwright test --config='e2e-playwright/playwright.config.ts' || exit 1
+      - uses: ./.github/actions/upload-cache-and-artifacts
+
+  e2e:
+    timeout-minutes: 90
+    name: "e2e: ${{ matrix.e2e-test.description }}"
+    needs: [playwright]
+    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:
+          enable-cache: "true"
+          enable-node-modules-cache: "true"
+      - uses: ./.github/actions/download-cache-and-artifacts
+      - 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,177 @@
+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
+      - name: install
+        run: |
+          npm ci
+          nx run cli:bundle
+          nx run testing:bundle
+      - uses: ./.github/actions/upload-cache-and-artifacts
+
+  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: 
+          enable-cache: false
+          enable-node-modules-cache: false
+      - uses: ./.github/actions/download-cache-and-artifacts     
+      - 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: 
+          enable-cache: false
+          enable-node-modules-cache: false
+      - uses: ./.github/actions/download-cache-and-artifacts
+      - 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: 
+          enable-cache: false
+          enable-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
+      - name: build libraries
+        run: |
+          set -u;
+          ./scripts/travis/build/bumpversion.sh
+          nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell"
+          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
@@ -9,6 +10,8 @@ workspace.xml
 dist/
 e2e/.env.cloud
 tmp
+temp
+/nxcache
 e2e-output*/
 /e2e/downloads/
 *.npmrc
@@ -27,3 +30,7 @@ out-tsc
 !/.protractor-smartrunner/
 /reports/
 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

@@ -0,0 +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: alfrescoLogo,
+});

.storybook/main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    stories: [],
+    addons: ['@storybook/addon-essentials'],
+    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

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

.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

@@ -1,15 +1,15 @@
 import:
   - source: Alfresco/alfresco-build-tools:.travis.docker_hub_login.yml@v1.1.1
-  
+
 git:
-  depth: 3
+  depth: false
   quiet: true
 
 language: node_js
 arch: arm64-graviton2
 dist: bionic
 node_js:
-  - '12.18.4'
+  - '14'
 
 before_install: . ./scripts/ci/job_hooks/before_install.sh
 install: ./scripts/ci/job_hooks/install.sh
@@ -22,24 +22,32 @@ 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
         - IDENTITY_ADMIN_EMAIL=$E2E_ADMIN_EMAIL_IDENTITY
         - IDENTITY_ADMIN_PASSWORD=$E2E_ADMIN_PASSWORD_IDENTITY
         - URL_HOST_ADF="http://localhost:4200"
+        #PLAYWRIGHT VARIABLES
+        - PLAYWRIGHT_WORKERS=2
+        - PLAYWRIGHT_STORYBOOK_E2E_HOST=http://localhost
+        - PLAYWRIGHT_STORYBOOK_E2E_PORT=4400
 
 branches:
   only:
+  - /^master(-patch.*)?$/
+  - /^develop(-patch.*)?$/
   - master
   - develop
   - /.*old-env.*/
@@ -49,22 +57,22 @@ branches:
 stages:
   - name: Prerequisite
   - name: Setup
-  - name: "Build lib"
-    if: tag IS blank
-  - name: "Check bundle"
-    if: type = push AND 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: branch = develop AND type = cron
-  - name: "Build Demo shell"
-    if: tag IS blank
+    if: type = cron OR (type = api AND commit_message =~ /\[trigger adf\]/)
+  - name: "Release"
+    if: type = push
   - name: "Unit test Lib"
-    if: type = cron || type = pull_request
+    if: type = pull_request OR type = cron OR type = api
   - name: "e2e Test"
-    if: type = cron || type = pull_request
+    if: type = pull_request OR type = cron OR type = api
   - name: "Release tag"
-    if: branch = master
+    if: branch =~ /^master(-patch.*)?$/
+  - name: "Check bundle"
+    if: type = push AND tag IS blank OR (type = cron || type = api)
   - name: "Deprecate develop builds"
-    if: branch = master
+    if: branch =~ /^master(-patch.*)?$/
 
 addons:
     chrome: stable
@@ -95,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
-            - ./scripts/travis/release/release-npm.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell"
+
           workspaces:
             create:
               name: built_libs_cache
@@ -109,74 +116,138 @@ 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 :Build && dockerize"
-          script:
-              # Build Demo shell for production docker"
-              - NODE_OPTIONS=--max_old_space_size=8192 nx build demoshell --prod
-              - ./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
 
         - stage: "Deprecate develop builds"
-          script: ./scripts/travis/release/deprecate-develop-build.sh -v ${ADF_VERSION}
+          script:
+              - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
+              - ./scripts/travis/release/deprecate-develop-build.sh -v ${ADF_VERSION}
 
         - stage: "e2e Test"
-          name: "Core"
-          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
-          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          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:
             use:
               - built_libs_cache
               - built_demo_shell_cache
+
+        - 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 "core"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+              create:
+                  name: e2e_cache
+                  paths:
+                      - "$SMART_RUNNER_DIRECTORY"
+              use:
+                  - built_libs_cache
+                  - built_demo_shell_cache
+                  - e2e_cache
           env:
               - FOLDER="core"
               - PROVIDER='ALL'
@@ -184,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"
@@ -200,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"
@@ -216,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"
@@ -232,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"
@@ -248,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"
@@ -264,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"
@@ -280,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"
@@ -297,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"
@@ -314,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"
@@ -331,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"
@@ -348,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"
@@ -369,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

@@ -0,0 +1,5 @@
+{
+  "recommendations": [
+    "lucono.karma-test-explorer"
+  ]
+}

.vscode/settings.json

@@ -8,7 +8,6 @@
     "**/coverage": true,
     "**/.happypack": true
   },
-  "editor.renderIndentGuides": true,
   "markdownlint.config": {
     "MD032": false,
     "MD004": false,
@@ -24,5 +23,13 @@
   "scss.validate": false,
   "stylelint.config": {
       "extends": "./stylelint-config"
-  }
+  },
+  "stylelint.configFile": "stylelint-config.json",
+  "stylelint.validate": [
+    "css",
+    "less",
+    "postcss",
+    "scss"
+  ],
+  "editor.guides.indentation": true
 }

Dockerfile

@@ -1,6 +1,6 @@
 # 1. Generate licenses
 
-FROM node:12.16.2-alpine3.9 AS builder
+FROM node:16.13-alpine3.14 AS builder
 WORKDIR /usr/src/alfresco
 COPY package.json package.json
 
@@ -10,7 +10,11 @@ RUN mkdir -p ./licenses && \
 
 # 2. Generate image
 
-FROM nginxinc/nginx-unprivileged:1.19.3-alpine
+FROM nginxinc/nginx-unprivileged:1.21-alpine
+
+USER root
+RUN apk update && apk upgrade
+USER 101
 
 ARG PROJECT_NAME
 

README.md

@@ -30,6 +30,17 @@ You can find the sources for all ADF components in the
 Full documentation for all components is available at the
 [ADF Component Catalog](https://alfresco.github.io/adf-component-catalog/).
 
+## Libraries
+
+ADF Libraries list:
+- [Content services](https://github.com/Alfresco/alfresco-ng2-components/tree/develop/lib/content-services)
+- [Core](https://github.com/Alfresco/alfresco-ng2-components/tree/develop/lib/core)
+- [Extensions](https://github.com/Alfresco/alfresco-ng2-components/tree/develop/lib/extensions)
+- [Insights](https://github.com/Alfresco/alfresco-ng2-components/tree/develop/lib/insights)
+- [Process Service Cloud](https://github.com/Alfresco/alfresco-ng2-components/tree/develop/lib/process-services-cloud)
+- [Process service](https://github.com/Alfresco/alfresco-ng2-components/tree/develop/lib/process-services)
+- [Stories](https://github.com/Alfresco/alfresco-ng2-components/tree/develop/lib/stories) 
+    
 ## Demo Application
 
 A separate application showcasing integration of components can be found
@@ -61,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,11 +11,9 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "aot": true,
             "allowedCommonJsDependencies": [
               "minimatch",
               "minimatch-browser",
-              "moment-es6",
               "superagent",
               "event-emitter",
               "brace-expansion",
@@ -60,12 +58,12 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/dist/core/prebuilt-themes",
-                "output": "/assets/prebuilt-themes"
+                "input": "dist/libs/core/lib/prebuilt-themes",
+                "output": ""
               },
               {
                 "glob": "**/*",
-                "input": "lib/core/assets",
+                "input": "lib/core/src/lib/assets",
                 "output": "/assets"
               },
               {
@@ -85,7 +83,7 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/core/i18n",
+                "input": "lib/core/src/lib/i18n",
                 "output": "/assets/adf-core/i18n"
               },
               {
@@ -120,6 +118,51 @@
               }
             ],
             "styles": [
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-blue-orange.scss",
+                "bundleName": "adf-blue-orange"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-blue-purple.scss",
+                "bundleName": "adf-blue-purple"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-cyan-orange.scss",
+                "bundleName": "adf-cyan-orange"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-cyan-purple.scss",
+                "bundleName": "adf-cyan-purple"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-green-orange.scss",
+                "bundleName": "adf-green-orange"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-green-purple.scss",
+                "bundleName": "adf-green-purple"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-indigo-pink.scss",
+                "bundleName": "adf-indigo-pink"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-pink-bluegrey.scss",
+                "bundleName": "adf-pink-bluegrey"
+              },
+              {
+                "inject": false,
+                "input": "lib/core/src/lib/styles/prebuilt/adf-purple-green.scss",
+                "bundleName": "adf-purple-green"
+              },
               "demo-shell/src/assets/fonts/material-icons/material-icons.css",
               "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
@@ -131,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": [
@@ -168,11 +214,8 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
-              "vendorChunk": true,
               "buildOptimizer": true,
               "verbose": false,
               "fileReplacements": [
@@ -182,7 +225,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
@@ -202,122 +246,23 @@
             }
           }
         },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
           "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/"
-              }
+            "lintFilePatterns": [
+              "demo-shell/**/*.ts",
+              "demo-shell/**/*.html"
             ]
           }
         },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "tsconfig.dev.json"
-            ],
-            "exclude": [
-              "**/node_modules/**/*",
-              "package.json"
-            ]
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'demo-shell/**/*.ts'"
+                  }
+              ]
           }
         }
       }
@@ -346,60 +291,141 @@
             "protractorConfig": "./e2e/protractor.conf.js",
             "devServerTarget": "lib-e2e-test:serve"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "./e2e/tsconfig.e2e.json"
-            ],
-            "exclude": [
-              "**/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-devkit/build-angular:tslint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
-            "tsConfig": [
-              "lib/core/tsconfig.lib.json",
-              "lib/core/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "lib/core/**/*.ts",
+              "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": "@storybook/angular:start-storybook",
+          "options": {
+            "port": 4400,
+            "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": {
+              "quiet": true
+            }
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "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"
+                  }
+              ]
+          }
         }
       }
     },
@@ -410,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"
@@ -428,21 +454,79 @@
             "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-devkit/build-angular:tslint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
-            "tsConfig": [
-              "lib/content-services/tsconfig.lib.json",
-              "lib/content-services/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "lib/content-services/**/*.ts",
+              "lib/content-services/**/*.html"
             ]
           }
+        },
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "port": 4400,
+            "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": {
+              "quiet": true
+            }
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "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"
+                  }
+              ]
+          }
         }
       }
     },
@@ -453,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"
@@ -471,21 +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-devkit/build-angular:tslint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
-            "tsConfig": [
-              "lib/process-services/tsconfig.lib.json",
-              "lib/process-services/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "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"
+                  }
+              ]
+          }
         }
       }
     },
@@ -496,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"
@@ -514,21 +624,79 @@
             "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-devkit/build-angular:tslint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
-            "tsConfig": [
-              "lib/process-services-cloud/tsconfig.lib.json",
-              "lib/process-services-cloud/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "lib/process-services-cloud/**/*.ts",
+              "lib/process-services-cloud/**/*.html"
             ]
           }
+        },
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "port": 4400,
+            "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": {
+              "quiet": true
+            }
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "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
+            }
+          }
+        },
+        "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"
+                  }
+              ]
+          }
         }
       }
     },
@@ -539,7 +707,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"
@@ -557,21 +725,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-devkit/build-angular:tslint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
-            "tsConfig": [
-              "lib/insights/tsconfig.lib.json",
-              "lib/insights/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "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"
+                  }
+              ]
+          }
         }
       }
     },
@@ -582,7 +766,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"
@@ -599,20 +783,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-devkit/build-angular:tslint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
-            "tsConfig": [
-              "lib/extensions/tsconfig.lib.json",
-              "lib/extensions/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "lib/extensions/**/*.ts",
+              "lib/extensions/**/*.html"
             ]
+          },
+          "dependsOn": ["spellcheck"]
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/extensions/**/*.ts'"
+                  }
+              ]
           }
         }
       }
@@ -624,28 +815,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-devkit/build-angular:tslint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
-            "tsConfig": [
-              "lib/testing/tsconfig.lib.json",
-              "lib/testing/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
+            "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"
+            }
+          ]
         }
       }
     },
@@ -656,21 +886,107 @@
       "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": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "lib/cli/**/*.ts",
+              "lib/cli/**/*.html"
+            ]
+          }
+        }
+      }
+    },
+    "stories": {
+      "root": "lib/stories",
+      "sourceRoot": "lib/stories",
+      "projectType": "library",
+      "architect": {
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "port": 4400,
+            "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": {
+              "quiet": true
+            }
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "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": {
+              "quiet": true
             }
           }
         }
       }
     }
   },
-  "defaultProject": "demoshell",
-  "cli": {
-    "analytics": "0ce5075f-0835-439a-bebe-7c41750179a6"
-  }
+  "defaultProject": "demoshell"
 }

cspell.json

@@ -3,135 +3,137 @@
   "language": "en",
   "words": [
     "activiti",
-    "CSRF",
-    "glyphicon",
-    "sharedlinks",
-    "fullscreen",
-    "sidenav",
-    "truthy",
-    "cryptodoc",
-    "mysites",
-    "afts",
-    "classlist",
-    "folderlink",
-    "filelink",
-    "datatable",
-    "repo",
-    "snackbar",
-    "promisify",
-    "xdescribe",
-    "unfavorite",
-    "devtools",
-    "gitter",
-    "jira",
-    "markdownlint",
-    "uploader",
-    "nginx",
-    "docx",
-    "SOLR",
-    "unshare",
-    "validators",
-    "pdfjs",
-    "exif",
-    "cardview",
-    "webm",
-    "keycodes",
     "adhoc",
-    "swimlanes",
-    "datepicker",
-    "waypoints",
-    "waypoint",
-    "hotfix",
-    "typeahead",
-    "gridster",
-    "Collapsable",
-    "rowspan",
-    "typeahead",
-    "tabindex",
+    "afts",
     "Arial",
-    "swsdp",
-    "Datetimepicker",
-    "mimetype",
-    "multiselect",
-    "arrowup",
     "arrowdown",
-    "dialpad",
-    "backend",
-    "Unclaim",
-    "transclusion",
-    "transcluded",
+    "arrowup",
     "auditable",
-    "taggable",
-    "datarow",
-    "datacolumn",
-    "textitem",
-    "boolitem",
-    "mapitem",
-    "selectitem",
-    "keyvaluepairsitem",
-    "boolitem",
-    "baseitem",
-    "checkboxes",
-    "tasklist",
-    "dateitem",
-    "webscript",
-    "minlength",
-    "doclib",
-    "fullname",
-    "firstname",
-    "lastname",
-    "userinfo",
-    "qshare",
-    "imgpreview",
     "AUTHTYPE",
-    "ECMHOST",
+    "backend",
+    "baseitem",
+    "BASESHAREURL",
+    "booleanvisibility",
+    "booleanvisibilityprocess",
+    "boolitem",
     "BPMHOST",
-    "OAUTHCONFIG",
+    "cardview",
+    "checkboxes",
+    "classlist",
+    "Collapsable",
     "CONTEXTROOTBPM",
     "CONTEXTROOTECM",
-    "DISABLECSRF",
-    "printf",
-    "mincount",
-    "listgrid",
-    "filesize",
-    "Theming",
-    "quicktime",
-    "Promise",
-    "Examinate",
-    "highlightable",
-    "Droppable",
-    "UPDATEPERMISSIONS",
-    "Whitespaces",
-    "keyvaluepairs",
+    "cryptodoc",
+    "CSRF",
+    "datacolumn",
+    "datarow",
+    "datatable",
+    "dateitem",
+    "datepicker",
     "datetimeitem",
-    "floatitem",
-    "intitem",
+    "Datetimepicker",
+    "dbpci",
     "DDTHH",
-    "MLTEXT",
-    "penta",
-    "BASESHAREURL",
-    "hardend",
-    "filedata",
-    "uncheck",
-    "subfolders",
-    "ECMBPM",
-    "processwithvariables",
-    "dropdownrestprocess",
     "devops",
-    "mouseenter",
-    "starteventform",
+    "devtools",
+    "dialpad",
+    "DISABLECSRF",
+    "doclib",
+    "docx",
+    "dropdownrestprocess",
+    "Droppable",
+    "ECMBPM",
+    "ECMHOST",
+    "Examinate",
+    "exif",
+    "filedata",
+    "filelink",
+    "filesize",
+    "firstname",
+    "floatitem",
+    "folderlink",
     "formtotestvalidations",
-    "requirednumbervisibility",
-    "numbervisibilityprocess",
-    "booleanvisibilityprocess",
-    "booleanvisibility",
-    "processparent",
-    "uploadfileform",
-    "processwithstarteventform",
-    "processstring",
-    "typeahed",
+    "fullname",
+    "fullscreen",
+    "gitter",
+    "glyphicon",
+    "gridster",
+    "hardend",
+    "highlightable",
+    "hotfix",
+    "imgpreview",
+    "intitem",
+    "jira",
+    "jsons",
+    "keycodes",
+    "keyvaluepairs",
+    "keyvaluepairsitem",
+    "lastname",
+    "listgrid",
+    "mapitem",
+    "markdownlint",
+    "mimetype",
+    "mincount",
+    "minlength",
     "minmax",
-    "jsons"
+    "jsons",
+    "Inplace",
+    "MLTEXT",
+    "mouseenter",
+    "multiselect",
+    "mysites",
+    "nginx",
+    "numbervisibilityprocess",
+    "OAUTHCONFIG",
+    "pdfjs",
+    "penta",
+    "printf",
+    "processparent",
+    "processstring",
+    "processwithstarteventform",
+    "processwithvariables",
+    "Promise",
+    "promisify",
+    "qshare",
+    "quicktime",
+    "repo",
+    "requirednumbervisibility",
+    "rowspan",
+    "selectitem",
+    "sharedlinks",
+    "sidenav",
+    "snackbar",
+    "SOLR",
+    "starteventform",
+    "subfolders",
+    "swimlanes",
+    "swsdp",
+    "tabindex",
+    "taggable",
+    "tasklist",
+    "textitem",
+    "Theming",
+    "transcluded",
+    "transclusion",
+    "truthy",
+    "typeahead",
+    "typeahed",
+    "uncheck",
+    "Unclaim",
+    "unfavorite",
+    "unshare",
+    "UPDATEPERMISSIONS",
+    "uploader",
+    "uploadfileform",
+    "userinfo",
+    "validators",
+    "waypoint",
+    "waypoints",
+    "webm",
+    "webscript",
+    "Whitespaces",
+    "xdescribe",
+    "xsrf"
   ],
   "dictionaries": [
     "html",

demo-shell/.eslintrc.json

@@ -0,0 +1,94 @@
+{
+  "extends": "../.eslintrc.json",
+  "ignorePatterns": [
+    "!**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "demo-shell/tsconfig.app.json",
+          "demo-shell/src/tsconfig.spec.json",
+          "demo-shell/e2e/tsconfig.e2e.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "plugins": [
+        "eslint-plugin-unicorn",
+        "eslint-plugin-rxjs"
+      ],
+      "rules": {
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": [
+              "adf",
+              "app"
+            ],
+            "style": "kebab-case"
+          }
+        ],
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": [
+              "element",
+              "attribute"
+            ],
+            "prefix": [
+              "adf",
+              "app"
+            ],
+            "style": "kebab-case"
+          }
+        ],
+        "@angular-eslint/no-host-metadata-property": "off",
+        "@angular-eslint/no-input-prefix": "error",
+        "@typescript-eslint/consistent-type-definitions": "error",
+        "@typescript-eslint/dot-notation": "off",
+        "@typescript-eslint/explicit-member-accessibility": [
+          "off",
+          {
+            "accessibility": "explicit"
+          }
+        ],
+        "@typescript-eslint/no-inferrable-types": "off",
+        "@typescript-eslint/no-require-imports": "off",
+        "@typescript-eslint/no-var-requires": "error",
+        "brace-style": [
+          "error",
+          "1tbs"
+        ],
+        "comma-dangle": "error",
+        "default-case": "error",
+        "import/order": "off",
+        "max-len": [
+          "error",
+          {
+            "code": 240
+          }
+        ],
+        "no-bitwise": "off",
+        "no-duplicate-imports": "error",
+        "no-multiple-empty-lines": "error",
+        "no-redeclare": "error",
+        "no-return-await": "error",
+        "rxjs/no-create": "error",
+        "rxjs/no-subject-unsubscribe": "error",
+        "rxjs/no-subject-value": "error",
+        "rxjs/no-unsafe-takeuntil": "error",
+        "unicorn/filename-case": "error"
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "rules": {}
+    }
+  ]
+}

demo-shell/e2e/tsconfig.e2e.json

@@ -1,13 +1,9 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "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.4.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;
+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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "وضع التطوير"
+    },
     "INFO_DRAWER": {
       "TITLE": "التفاصيل",
       "COMMENTS": "تعليقات",
@@ -55,8 +58,9 @@
   },
   "APP_LAYOUT": {
     "APP": "تطبيق",
+    "HEADER_TEXT_COLOR": "لون نص الرأس",
     "APP_NAME": "تطبيق ADF التوضيحي",
-    "FILTERED_SEARCH": "عنوان عامل التصفية",
+    "FILTERED_SEARCH": "رأس عامل التصفية",
     "HOME": "رئيسية",
     "NODE-SELECTOR": "محدد العقدة",
     "SITES": "المواقع",
@@ -92,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": "بحث عن المهمة"
@@ -107,7 +111,8 @@
     "GROUPS_CLOUD": "مكون سحابة المجموعة",
     "CONFIRM-DIALOG": "مربع حوار التأكيد",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "قائمة مهام الخدمات"
+    "SERVICE_TASK_LIST": "قائمة مهام الخدمات",
+    "RICH_TEXT_EDITOR": "محرر نص منسق"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -192,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": "لم يتم تحديد تقرير. اختر تقريرًا من القائمة"
@@ -206,7 +213,7 @@
     "START-PROCESS": "بدء العملية",
     "PROCESS-AUDIT-LOG": "سجل تدقيق العملية",
     "TASK-AUDIT-LOG": "سجل تدقيق المهمة",
-    "TASK-SHOW-HEADER": "إظهار تفاصيل العنوان"
+    "TASK-SHOW-HEADER": "إظهار تفاصيل الرأس"
   },
   "PS_CLOUD_TAB": {
     "APPS_TAB": "تطبيق",
@@ -326,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "كل المجموعات المحددة مسبقًا",
     "INVALID_USERS": "المستخدمون غير الصالحين",
     "INVALID_GROUPS": "مجموعات غير صالحة",
-    "READONLY_MODE": "وضع القراءة فقط"
+    "READONLY_MODE": "وضع القراءة فقط",
+    "GROUPS_RESTRICTION": "قيود المجموعات"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "تحديد متعدد",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "معرّف مثيل المعالجة",
       "ACTION_TYPE": "نوع الإجراء"
     }
-  }
+  },
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "تم إنشاء زر مجلد جديد",
+    "EDIT_NODE_LABEL": "زر تحرير العقدة",
+    "DELETE_NODE_LABEL": "زر حذف أيقونة العقدة"
+  },
+  "DEFAULT_SEARCH": "افتراضي",
+  "OPEN_DIALOG": "فتح الحوار",
+  "SHOW_LIST_LABEL": "انقر لعرض القائمة"
 }

demo-shell/resources/i18n/cs.json

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Režim pro vývojáře"
+    },
     "INFO_DRAWER": {
       "TITLE": "Podrobnosti",
       "COMMENTS": "Poznámky",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Aplikace",
+    "HEADER_TEXT_COLOR": "Barva textu záhlaví",
     "APP_NAME": "Ukázková aplikace ADF",
     "FILTERED_SEARCH": "Záhlaví filtru",
     "HOME": "Domů",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "ID instance procesu",
       "ACTION_TYPE": "Typ akce"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Udv. model"
+    },
     "INFO_DRAWER": {
       "TITLE": "Detaljer",
       "COMMENTS": "Kommentarer",
@@ -55,12 +58,13 @@
   },
   "APP_LAYOUT": {
     "APP": "App",
+    "HEADER_TEXT_COLOR": "Farve på tekst i overskrift",
     "APP_NAME": "ADF-demoapp",
     "FILTERED_SEARCH": "Filter-overskrift",
     "HOME": "Hjem",
     "NODE-SELECTOR": "Nodevælger",
     "SITES": "Websteder",
-    "CONTENT_SERVICES": "Indholdstjenester",
+    "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Brødkrumme",
     "NOTIFICATIONS": "Meddelelser",
     "TASK_LIST": "Opgaveliste",
@@ -107,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": {
@@ -192,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"
@@ -230,7 +237,7 @@
     "SELECT_PLACEHOLDER": "Rulleliste"
   },
   "LOGIN": {
-    "CONTENT_SERVICES": "Indholdstjenester",
+    "CONTENT_SERVICES": "Content Services",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN_FOOTER": "Sidefod til login",
     "SHOW_REMEMBERME": "Vis Husk mig",
@@ -264,7 +271,7 @@
     "RATING": "Bedømmelse-komponent"
   },
   "TAG": {
-    "LIST": "Vis indholdstjenester for tags",
+    "LIST": "Listetags Content Services",
     "INSERT": "Indsæt node-id",
     "NODE_LIST": "Tagliste efter node-id"
   },
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "Procesforekomst-id",
       "ACTION_TYPE": "Handlingstype"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Entwicklermodus"
+    },
     "INFO_DRAWER": {
       "TITLE": "Details",
       "COMMENTS": "Kommentare",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Anwendung",
+    "HEADER_TEXT_COLOR": "Farbe des Überschriftstextes",
     "APP_NAME": "ADF-Demoanwendung",
     "FILTERED_SEARCH": "Filter-Header",
     "HOME": "Startseite",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "Prozessinstanz-ID",
       "ACTION_TYPE": "Aktionstyp"
     }
-  }
+  },
+  "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,31 @@
 {
   "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"
+    },
     "INFO_DRAWER": {
       "TITLE": "Details",
       "COMMENTS": "Comments",
@@ -55,6 +81,7 @@
   },
   "APP_LAYOUT": {
     "APP": "App",
+    "HEADER_TEXT_COLOR": "Header text color",
     "APP_NAME": "ADF Demo Application",
     "FILTERED_SEARCH": "Filter Header",
     "HOME": "Home",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -349,5 +380,13 @@
       "PROCESS_ID": "Process Instance ID",
       "ACTION_TYPE": "Action Type"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Modo Dev"
+    },
     "INFO_DRAWER": {
       "TITLE": "Detalles",
       "COMMENTS": "Comentarios",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Aplicación",
+    "HEADER_TEXT_COLOR": "Color de texto de encabezado",
     "APP_NAME": "Aplicación ADF Demo",
     "FILTERED_SEARCH": "Filtros",
     "HOME": "Inicio",
@@ -107,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": {
@@ -192,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."
@@ -248,7 +255,7 @@
       "CREATED": "5:Creados"
     },
     "FACET_QUERIES": {
-      "MY_FACET_QUERIES": "Mis consultas de faceta",
+      "MY_FACET_QUERIES": "Mis consultas por filtros",
       "CREATED_THIS_YEAR": "1.Creadas este año",
       "MIMETYPE": "2.Tipo: HTML",
       "XTRASMALL": "3.Tamaño: extrapequeño",
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "ID de instancia del proceso",
       "ACTION_TYPE": "Tipo de acción"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Kehitystapa"
+    },
     "INFO_DRAWER": {
       "TITLE": "Tiedot",
       "COMMENTS": "Kommentit",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Sovellus",
+    "HEADER_TEXT_COLOR": "Otsikkotekstin väri",
     "APP_NAME": "ADF-demosovellus",
     "FILTERED_SEARCH": "Suodattimet",
     "HOME": "Aloitussivu",
@@ -107,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": {
@@ -192,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."
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "Prosessiesiintymätunnus",
       "ACTION_TYPE": "Toiminnon tyyppi"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Mode développement"
+    },
     "INFO_DRAWER": {
       "TITLE": "Détails",
       "COMMENTS": "Commentaires",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Application",
+    "HEADER_TEXT_COLOR": "Couleur du texte de l'en-tête",
     "APP_NAME": "Application Démo ADF",
     "FILTERED_SEARCH": "En-tête du filtre",
     "HOME": "Accueil",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "ID de l'instance de processus",
       "ACTION_TYPE": "Type d'action"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Modalità sviluppo"
+    },
     "INFO_DRAWER": {
       "TITLE": "Dettagli",
       "COMMENTS": "Commenti",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Applicazione",
+    "HEADER_TEXT_COLOR": "Colore testo intestazione",
     "APP_NAME": "Applicazione demo ADF",
     "FILTERED_SEARCH": "Intestazione filtro",
     "HOME": "Home",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "ID istanza di processo",
       "ACTION_TYPE": "Tipo di azione"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "開発モード"
+    },
     "INFO_DRAWER": {
       "TITLE": "詳細",
       "COMMENTS": "コメント",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "アプリ",
+    "HEADER_TEXT_COLOR": "ヘッダーテキストカラー",
     "APP_NAME": "ADF デモアプリケーション",
     "FILTERED_SEARCH": "フィルタヘッダー",
     "HOME": "ホーム",
@@ -107,7 +111,8 @@
     "GROUPS_CLOUD": "グループのクラウドコンポーネント",
     "CONFIRM-DIALOG": "確認ダイアログ",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "サービスタスクリスト"
+    "SERVICE_TASK_LIST": "サービスタスクリスト",
+    "RICH_TEXT_EDITOR": "リッチテキストエディタ"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -192,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": "レポートが選択されていません。リストからレポートを選択してください。"
@@ -326,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "選択されている全グループ",
     "INVALID_USERS": "無効なユーザー",
     "INVALID_GROUPS": "無効なグループ",
-    "READONLY_MODE": "読み取り専用モード"
+    "READONLY_MODE": "読み取り専用モード",
+    "GROUPS_RESTRICTION": "グループ制限"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "複数選択",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "プロセスインスタンス ID",
       "ACTION_TYPE": "処理のタイプ"
     }
-  }
+  },
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "新しいフォルダボタンの作成",
+    "EDIT_NODE_LABEL": "ノードボタンの編集",
+    "DELETE_NODE_LABEL": "ノードアイコンボタンの削除"
+  },
+  "DEFAULT_SEARCH": "デフォルト",
+  "OPEN_DIALOG": "ダイアログを開く",
+  "SHOW_LIST_LABEL": "クリックしてリストを表示"
 }

demo-shell/resources/i18n/nb.json

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Utvikl.modus"
+    },
     "INFO_DRAWER": {
       "TITLE": "Detaljer",
       "COMMENTS": "Kommentarer",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "App",
+    "HEADER_TEXT_COLOR": "Overskriftstekstfarge",
     "APP_NAME": "ADF-demoprogam",
     "FILTERED_SEARCH": "Filteroverskrift",
     "HOME": "Hjem",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "Prosesstilfelle-ID",
       "ACTION_TYPE": "Handlingstype"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Ontwikkelaarsmodus"
+    },
     "INFO_DRAWER": {
       "TITLE": "Details",
       "COMMENTS": "Opmerkingen",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "App",
+    "HEADER_TEXT_COLOR": "Kleur van koptekst",
     "APP_NAME": "ADF-demotoepassing",
     "FILTERED_SEARCH": "Filterkop",
     "HOME": "Home",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -346,8 +354,16 @@
       "TITLE": "Titel",
       "ICON": "Pictogram",
       "TASK_ID": "Taak-id",
-      "PROCESS_ID": "Procesinstantie-id",
+      "PROCESS_ID": "Procesinstance-id",
       "ACTION_TYPE": "Actietype"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Tryb progr."
+    },
     "INFO_DRAWER": {
       "TITLE": "Szczegóły",
       "COMMENTS": "Komentarze",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Aplikacja",
+    "HEADER_TEXT_COLOR": "Kolor tekstu nagłówka",
     "APP_NAME": "Wersja demonstracyjna aplikacji ADF",
     "FILTERED_SEARCH": "Nagłówek filtra",
     "HOME": "Strona główna",
@@ -107,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": {
@@ -192,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."
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "Identyfikator wystąpienia procesu",
       "ACTION_TYPE": "Typ czynności"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Modo de desenvolvimento"
+    },
     "INFO_DRAWER": {
       "TITLE": "Detalhes",
       "COMMENTS": "Comentários",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Aplicativo",
+    "HEADER_TEXT_COLOR": "Cor do texto do cabeçalho",
     "APP_NAME": "Aplicativo Demo ADF",
     "FILTERED_SEARCH": "Filtros",
     "HOME": "Página Inicial",
@@ -107,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": {
@@ -153,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",
@@ -170,7 +175,7 @@
       "ASPECTS": "Atualizar aspectos",
       "LOCK": "Bloqueio",
       "METADATA": "Informações",
-      "DOWNLOAD": "Descarregar",
+      "DOWNLOAD": "Baixar",
       "PERMISSION": "Permissão",
       "FOLDER": {
         "COPY": "Copiar",
@@ -192,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"
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "ID de instância de processo",
       "ACTION_TYPE": "Tipo de açã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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Режим разработки"
+    },
     "INFO_DRAWER": {
       "TITLE": "Сведения",
       "COMMENTS": "Комментарии",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Приложение",
+    "HEADER_TEXT_COLOR": "Цвет текста заголовка",
     "APP_NAME": "Демонстрационное приложение ADF",
     "FILTERED_SEARCH": "Заголовок фильтра",
     "HOME": "Домашняя",
@@ -107,7 +111,8 @@
     "GROUPS_CLOUD": "Компонент облака «Группы»",
     "CONFIRM-DIALOG": "Диалоговое окно подтверждения",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Список сервисных задач"
+    "SERVICE_TASK_LIST": "Список сервисных задач",
+    "RICH_TEXT_EDITOR": "Редактор форматированного текста"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -192,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": "Отчет не выбран. Выберите отчет из списка"
@@ -326,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Все заранее заданные группы",
     "INVALID_USERS": "Недействительные пользователи",
     "INVALID_GROUPS": "Недействительные группы",
-    "READONLY_MODE": "Режим только для чтения"
+    "READONLY_MODE": "Режим только для чтения",
+    "GROUPS_RESTRICTION": "Ограничение для групп"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Выбор нескольких",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "Идентификатор экземпляра процесса",
       "ACTION_TYPE": "Тип действия"
     }
-  }
+  },
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Кнопка \"Создать новую папку\"",
+    "EDIT_NODE_LABEL": "Кнопка \"Редактировать узел\"",
+    "DELETE_NODE_LABEL": "Кнопка \"Удалить значок узла\""
+  },
+  "DEFAULT_SEARCH": "По умолчанию",
+  "OPEN_DIALOG": "Открыть диалог",
+  "SHOW_LIST_LABEL": "Нажмите для отображения списка"
 }

demo-shell/resources/i18n/sv.json

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Utvecklarläge"
+    },
     "INFO_DRAWER": {
       "TITLE": "Detaljer",
       "COMMENTS": "Kommentarer",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "Program",
+    "HEADER_TEXT_COLOR": "Rubrikens textfärg",
     "APP_NAME": "ADF-demoprogram",
     "FILTERED_SEARCH": "Filter sidhuvud",
     "HOME": "Hem",
@@ -107,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": {
@@ -192,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"
@@ -326,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",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "Processinstans-ID",
       "ACTION_TYPE": "Åtgärdstyp"
     }
-  }
+  },
+  "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

@@ -1,5 +1,8 @@
 {
   "APP": {
+    "ABOUT": {
+      "DEVELOPMENT": "Dev 模式"
+    },
     "INFO_DRAWER": {
       "TITLE": "详细信息",
       "COMMENTS": "注释",
@@ -55,6 +58,7 @@
   },
   "APP_LAYOUT": {
     "APP": "APP",
+    "HEADER_TEXT_COLOR": "标题文本颜色",
     "APP_NAME": "ADF 演示应用程序",
     "FILTERED_SEARCH": "筛选标题",
     "HOME": "主页",
@@ -79,7 +83,7 @@
     "FORM_LOADING": "表单加载",
     "UPLOADER": "上传程序",
     "WEBSCRIPT": "Webscript",
-    "TAG": "标签",
+    "TAG": "标记",
     "PIPES": "管道",
     "TRASHCAN": "垃圾桶",
     "SOCIAL": "社交",
@@ -107,7 +111,8 @@
     "GROUPS_CLOUD": "组云组件",
     "CONFIRM-DIALOG": "确认对话",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "服务任务列表"
+    "SERVICE_TASK_LIST": "服务任务列表",
+    "RICH_TEXT_EDITOR": "RTF 编辑器"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -146,7 +151,7 @@
       "CREATED_BY": "创建者",
       "CREATED_ON": "创建日期",
       "CREATED": "已创建",
-      "SIZE": "字号(&S)",
+      "SIZE": "尺寸",
       "DELETED_ON": "已删除",
       "DELETED_BY": "删除人"
     },
@@ -192,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": "未选择报告，请从列表中选择报告"
@@ -326,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "所有预选组",
     "INVALID_USERS": "无效用户",
     "INVALID_GROUPS": "无效组",
-    "READONLY_MODE": "Read-only（只读）模式"
+    "READONLY_MODE": "只读模式",
+    "GROUPS_RESTRICTION": "组限制"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "多重选择",
@@ -349,5 +357,13 @@
       "PROCESS_ID": "流程实例 ID",
       "ACTION_TYPE": "操作类型"
     }
-  }
+  },
+  "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",
@@ -12,10 +12,13 @@
   "auth": {
     "withCredentials": false
   },
+  "upload": {
+    "threads": 1
+  },
   "oauth2": {
     "host": "{protocol}//{hostname}{:port}/auth/realms/alfresco",
     "clientId": "alfresco",
-    "scope": "openid",
+    "scope": "openid profile email",
     "secret": "",
     "implicitFlow": true,
     "silentLogin": true,
@@ -34,7 +37,7 @@
     "copyright": "© 2016 - 2021 Alfresco Software, Inc. All Rights Reserved."
   },
   "notifications": true,
-  "search": {
+  "search": [{
     "filterWithContains": true,
     "app:fields": [
       "cm:name",
@@ -365,8 +368,279 @@
           "postfix": ")"
         }
       ]
-    }
+    },
+    "name": "DEFAULT_SEARCH",
+    "default": true
   },
+  {
+    "filterWithContains": true,
+    "app:fields": [
+      "cm:name",
+      "cm:title",
+      "cm:description",
+      "ia:whatEvent",
+      "ia:descriptionEvent",
+      "lnk:title",
+      "lnk:description",
+      "TEXT",
+      "TAG"
+    ],
+    "include": [
+      "path",
+      "allowableOperations",
+      "properties"
+    ],
+    "sorting": {
+      "options": [
+        {
+          "key": "name",
+          "label": "Name",
+          "type": "FIELD",
+          "field": "cm:name",
+          "ascending": true
+        },
+        {
+          "key": "content.sizeInBytes",
+          "label": "Size",
+          "type": "FIELD",
+          "field": "content.size",
+          "ascending": true
+        },
+        {
+          "key": "createdByUser",
+          "label": "Author",
+          "type": "FIELD",
+          "field": "cm:creator",
+          "ascending": true
+        },
+        {
+          "key": "createdAt",
+          "label": "Created",
+          "type": "FIELD",
+          "field": "cm:created",
+          "ascending": true
+        },
+        {
+          "key": "score",
+          "label": "Relevance",
+          "type": "SCORE",
+          "field": "score",
+          "ascending": false
+        }
+      ],
+      "defaults": [
+        {
+          "key": "score",
+          "type": "FIELD",
+          "field": "score",
+          "ascending": false
+        }
+      ]
+    },
+    "resetButton": true,
+    "filterQueries": [
+      {
+        "query": "TYPE:'cm:folder'"
+      },
+      {
+        "query": "NOT cm:creator:System"
+      }
+    ],
+    "facetFields": {
+      "expanded": true,
+      "fields": [
+        {
+          "field": "content.size",
+          "mincount": 1,
+          "label": "Folder Size",
+          "settings": {
+            "allowUpdateOnChange": false,
+            "hideDefaultAction": true,
+            "unit": "Bytes"
+          }
+        },
+        {
+          "field": "creator",
+          "mincount": 1,
+          "label": "Folder created",
+          "settings": {
+            "allowUpdateOnChange": false,
+            "hideDefaultAction": true
+          }
+        },
+        {
+          "field": "modifier",
+          "mincount": 1,
+          "label": "Folder Modifier",
+          "settings": {
+            "allowUpdateOnChange": false,
+            "hideDefaultAction": true
+          }
+        },
+        {
+          "field": "created",
+          "mincount": 1,
+          "label": "Folder Created",
+          "settings": {
+            "allowUpdateOnChange": false,
+            "hideDefaultAction": true
+          }
+        }
+      ]
+    },
+    "facetQueries": {
+      "label": "SEARCH.FACET_QUERIES.MY_FACET_QUERIES",
+      "pageSize": 5,
+      "expanded": true,
+      "mincount": 1,
+      "queries": [
+        {
+          "query": "created:2019",
+          "label": "SEARCH.FACET_QUERIES.CREATED_THIS_YEAR"
+        },
+        {
+          "query": "content.mimetype:text/html",
+          "label": "SEARCH.FACET_QUERIES.MIMETYPE",
+          "group": "Type facet queries"
+        },
+        {
+          "query": "content.size:[0 TO 10240]",
+          "label": "SEARCH.FACET_QUERIES.XTRASMALL",
+          "group": "Size facet queries"
+        },
+        {
+          "query": "content.size:[10240 TO 102400]",
+          "label": "SEARCH.FACET_QUERIES.SMALL",
+          "group": "Size facet queries"
+        },
+        {
+          "query": "content.size:[102400 TO 1048576]",
+          "label": "SEARCH.FACET_QUERIES.MEDIUM",
+          "group": "Size facet queries"
+        },
+        {
+          "query": "content.size:[1048576 TO 16777216]",
+          "label": "SEARCH.FACET_QUERIES.LARGE",
+          "group": "Size facet queries"
+        },
+        {
+          "query": "content.size:[16777216 TO 134217728]",
+          "label": "SEARCH.FACET_QUERIES.XTRALARGE",
+          "group": "Size facet queries"
+        },
+        {
+          "query": "content.size:[134217728 TO MAX]",
+          "label": "SEARCH.FACET_QUERIES.XXTRALARGE",
+          "group": "Size facet queries"
+        }
+      ],
+      "settings": {
+        "allowUpdateOnChange": false,
+        "hideDefaultAction": true
+      }
+    },
+    "facetIntervals": {
+      "expanded": true,
+      "intervals": [
+        {
+          "label": "The Created",
+          "field": "cm:created",
+          "sets": [
+            {
+              "label": "lastYear",
+              "start": "2018",
+              "end": "2019",
+              "endInclusive": false
+            },
+            {
+              "label": "currentYear",
+              "start": "NOW/YEAR",
+              "end": "NOW/YEAR+1YEAR"
+            },
+            {
+              "label": "earlier",
+              "start": "*",
+              "end": "2018",
+              "endInclusive": false
+            }
+          ],
+          "settings": {
+            "allowUpdateOnChange": false,
+            "hideDefaultAction": true
+          }
+        },
+        {
+          "label": "The Modified",
+          "field": "cm:modified",
+          "sets": [
+            {
+              "label": "2017",
+              "start": "2017",
+              "end": "2018",
+              "endInclusive": false
+            },
+            {
+              "label": "2017-2018",
+              "start": "2017",
+              "end": "2018",
+              "endInclusive": true
+            },
+            {
+              "label": "currentYear",
+              "start": "NOW/YEAR",
+              "end": "NOW/YEAR+1YEAR"
+            },
+            {
+              "label": "earlierThan2017",
+              "start": "*",
+              "end": "2017",
+              "endInclusive": false
+            }
+          ],
+          "settings": {
+            "allowUpdateOnChange": false,
+            "hideDefaultAction": true
+          }
+        }
+      ]
+    },
+    "categories": [
+      {
+        "id": "contentSize",
+        "name": "Content Size",
+        "enabled": true,
+        "component": {
+          "selector": "slider",
+          "settings": {
+            "allowUpdateOnChange": false,
+            "hideDefaultAction": true,
+            "unit": "Byte",
+            "field": "cm:content.size",
+            "min": 0,
+            "max": 18,
+            "step": 1,
+            "thumbLabel": true
+          }
+        }
+      }
+    ],
+    "highlight": {
+      "prefix": " ",
+      "postfix": " ",
+      "mergeContiguous": true,
+      "fields": [
+        {
+          "field": "cm:title"
+        },
+        {
+          "field": "description",
+          "prefix": "(",
+          "postfix": ")"
+        }
+      ]
+    },
+    "name": "Folder"
+  }],
   "search-headers": {
     "filterWithContains": true,
     "app:fields": [
@@ -934,7 +1208,8 @@
       "status",
       "sort",
       "order",
-      "processName"
+      "processName",
+      "name"
     ],
     "sortProperties": [
       "id",

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

@@ -114,6 +114,7 @@ import localeDa from '@angular/common/locales/da';
 import localeSv from '@angular/common/locales/sv';
 import { setupAppNotifications } from './services/app-notifications-factory';
 import { AppNotificationsService } from './services/app-notifications.service';
+import { SearchFilterChipsComponent } from './components/search/search-filter-chips.component';
 
 registerLocaleData(localeFr);
 registerLocaleData(localeDe);
@@ -137,7 +138,7 @@ registerLocaleData(localeSv);
         BrowserModule,
         environment.e2e ? NoopAnimationsModule : BrowserAnimationsModule,
         ReactiveFormsModule,
-        RouterModule.forRoot(appRoutes, { useHash: true }),
+        RouterModule.forRoot(appRoutes, { useHash: true, relativeLinkResolution: 'legacy' }),
         FormsModule,
         HttpClientModule,
         MaterialModule,
@@ -204,7 +205,8 @@ registerLocaleData(localeSv);
         CustomEditorComponent,
         CustomWidgetComponent,
         ProcessCloudLayoutComponent,
-        ServiceTaskListCloudDemoComponent
+        ServiceTaskListCloudDemoComponent,
+        SearchFilterChipsComponent
     ],
     providers: [
         {

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

@@ -55,6 +55,7 @@ import { FilteredSearchComponent } from './components/files/filtered-search.comp
 import { ProcessCloudLayoutComponent } from './components/cloud/process-cloud-layout.component';
 import { ServiceTaskListCloudDemoComponent } from './components/cloud/service-task-list-cloud-demo.component';
 import { AspectListSampleComponent } from './components/aspect-list-sample/aspect-list-sample.component';
+import { SearchFilterChipsComponent } from './components/search/search-filter-chips.component';
 
 export const appRoutes: Routes = [
     { path: 'login', loadChildren: () => import('./components/login/login.module').then(m => m.AppLoginModule) },
@@ -320,11 +321,20 @@ 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,
                 canActivate: [AuthGuardEcm]
             },
+            {
+                path: 'search-filter-chips',
+                component: SearchFilterChipsComponent,
+                canActivate: [AuthGuardEcm]
+            },
             {
                 path: 'extendedSearch',
                 component: SearchExtendedComponent,

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

@@ -1,11 +1,34 @@
-<adf-about-github-link [application]="application" [url]="url" [version]="version"></adf-about-github-link>
+<mat-slide-toggle [(ngModel)]="dev">{{'APP.ABOUT.DEVELOPMENT' | translate }}</mat-slide-toggle>
 
-<adf-about-server-settings></adf-about-server-settings>
+<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-product-version> </adf-about-product-version>
+    <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>
 
-<adf-about-application-modules
-    [dependencies]="dependencies"
-    [showExtensions]="showExtensions"
->
-</adf-about-application-modules>

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

@@ -16,31 +16,51 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-    name,
-    version,
-    commit,
-    dependencies
-} from '../../../../../package.json';
-import { AppConfigService } from '@alfresco/adf-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 implements OnInit {
-    url = `https://github.com/Alfresco/${name}/commits/${commit}`;
-    version = version;
-    dependencies = dependencies;
-    showExtensions = true;
-    application = '';
+    pkg: any;
+    dev: true;
 
-    constructor(private appConfigService: AppConfigService) {}
+    extensions$: Observable<ExtensionRef[]>;
+    repository: RepositoryInfo = null;
+    bpmVersion: BpmProductVersionModel = null;
 
-    ngOnInit() {
-        this.application = this.appConfigService.get<string>(
-            'application.name'
-        );
+    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.html

@@ -4,9 +4,17 @@
     <adf-sidenav-layout-header>
         <ng-template let-toggleMenu="toggleMenu" let-isMenuMinimized="isMenuMinimized">
 
-            <adf-layout-header id="adf-header" [title]="title | translate" [redirectUrl]="redirectUrl" [logo]="logo"
-                [tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [expandedSidenav]="!isMenuMinimized()"
-                [color]="color" [position]="position" (clicked)=toggleMenu($event)>
+            <adf-layout-header
+                id="adf-header"
+                [title]="title | translate"
+                [redirectUrl]="redirectUrl"
+                [logo]="logo"
+                [tooltip]="tooltip | translate"
+                [showSidenavToggle]="showMenu"
+                [expandedSidenav]="!isMenuMinimized()"
+                [color]="color"
+                [position]="position"
+                (clicked)=toggleMenu($event)>
 
                 <div class="app-layout-menu-spacer"></div>
 

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

@@ -1,69 +1,62 @@
-@mixin app-layout-theme($theme) {
-    $primary: map-get($theme, primary);
-    $minimumAppWidth: 320px;
-
-    @media screen and ($mat-xsmall) {
-        app-search-bar {
-            width: 150px;
-        }
-    }
-
-    @media screen and (max-width: 350px) {
-        app-search-bar {
-            width: 100px;
-        }
-    }
-
-    adf-file-uploading-dialog {
-        z-index: 1100;
-    }
-
-    .app-layout {
-        display: flex;
-        flex: 1;
-        min-width: $minimumAppWidth;
-        height: 100%;
-
-        .app-sidenav-link--active {
-            color: mat-color($primary);
-        }
-
-        .app-sidenav-link {
-            .mat-list-text {
-                font-size: 14px;
-                white-space: nowrap;
-                min-width: 120px;
-                padding: 0 10px;
-            }
-        }
-
-        .mat-nav-list .mat-list-item.app-sidenav-link {
-            height: 40px;
-        }
-
-        &-menu-spacer {
-            flex: 1 1 auto;
-        }
-    }
-
-    @media screen and ($mat-small) {
-        .app-menu {
-            padding-top: 0;
-        }
-    }
-
-    @media screen and ($mat-xsmall) {}
-
-    mat-sidenav-content > div {
-        display: flex;
-        height: 100%;
-
-        > div {
-            flex: auto;
-        }
-    }
-
-    [dir='rtl'] .app-sidenav-link__expand-button {
-        transform: rotateY(180deg);
+@media screen and (max-width: 599px) {
+    app-search-bar {
+        width: 150px;
     }
 }
+
+@media screen and (max-width: 350px) {
+    app-search-bar {
+        width: 100px;
+    }
+}
+
+adf-file-uploading-dialog {
+    z-index: 1100;
+}
+
+.app-layout {
+    display: flex;
+    flex: 1;
+    min-width: 320px;
+    height: 100%;
+
+    .app-sidenav-link--active {
+        color: var(--theme-primary-color);
+    }
+
+    .app-sidenav-link {
+        .mat-list-text {
+            font-size: 14px;
+            white-space: nowrap;
+            min-width: 120px;
+            padding: 0 10px;
+        }
+    }
+
+    .mat-nav-list .mat-list-item.app-sidenav-link {
+        height: 40px;
+    }
+
+    &-menu-spacer {
+        flex: 1 1 auto;
+    }
+}
+
+@media screen and (max-width: 959px) {
+    .app-menu {
+        padding-top: 0;
+    }
+}
+
+mat-sidenav-content > div {
+    display: flex;
+    height: 100%;
+
+    > div {
+        flex: auto;
+    }
+}
+
+[dir='rtl'] .app-sidenav-link__expand-button {
+    transform: rotateY(180deg);
+}

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

@@ -20,13 +20,12 @@ import { UserPreferencesService, AppConfigService, AlfrescoApiService, UserPrefe
 import { HeaderDataService } from '../header-data/header-data.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { ThemePalette } from '@angular/material/core';
 
 @Component({
-    templateUrl: 'app-layout.component.html',
-    styleUrls: ['app-layout.component.scss'],
-    host: {
-        'class': 'app-layout'
-    },
+    templateUrl: './app-layout.component.html',
+    styleUrls: ['./app-layout.component.scss'],
+    host: { class: 'app-layout' },
     encapsulation: ViewEncapsulation.None
 })
 export class AppLayoutComponent implements OnInit, OnDestroy {
@@ -75,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' },
@@ -93,14 +93,14 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
 
     expandedSidenav = false;
 
-    position = 'start';
+    position: 'start' | 'end' = 'start';
     direction = 'ltr';
 
     hideSidenav = false;
     showMenu = true;
 
     enableRedirect = true;
-    color = 'primary';
+    color: ThemePalette = 'primary';
     title = 'APP_LAYOUT.APP_NAME';
     logo: string;
     redirectUrl: string | any[] = ['/home'];
@@ -122,12 +122,25 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
 
         this.headerService.color
             .pipe(takeUntil(this.onDestroy$))
-            .subscribe(color => this.color = color);
+            .subscribe(color => {
+                if (['primary', 'accent', 'warn'].includes(color)) {
+                    this.color = color;
+                } else {
+                    this.color = undefined;
+                    document.documentElement.style.setProperty('--adf-header-background-color', color);
+                }
+            });
 
         this.headerService.title
             .pipe(takeUntil(this.onDestroy$))
             .subscribe(title => this.title = title);
 
+        this.headerService.headerTextColor
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(headerTextColor => {
+                document.documentElement.style.setProperty('--adf-header-text-color', headerTextColor);
+            });
+
         this.headerService.logo
             .pipe(takeUntil(this.onDestroy$))
             .subscribe(path => this.logo = path);

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

@@ -26,7 +26,7 @@
 
     p {
         display: block;
-        font-family: monospace, monospace;
+        font-family: monospace;
         margin: 0;
     }
 }

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

@@ -34,8 +34,8 @@ import {
 } from '../../../cloud/custom-form-components/custom-editor.component';
 
 @Component({
-    templateUrl: 'cloud-form-demo.component.html',
-    styleUrls: ['cloud-form-demo.component.scss'],
+    templateUrl: './cloud-form-demo.component.html',
+    styleUrls: ['./cloud-form-demo.component.scss'],
     providers: [
         { provide: FormRenderingService, useClass: CloudFormRenderingService }
     ]
@@ -72,7 +72,7 @@ export class FormCloudDemoComponent implements OnInit, OnDestroy {
             'custom-something': () => CustomWidgetComponent,
             'custom-boolean': () => CustomWidgetComponent,
             'custom-date': () => CustomWidgetComponent,
-            'custom': () => CustomWidgetComponent
+            custom: () => CustomWidgetComponent
         });
     }
 
@@ -122,7 +122,7 @@ export class FormCloudDemoComponent implements OnInit, OnDestroy {
 
         const fileReader = new FileReader();
         fileReader.onload = () => {
-            this.formConfig = <string> fileReader.result;
+            this.formConfig = fileReader.result as string;
         };
         fileReader.readAsText(file);
 

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,13 +15,13 @@
  * limitations under the License.
  */
 
-import { AspectListService } from '@alfresco/adf-content-services';
+import { DialogAspectListService } from '@alfresco/adf-content-services';
 import { Component } from '@angular/core';
 
 @Component({
     selector: 'app-expandable-menu',
-    templateUrl: 'aspect-list-sample.component.html',
-    styleUrls: ['aspect-list-sample.component.scss']
+    templateUrl: './aspect-list-sample.component.html',
+    styleUrls: ['./aspect-list-sample.component.scss']
 })
 export class AspectListSampleComponent {
 
@@ -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/card-view/card-view.component.scss

@@ -22,7 +22,7 @@
 
     p {
         display: block;
-        font-family: monospace, monospace;
+        font-family: monospace;
         margin: 0;
     }
 }

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

@@ -231,6 +231,7 @@ export class CardViewComponent implements OnInit, OnDestroy {
                 value: of([
                     { icon: 'directions_bike', value: 'Zlatan' },
                     { icon: 'directions_bike', value: 'Lionel Messi' },
+                    // eslint-disable-next-line @typescript-eslint/naming-convention
                     { value: 'Mohamed', directions_bike: 'save' },
                     { value: 'Ronaldo' }
                 ]),

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

@@ -1,8 +1,8 @@
 .app-app-crumb {
-  opacity: 0.5;
+    opacity: 0.5;
 }
 
 .app-filter-crumb {
-  opacity: 0.8;
-  margin-left: 5px;
+    opacity: 0.8;
+    margin-left: 5px;
 }

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

@@ -21,7 +21,7 @@ import { ActivatedRoute } from '@angular/router';
 @Component({
     selector: 'app-cloud-breadcrumbs',
     templateUrl: './cloud-breadcrumb-component.html',
-    styleUrls: ['cloud-breadcrumb-component.scss']
+    styleUrls: ['./cloud-breadcrumb-component.scss']
 })
 export class CloudBreadcrumbsComponent implements OnInit {
     appName: string;

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

@@ -1,3 +1,4 @@
-app-cloud-task-filters .app-filters__entry, app-cloud-process-filters .app-filters__entry {
-  padding-left: 0 !important;
+app-cloud-task-filters .app-filters__entry,
+app-cloud-process-filters .app-filters__entry {
+    padding-left: 0 !important;
 }

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

@@ -24,7 +24,7 @@ import { ProcessFilterCloudModel } from '@alfresco/adf-process-services-cloud';
 @Component({
     selector: 'app-cloud-filters-demo',
     templateUrl: './cloud-filters-demo.component.html',
-    styleUrls: ['cloud-filters-demo.component.scss'],
+    styleUrls: ['./cloud-filters-demo.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
 export class CloudFiltersDemoComponent implements OnInit {

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

@@ -1,7 +1,7 @@
 .app-cloud-layout-overflow {
-  overflow: auto;
+    overflow: auto;
 }
 
 .app-cloud-layout-tab-body .mat-tab-body-wrapper {
-  height: 100%;
+    height: 100%;
 }

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-cloud.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, ViewEncapsulation } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { CloudLayoutService } from '../services/cloud-layout.service';
 
@@ -31,7 +31,7 @@ import { CloudLayoutService } from '../services/cloud-layout.service';
       `],
     encapsulation: ViewEncapsulation.None
 })
-export class CommunityCloudComponent  {
+export class CommunityCloudComponent implements OnInit {
 
     constructor(
         private router: Router,

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

@@ -4,11 +4,11 @@
     }
 
     &-cloud-layout-overflow {
-        width:67%;
+        width: 67%;
     }
 
     &-process-cloud-header {
         margin-left: 10px;
         width: 25%;
     }
- }
+}

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

@@ -31,13 +31,13 @@ import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { Pagination } from '@alfresco/js-api';
 
+const PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
+const ACTION_SAVE_AS = 'saveAs';
+
 @Component({
     templateUrl: './community-processes-cloud.component.html'
 })
 export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
-    public static ACTION_SAVE_AS = 'saveAs';
-    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
-
     @ViewChild('processCloud')
     processCloud: ProcessListCloudComponent;
 
@@ -66,7 +66,7 @@ export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
         private processFilterCloudService: ProcessFilterCloudService,
         private appConfig: AppConfigService) {
         const properties = this.appConfig.get<Array<any>>(
-            CommunityProcessesCloudDemoComponent.PROCESS_FILTER_PROPERTY_KEYS
+            PROCESS_FILTER_PROPERTY_KEYS
         );
 
         if (properties) {
@@ -138,7 +138,7 @@ export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
 
     onProcessFilterAction(filterAction: any) {
         this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
-        if (filterAction.actionType === CommunityProcessesCloudDemoComponent.ACTION_SAVE_AS) {
+        if (filterAction.actionType === ACTION_SAVE_AS) {
             this.router.navigate([`/cloud/community/processes/`], { queryParams: filterAction.filter });
         }
     }

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/community/community-task-cloud.component.ts

@@ -24,17 +24,14 @@ import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { Pagination } from '@alfresco/js-api';
 
+const ACTION_SAVE_AS = 'saveAs';
+const TASK_FILTER_PROPERTY_KEYS = 'adf-edit-task-filter';
+
 @Component({
     templateUrl: './community-task-cloud.component.html',
-    styles: [`.adf-cloud-layout-tab-body .mat-tab-body-wrapper {
-        height: 100%;
-      }
-      `]
+    styles: [`.adf-cloud-layout-tab-body .mat-tab-body-wrapper { height: 100%; }`]
 })
 export class CommunityTasksCloudDemoComponent implements OnInit, OnDestroy {
-    public static ACTION_SAVE_AS = 'saveAs';
-    static TASK_FILTER_PROPERTY_KEYS = 'adf-edit-task-filter';
-
     @ViewChild('taskCloud')
     taskCloud: TaskListCloudComponent;
 
@@ -48,7 +45,7 @@ export class CommunityTasksCloudDemoComponent implements OnInit, OnDestroy {
 
     filterId;
     multiselect: boolean;
-    selectedRows: string[] = [];
+    selectedRows: any[] = [];
     testingMode: boolean;
     selectionMode: string;
     taskDetailsRedirection: boolean;
@@ -63,7 +60,7 @@ export class CommunityTasksCloudDemoComponent implements OnInit, OnDestroy {
         private userPreference: UserPreferencesService,
         private appConfig: AppConfigService) {
 
-        const properties = this.appConfig.get<Array<any>>(CommunityTasksCloudDemoComponent.TASK_FILTER_PROPERTY_KEYS);
+        const properties = this.appConfig.get<Array<any>>(TASK_FILTER_PROPERTY_KEYS);
         if (properties) {
             this.taskFilterProperties = properties;
         }
@@ -137,7 +134,7 @@ export class CommunityTasksCloudDemoComponent implements OnInit, OnDestroy {
 
     onTaskFilterAction(filterAction: any) {
         this.cloudLayoutService.setCurrentTaskFilterParam({ id: filterAction.filter.id });
-        if (filterAction.actionType === CommunityTasksCloudDemoComponent.ACTION_SAVE_AS) {
+        if (filterAction.actionType === ACTION_SAVE_AS) {
             this.router.navigate([`/cloud/community/tasks/`], { queryParams: filterAction.filter });
         }
     }

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

@@ -9,7 +9,8 @@
                 (taskClaimed)="onClaimTask()"
                 (taskCompleted)="onTaskCompleted()"
                 (taskUnclaimed)="onUnclaimTask()"
-                (formSaved)="onFormSaved()">
+                (formSaved)="onFormSaved()"
+                (error)="onError($event)">
             </adf-cloud-task-form>
         </div>
         <adf-cloud-task-header fxFlex

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

@@ -1,20 +1,18 @@
-
 .app {
-
     &-task-detail-container {
         display: flex;
     }
 
     &-task-title {
-        margin-left:15px;
+        margin-left: 15px;
     }
 
     &-task-control {
-        width:70%;
+        width: 70%;
     }
 
     &-demop-card-container {
-        width:30%;
+        width: 30%;
         font-family: inherit;
     }
 }

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

@@ -64,4 +64,13 @@ export class CommunityTaskDetailsCloudDemoComponent {
     onFormSaved() {
         this.notificationService.openSnackMessage('Task has been saved successfully');
     }
+
+    onError({ message: error }: Error) {
+        let errorMessage;
+        try {
+            errorMessage = JSON.parse(error).message || JSON.parse(error).entry?.message;
+            errorMessage = JSON.parse(errorMessage).message;
+        } catch {}
+        this.notificationService.showError(errorMessage || error);
+    }
 }

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

@@ -17,7 +17,7 @@
 
 import { Component, OnInit } from '@angular/core';
 import { FormService, WidgetComponent } from '@alfresco/adf-core';
-// tslint:disable:component-selector
+/* eslint-disable @angular-eslint/component-selector */
 
 @Component({
     selector: 'custom-editor-widget',

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

@@ -12,23 +12,25 @@
                 '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($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($event.target?.value)" data-automation-id="app-people-app-input" />
+                <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 }} {{ DEFAULT_PEOPLE_PLACEHOLDER }}</mat-label>
-                <input matInput (input)="setPeoplePreselectValue($event.target?.value)"  data-automation-id="app-people-preselect-input" />
+                <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" />
             </mat-form-field>
             <mat-checkbox class="app-preselect-value" (change)="onChangePeopleValidation($event)">{{
                 'PEOPLE_GROUPS_CLOUD.PRESELECT_VALIDATION' | translate }}</mat-checkbox>
@@ -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,28 +86,22 @@
                 '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($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($event.target?.value)"
+                    (input)="setGroupAppName($any($event).target?.value)"
                     data-automation-id="app-group-app-input"/>
             </mat-form-field>
-            <mat-form-field class="app-preselect-value-full">
-                <mat-label>Preselect: {{ DEFAULT_GROUP_PLACEHOLDER }}</mat-label>
+            <mat-form-field class="app-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
                 <input matInput
-                    (input)="setGroupsPreselectValue($event.target?.value)"
+                    (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
+                    (input)="setGroupsPreselectValue($any($event).target?.value)"
                     data-automation-id="app-group-preselect-input" />
             </mat-form-field>
             <mat-checkbox class="app-preselect-value" (change)="onChangeGroupValidation($event)">

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

@@ -1,11 +1,12 @@
 .app {
     &-section {
         mat-card-title {
-            font-size:18px;
+            font-size: 18px;
             font-weight: bold;
         }
+
         mat-radio-group {
-            margin:7px 10px;
+            margin: 7px 10px;
 
             mat-radio-button {
                 margin: 0 3px;
@@ -13,17 +14,16 @@
         }
 
         mat-card-content {
-
             .app-preselect-value {
                 margin-right: 15px;
                 min-width: 25%;
 
                 &-big {
-                    width:60%;
+                    width: 60%;
                 }
 
                 &-full {
-                    width:100%;
+                    width: 100%;
                 }
             }
         }

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',
@@ -29,16 +28,17 @@ import { IdentityGroupModel, IdentityUserModel } from '@alfresco/adf-core';
 })
 export class PeopleGroupCloudDemoComponent {
 
-    DEFAULT_FILTER_MODE: string = 'appName';
-    DEFAULT_GROUP_PLACEHOLDER: string = `[{"id": "1", "name":"activitiUserGroup"}]`;
-    DEFAULT_PEOPLE_PLACEHOLDER: string = `[{"id": "1", email": "user@user.com", "firstName":"user", "lastName": "lastName", "username": "user"}]`;
+    defaultFilterMode: string = 'appName';
+    defaultGroupPlaceholder: string = `[{"id": "1", "name":"activitiUserGroup"}]`;
+    defaultPeoplePlaceholder: string = `[{"id": "1", email": "user@user.com", "firstName":"user", "lastName": "lastName", "username": "user"}]`;
 
     peopleMode: ComponentSelectionMode = 'single';
     preSelectUsers: IdentityUserModel[] = [];
     invalidUsers: IdentityUserModel[] = [];
     peopleRoles: string[] = [];
+    groupsRestriction: string[] = [];
     peopleAppName: string;
-    peopleFilterMode: string = this.DEFAULT_FILTER_MODE;
+    peopleFilterMode: string = this.defaultFilterMode;
     peoplePreselectValidation = false;
     groupPreselectValidation = false;
     peopleReadonly = false;
@@ -49,7 +49,7 @@ export class PeopleGroupCloudDemoComponent {
     invalidGroups: IdentityGroupModel[] = [];
     groupRoles: string[];
     groupAppName: string;
-    groupFilterMode: string = this.DEFAULT_FILTER_MODE;
+    groupFilterMode: string = this.defaultFilterMode;
 
     setPeoplePreselectValue(value: string): void {
         this.preSelectUsers = this.getArrayFromString(value);
@@ -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/process-cloud-layout.component.ts

@@ -39,7 +39,7 @@ export class ProcessCloudLayoutComponent {
             'custom-something': () => CustomWidgetComponent,
             'custom-boolean': () => CustomWidgetComponent,
             'custom-date': () => CustomWidgetComponent,
-            'custom': () => CustomWidgetComponent
+            custom: () => CustomWidgetComponent
         });
     }
 }

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

@@ -1,15 +1,14 @@
- .app {
+.app {
     &-process-cloud-container {
         display: flex;
     }
 
     &-cloud-layout-overflow {
-        width:67%;
+        width: 67%;
     }
 
     &-process-cloud-header {
         margin-left: 10px;
         width: 25%;
     }
-
- }
+}

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

@@ -16,7 +16,7 @@
  */
 
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { EditProcessFilterCloudComponent, ProcessFilterAction, ProcessFilterCloudModel } from '@alfresco/adf-process-services-cloud';
+import { ProcessFilterAction, ProcessFilterCloudModel, PROCESS_FILTER_ACTION_DELETE, PROCESS_FILTER_ACTION_SAVE, PROCESS_FILTER_ACTION_SAVE_AS } from '@alfresco/adf-process-services-cloud';
 import { ActivatedRoute, Router } from '@angular/router';
 import { UserPreferencesService, DataCellEvent } from '@alfresco/adf-core';
 import { CloudLayoutService, CloudServiceSettings } from './services/cloud-layout.service';
@@ -41,8 +41,8 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
     actionMenu: boolean;
     contextMenu: boolean;
     actions: any[] = [];
-    selectedAction: { id: number, name: string, actionType: string};
-    selectedContextAction: { id: number, name: string, actionType: string};
+    selectedAction: { id: number; name: string; actionType: string};
+    selectedContextAction: { id: number; name: string; actionType: string};
 
     filterProperties: string[];
     filterSortProperties: string[];
@@ -116,18 +116,21 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
     }
 
     onFilterChange(filter: ProcessFilterCloudModel) {
-        const queryParams = this.cloudProcessFiltersService.writeQueryParams(filter, this.appName, this.filterId);
+        const queryParams = {
+            ...this.cloudProcessFiltersService.writeQueryParams(filter, this.appName, filter.id),
+            filterId: filter.id
+        };
         this.router.navigate([`/cloud/${this.appName}/processes/`], {queryParams});
     }
 
     onProcessFilterAction(filterAction: ProcessFilterAction) {
-        if (filterAction.actionType === EditProcessFilterCloudComponent.ACTION_DELETE) {
+        if (filterAction.actionType === PROCESS_FILTER_ACTION_DELETE) {
             this.cloudLayoutService.setCurrentProcessFilterParam({ index: 0 });
         } else {
             this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
         }
 
-        if ([EditProcessFilterCloudComponent.ACTION_SAVE, EditProcessFilterCloudComponent.ACTION_SAVE_AS].includes(filterAction.actionType)) {
+        if ([PROCESS_FILTER_ACTION_SAVE, PROCESS_FILTER_ACTION_SAVE_AS].includes(filterAction.actionType)) {
             this.onFilterChange(filterAction.filter);
         }
     }
@@ -142,14 +145,12 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
     }
 
     onShowRowContextMenu(event: DataCellEvent) {
-        event.value.actions = this.actions.map((action) => {
-            return {
+        event.value.actions = this.actions.map((action) => ({
                 data: event.value.row['obj'],
                 model: action,
                 subject: this.performAction$
 
-            };
-        });
+        }));
     }
 
     onExecuteRowAction(row: any) {

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

@@ -22,15 +22,12 @@ import { CloudLayoutService, CloudServiceSettings } from './services/cloud-layou
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
+const TASK_FILTER_PROPERTY_KEYS = 'adf-edit-service-task-filter';
+
 @Component({
-    templateUrl: 'service-task-list-cloud-demo.component.html'
+    templateUrl: './service-task-list-cloud-demo.component.html'
 })
 export class ServiceTaskListCloudDemoComponent implements OnInit, OnDestroy {
-
-    public static ACTION_SAVE_AS = 'saveAs';
-    public static ACTION_DELETE = 'delete';
-    static TASK_FILTER_PROPERTY_KEYS = 'adf-edit-service-task-filter';
-
     @ViewChild('taskCloud')
     taskCloud: ServiceTaskListCloudComponent;
 
@@ -49,8 +46,8 @@ export class ServiceTaskListCloudDemoComponent implements OnInit, OnDestroy {
     actionMenu: boolean;
     contextMenu: boolean;
     actions: any[] = [];
-    selectedAction: { id: number, name: string, actionType: string};
-    selectedContextAction: { id: number, name: string, actionType: string};
+    selectedAction: { id: number; name: string; actionType: string};
+    selectedContextAction: { id: number; name: string; actionType: string};
     selectionMode: string;
     filterId: string;
 
@@ -61,7 +58,7 @@ export class ServiceTaskListCloudDemoComponent implements OnInit, OnDestroy {
         private userPreference: UserPreferencesService,
         private appConfig: AppConfigService) {
 
-        const properties = this.appConfig.get<Array<any>>(ServiceTaskListCloudDemoComponent.TASK_FILTER_PROPERTY_KEYS);
+        const properties = this.appConfig.get<Array<any>>(TASK_FILTER_PROPERTY_KEYS);
         if (properties === this.taskFilterProperties) {
             this.taskFilterProperties = properties;
         }

demo-shell/src/app/components/cloud/services/cloud-process-filters.service.ts

@@ -45,11 +45,11 @@ export class CloudProcessFiltersService {
         );
     }
 
-    readQueryParams(obj: Object): ProcessFilterCloudModel {
+    readQueryParams(obj: any): ProcessFilterCloudModel {
         return this.processFilterCloudService.readQueryParams(obj);
     }
 
-    writeQueryParams(value: Object, appName?: string, id?: string): Object {
+    writeQueryParams(value: any, appName?: string, id?: string): any {
         return this.processFilterCloudService.writeQueryParams(value, this.filterProperties, appName, id);
     }
 }

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) { }
@@ -114,7 +114,7 @@ export class CloudSettingsComponent implements OnInit, OnDestroy {
     }
 
     addAction() {
-        this.actions.push(<ActionMenuModel> this.actionMenuForm.value);
+        this.actions.push(this.actionMenuForm.value);
         this.actionMenuForm.get('key').reset();
         this.actionMenuForm.get('title').reset();
         this.actionMenuForm.get('icon').reset();

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

@@ -24,7 +24,6 @@ import { CloudFormRenderingService } from '@alfresco/adf-process-services-cloud'
 
 @Component({
     templateUrl: './start-process-cloud-demo.component.html',
-    styleUrls: ['./start-process-cloud-demo.component.scss'],
     providers: [
         { provide: FormRenderingService, useClass: CloudFormRenderingService }
     ]
@@ -33,7 +32,7 @@ export class StartProcessCloudDemoComponent implements OnInit {
 
     appName;
     processName: string;
-    formValues: string;
+    formValues: any;
     variables: any;
 
     constructor(private appConfig: AppConfigService,

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

@@ -21,8 +21,7 @@ import { NotificationService } from '@alfresco/adf-core';
 import { CloudLayoutService } from './services/cloud-layout.service';
 
 @Component({
-    templateUrl: './start-task-cloud-demo.component.html',
-    styleUrls: ['./start-task-cloud-demo.component.scss']
+    templateUrl: './start-task-cloud-demo.component.html'
 })
 export class StartTaskCloudDemoComponent implements OnInit {
 

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

@@ -9,7 +9,8 @@
                 (cancelClick)="goBack()"
                 (taskCompleted)="onTaskCompleted()"
                 (formContentClicked)="onFormContentClicked($event)"
-                (formSaved)="onFormSaved()">
+                (formSaved)="onFormSaved()"
+                (error)="onError($event)">
             </adf-cloud-task-form>
         </div>
         <adf-cloud-task-header #taskHeader fxFlex