@eeacms/volto-cca-policy 0.1.1

package/.coverage.babel.config.js

@@ -0,0 +1,9 @@
+const defaultBabel = require('@plone/volto/babel');
+
+function applyDefault(api) {
+  const voltoBabel = defaultBabel(api);
+  voltoBabel.plugins.push('istanbul');
+  return voltoBabel;
+}
+
+module.exports = applyDefault;

package/.i18n.babel.config.js

@@ -0,0 +1 @@
+module.exports = require('@plone/volto/babel');

package/.project.eslintrc.js

@@ -0,0 +1,48 @@
+const fs = require('fs');
+const path = require('path');
+
+const projectRootPath = fs.existsSync('./project')
+  ? fs.realpathSync('./project')
+  : fs.realpathSync('./../../../');
+const packageJson = require(path.join(projectRootPath, 'package.json'));
+const jsConfig = require(path.join(projectRootPath, 'jsconfig.json')).compilerOptions;
+
+const pathsConfig = jsConfig.paths;
+
+let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
+
+Object.keys(pathsConfig).forEach(pkg => {
+  if (pkg === '@plone/volto') {
+    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig[pkg][0]}`;
+  }
+});
+const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
+const reg = new AddonConfigurationRegistry(projectRootPath);
+
+// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
+const addonAliases = Object.keys(reg.packages).map(o => [
+  o,
+  reg.packages[o].modulePath,
+]);
+
+
+module.exports = {
+  extends: `${projectRootPath}/node_modules/@plone/volto/.eslintrc`,
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@plone/volto', '@plone/volto/src'],
+          ...addonAliases,
+          ['@package', `${__dirname}/src`],
+          ['~', `${__dirname}/src`],
+        ],
+        extensions: ['.js', '.jsx', '.json'],
+      },
+      'babel-plugin-root-import': {
+        rootPathSuffix: 'src',
+      },
+    },
+  },
+};
+

package/.release-it.json

@@ -0,0 +1,17 @@
+{
+  "npm": {
+    "publish": false
+  },
+  "git": {
+    "changelog": "npx auto-changelog --stdout --commit-limit false -u --template https://raw.githubusercontent.com/release-it/release-it/master/templates/changelog-compact.hbs",
+    "tagName": "${version}"
+  },
+  "github": {
+    "release": true,
+    "releaseName": "${version}",
+    "releaseNotes": "npx auto-changelog --stdout --commit-limit false -u --template https://raw.githubusercontent.com/release-it/release-it/master/templates/changelog-compact.hbs"
+  },
+  "hooks": {
+    "after:bump": "npx auto-changelog --commit-limit false -p"
+  }
+}

package/CHANGELOG.md

@@ -0,0 +1,30 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
+
+### [0.1.1](https://github.com/eea/volto-cca-policy/compare/0.1.0...0.1.1) - 13 December 2022
+
+#### :hammer_and_wrench: Others
+
+- Refs #158294 - Try fix Jenkins errors - Unable to resolve path to module 'volto-subsites. [GhitaB - [`a6a80be`](https://github.com/eea/volto-cca-policy/commit/a6a80be79e9c2a763f170da5fcb5b9e016473756)]
+- Refs #158294 - Try fix Jenkins errors - Unable to resolve path to module 'volto-subsites. [GhitaB - [`941b76f`](https://github.com/eea/volto-cca-policy/commit/941b76f8a6b43c4517ecd9e26fe2f0f593bec71d)]
+- Refs #158294 - Try fix Jenkins errors - Unable to resolve path to module '@eeacms/volto-eea-design-system. [GhitaB - [`9f25f9a`](https://github.com/eea/volto-cca-policy/commit/9f25f9a0f1e107c85b27d809485f2875a515374d)]
+- Refs #158294 - Try fix Jenkins errors - fix package.json. [GhitaB - [`eb1a26a`](https://github.com/eea/volto-cca-policy/commit/eb1a26af23b4f3b2de9673df32da7d1cd8736d27)]
+- Refs #158294 - Try fix Jenkins errors. [GhitaB - [`b3063ac`](https://github.com/eea/volto-cca-policy/commit/b3063ac32424fd91683ccdbe776f3b2eab33b403)]
+- Refs #158294 - Try fix Jenkins errors. [GhitaB - [`c3ceeb9`](https://github.com/eea/volto-cca-policy/commit/c3ceeb95a6759b0c75c7f39a8972919b5b4486fe)]
+- Update Jenkinsfile [Laszlo Cseh - [`e1dd864`](https://github.com/eea/volto-cca-policy/commit/e1dd8643028603214b8247a04d36a50ef897e67e)]
+- Update Jenkinsfile [Laszlo Cseh - [`d20da61`](https://github.com/eea/volto-cca-policy/commit/d20da61c8cae592aa951d353c7c9a58081521062)]
+- Adjustments [Tiberiu Ichim - [`025e684`](https://github.com/eea/volto-cca-policy/commit/025e684665b63ee48b12becfd3e8cff3abbd87e3)]
+- WIP [Tiberiu Ichim - [`25ce073`](https://github.com/eea/volto-cca-policy/commit/25ce073f5f802bb0e71ff366afe1325f32ddca95)]
+- WIP [Tiberiu Ichim - [`10aff31`](https://github.com/eea/volto-cca-policy/commit/10aff3107beadede673d1ebbdb73c1885dd35899)]
+- WIP [Tiberiu Ichim - [`f56124c`](https://github.com/eea/volto-cca-policy/commit/f56124c4605a001d711ddee30de11124ccd2facf)]
+- Add files from EEA Website theme [Tiberiu Ichim - [`7041b92`](https://github.com/eea/volto-cca-policy/commit/7041b92c606090d263d57eb9cd307dd0a464a639)]
+- Run bootstrap [Tiberiu Ichim - [`b765f56`](https://github.com/eea/volto-cca-policy/commit/b765f567c47f134f1ea0e14ec27a5732cd2c190d)]
+### 0.1.0 - 13 December 2022
+
+#### :hammer_and_wrench: Others
+
+- Update Jenkinsfile [Laszlo Cseh - [`9ea4425`](https://github.com/eea/volto-cca-policy/commit/9ea4425c08029208abd0c6cd18de35d2f6158c89)]
+- Initial commit [Tiberiu Ichim - [`75d4824`](https://github.com/eea/volto-cca-policy/commit/75d4824c496f4fb6ab2c7567515e7f4ad4eeba39)]

package/DEVELOP.md

@@ -0,0 +1,52 @@
+# volto-cca-policy
+
+## Develop
+
+Before starting make sure your development environment is properly set. See [Volto Developer Documentation](https://docs.voltocms.com/getting-started/install/)
+
+1.  Make sure you have installed `yo`, `@plone/generator-volto` and `mrs-developer`
+
+        npm install -g yo @plone/generator-volto mrs-developer
+
+1.  Create new volto app
+
+        yo @plone/volto my-volto-project --addon @eeacms/volto-cca-policy --skip-install
+        cd my-volto-project
+
+1.  Add the following to `mrs.developer.json`:
+
+        {
+            "volto-cca-policy": {
+                "url": "https://github.com/eea/volto-cca-policy.git",
+                "package": "@eeacms/volto-cca-policy",
+                "branch": "develop",
+                "path": "src"
+            }
+        }
+
+1.  Install
+
+        yarn develop
+        yarn
+
+1.  Start backend
+
+        docker pull plone
+        docker run -d --name plone -p 8080:8080 -e SITE=Plone -e PROFILES="profile-plone.restapi:blocks" plone
+
+    ...wait for backend to setup and start - `Ready to handle requests`:
+
+        docker logs -f plone
+
+    ...you can also check http://localhost:8080/Plone
+
+1.  Start frontend
+
+        yarn start
+
+1.  Go to http://localhost:3000
+
+1.  Happy hacking!
+
+        cd src/addons/volto-cca-policy/
+s/volto-addon-template/

package/LICENSE.md

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2020 European Environment Agency
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,85 @@
+# volto-cca-policy
+
+[![Releases](https://img.shields.io/github/v/release/eea/volto-cca-policy)](https://github.com/eea/volto-cca-policy/releases)
+
+[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-cca-policy%2Fmaster&subject=master)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-cca-policy/job/master/display/redirect)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-master&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-master)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-master&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-master)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-master&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-master)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-master&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-master)
+
+[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-cca-policy%2Fdevelop&subject=develop)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-cca-policy/job/develop/display/redirect)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-develop)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-develop)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-develop)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-cca-policy-develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-cca-policy-develop)
+
+
+[Volto](https://github.com/plone/volto) add-on
+
+## Features
+
+Demo GIF
+
+## Getting started
+
+### Add volto-cca-policy to your Volto project
+
+1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone
+
+1. Start Volto frontend
+
+* If you already have a volto project, just update `package.json`:
+
+   ```JSON
+   "addons": [
+       "@eeacms/volto-cca-policy"
+   ],
+
+   "dependencies": {
+       "@eeacms/volto-cca-policy": "*"
+   }
+   ```
+
+* If not, create one:
+
+   ```
+   npm install -g yo @plone/generator-volto
+   yo @plone/volto my-volto-project --canary --addon @eeacms/volto-cca-policy
+   cd my-volto-project
+   ```
+
+1. Install new add-ons and restart Volto:
+
+   ```
+   yarn
+   yarn start
+   ```
+
+1. Go to http://localhost:3000
+
+1. Happy editing!
+
+## Release
+
+See [RELEASE.md](https://github.com/eea/volto-cca-policy/blob/master/RELEASE.md).
+
+## How to contribute
+
+See [DEVELOP.md](https://github.com/eea/volto-cca-policy/blob/master/DEVELOP.md).
+
+## Copyright and license
+
+The Initial Owner of the Original Code is European Environment Agency (EEA).
+All Rights Reserved.
+
+See [LICENSE.md](https://github.com/eea/volto-cca-policy/blob/master/LICENSE.md) for details.
+
+## Funding
+
+[European Environment Agency (EU)](http://eea.europa.eu)
+don-template/blob/master/LICENSE.md) for details.
+
+## Funding
+
+[European Environment Agency (EU)](http://eea.europa.eu)

package/RELEASE.md

@@ -0,0 +1,74 @@
+## Release
+
+### Automatic release using Jenkins
+
+*  The automatic release is started by creating a [Pull Request](../../compare/master...develop) from `develop` to `master`. The pull request status checks correlated to the branch and PR Jenkins jobs need to be processed successfully. 1 review from a github user with rights is mandatory.
+* It runs on every commit on `master` branch, which is protected from direct commits, only allowing pull request merge commits.
+* The automatic release is done by [Jenkins](https://ci.eionet.europa.eu). The status of the release job can be seen both in the Readme.md badges and the green check/red cross/yellow circle near the last commit information. If you click on the icon, you will have the list of checks that were run. The `continuous-integration/jenkins/branch` link goes to the Jenkins job execution webpage.
+* Automated release scripts are located in the `eeacms/gitflow` docker image, specifically [js-release.sh](https://github.com/eea/eea.docker.gitflow/blob/master/src/js-release.sh) script. It  uses the `release-it` tool.
+* As long as a PR request is open from develop to master, the PR Jenkins job will automatically re-create the CHANGELOG.md and package.json files to be production-ready.
+* The version format must be MAJOR.MINOR.PATCH. By default, next release is set to next minor version (with patch 0).
+* You can manually change the version in `package.json`.  The new version must not be already present in the tags/releases of the repository, otherwise it will be automatically increased by the script. Any changes to the version will trigger a `CHANGELOG.md` re-generation.
+* Automated commits and commits with [JENKINS] or [YARN] in the commit log are excluded from `CHANGELOG.md` file.
+
+### Manual release from the develop branch ( beta release )
+
+#### Installation and configuration of release-it
+
+You need to first install the [release-it](https://github.com/release-it/release-it)  client.
+
+   ```
+   npm install -g release-it
+   ```
+   
+Release-it uses the configuration written in the [`.release-it.json`](./.release-it.json) file located in the root of the repository.
+   
+Release-it is a tool that automates 4 important steps in the release process:
+
+1. Version increase in `package.json` ( increased from the current version in `package.json`)
+2. `CHANGELOG.md` automatic generation from commit messages ( grouped by releases )
+3. GitHub release on the commit with the changelog and package.json modification on the develop branch
+4. NPM release ( by default it's disabled, but can be enabled in the configuration file )
+
+To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens) 
+
+   ```
+   export GITHUB_TOKEN=XXX-XXXXXXXXXXXXXXXXXXXXXX
+   ```
+ 
+ To configure npm, you can use the `npm login` command or use a configuration file with a TOKEN :
+ 
+   ```
+   echo "//registry.npmjs.org/:_authToken=YYYYYYYYYYYYYYYYYYYYYYYYYYYYYY" > .npmrc
+   ```
+
+#### Using release-it tool
+  
+There are 3 yarn scripts that can be run to do the release
+
+##### yarn release-beta
+
+Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input). 
+
+```
+? Select increment (next version): 
+❯ prepatch (0.1.1-beta.0) 
+  preminor (0.2.0-beta.0) 
+  premajor (1.0.0-beta.0) 
+  Other, please specify... 
+```
+
+##### yarn release-major-beta
+
+Same as `yarn release-beta`, but with premajor version pre-selected.
+    
+##### yarn release
+
+Generic command, does not automatically add the `beta` to version, but you can still manually write it if you choose Other.
+
+#### Important notes
+
+> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.  
+
+> Do not keep Pull Requests from develop to master branches open when you are doing beta releases from the develop branch. As long as a PR to master is open, an automatic script will run on every commit and will update both the version and the changelog to a production-ready state - ( MAJOR.MINOR.PATCH mandatory format for version).
+

package/babel.config.js

@@ -0,0 +1,17 @@
+module.exports = function (api) {
+  api.cache(true);
+  const presets = ['razzle'];
+  const plugins = [
+    [
+      'react-intl', // React Intl extractor, required for the whole i18n infrastructure to work
+      {
+        messagesDir: './build/messages/',
+      },
+    ],
+  ];
+
+  return {
+    plugins,
+    presets,
+  };
+};

package/bootstrap

@@ -0,0 +1,41 @@
+const path = require('path');
+const fs = require('fs');
+const ejs = require('ejs');
+
+const currentDir = path.basename(process.cwd());
+
+const bootstrap = function (ofile) {
+    fs.readFile(ofile, 'utf8', function (err, data) {
+        if (err) {
+            return console.log(err);
+        }
+        const result = ejs.render(data, {
+            addonName: `@eeacms/${currentDir}`,
+            name: currentDir
+        });
+        const output = ofile.replace('.tpl', '');
+        fs.writeFile(output, result, 'utf8', function (err) {
+            if (err) {
+                return console.log(err);
+            }
+        });
+        if (ofile.includes('.tpl')) {
+            fs.unlink(ofile, (err) => {
+                if (err) {
+                    return console.error(err);
+                }
+            });
+        }
+    });
+}
+
+fs.readdir(".", { withFileTypes: true }, (err, dirents) => {
+    const files = dirents
+        .filter(dirent => dirent.isFile())
+        .map(dirent => dirent.name);
+    files.forEach(function (file) {
+        if (file != 'bootstrap') {
+            bootstrap(file);
+        }
+    });
+});

package/cypress.config.js

@@ -0,0 +1,26 @@
+const { defineConfig } = require('cypress');
+
+module.exports = defineConfig({
+  viewportWidth: 1280,
+  defaultCommandTimeout: 8888,
+  chromeWebSecurity: false,
+  reporter: 'junit',
+  video: true,
+  retries: {
+    runMode: 8,
+    openMode: 0,
+  },
+  reporterOptions: {
+    mochaFile: 'cypress/reports/cypress-[hash].xml',
+    jenkinsMode: true,
+    toConsole: true,
+  },
+  e2e: {
+    setupNodeEvents(on, config) {
+      // e2e testing node events setup code
+      require('@cypress/code-coverage/task')(on, config);
+      return config;
+    },
+    baseUrl: 'http://localhost:3000',
+  },
+});

package/jest-addon.config.js

@@ -0,0 +1,36 @@
+module.exports = {
+  testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
+  collectCoverageFrom: [
+    'src/addons/**/src/**/*.{js,jsx,ts,tsx}',
+    '!src/**/*.d.ts',
+  ],
+  moduleNameMapper: {
+    '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
+    '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
+    '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
+    '@package/(.*)$': '<rootDir>/src/$1',
+    '@root/(.*)$': '<rootDir>/src/$1',
+    '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
+    '@eeacms/(.*?)/(.*)$': '<rootDir>/src/addons/$1/src/$2',
+    '@plone/volto-slate':
+      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
+    '~/(.*)$': '<rootDir>/src/$1',
+    'load-volto-addons':
+      '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+  },
+  transform: {
+    '^.+\\.js(x)?$': 'babel-jest',
+    '^.+\\.(png)$': 'jest-file',
+    '^.+\\.(jpg)$': 'jest-file',
+    '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
+  },
+  coverageThreshold: {
+    global: {
+      branches: 5,
+      functions: 5,
+      lines: 5,
+      statements: 5,
+    },
+  },
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@eeacms/volto-cca-policy",
+  "version": "0.1.1",
+  "description": "@eeacms/volto-cca-policy: Volto add-on",
+  "main": "src/index.js",
+  "author": "European Environment Agency: IDM2 A-Team",
+  "license": "MIT",
+  "homepage": "https://github.com/eea/volto-cca-policy",
+  "keywords": [
+    "volto-addon",
+    "volto",
+    "plone",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:eea/volto-cca-policy.git"
+  },
+  "addons": [
+    "@eeacms/volto-eea-design-system",
+    "volto-subsites"
+  ],
+  "devDependencies": {
+    "@cypress/code-coverage": "^3.10.0",
+    "@plone/scripts": "*",
+    "@eeacms/volto-eea-design-system": "*",
+    "volto-subsites": "*",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "cypress-fail-fast": "^5.0.1",
+    "md5": "^2.3.0"
+  },
+  "scripts": {
+    "release": "release-it",
+    "release-major-beta": "release-it major --preRelease=beta",
+    "release-beta": "release-it --preRelease=beta",
+    "bootstrap": "npm install -g ejs; npm link ejs; node bootstrap",
+    "test": "make test",
+    "test:fix": "make test-update",
+    "pre-commit": "yarn stylelint:fix && yarn prettier:fix && yarn lint:fix",
+    "stylelint": "make stylelint",
+    "stylelint:overrides": "make stylelint-overrides",
+    "stylelint:fix": "make stylelint-fix",
+    "prettier": "make prettier",
+    "prettier:fix": "make prettier-fix",
+    "lint": "make lint",
+    "lint:fix": "make lint-fix",
+    "i18n": "make i18n",
+    "cypress:run": "make cypress-run",
+    "cypress:open": "make cypress-open"
+  }
+}

package/src/components/index.js

@@ -0,0 +1 @@
+export BannerView from './theme/Banner/View';

package/src/components/manage/Blocks/ContextNavigation/ContextNavigationEdit.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { EditSchema } from './schema';
+import { InlineForm, SidebarPortal } from '@plone/volto/components';
+import ContextNavigationView from './ContextNavigationView';
+
+const ContextNavigationFillView = (props) => {
+  const schema = EditSchema();
+  return (
+    <>
+      <h3>Context navigation</h3>
+      <ContextNavigationView {...props} />{' '}
+      <SidebarPortal selected={props.selected}>
+        {props.selected && (
+          <InlineForm
+            title={schema.title}
+            schema={schema}
+            formData={props.data}
+            onChangeField={(id, value) => {
+              props.onChangeBlock(props.block, {
+                ...props.data,
+                [id]: value,
+              });
+            }}
+          />
+        )}
+      </SidebarPortal>
+    </>
+  );
+};
+
+export default ContextNavigationFillView;

package/src/components/manage/Blocks/ContextNavigation/ContextNavigationView.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import ConnectedContextNavigation from '@plone/volto/components/theme/Navigation/ContextNavigation';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+const ContextNavigationView = ({ data = {} }) => {
+  const navProps = { ...data };
+  const root_path = data?.root_node?.[0]?.['@id'];
+  if (root_path) navProps['root_path'] = flattenToAppURL(root_path);
+
+  return (
+    <>
+      <ConnectedContextNavigation params={navProps} />
+    </>
+  );
+};
+
+export default ContextNavigationView;

package/src/components/manage/Blocks/ContextNavigation/index.js

@@ -0,0 +1,26 @@
+import codeSVG from '@plone/volto/icons/code.svg';
+import ContextNavigationEdit from './ContextNavigationEdit';
+import ContextNavigationView from './ContextNavigationView';
+import BlockSettingsSchema from '@plone/volto/components/manage/Blocks/Block/Schema';
+
+export default (config) => {
+  config.blocks.blocksConfig.contextNavigation = {
+    id: 'contextNavigation',
+    title: 'Navigation',
+    icon: codeSVG,
+    group: 'site',
+    view: ContextNavigationView,
+    edit: ContextNavigationEdit,
+    schema: BlockSettingsSchema,
+    restricted: true,
+    mostUsed: true,
+    blockHasOwnFocusManagement: true,
+    sidebarTab: 1,
+    security: {
+      addPermission: [],
+      view: [],
+    },
+  };
+
+  return config;
+};