@plone/volto 16.10.0 → 16.11.0

package/.changelog.draft

@@ -1,18 +1,12 @@
-## 16.10.0 (2023-02-06)
+## 16.11.0 (2023-02-13)
 
 ### 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)
+- 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 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)
+- Fix Cannot read properties of undefined (reading 'translations') @avoinea [#4377](https://github.com/plone/volto/issues/4377)
 

package/CHANGELOG.md

@@ -8,6 +8,19 @@
 
 <!-- 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

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "16.10.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",

package/packages/volto-slate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "16.10.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/Toolbar/Toolbar.jsx

@@ -510,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(

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,