@plone/volto 16.11.0 → 16.12.0

package/.changelog.draft

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

package/CHANGELOG.md

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

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.11.0",
+  "version": "16.12.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"

package/packages/volto-slate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "16.11.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,7 +1,7 @@
 import React from 'react';
 import { UniversalLink } from '@plone/volto/components';
 import config from '@plone/volto/registry';
-import { isInternalURL } from '@plone/volto/helpers';
+import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers';
 
 const ViewLink = ({ url, target, download, children }) => {
   const { openExternalLinkInNewTab } = config.settings;
@@ -27,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/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/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)