@plone/volto 16.6.0 → 16.7.0

package/.changelog.draft

@@ -1,18 +1,25 @@
-## 16.6.0 (2022-12-23)
+## 16.7.0 (2023-01-11)
 
 ### Feature
 
-- Allow passing the `step` prop to NumberWidget @tiberiuichim [#4152](https://github.com/plone/volto/issues/4152)
+- Show project name and version in control panel @sneridagh [#4176](https://github.com/plone/volto/issues/4176)
+- Enhance Cypress content creation command @sneridagh [#4210](https://github.com/plone/volto/issues/4210)
 
 ### Bugfix
 
-- Fix categorization list is not readable when there are longer values or filtering @iFlameing [#4113](https://github.com/plone/volto/issues/4113)
-- Add scroll into view settings @robgietema [#4140](https://github.com/plone/volto/issues/4140)
-- Remove searching capabilities of SortOn component of Search Block @iFlameing [#4162](https://github.com/plone/volto/issues/4162)
-- Fixed externalRoutes short version @pnicolli [#4182](https://github.com/plone/volto/issues/4182)
+- Improve matching in keyboard slash menu. [davisagli] [#4187](https://github.com/plone/volto/issues/4187)
+- (fix): sidebar is not displaying correctly when clicking on a lead image field. @dobri1408 [#4191](https://github.com/plone/volto/issues/4191)
+- Cleanup `package.json` scripts section @sneridagh [#4193](https://github.com/plone/volto/issues/4193)
+- Fixed condition to select without vocabulary @SaraBianchi [#4200](https://github.com/plone/volto/issues/4200)
+- fix iframe covering the page due to a react-error-overlay bug @reebalazs [#4242](https://github.com/plone/volto/issues/4242)
 
 ### Documentation
 
-- Fix URLs to Plone 6 docs. @stevepiercy [#4143](https://github.com/plone/volto/issues/4143)
-- Fix Sphinx warning Document headings start at H2, not H1 [myst.header]. @stevepiercy [#4145](https://github.com/plone/volto/issues/4145)
+- Add description for different types of blocks. @MAX-786 [#3827](https://github.com/plone/volto/issues/3827)
+- Update makefile to use Vale for spell, grammar, and style checking. Fix linkcheckbroken to return the correct exit code for broken links. Fix broken links. [stevepiercy] [#4181](https://github.com/plone/volto/issues/4181)
+- Add todo regarding management of Plone's backend. Update versions. [stevepiercy] [#4198](https://github.com/plone/volto/issues/4198)
+- Pin Sphinx<5,>=3 due to sphinx-book-theme 0.3.3 requirement. [stevepiercy] [#4199](https://github.com/plone/volto/issues/4199)
+- Add message about the status of Volto and Plone 6 Installation docs, directing the reader to the main Plone 6 docs. [stevepiercy] [#4209](https://github.com/plone/volto/issues/4209)
+- Clean up Glossary and integrate with main docs. See https://github.com/plone/documentation/issues/1415. [stevepiercy] [#4211](https://github.com/plone/volto/issues/4211)
+- Add some instructions for dealing with untranspiled add-ons and a lazy loading example for functional components. [cguardia] [#4233](https://github.com/plone/volto/issues/4233)
 

package/CHANGELOG.md

@@ -8,6 +8,32 @@
 
 <!-- towncrier release notes start -->
 
+## 16.7.0 (2023-01-11)
+
+### Feature
+
+- Show project name and version in control panel @sneridagh [#4176](https://github.com/plone/volto/issues/4176)
+- Enhance Cypress content creation command @sneridagh [#4210](https://github.com/plone/volto/issues/4210)
+
+### Bugfix
+
+- Improve matching in keyboard slash menu. [davisagli] [#4187](https://github.com/plone/volto/issues/4187)
+- (fix): sidebar is not displaying correctly when clicking on a lead image field. @dobri1408 [#4191](https://github.com/plone/volto/issues/4191)
+- Cleanup `package.json` scripts section @sneridagh [#4193](https://github.com/plone/volto/issues/4193)
+- Fixed condition to select without vocabulary @SaraBianchi [#4200](https://github.com/plone/volto/issues/4200)
+- fix iframe covering the page due to a react-error-overlay bug @reebalazs [#4242](https://github.com/plone/volto/issues/4242)
+
+### Documentation
+
+- Add description for different types of blocks. @MAX-786 [#3827](https://github.com/plone/volto/issues/3827)
+- Update makefile to use Vale for spell, grammar, and style checking. Fix linkcheckbroken to return the correct exit code for broken links. Fix broken links. [stevepiercy] [#4181](https://github.com/plone/volto/issues/4181)
+- Add todo regarding management of Plone's backend. Update versions. [stevepiercy] [#4198](https://github.com/plone/volto/issues/4198)
+- Pin Sphinx<5,>=3 due to sphinx-book-theme 0.3.3 requirement. [stevepiercy] [#4199](https://github.com/plone/volto/issues/4199)
+- Add message about the status of Volto and Plone 6 Installation docs, directing the reader to the main Plone 6 docs. [stevepiercy] [#4209](https://github.com/plone/volto/issues/4209)
+- Clean up Glossary and integrate with main docs. See https://github.com/plone/documentation/issues/1415. [stevepiercy] [#4211](https://github.com/plone/volto/issues/4211)
+- Add some instructions for dealing with untranspiled add-ons and a lazy loading example for functional components. [cguardia] [#4233](https://github.com/plone/volto/issues/4233)
+
+
 ## 16.6.0 (2022-12-23)
 
 ### Feature
@@ -84,7 +110,7 @@
 
 ### Feature
 
-- Add towncrier support. Create RELEASING.md and move and update Releasing section from README.md into it. @sneridagh @stevepiercy [#3985](https://github.com/plone/volto/issues/3985)
+- Add towncrier support. Create `RELEASING.md` and move and update Releasing section from `README.md` into it. @sneridagh @stevepiercy [#3985](https://github.com/plone/volto/issues/3985)
 - Translation of roles in user and group control panel. Fix https://github.com/plone/volto/issues/4002 @wesleybl [#4002](https://github.com/plone/volto/issues/4002)
 - Use the component registry for `Container` component in DefaultView @sneridagh [#4032](https://github.com/plone/volto/issues/4032)
 - Update missing german translations @steffenri
@@ -160,7 +186,7 @@
 - Staticize Poppins font to be compliant with EU privacy. Import from GoogleFont is disabled in site.variables. @giuliaghisini
 - Remove the `callout` button (the one with the megaphone icon) from the slate toolbar since it has the same styling as `blockquote`. If you need it anyway, you can bring it back in your addon. @sneridagh
 - Using volto-slate Headline / Subheadline buttons strips all elements in the selection @tiberiuichim
-- Use `Cypress` 10.3.0 (migrate from 9.x.x). Cypress 10 has some interesting goodies, being the native support of Apple Silicon Computers the main of it. See https://docs.voltocms.com/upgrade-guide/ for more information. @sneridagh
+- Use `Cypress` 10.3.0 (migrate from 9.x.x). Cypress 10 has some interesting goodies, being the native support of Apple Silicon Computers the main of it. See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information. @sneridagh
 - The complete configuration registry is passed to the add-ons and the project configuration pipeline @sneridagh
 - Refactor the component registry API in the configuration registry @sneridagh @tiberiuichim
 - change password-reset url to be consistent with Plone configuration @erral
@@ -460,8 +486,8 @@ See https://6.dev-docs.plone.org/volto/upgrade-guide/index.html for more informa
 - Improve English grammar and syntax in backend docs. @stevepiercy
 - Fix JSX syntax highlighting. Remove duplicate heading. @stevepiercy
 - fix make task `docs-linkcheckbroken` if grep has exit code 1 (no lines found)
-- Updated simple.md @MdSahil-oss
-- Fix indentation in nginx configuration in simple.md @stevepiercy
+- Updated `simple.md` @MdSahil-oss
+- Fix indentation in nginx configuration in `simple.md` @stevepiercy
 - Remove sphinx_sitemap configuration because Volto's docs are now imported into the main docs, making this setting unnecessary. @stevepiercy
 - Set the ogp_site_url to main docs, instead of training. @stevepiercy
 - `aria-*` attributes are now parsed correctly by jsx-lexer 2.0. @stevepiercy
@@ -1098,7 +1124,7 @@ See https://6.dev-docs.plone.org/volto/upgrade-guide/index.html for more informa
 ### Breaking
 
 - The complete configuration registry is passed to the add-ons and the project configuration pipeline
-  See https://docs.voltocms.com/upgrade-guide/ for more information. @sneridagh
+  See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information. @sneridagh
 - Refactor the component registry API in the configuration registry @sneridagh @tiberiuichim
 
 ### Bugfix
@@ -1123,7 +1149,7 @@ See https://6.dev-docs.plone.org/volto/upgrade-guide/index.html for more informa
 
 ### Breaking
 
-- Use `Cypress` 10.3.0 (migrate from 9.x.x). Cypress 10 has some interesting goodies, being the native support of Apple Silicon Computers the main of it. See https://docs.voltocms.com/upgrade-guide/ for more information. @sneridagh
+- Use `Cypress` 10.3.0 (migrate from 9.x.x). Cypress 10 has some interesting goodies, being the native support of Apple Silicon Computers the main of it. See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information. @sneridagh
 
 ### Bugfix
 
@@ -1387,8 +1413,8 @@ Use next release instead: https://github.com/plone/volto/releases/tag/16.0.0-alp
 
 ### Documentation
 
-- Updated simple.md @MdSahil-oss
-- Fix indentation in nginx configuration in simple.md @stevepiercy
+- Updated `simple.md` @MdSahil-oss
+- Fix indentation in nginx configuration in `simple.md` @stevepiercy
 
 ## 16.0.0-alpha.3 (2022-05-16)
 
@@ -1642,7 +1668,7 @@ Use next release instead: https://github.com/plone/volto/releases/tag/16.0.0-alp
 
 ### Documentation
 
-- Updated README.md @ktsrivastava29
+- Updated `README.md` @ktsrivastava29
 - Added language to code-blocks in md files @ktsrivastava29
 - Added html_meta values and labels for Intersphinx cross-references from Trainings. @stevepiercy
 - Replaced `docs.voltocms.com` with MyST references. @stevepiercy
@@ -1858,7 +1884,7 @@ Use next release instead: https://github.com/plone/volto/releases/tag/16.0.0-alp
 ### Breaking
 
 - Lazyload draftjs library. See the upgrade guide on how that impacts you, in case you have extended the rich text editor configuration @tiberiuichim @kreafox
-  See https://docs.voltocms.com/upgrade-guide/ for more information.
+  See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information.
 
 ### Feature
 
@@ -1871,7 +1897,7 @@ Use next release instead: https://github.com/plone/volto/releases/tag/16.0.0-alp
 - Markup change in `LinkView` component.
 - Rename `core-sandbox` to `coresandbox` for sake of consistency @sneridagh
 - Extend the original intent and rename `RAZZLE_TESTING_ADDONS` to `ADDONS`. @sneridagh
-  See https://docs.voltocms.com/upgrade-guide/ for more information.
+  See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information.
 
 ### Internal
 
@@ -1917,7 +1943,7 @@ Use next release instead: https://github.com/plone/volto/releases/tag/16.0.0-alp
 ### Breaking
 
 - Upgrade `react-cookie` to latest version. @sneridagh @robgietema
-  See https://docs.voltocms.com/upgrade-guide/ for more information.
+  See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information.
 
 ## 14.10.0 (2022-02-08)
 
@@ -2046,7 +2072,7 @@ new users/evaluators. @fredvd
 ### Internal
 
 - Fix URL for Climate-Energy, a Volto website @tiberiuichim
-- Fix quirky Cypress test in "DX control panel schema" (see https://github.com/plone/volto/runs/4803206906?check_suite_focus=true) @sneridagh
+- Fix quirky Cypress test in "DX control panel schema" (see https://github.com/plone/volto/actions/runs/1692689792/jobs/2306969715) @sneridagh
 
 ## 14.2.1 (2022-01-12)
 
@@ -2110,11 +2136,11 @@ new users/evaluators. @fredvd
 
 ### Breaking
 
-- Remove compatibility for old configuration (based on imports) system. Migrate your configuration to the new configuration system for your project before upgrading to Volto 14. See https://docs.voltocms.com/upgrade-guide/#volto-configuration-registry @sneridagh
+- Remove compatibility for old configuration (based on imports) system. Migrate your configuration to the new configuration system for your project before upgrading to Volto 14. See https://6.docs.plone.org/volto/upgrade-guide/index.html#volto-configuration-registry @sneridagh
 - Content locking is not a breaking change, but it's worth noting that Volto 14 comes with locking support enabled by default. Latest `plone.restapi` version is required. @avoinea
 - Revisited, rethought and refactored Seamless mode @sneridagh
   For more information, please read the deploying guide
-  https://docs.voltocms.com/deploying/seamless-mode/
+  https://6.docs.plone.org/volto/deploying/seamless-mode.html
 - Listing block no longer use `fullobjects` to retrieve backend data. It uses the catalog data instead. This improves the performance of the listing block. @plone/volto-team
 - Removed pagination in vocabularies widgets (SelectWidget, ArrayWidget, TokenWidget) and introduced subrequest to vocabulary action. @giuliaghisini
 - Use the block's title as the source of the translation instead of using the id of the block. See upgrade guide for more information @sneridagh
@@ -2126,14 +2152,14 @@ new users/evaluators. @fredvd
 - Use title instead of id as a source of translation in "Variation" field in block enhancers @sneridagh
 - Move `theme.js` import to top of the client code, so it take precedence over any other inline imported CSS. This is not an strict breaking change, but it's worth to mention it as might be important and kept in mind. @sneridagh
 
-See https://docs.voltocms.com/upgrade-guide/ for more information about all the breaking changes.
+See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information about all the breaking changes.
 
 ### Feature
 
 - Support Node 16 @timo
 - Content locking support for Plone (`plone.locking`) @avoinea
 - Add the new search block @tiberiuichim @kreafox @sneridagh
-- Provide Server-Side Rendering capabilities for blocks with async-based content (such as the listing block). A block needs to provide its own `getAsyncData` implementation, which is similar to an `asyncConnect` wrapper promise. @tiberiuichim @sneridagh
+- Provide server-side rendering capabilities for blocks with async-based content (such as the listing block). A block needs to provide its own `getAsyncData` implementation, which is similar to an `asyncConnect` wrapper promise. @tiberiuichim @sneridagh
 - Defaults are observed in block data if `InlineForm` or `BlockDataForm` are used. @sneridagh @tiberiuichim
 - Apply form defaults from RenderBlocks and block Edit using a new helper, `applyBlockDefaults` @tiberiuichim
 - Now each block config object can declare a schema factory (a function that can produce a schema) and this will be used to derive the default data for the block @tiberiuichim
@@ -2486,7 +2512,7 @@ See https://docs.voltocms.com/upgrade-guide/ for more information about all the
 
 ### Feature
 
-- Provide Server-Side Rendering capabilities for blocks with async-based content (such as the listing block). A block needs to provide its own `getAsyncData` implementation, which is similar to an `asyncConnect` wrapper promise. @tiberiuichim @sneridagh
+- Provide server-side rendering capabilities for blocks with async-based content (such as the listing block). A block needs to provide its own `getAsyncData` implementation, which is similar to an `asyncConnect` wrapper promise. @tiberiuichim @sneridagh
 
 ## 14.0.0-alpha.25 (2021-11-01)
 
@@ -2561,10 +2587,10 @@ See https://docs.voltocms.com/upgrade-guide/ for more information about all the
 
 - Revisited, rethought and refactored Seamless mode @sneridagh
   For more information, please read the deploying guide
-  https://docs.voltocms.com/deploying/seamless-mode/
+  https://6.docs.plone.org/volto/deploying/seamless-mode.html
 
-and the upgrade guide
-https://docs.voltocms.com/upgrade-guide/
+  and the upgrade guide
+  https://6.docs.plone.org/volto/upgrade-guide/index.html
 
 ### Bugfix
 
@@ -2608,7 +2634,7 @@ https://docs.voltocms.com/upgrade-guide/
 - Adjusted main `Logo` component styling @sneridagh
 
 For more information, please read the upgrade guide
-https://docs.voltocms.com/upgrade-guide/
+https://6.docs.plone.org/volto/upgrade-guide/index.html
 
 ### Feature
 
@@ -2619,7 +2645,7 @@ https://docs.voltocms.com/upgrade-guide/
 - Improved developer documentation. Proof read several chapters, most importantly the upgrade guide @ichim-david
 - Use Plone logo (Closes #2632) @ericof
 - Updated Brazilian Portuguese translations @ericof
-- Footer: Point to plone.org instead of plone.com @ericof
+- Footer: Point to `plone.org` instead of `plone.com` @ericof
 - Fix "make start-frontend" @tisto
 - Update all the tests infrastructure for the new `volto-guillotina` addon @sneridagh
 
@@ -2752,8 +2778,8 @@ https://docs.voltocms.com/upgrade-guide/
 
 ### Breaking
 
-- Remove compatibility for old configuration (based on imports) system. Migrate your configuration to the new configuration system for your project before upgrading to Volto 14. See https://docs.voltocms.com/upgrade-guide/#volto-configuration-registry @sneridagh
-- Content locking is not a breaking change, but it's worth noting that Volto 14 comes with locking support enabled by default. Latest `plone.restapi` versions is required. See https://docs.voltocms.com/upgrade-guide/ for more information
+- Remove compatibility for old configuration (based on imports) system. Migrate your configuration to the new configuration system for your project before upgrading to Volto 14. See https://6.docs.plone.org/volto/upgrade-guide/index.html#volto-configuration-registry @sneridagh
+- Content locking is not a breaking change, but it's worth noting that Volto 14 comes with locking support enabled by default. Latest `plone.restapi` versions is required. See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information
 
 ### Feature
 
@@ -2803,7 +2829,7 @@ https://docs.voltocms.com/upgrade-guide/
 
 - Disabled all the other configuration options when user did not choose any criteria in listing block @iFlameing
 - Updated Brazilian Portuguese translations @ericof
-- Footer: Point to plone.org instead of plone.com @ericof
+- Footer: Point to `plone.org` instead of `plone.com` @ericof
 - Array and token widget available as named widget @nzambello
 
 ## 13.12.0 (2021-08-20)
@@ -3076,7 +3102,7 @@ https://docs.voltocms.com/upgrade-guide/
 - Refactored `Listing` block using the new `src/components/manage/Widgets/QuerystringWidget`. Introducing a new `showLinkMore` block option opt-in for the additional feature instead of always-in. Deprecated `ListingSidebar` and `src/components/manage/Blocks/Listing/QuerystringWidget` in favor of the new `src/components/manage/Widgets/QuerystringWidget` @sneridagh
 
 For a more information, please read the upgrade guide
-https://docs.voltocms.com/upgrade-guide/
+https://6.docs.plone.org/volto/upgrade-guide/index.html
 
 ### Feature
 
@@ -3190,7 +3216,7 @@ https://docs.voltocms.com/upgrade-guide/
 - Refactored `Listing` block using the new `src/components/manage/Widgets/QuerystringWidget`. Introducing a new `showLinkMore` block option opt-in for the additional feature instead of always-in. Deprecated `ListingSidebar` and `src/components/manage/Blocks/Listing/QuerystringWidget` in favor of the new `src/components/manage/Widgets/QuerystringWidget` @sneridagh
 
 For a more information, please read the upgrade guide
-https://docs.voltocms.com/upgrade-guide/
+https://6.docs.plone.org/volto/upgrade-guide/index.html
 
 ### Bugfix
 
@@ -3240,7 +3266,7 @@ https://docs.voltocms.com/upgrade-guide/
 - Get rid of the font icons in the control panels overview @sneridagh
 
 For a complete list of actions to follow, please read the upgrade guide
-https://docs.voltocms.com/upgrade-guide/
+https://6.docs.plone.org/volto/upgrade-guide/index.html
 
 ### Feature
 
@@ -3391,7 +3417,7 @@ https://docs.voltocms.com/upgrade-guide/
 
 ### Internal
 
-- Add Storybook to the main docs (docs.voltocms.com/storybook) build @sneridagh
+- Add Storybook to the main docs (https://6.docs.plone.org/storybook/) build @sneridagh
 
 ## 12.5.0 (2021-03-31)
 
@@ -3539,7 +3565,7 @@ https://docs.voltocms.com/upgrade-guide/
 ### Breaking
 
 - Introduction of the new Volto Configuration Registry @sneridagh @tiberiuichim
-  For more information about this breaking change: https://docs.voltocms.com/upgrade-guide/#upgrading-to-volto-12xx
+  For more information about this breaking change: https://6.docs.plone.org/volto/upgrade-guide/index.html#upgrading-to-volto-12-x-x
 
 ### Feature
 
@@ -3554,7 +3580,7 @@ https://docs.voltocms.com/upgrade-guide/
 ### Breaking
 
 - Introduction of the new Volto Configuration Registry @sneridagh @tiberiuichim
-  For more information about this breaking change: https://docs.voltocms.com/upgrade-guide/#upgrading-to-volto-12xx
+  For more information about this breaking change: https://6.docs.plone.org/volto/upgrade-guide/index.html#upgrading-to-volto-12-x-x
 
 ## 11.1.0 (2021-02-08)
 
@@ -3834,7 +3860,7 @@ https://docs.voltocms.com/upgrade-guide/
 ### Breaking
 
 - Removal of the Razzle patch that was introduced in 9.0.0 @sneridagh
-  See https://docs.voltocms.com/upgrade-guide/ for more details.
+  See https://6.docs.plone.org/volto/upgrade-guide/index.html for more details.
 - Fetched content with `getContent` no longer includes fullobjects by default @tiberiuichim
 
 ### Bugfix
@@ -3854,7 +3880,7 @@ https://docs.voltocms.com/upgrade-guide/
 ## 9.2.0 (2020-11-24)
 
 **This is a brown bag release and should not be used, upgrade to Volto 10.x.x instead.**
-See https://docs.voltocms.com/upgrade-guide/ for more information.
+See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information.
 
 ### Feature
 
@@ -3915,7 +3941,7 @@ See https://docs.voltocms.com/upgrade-guide/ for more information.
   - @babel/plugin-proposal-function-sent
 
 For a complete list of actions to follow, please read the upgrade guide
-https://docs.voltocms.com/upgrade-guide/
+https://6.docs.plone.org/volto/upgrade-guide/index.html
 
 ### Feature
 
@@ -4001,7 +4027,7 @@ https://docs.voltocms.com/upgrade-guide/
 
 ### Feature
 
-- Add support for the new active LTS NodeJS version 14. NodeJS 10 eol will happen on 2021-04-30 and Volto will update accordingly. More information on https://nodejs.org/en/about/releases @sneridagh
+- Add support for the new active LTS NodeJS version 14. NodeJS 10 eol will happen on 2021-04-30 and Volto will update accordingly. More information on https://github.com/nodejs/release#release-schedule @sneridagh
 
 ## 8.7.1 (2020-10-29)
 
@@ -4525,7 +4551,7 @@ https://docs.voltocms.com/upgrade-guide/
 
 ### Feature
 
-- Provide a new webpack alias, `volto-themes`, which points to Volto's theme folder. See details in the https://docs.voltocms.com/upgrade-guide/
+- Provide a new webpack alias, `volto-themes`, which points to Volto's theme folder. See details in the https://6.docs.plone.org/volto/upgrade-guide/index.html
 
 ### Internal
 
@@ -4674,7 +4700,7 @@ https://docs.voltocms.com/upgrade-guide/
 ### Breaking
 
 - Removed support for CSS modules, since Razzle 3.1.x do not support them @sneridagh
-- Updated Volto dependencies - See https://docs.voltocms.com/upgrade-guide/ for more information @sneridagh
+- Updated Volto dependencies - See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information @sneridagh
 - By adding `react-beautiful-dnd` in the block editor we are introducing new wrappers
   (belonging to the lib machinery) in the structure. The original structure and class
   names are still in there for maintain maximum backwards compatibility. Those might be
@@ -5144,7 +5170,7 @@ refer to all of them in https://github.com/plone/volto/releases
 
 ### Internal
 
-- Added forest.eea.europa.eu as deployed Volto in production @tiberiuichim
+- Added `forest.eea.europa.eu` as deployed Volto in production @tiberiuichim
 - Add SemanticUI responsive variables to the responsive utils @sneridagh
 - Added `yarnhook` to the build @sneridagh
 
@@ -5191,7 +5217,7 @@ refer to all of them in https://github.com/plone/volto/releases
 
 ### Added
 
-- Lead image behavior block @sneridagh sponsored by CMSCOM.jp @terapyon
+- Lead image behavior block @sneridagh sponsored by `CMSCOM.jp` @terapyon
 
 ### Changes
 
@@ -5503,7 +5529,7 @@ refer to all of them in https://github.com/plone/volto/releases
 ### Internal
 
 - Add complete husky config @sneridagh
-- Add COC.md file @timo
+- Add `COC.md` file @timo
 
 ## 4.0.0-alpha.5 (2019-09-28)
 

package/cypress/support/commands.js

@@ -46,10 +46,12 @@ Cypress.Commands.add(
     contentType,
     contentId,
     contentTitle,
+    contentDescription,
     path = '',
     allow_discussion = false,
     transition = '',
     bodyModifier = (body) => body,
+    image = false,
   }) => {
     let api_url, auth;
     if (Cypress.env('API') === 'guillotina') {
@@ -62,40 +64,44 @@ Cypress.Commands.add(
       api_url = PLONE_API_URL;
       auth = ploneAuthObj;
     }
+
+    const defaultParams = {
+      method: 'POST',
+      url: `${api_url}/${path}`,
+      headers: {
+        Accept: 'application/json',
+      },
+      auth: auth,
+      body: {
+        '@type': contentType,
+        id: contentId,
+        title: contentTitle,
+        description: contentDescription,
+        allow_discussion: allow_discussion,
+      },
+    };
+
     if (contentType === 'File') {
-      return cy.request({
-        method: 'POST',
-        url: `${api_url}/${path}`,
-        headers: {
-          Accept: 'application/json',
-        },
-        auth: auth,
+      const params = {
+        ...defaultParams,
         body: bodyModifier({
-          '@type': contentType,
-          id: contentId,
-          title: contentTitle,
+          ...defaultParams.body,
           file: {
             data: 'dGVzdGZpbGUK',
             encoding: 'base64',
             filename: 'lorem.txt',
             'content-type': 'text/plain',
           },
-          allow_discussion: allow_discussion,
         }),
-      });
+      };
+
+      return cy.request(params);
     }
     if (contentType === 'Image') {
-      return cy.request({
-        method: 'POST',
-        url: `${api_url}/${path}`,
-        headers: {
-          Accept: 'application/json',
-        },
-        auth: auth,
+      const params = {
+        ...defaultParams,
         body: bodyModifier({
-          '@type': contentType,
-          id: contentId,
-          title: contentTitle,
+          ...defaultParams.body,
           image: {
             data:
               'iVBORw0KGgoAAAANSUhEUgAAANcAAAA4CAMAAABZsZ3QAAAAM1BMVEX29fK42OU+oMvn7u9drtIPisHI4OhstdWZyt4fkcXX5+sAg74umMhNp86p0eJ7vNiKw9v/UV4wAAAAAXRSTlMAQObYZgAABBxJREFUeF7tmuty4yAMhZG4X2zn/Z92J5tsBJwWXG/i3XR6frW2Y/SBLIRAfaQUDNt8E5tLUt9BycfcKfq3R6Mlfyimtx4rzp+K3dtibXkor99zsEqLYZltblTecciogoh+TXfY1Ve4dn07rCDGG9dHSEEOg/GmXl0U1XDxTKxNK5De7BxsyyBr6gGm2/vPxKJ8F6f7BXKfRMp1xIWK9A+5ks25alSb353dWnDJN1k35EL5f8dVGifTf/4tjUuuFq7u4srmXC60yAmldLXIWbg65RKU87lcGxJCFqUPv0IacW0PmSivOZFLE908inPToMmii/roG+MRV/O8FU88i8tFsxV3a06MFUw0Qu7RmAtdV5/HVVaOVMTWNOWSwMljLhzhcB6XIS7OK5V6AvRDNN7t5VJWQs1J40UmalbK56usBG/CuCHSYuc+rkUGeMCViNRARPrzW52N3oQLe6WifNliSuuGaH3czbVNudI9s7ZLUCLHVwWlyES522o1t14uvmbblmVTKqFjaZYJFSTPP4dLL1kU1z7p0lzdbRulmEWLxoQX+z9ce7A8GqEEucllLxePuZwdJl1Lezu0hoswvTPt61DrFcRuujV/2cmlxaGBC7Aw6cpovGANwRiSdOAWJ5AGy4gLL64dl0QhUEAuEUNws+XxV+OKGPdw/hESGYF9XEGaFC7sNLMSXWJjHsnanYi87VK428N2uxpOjOFANcagLM5l+7mSycM8KknZpKLcGi6jmzWGr/vLurZ/0g4u9AZuAoeb5r1ceQhyiTPY1E4wUR6u/F3H2ojSpXMMriBPT9cezTto8Cx+MsglHL4fv1Rxrb1LVw9yvyQpJ3AhFnLZfuRLH2QsOG3FGGD20X/th/u5bFAt16Bt308KjF+MNOXgl/SquIEySX3GhaZvc67KZbDxcCDORz2N8yCWPaY5lyQZO7lQ29fnZbt3Xu6qoge4+DjXl/MocySPOp9rlvdyznahRyHEYd77v3LhugOXDv4J65QXfl803BDAdaWBEDhfVx7nKofjoVCgxnUAqw/UAUDPn788BDvQuG4TDtdtUPvzjSlXAB8DvaDOhhrmhwbywylXAm8CvaouikJTL93gs3y7Yy4VYbIxOHrcMizPqWOjqO9l3Uz52kibQy4xxOgqhJvD+w5rvokOcAlGvNCfeqCv1ste1stzLm0f71Iq3ZfTrPfuE5nhPtF+LvQE2lffQC7pYtQy3tdzdrKvd5TLVVzDetScS3nEKmmwDyt1Cev1kX3YfbvzNK4fzrlw+cB6vm+uiUgf2zdXI62241LawCb7Pi5FXFPF8KpzDoF/Sw2lg+GrHNbno1mhPu+VCF/vfMnw06PnUl6j48dVHD3jHNHPua+fc3o/5yp/zsGi0vYtzi3Pz5mHd4T6BWMIlewacd63AAAAAElFTkSuQmCC',
@@ -104,37 +110,74 @@ Cypress.Commands.add(
             'content-type': 'image/png',
           },
         }),
-      });
+      };
+
+      return cy.request(params);
     }
     if (
       ['Document', 'News Item', 'Folder', 'CMSFolder'].includes(contentType)
     ) {
-      return cy
-        .request({
-          method: 'POST',
-          url: `${api_url}/${path}`,
-          headers: {
-            Accept: 'application/json',
+      const params = {
+        ...defaultParams,
+        body: {
+          ...defaultParams.body,
+          blocks: {
+            'd3f1c443-583f-4e8e-a682-3bf25752a300': { '@type': 'title' },
+            '7624cf59-05d0-4055-8f55-5fd6597d84b0': { '@type': 'slate' },
           },
-          auth: auth,
+          blocks_layout: {
+            items: [
+              'd3f1c443-583f-4e8e-a682-3bf25752a300',
+              '7624cf59-05d0-4055-8f55-5fd6597d84b0',
+            ],
+          },
+        },
+      };
+
+      if (image) {
+        let sourceFilename = 'cypress/fixtures/halfdome2022.jpg';
+        let imageObject = {
+          encoding: 'base64',
+          filename: 'image.jpg',
+          'content-type': 'image/jpg',
+        };
+        if (typeof image === 'object') {
+          sourceFilename = image.sourceFilename;
+          imageObject = {
+            ...imageObject,
+            ...image,
+          };
+        }
+        cy.readFile(sourceFilename, 'base64').then((encodedImage) => {
+          const withImageParams = {
+            ...params,
+            body: bodyModifier({
+              ...params.body,
+              preview_image: {
+                ...imageObject,
+                data: encodedImage,
+              },
+            }),
+          };
+
+          return cy.request(withImageParams).then(() => {
+            if (transition) {
+              cy.setWorkflow({
+                path: path || contentId,
+                review_state: transition,
+              });
+            }
+            console.log(`${contentType} created`);
+          });
+        });
+      } else {
+        const documentParams = {
+          ...params,
           body: bodyModifier({
-            '@type': contentType,
-            id: contentId,
-            title: contentTitle,
-            blocks: {
-              'd3f1c443-583f-4e8e-a682-3bf25752a300': { '@type': 'title' },
-              '7624cf59-05d0-4055-8f55-5fd6597d84b0': { '@type': 'slate' },
-            },
-            blocks_layout: {
-              items: [
-                'd3f1c443-583f-4e8e-a682-3bf25752a300',
-                '7624cf59-05d0-4055-8f55-5fd6597d84b0',
-              ],
-            },
-            allow_discussion: allow_discussion,
+            ...params.body,
           }),
-        })
-        .then(() => {
+        };
+        return cy.request(documentParams).then(() => {
           if (transition) {
             cy.setWorkflow({
               path: path || contentId,
@@ -143,6 +186,7 @@ Cypress.Commands.add(
           }
           console.log(`${contentType} created`);
         });
+      }
     } else {
       return cy
         .request({

package/news/4160.bug

@@ -0,0 +1,2 @@
+Use Grid instead of Table in Diffview
+[erral]

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "16.6.0",
+  "version": "16.7.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -53,16 +53,12 @@
     "lint:fix": "./node_modules/eslint/bin/eslint.js --fix 'src/**/*.{js,jsx,json}'",
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n",
     "i18n:ci": "yarn i18n && git diff -G'^[^\"POT]' --exit-code",
-    "stylelint:patches": "patch -p0 -N node_modules/stylelint/lib/getPostcssResult.js < patches/fixstylelint.patch || true",
-    "patches": "/bin/bash patches/patchit.sh > /dev/null 2>&1 ||true",
-    "deduplicate": "yarn-deduplicate yarn.lock",
     "dry-release": "release-it --dry-run",
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",
     "release-alpha": "release-it --preRelease=alpha",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "cypress:open": "NODE_ENV=production cypress open"
+    "build-storybook": "build-storybook"
   },
   "bundlewatch": {
     "files": [
@@ -412,6 +408,7 @@
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
     "jest-environment-jsdom": "^26",
+    "react-error-overlay": "6.0.9",
     "react-is": "^16.13.1",
     "release-it": "^15.1.3",
     "tmp": "0.2.1",

package/packages/volto-slate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "16.6.0",
+  "version": "16.7.0",
   "description": "Slate.js integration with Volto",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/packages/volto-slate/src/blocks/Text/SlashMenu.jsx

@@ -35,15 +35,11 @@ const SlashMenu = ({
   availableBlocks,
 }) => {
   const intl = useIntl();
-  // Filter out slate block
-  const filteredAvailableBlocks = availableBlocks.filter(
-    (block) => block.id !== 'slate',
-  );
 
   return (
     <div className="power-user-menu">
       <Menu vertical fluid borderless>
-        {filteredAvailableBlocks.map((block, index) => (
+        {availableBlocks.map((block, index) => (
           <Menu.Item
             key={block.id}
             className={block.id}
@@ -61,7 +57,7 @@ const SlashMenu = ({
             })}
           </Menu.Item>
         ))}
-        {filteredAvailableBlocks.length === 0 && (
+        {availableBlocks.length === 0 && (
           <Menu.Item>
             <FormattedMessage
               id="No matching blocks"
@@ -81,11 +77,25 @@ SlashMenu.propTypes = {
   blocksConfig: PropTypes.arrayOf(PropTypes.any),
 };
 
+const translateBlockTitle = (block, intl) =>
+  intl.formatMessage({
+    id: block.title,
+    defaultMessage: block.title,
+  });
+const scoreBlock = (block, slashCommand, intl) => {
+  if (!slashCommand) return 0;
+  const title = translateBlockTitle(block, intl).toLowerCase();
+  // prefer initial title matches, then title substring matches
+  if (title.indexOf(slashCommand[1]) === 0) return 2;
+  if (title.indexOf(slashCommand[1]) !== -1) return 1;
+};
+
 /**
  * A SlashMenu wrapper implemented as a volto-slate PersistentHelper.
  */
 const PersistentSlashMenu = ({ editor }) => {
   const props = editor.getBlockProps();
+  const intl = useIntl();
   const {
     block,
     blocksConfig,
@@ -115,14 +125,33 @@ const PersistentSlashMenu = ({ editor }) => {
           ? !item.restricted({ properties, block: item })
           : !item.restricted,
       )
-        .filter(
-          (block) =>
+        .filter((block) => {
+          // typed text is a substring of the title or id
+          const title = translateBlockTitle(block, intl).toLowerCase();
+          return (
+            block.id !== 'slate' &&
             slashCommand &&
-            (block.id.indexOf(slashCommand[1]) === 0 ||
-              block.title.toLowerCase().indexOf(slashCommand[1]) === 0),
-        )
-        .sort((a, b) => (a.title < b.title ? -1 : 1)),
-    [allowedBlocks, blocksConfig, properties, slashCommand, useAllowedBlocks],
+            title.indexOf(slashCommand[1]) !== -1
+          );
+        })
+        .sort((a, b) => {
+          const scoreDiff =
+            scoreBlock(b, slashCommand, intl) -
+            scoreBlock(a, slashCommand, intl);
+          if (scoreDiff) return scoreDiff;
+          // sort equally scored blocks by title
+          return translateBlockTitle(a, intl).localeCompare(
+            translateBlockTitle(b, intl),
+          );
+        }),
+    [
+      allowedBlocks,
+      blocksConfig,
+      intl,
+      properties,
+      slashCommand,
+      useAllowedBlocks,
+    ],
   );
 
   const slashMenuSize = availableBlocks.length;

package/src/components/manage/Blocks/LeadImage/Edit.jsx

@@ -64,7 +64,11 @@ class Edit extends Component {
    * @memberof Edit
    */
   shouldComponentUpdate(nextProps) {
-    return this.props.selected || !isEqual(this.props.data, nextProps.data);
+    return (
+      this.props.selected ||
+      nextProps.selected ||
+      !isEqual(this.props.data, nextProps.data)
+    );
   }
 
   node = React.createRef();

package/src/components/manage/Controlpanels/VersionOverview.jsx

@@ -7,7 +7,14 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { isEmpty } from 'lodash';
 
-import { version as voltoVersion } from '../../../../package.json';
+import {
+  version as voltoVersion,
+  name as voltoName,
+} from '../../../../package.json';
+import {
+  version as projectVersion,
+  name as projectName,
+} from '@root/../package.json';
 
 import { defineMessages, useIntl } from 'react-intl';
 import config from '@plone/volto/registry';
@@ -30,6 +37,7 @@ const VersionOverview = ({
 }) => {
   const intl = useIntl();
   const { addonsInfo } = config.settings;
+  const isProject = voltoName !== projectName;
 
   return (
     <>
@@ -40,6 +48,11 @@ const VersionOverview = ({
           paddingLeft: '1rem',
         }}
       >
+        {isProject ? (
+          <li>
+            {projectName} {projectVersion}
+          </li>
+        ) : null}
         {voltoVersion && <li>Volto {voltoVersion}</li>}
         <li>Plone {plone_version}</li>
         <li>plone.restapi {plone_restapi_version}</li>

package/src/components/manage/Diff/DiffField.jsx

@@ -7,7 +7,7 @@ import React from 'react';
 // import { diffWords as dWords } from 'diff';
 import { join, map } from 'lodash';
 import PropTypes from 'prop-types';
-import { Table } from 'semantic-ui-react';
+import { Grid } from 'semantic-ui-react';
 import ReactDOMServer from 'react-dom/server';
 import { Provider } from 'react-intl-redux';
 import { createBrowserHistory } from 'history';
@@ -105,75 +105,72 @@ const DiffField = ({
     parts = diffWords(one?.title || one, two?.title || two);
   }
   return (
-    <Table compact data-testid="DiffField">
-      <Table.Header>
-        <Table.Row>
-          <Table.HeaderCell colSpan={2}>{schema.title}</Table.HeaderCell>
-        </Table.Row>
-      </Table.Header>
-      <Table.Body>
-        {view === 'split' && (
-          <Table.Row>
-            <Table.Cell width={8} verticalAlign="top">
-              <span
-                dangerouslySetInnerHTML={{
-                  __html: join(
-                    map(
-                      parts,
-                      (part) =>
-                        (part.removed &&
-                          `<span class="deletion">${part.value}</span>`) ||
-                        (!part.added && `<span>${part.value}</span>`) ||
-                        '',
-                    ),
-                    '',
+    <Grid data-testid="DiffField">
+      <Grid.Row>
+        <Grid.Column width={12}>{schema.title}</Grid.Column>
+      </Grid.Row>
+
+      {view === 'split' && (
+        <Grid.Row>
+          <Grid.Column width={6} verticalAlign="top">
+            <span
+              dangerouslySetInnerHTML={{
+                __html: join(
+                  map(
+                    parts,
+                    (part) =>
+                      (part.removed &&
+                        `<span class="deletion">${part.value}</span>`) ||
+                      (!part.added && `<span>${part.value}</span>`) ||
+                      '',
                   ),
-                }}
-              />
-            </Table.Cell>
-            <Table.Cell width={8} verticalAlign="top">
-              <span
-                dangerouslySetInnerHTML={{
-                  __html: join(
-                    map(
-                      parts,
-                      (part) =>
-                        (part.added &&
-                          `<span class="addition">${part.value}</span>`) ||
-                        (!part.removed && `<span>${part.value}</span>`) ||
-                        '',
-                    ),
-                    '',
+                  '',
+                ),
+              }}
+            />
+          </Grid.Column>
+          <Grid.Column width={6} verticalAlign="top">
+            <span
+              dangerouslySetInnerHTML={{
+                __html: join(
+                  map(
+                    parts,
+                    (part) =>
+                      (part.added &&
+                        `<span class="addition">${part.value}</span>`) ||
+                      (!part.removed && `<span>${part.value}</span>`) ||
+                      '',
                   ),
-                }}
-              />
-            </Table.Cell>
-          </Table.Row>
-        )}
-        {view === 'unified' && (
-          <Table.Row>
-            <Table.Cell width={16} verticalAlign="top">
-              <span
-                dangerouslySetInnerHTML={{
-                  __html: join(
-                    map(
-                      parts,
-                      (part) =>
-                        (part.removed &&
-                          `<span class="deletion">${part.value}</span>`) ||
-                        (part.added &&
-                          `<span class="addition">${part.value}</span>`) ||
-                        (!part.added && `<span>${part.value}</span>`),
-                    ),
-                    '',
+                  '',
+                ),
+              }}
+            />
+          </Grid.Column>
+        </Grid.Row>
+      )}
+      {view === 'unified' && (
+        <Grid.Row>
+          <Grid.Column width={16} verticalAlign="top">
+            <span
+              dangerouslySetInnerHTML={{
+                __html: join(
+                  map(
+                    parts,
+                    (part) =>
+                      (part.removed &&
+                        `<span class="deletion">${part.value}</span>`) ||
+                      (part.added &&
+                        `<span class="addition">${part.value}</span>`) ||
+                      (!part.added && `<span>${part.value}</span>`),
                   ),
-                }}
-              />
-            </Table.Cell>
-          </Table.Row>
-        )}
-      </Table.Body>
-    </Table>
+                  '',
+                ),
+              }}
+            />
+          </Grid.Column>
+        </Grid.Row>
+      )}
+    </Grid>
   );
 };
 

package/src/components/manage/Widgets/ArrayWidget.jsx

@@ -236,7 +236,8 @@ class ArrayWidget extends Component {
       !this.props.items?.choices?.length &&
       !this.props.choices?.length &&
       this.props.vocabLoading === undefined &&
-      !this.props.vocabLoaded
+      !this.props.vocabLoaded &&
+      this.props.vocabBaseUrl
     ) {
       this.props.getVocabulary({
         vocabNameOrURL: this.props.vocabBaseUrl,