@plone/volto 16.10.0 → 16.12.0

package/.changelog.draft

@@ -1,18 +1,18 @@
-## 16.10.0 (2023-02-06)
+## 16.12.0 (2023-02-21)
 
 ### 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)
+- Provide disabled props to all widgets, and pass disabled props in to babel views. @iFlameing [#4396](https://github.com/plone/volto/issues/4396)
 
 ### Bugfix
 
-- Fix react-error-overlay resolution @sneridagh [#4360](https://github.com/plone/volto/issues/4360)
+- fix : Restrictive propTypes for widgets . @suman9893 [#4150](https://github.com/plone/volto/issues/4150)
+- Add the intl string 'Uploading image' to the image block @bipoza [#4180](https://github.com/plone/volto/issues/4180)
+- Fix link integrity overlay is too narrowed @iFlameing [#4399](https://github.com/plone/volto/issues/4399)
+- Fix External link Icon shows up in Grid-text block @iRohitSingh [#4400](https://github.com/plone/volto/issues/4400)
+- Fix broken links: babeljs.io/… @ksuess [#4414](https://github.com/plone/volto/issues/4414)
 
 ### 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)
+- Remove inclusion of CHANGELOG.md for volto repo only. Fixes https://github.com/plone/documentation/issues/1431. @stevepiercy [#4404](https://github.com/plone/volto/issues/4404)
 

package/CHANGELOG.md

@@ -8,6 +8,38 @@
 
 <!-- towncrier release notes start -->
 
+## 16.12.0 (2023-02-21)
+
+### Feature
+
+- Provide disabled props to all widgets, and pass disabled props in to babel views. @iFlameing [#4396](https://github.com/plone/volto/issues/4396)
+
+### Bugfix
+
+- fix : Restrictive propTypes for widgets . @suman9893 [#4150](https://github.com/plone/volto/issues/4150)
+- Add the intl string 'Uploading image' to the image block @bipoza [#4180](https://github.com/plone/volto/issues/4180)
+- Fix link integrity overlay is too narrowed @iFlameing [#4399](https://github.com/plone/volto/issues/4399)
+- Fix External link Icon shows up in Grid-text block @iRohitSingh [#4400](https://github.com/plone/volto/issues/4400)
+- Fix broken links: babeljs.io/… @ksuess [#4414](https://github.com/plone/volto/issues/4414)
+
+### Documentation
+
+- Remove inclusion of CHANGELOG.md for volto repo only. Fixes https://github.com/plone/documentation/issues/1431. @stevepiercy [#4404](https://github.com/plone/volto/issues/4404)
+
+
+## 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/locales/ca/LC_MESSAGES/volto.po

@@ -3684,6 +3684,7 @@ msgid "Uploading files"
 msgstr "Carregant fitxers"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "S'està carregant la imatge"

package/locales/de/LC_MESSAGES/volto.po

@@ -3681,6 +3681,7 @@ msgid "Uploading files"
 msgstr "Dateien hochladen"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Bild hochladen"

package/locales/en/LC_MESSAGES/volto.po

@@ -3675,6 +3675,7 @@ msgid "Uploading files"
 msgstr ""
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr ""

package/locales/es/LC_MESSAGES/volto.po

@@ -3686,6 +3686,7 @@ msgid "Uploading files"
 msgstr "Cargando archivos"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Cargando imagen"

package/locales/eu/LC_MESSAGES/volto.po

@@ -3682,6 +3682,7 @@ msgid "Uploading files"
 msgstr "Fitxategiak kargatzen"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Irudia kargatzen"

package/locales/fi/LC_MESSAGES/volto.po

@@ -3686,6 +3686,7 @@ msgid "Uploading files"
 msgstr "Lähetetään tiedostoja"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Kuvaa ladataan"

package/locales/fr/LC_MESSAGES/volto.po

@@ -3692,6 +3692,7 @@ msgid "Uploading files"
 msgstr "Téléchargement de fichiers"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Chargement de l'image"

package/locales/it/LC_MESSAGES/volto.po

@@ -3675,6 +3675,7 @@ msgid "Uploading files"
 msgstr "Caricamento dei files"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Caricamento dell'immagine"

package/locales/ja/LC_MESSAGES/volto.po

@@ -3683,6 +3683,7 @@ msgid "Uploading files"
 msgstr "ファイルをアップロードしています"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr ""

package/locales/nl/LC_MESSAGES/volto.po

@@ -3682,6 +3682,7 @@ msgid "Uploading files"
 msgstr "Bestanden aan het uploaden"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Afbeelding aan het uploaden"

package/locales/pt/LC_MESSAGES/volto.po

@@ -3683,6 +3683,7 @@ msgid "Uploading files"
 msgstr "Enviando ficheiros"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr ""

package/locales/pt_BR/LC_MESSAGES/volto.po

@@ -3685,6 +3685,7 @@ msgid "Uploading files"
 msgstr "Enviando arquivos"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Enviando imagem"

package/locales/ro/LC_MESSAGES/volto.po

@@ -3675,6 +3675,7 @@ msgid "Uploading files"
 msgstr "Încărcarea fișierelor"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "Se încarcă imaginea"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2022-12-16T09:36:37.388Z\n"
+"POT-Creation-Date: 2023-02-21T12:55:20.886Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -3677,6 +3677,7 @@ msgid "Uploading files"
 msgstr ""
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr ""

package/locales/zh_CN/LC_MESSAGES/volto.po

@@ -3681,6 +3681,7 @@ msgid "Uploading files"
 msgstr "上传文件中"
 
 #: components/manage/Blocks/HeroImageLeft/Edit
+#: components/manage/Blocks/Image/Edit
 # defaultMessage: Uploading image
 msgid "Uploading image"
 msgstr "上传图像中"

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "16.10.0",
+  "version": "16.12.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.12.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, flattenToAppURL } 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}
@@ -22,7 +27,11 @@ export const LinkElement = (props) => {
     <a
       {...attributes}
       className="slate-editor-link"
-      href={element.data?.url}
+      href={
+        isInternalURL(element.data?.url)
+          ? flattenToAppURL(element.data?.url)
+          : element.data?.url
+      }
       onClick={(e) => e.preventDefault()}
     >
       {Array.isArray(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/Blocks/Image/Edit.jsx

@@ -36,6 +36,10 @@ const messages = defineMessages({
     id: 'Browse the site, drop an image, or type an URL',
     defaultMessage: 'Browse the site, drop an image, or type an URL',
   },
+  uploadingImage: {
+    id: 'Uploading image',
+    defaultMessage: 'Uploading image',
+  },
 });
 
 /**
@@ -288,7 +292,11 @@ class Edit extends Component {
                       {this.state.dragging && <Dimmer active></Dimmer>}
                       {this.state.uploading && (
                         <Dimmer active>
-                          <Loader indeterminate>Uploading image</Loader>
+                          <Loader indeterminate>
+                            {this.props.intl.formatMessage(
+                              messages.uploadingImage,
+                            )}
+                          </Loader>
                         </Dimmer>
                       )}
                       <div className="no-image-wrapper">

package/src/components/manage/Contents/Contents.jsx

@@ -1242,7 +1242,7 @@ class Contents extends Component {
                     }
                     onCancel={this.onDeleteCancel}
                     onConfirm={this.onDeleteOk}
-                    size="mini"
+                    size="medium"
                   />
                   <ContentsUploadModal
                     open={this.state.showUpload}

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

@@ -645,7 +645,7 @@ class Form extends Component {
           error={keys(this.state.errors).length > 0}
           className={settings.verticalFormTabs ? 'vertical-form' : ''}
         >
-          <fieldset className="invisible" disabled={!this.props.editable}>
+          <fieldset className="invisible">
             <Segment.Group raised>
               {schema && schema.fieldsets.length > 1 && (
                 <>
@@ -682,6 +682,7 @@ class Form extends Component {
                         ...map(item.fields, (field, index) => (
                           <Field
                             {...schema.properties[field]}
+                            isDisabled={!this.props.editable}
                             id={field}
                             formData={this.state.formData}
                             fieldSet={item.title.toLowerCase()}

package/src/components/manage/Multilingual/TranslationObject.jsx

@@ -123,7 +123,7 @@ const TranslationObject = ({
         )}
         {activeMenu === 'properties' && (
           <UiForm method="post" onSubmit={() => {}}>
-            <fieldset className="invisible" disabled={true}>
+            <fieldset className="invisible">
               {schema &&
                 map(schema.fieldsets, (item) => [
                   <Segment secondary attached key={item.title}>
@@ -133,6 +133,7 @@ const TranslationObject = ({
                     {map(item.fields, (field, index) => (
                       <Field
                         {...schema.properties[field]}
+                        isDisabled={true}
                         id={field}
                         formData={translationObject}
                         focus={false}

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/manage/Widgets/CheckboxWidget.jsx

@@ -51,8 +51,8 @@ const CheckboxWidget = (props) => {
  */
 CheckboxWidget.propTypes = {
   id: PropTypes.string.isRequired,
-  title: PropTypes.string.isRequired,
-  description: PropTypes.string,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   required: PropTypes.bool,
   error: PropTypes.arrayOf(PropTypes.string),
   value: PropTypes.bool,

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

@@ -71,7 +71,7 @@ const messages = defineMessages({
  *
  */
 const FileWidget = (props) => {
-  const { id, value, onChange } = props;
+  const { id, value, onChange, isDisabled } = props;
   const [fileType, setFileType] = React.useState(false);
   const intl = useIntl();
 
@@ -163,6 +163,7 @@ const FileWidget = (props) => {
               id={`field-${id}`}
               name={id}
               type="file"
+              disabled={isDisabled}
             />
           </div>
         )}
@@ -175,6 +176,7 @@ const FileWidget = (props) => {
             basic
             className="delete-button"
             aria-label="delete file"
+            disabled={isDisabled}
             onClick={() => {
               onChange(id, null);
               setFileType(false);

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

@@ -20,7 +20,7 @@ const messages = defineMessages({
 });
 
 const ImageSizeWidget = (props) => {
-  const { onChange, id, disabled, intl, value } = props;
+  const { onChange, id, disabled, intl, value, isDisabled } = props;
 
   return (
     <FormFieldWrapper {...props}>
@@ -34,7 +34,7 @@ const ImageSizeWidget = (props) => {
                 aria-label={intl.formatMessage(messages.small)}
                 onClick={() => onChange(id, 's')}
                 active={value === 's'}
-                disabled={disabled}
+                disabled={disabled || isDisabled}
               >
                 <div className="image-sizes-text">S</div>
               </Button>
@@ -46,7 +46,7 @@ const ImageSizeWidget = (props) => {
                 aria-label={intl.formatMessage(messages.medium)}
                 onClick={() => onChange(id, 'm')}
                 active={value === 'm'}
-                disabled={disabled}
+                disabled={disabled || isDisabled}
               >
                 <div className="image-sizes-text">M</div>
               </Button>
@@ -58,7 +58,7 @@ const ImageSizeWidget = (props) => {
                 aria-label={intl.formatMessage(messages.large)}
                 onClick={() => onChange(id, 'l')}
                 active={value === 'l' || value === undefined}
-                disabled={disabled}
+                disabled={disabled || isDisabled}
               >
                 <div className="image-sizes-text">L</div>
               </Button>

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

@@ -31,6 +31,7 @@ const PasswordWidget = (props) => {
     minLength,
     maxLength,
     placeholder,
+    isDisabled,
   } = props;
 
   return (
@@ -39,7 +40,7 @@ const PasswordWidget = (props) => {
         id={`field-${id}`}
         name={id}
         type="password"
-        disabled={props.isDisabled}
+        disabled={isDisabled}
         value={value || ''}
         placeholder={placeholder}
         onChange={({ target }) =>

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

@@ -97,6 +97,7 @@ class TextWidget extends Component {
       minLength,
       maxLength,
       placeholder,
+      isDisabled,
     } = this.props;
 
     return (
@@ -105,7 +106,7 @@ class TextWidget extends Component {
           id={`field-${id}`}
           name={id}
           value={value || ''}
-          disabled={this.props.isDisabled}
+          disabled={isDisabled}
           icon={icon || null}
           placeholder={placeholder}
           onChange={({ target }) =>

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

@@ -23,7 +23,7 @@ import { FormFieldWrapper } from '@plone/volto/components';
  * ```
  */
 const TextareaWidget = (props) => {
-  const { id, maxLength, value, onChange, placeholder } = props;
+  const { id, maxLength, value, onChange, placeholder, isDisabled } = props;
   const [lengthError, setlengthError] = useState('');
 
   const onhandleChange = (id, value) => {
@@ -44,7 +44,7 @@ const TextareaWidget = (props) => {
         id={`field-${id}`}
         name={id}
         value={value || ''}
-        disabled={props.isDisabled}
+        disabled={isDisabled}
         placeholder={placeholder}
         onChange={({ target }) =>
           onhandleChange(id, target.value === '' ? undefined : target.value)

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,