@plone/volto 16.9.0 → 16.11.0

package/.changelog.draft

@@ -1,21 +1,12 @@
-## 16.9.0 (2023-01-27)
+## 16.11.0 (2023-02-13)
 
 ### Feature
 
-- Enable scrolling to ids via hashes in internal links @jackahl [#4165](https://github.com/plone/volto/issues/4165)
-- Read listing block schema from configuration registry @pnicolli [#4231](https://github.com/plone/volto/issues/4231)
-- Add displayName when registering a component @sneridagh [#4282](https://github.com/plone/volto/issues/4282)
-- Support for all default expanders (breadcrumbs, navigation, actions, types) in actions/reducers. Conditional loading of actions if the expanders are present. @sneridagh [#4285](https://github.com/plone/volto/issues/4285)
-- Add `addNewBlock` Cypress support command @sneridagh [#4313](https://github.com/plone/volto/issues/4313)
+- Add open external link in a new tab config option. @robgietema [#4379](https://github.com/plone/volto/issues/4379)
+- Add scss support in core @sneridagh [#4383](https://github.com/plone/volto/issues/4383)
+- Use open in new tab setting for link types. @robgietema [#4384](https://github.com/plone/volto/issues/4384)
 
 ### Bugfix
 
-- Fixed maxLength validation for string type fields @pnicolli [#4189](https://github.com/plone/volto/issues/4189)
-- bugfix : add pathname as required proptype in Blocks/Edit @akshatgarg12 [#4194](https://github.com/plone/volto/issues/4194)
-- (Fix) Select Widgets scrolls the page when the options are not visible @dobri1408 [#4223](https://github.com/plone/volto/issues/4223)
-- Updated volto-slate to check for slateSettings before falling back to config @danalvrz [#4311](https://github.com/plone/volto/issues/4311)
-
-### Internal
-
-- Updated 4 Dependencies @SaiRev0 [#4104](https://github.com/plone/volto/issues/4104)
+- Fix Cannot read properties of undefined (reading 'translations') @avoinea [#4377](https://github.com/plone/volto/issues/4377)
 

package/CHANGELOG.md

@@ -8,6 +8,38 @@
 
 <!-- towncrier release notes start -->
 
+## 16.11.0 (2023-02-13)
+
+### Feature
+
+- Add open external link in a new tab config option. @robgietema [#4379](https://github.com/plone/volto/issues/4379)
+- Add scss support in core @sneridagh [#4383](https://github.com/plone/volto/issues/4383)
+- Use open in new tab setting for link types. @robgietema [#4384](https://github.com/plone/volto/issues/4384)
+
+### Bugfix
+
+- Fix Cannot read properties of undefined (reading 'translations') @avoinea [#4377](https://github.com/plone/volto/issues/4377)
+
+
+## 16.10.0 (2023-02-06)
+
+### Feature
+
+- Option for opening /edit with the same vertical offset like the page in view mode before. @ksuess [#3662](https://github.com/plone/volto/issues/3662)
+- Add option to add an action button to the top of the toolbar and to add a menu button to the bottom of the toolbar. @ksuess [#4333](https://github.com/plone/volto/issues/4333)
+- Update to latest versions in the backend for testing and the convenience api folder @sneridagh [#4361](https://github.com/plone/volto/issues/4361)
+- Content Rules: Support server-provided schema for condition and action @ericof [#4368](https://github.com/plone/volto/issues/4368)
+
+### Bugfix
+
+- Fix react-error-overlay resolution @sneridagh [#4360](https://github.com/plone/volto/issues/4360)
+
+### Documentation
+
+- Add documentation for copy, cut, and paste blocks in Volto. @MAX-786 [#3827](https://github.com/plone/volto/issues/3827)
+- Fixed Grammar error @SaiRev0 [#4272](https://github.com/plone/volto/issues/4272)
+
+
 ## 16.9.0 (2023-01-27)
 
 ### Feature
@@ -24,6 +56,7 @@
 - bugfix : add pathname as required proptype in Blocks/Edit @akshatgarg12 [#4194](https://github.com/plone/volto/issues/4194)
 - (Fix) Select Widgets scrolls the page when the options are not visible @dobri1408 [#4223](https://github.com/plone/volto/issues/4223)
 - Updated volto-slate to check for slateSettings before falling back to config @danalvrz [#4311](https://github.com/plone/volto/issues/4311)
+- Fix bug where label of search facet wasn't translated when the content object is being translated @robgietema [#4306](https://github.com/plone/volto/issues/4306)
 
 ### Internal
 
@@ -35,7 +68,6 @@
 ### Bugfix
 
 - Fix StyleWrapper extenders, the classNames were not being re-fed into the pipe @sneridagh [#4275](https://github.com/plone/volto/issues/4275)
-- Fix bug where label of search facet wasn't translated when the content object is being translated @robgietema
 
 
 ## 16.8.0 (2023-01-18)

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "16.9.0",
+  "version": "16.11.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -137,6 +137,12 @@
       "stylelint-prettier"
     ],
     "overrides": [
+      {
+        "files": [
+          "**/*.scss"
+        ],
+        "customSyntax": "postcss-scss"
+      },
       {
         "files": [
           "**/*.less"
@@ -316,6 +322,7 @@
     "postcss-load-config": "3.1.4",
     "postcss-loader": "4.3.0",
     "postcss-overrides": "3.1.4",
+    "postcss-scss": "4.0.6",
     "prepend-http": "2",
     "prettier": "2.0.5",
     "pretty-bytes": "5.3.0",
@@ -326,6 +333,7 @@
     "razzle": "4.2.17",
     "razzle-dev-utils": "4.2.17",
     "razzle-plugin-bundle-analyzer": "4.2.17",
+    "razzle-plugin-scss": "4.2.18",
     "rc-time-picker": "3.7.3",
     "react": "17.0.2",
     "react-anchor-link-smooth-scroll": "1.0.12",
@@ -422,6 +430,7 @@
   "resolutions": {
     "clean-css": "5.3.1",
     "http-proxy": "^1.18.1",
+    "react-error-overlay": "6.0.9",
     "ua-parser-js": "0.7.28"
   },
   "volta": {

package/packages/volto-slate/package.json

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

package/packages/volto-slate/src/editor/plugins/Link/render.jsx

@@ -1,11 +1,16 @@
 import React from 'react';
 import { UniversalLink } from '@plone/volto/components';
+import config from '@plone/volto/registry';
+import { isInternalURL } from '@plone/volto/helpers';
 
 const ViewLink = ({ url, target, download, children }) => {
+  const { openExternalLinkInNewTab } = config.settings;
   return (
     <UniversalLink
       href={url}
-      openLinkInNewTab={target === '_blank'}
+      openLinkInNewTab={
+        (openExternalLinkInNewTab && !isInternalURL(url)) || target === '_blank'
+      }
       download={download}
     >
       {children}

package/razzle.config.js

@@ -330,6 +330,7 @@ const defaultPlugins = [
   { object: require('./webpack-plugins/webpack-svg-plugin') },
   { object: require('./webpack-plugins/webpack-bundle-analyze-plugin') },
   { object: require('./jest-extender-plugin') },
+  'scss',
 ];
 
 const plugins = addonExtenders.reduce(

package/src/components/manage/Controlpanels/Rules/components/VariableModal.jsx

@@ -339,6 +339,23 @@ const detectVocabulary = (type) => {
   }
 };
 
+const processSchema = (schema) => {
+  const properties = { ...schema.properties };
+  Object.keys(properties).forEach((key) => {
+    const value = properties[key];
+    const vocabId = value?.vocabulary?.['@id'];
+    if (vocabId?.includes('@sources')) {
+      value['widget'] = 'internal_url';
+      delete value['vocabulary'];
+    }
+  });
+  const newSchema = {
+    ...schema,
+    properties,
+  };
+  return newSchema;
+};
+
 const VariableModal = ({
   open,
   type,
@@ -371,17 +388,27 @@ const VariableModal = ({
   React.useEffect(() => {
     //reset input schema to rehydrate options
     setInputSchema('');
-    const vocabularyOptions =
-      vocabularyName &&
-      vocabularies &&
-      vocabularies[vocabularyName] &&
-      vocabularies[vocabularyName].items
-        ? vocabularies[vocabularyName].items.map((item, i) => {
-            return [item.value, item.label];
-          })
-        : [];
-    //set schema with the new options from vocabulary
-    setInputSchema(setSchema(value.title, vocabularyOptions));
+    // On creation, @schema is provided by value
+    // On update, @schema comes from formData
+    const rawSchema = value['@schema'] || formData['@schema'];
+    let schema;
+    if (rawSchema) {
+      schema = processSchema(rawSchema);
+    } else {
+      const vocabularyOptions =
+        vocabularyName &&
+        vocabularies &&
+        vocabularies[vocabularyName] &&
+        vocabularies[vocabularyName].items
+          ? vocabularies[vocabularyName].items.map((item, i) => {
+              return [item.value, item.label];
+            })
+          : [];
+      //set schema with the new options from vocabulary
+      schema = setSchema(value.title, vocabularyOptions);
+    }
+    setInputSchema(schema);
+
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [vocabularies, open, formData, value]);
 

package/src/components/manage/Form/Form.jsx

@@ -180,10 +180,11 @@ class Form extends Component {
       formData.hasOwnProperty(blocksLayoutFieldname) &&
       formData[blocksLayoutFieldname].items.length > 0
     ) {
-      selectedBlock = formData[blocksLayoutFieldname].items[0];
-
-      if (config.blocks?.initialBlocksFocus?.[this.props.type]) {
-        //Default selected is not the first block, but the one from config.
+      if (config.blocks?.initialBlocksFocus === null) {
+        selectedBlock = null;
+      } else if (this.props.type in config.blocks?.initialBlocksFocus) {
+        // Default selected is not the first block, but the one from config.
+        // TODO Select first block and not an arbitrary one.
         Object.keys(formData[blocksFieldname]).forEach((b_key) => {
           if (
             formData[blocksFieldname][b_key]['@type'] ===
@@ -192,8 +193,11 @@ class Form extends Component {
             selectedBlock = b_key;
           }
         });
+      } else {
+        selectedBlock = formData[blocksLayoutFieldname].items[0];
       }
     }
+
     this.state = {
       formData,
       initialFormData: cloneDeep(formData),

package/src/components/manage/Toolbar/Toolbar.jsx

@@ -109,7 +109,7 @@ const messages = defineMessages({
   },
 });
 
-const toolbarComponents = {
+let toolbarComponents = {
   personalTools: { component: PersonalTools, wrapper: null },
   more: { component: More, wrapper: null },
   types: { component: Types, wrapper: null, contentAsProps: true },
@@ -210,6 +210,12 @@ class Toolbar extends Component {
     if (!hasApiExpander('types', getBaseUrl(this.props.pathname))) {
       this.props.getTypes(getBaseUrl(this.props.pathname));
     }
+    toolbarComponents = {
+      ...(config.settings
+        ? config.settings.additionalToolbarComponents || {}
+        : {}),
+      ...toolbarComponents,
+    };
     this.props.setExpandedToolbar(this.state.expanded);
     document.addEventListener('mousedown', this.handleClickOutside, false);
   }
@@ -504,7 +510,7 @@ class Toolbar extends Component {
                       ((this.props.content.is_folderish &&
                         this.props.types.length > 0) ||
                         (config.settings.isMultilingual &&
-                          this.props.content['@components'].translations)) && (
+                          this.props.content['@components']?.translations)) && (
                         <button
                           className="add"
                           aria-label={this.props.intl.formatMessage(
@@ -551,9 +557,13 @@ class Toolbar extends Component {
                     </button>
                   </>
                 )}
+                <Pluggable name="main.toolbar.top" />
               </div>
               <div className="toolbar-bottom">
-                <Pluggable name="main.toolbar.bottom" />
+                <Pluggable
+                  name="main.toolbar.bottom"
+                  params={{ onClickHandler: this.toggleMenu }}
+                />
                 {!this.props.hideDefaultViewButtons && (
                   <button
                     className="user"

package/src/components/theme/Navigation/NavItem.jsx

@@ -28,6 +28,7 @@ const NavItem = ({ item, lang }) => {
         key={item.url}
         className="item"
         rel="noopener noreferrer"
+        target={settings.openExternalLinkInNewTab ? '_blank' : '_self'}
       >
         {item.title}
       </a>

package/src/components/theme/View/LinkView.jsx

@@ -9,6 +9,7 @@ import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers';
 import { Container } from 'semantic-ui-react';
 import { UniversalLink } from '@plone/volto/components';
 import { FormattedMessage } from 'react-intl';
+import config from '@plone/volto/registry';
 
 /**
  * View container class.
@@ -58,6 +59,7 @@ class LinkView extends Component {
    */
   render() {
     const { remoteUrl } = this.props.content;
+    const { openExternalLinkInNewTab } = config.settings;
     return (
       <Container id="page-document">
         <h1 className="documentFirstHeading">{this.props.content.title}</h1>
@@ -72,7 +74,12 @@ class LinkView extends Component {
               id="The link address is:"
               defaultMessage="The link address is:"
             />{' '}
-            <UniversalLink href={remoteUrl}>
+            <UniversalLink
+              href={remoteUrl}
+              openLinkInNewTab={
+                openExternalLinkInNewTab && !isInternalURL(remoteUrl)
+              }
+            >
               {flattenToAppURL(remoteUrl)}
             </UniversalLink>
           </p>

package/src/config/index.js

@@ -111,6 +111,7 @@ let config = {
     downloadableObjects: ['File'], //list of content-types for which the direct download of the file will be carried out if the user is not authenticated
     viewableInBrowserObjects: [], //ex: ['File']. List of content-types for which the file will be displayed in browser if the user is not authenticated
     listingPreviewImageField: 'image', // deprecated from Volto 14 onwards
+    openExternalLinkInNewTab: false,
     notSupportedBrowsers: ['ie'],
     defaultPageSize: 25,
     isMultilingual: false,

package/src/helpers/ScrollToTop/ScrollToTop.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
+import config from '@plone/volto/registry';
 
 /**
  *
@@ -27,8 +28,14 @@ class ScrollToTop extends React.Component {
    * @memberof ScrollToTop
    */
   componentDidUpdate(prevProps) {
+    const noInitialBlocksFocus = // Do not scroll on /edit
+      config.blocks?.initialBlocksFocus === null
+        ? this.props.location?.pathname.slice(-5) !== '/edit'
+        : true;
     if (
+      !this.props.location?.hash &&
       !this.props.location?.pathname.hash &&
+      noInitialBlocksFocus &&
       this.props.location?.pathname !== prevProps.location?.pathname
     ) {
       window.scrollTo(0, 0);

package/news/4104.internal

@@ -1 +0,0 @@
-Updated 4 Dependencies @SaiRev0

package/news/4165.feature

@@ -1 +0,0 @@
-Enable scrolling to ids via hashes in internal links @jackahl

package/news/4189.bugfix

@@ -1 +0,0 @@
-Fixed maxLength validation for string type fields @pnicolli

package/news/4194.bugfix

@@ -1 +0,0 @@
-bugfix : add pathname as required proptype in Blocks/Edit @akshatgarg12

package/news/4223.bugfix

@@ -1 +0,0 @@
-(Fix) Select Widgets scrolls the page when the options are not visible @dobri1408

package/news/4231.feature

@@ -1 +0,0 @@
-Read listing block schema from configuration registry @pnicolli

package/news/4282.feature

@@ -1 +0,0 @@
-Add displayName when registering a component @sneridagh

package/news/4285.feature

@@ -1 +0,0 @@
-Support for all default expanders (breadcrumbs, navigation, actions, types) in actions/reducers. Conditional loading of actions if the expanders are present. @sneridagh

package/news/4311.bugfix

@@ -1 +0,0 @@
-Updated volto-slate to check for slateSettings before falling back to config @danalvrz

package/news/4313.feature

@@ -1 +0,0 @@
-Add `addNewBlock` Cypress support command @sneridagh