design-comuni-plone-theme 8.7.8 → 8.7.9

package/.gitattributes

@@ -0,0 +1 @@
+RELEASE.md merge=union

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 
 
+## [8.7.9](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.7.8...v8.7.9) (2023-10-18)
+
+
+### Bug Fixes
+
+* add pluggable custom validation for all datagrid fields, not just required ones and applied new validation to timeline_tempi_scadenze ([#357](https://github.com/RedTurtle/design-comuni-plone-theme/issues/357)) ([9c6f55c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9c6f55c7f72a0210b18c2ef3d25d078056fc8b9d))
+* do not show subsite footer banner when field is empty ([#356](https://github.com/RedTurtle/design-comuni-plone-theme/issues/356)) ([3d7bb92](https://github.com/RedTurtle/design-comuni-plone-theme/commit/3d7bb923b056620ec499c2f235bd2c64aaf13279))
+* icona link esterni in linea con il testo ([#355](https://github.com/RedTurtle/design-comuni-plone-theme/issues/355)) ([33635ec](https://github.com/RedTurtle/design-comuni-plone-theme/commit/33635ecc80256051a597eacce87f047942781585))
+* object browser limit is now respected, add logic for deselection and conditional closing of ob in some cases ([#363](https://github.com/RedTurtle/design-comuni-plone-theme/issues/363)) ([f6e9c35](https://github.com/RedTurtle/design-comuni-plone-theme/commit/f6e9c3565518914731b55543a0c2bc622b53f0d9))
+* outline color of search icon in header for subsites ([#358](https://github.com/RedTurtle/design-comuni-plone-theme/issues/358)) ([4fea6cd](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4fea6cdab31d46e4d3c3386024a17067a8e8b94d))
+* overflow of vertical images in page view ([#364](https://github.com/RedTurtle/design-comuni-plone-theme/issues/364)) ([e584f63](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e584f6397d251b86fb5cc7ed27f4a22710052ffe))
+* overflowing help text in Numbers block sidebar ([#367](https://github.com/RedTurtle/design-comuni-plone-theme/issues/367)) ([ab68178](https://github.com/RedTurtle/design-comuni-plone-theme/commit/ab68178ee9646cb7f6f36cdc0b32ebbd167565cc))
+* regression for default classes in SearchBlock view that were overflowing content into columns ([#369](https://github.com/RedTurtle/design-comuni-plone-theme/issues/369)) ([c82f886](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c82f8867508a978a4f6d69df452e68b05101a8ff))
+* removed unnecessary h3 in footer ([#360](https://github.com/RedTurtle/design-comuni-plone-theme/issues/360)) ([de2a9c1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/de2a9c1ac3820eac65279cce3041d370add12fee))
+* restore missing IconWidget and FontawesomeIcons ([#365](https://github.com/RedTurtle/design-comuni-plone-theme/issues/365)) ([fcd942c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/fcd942cbfdaaef6dd2255f478a18c58a2f52c8cd))
+* rimuovere blocco maps da servizi ([#368](https://github.com/RedTurtle/design-comuni-plone-theme/issues/368)) ([b3ec883](https://github.com/RedTurtle/design-comuni-plone-theme/commit/b3ec883b827b4b0b6c26bdd14e5e9609c8b21685))
+* styling and visual issues in CartellaModulisticaView on desktop and mobile ([#366](https://github.com/RedTurtle/design-comuni-plone-theme/issues/366)) ([5206265](https://github.com/RedTurtle/design-comuni-plone-theme/commit/520626517ffbd52ce88b65f13fe2768ce7381fd2))
+
+
+### Maintenance
+
+* update git merge strategy for RELEASE.md ([e4d1db1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e4d1db1519746819aedab28a210ffe6f7fda332f))
+
+
+### Documentation
+
+* updated publiccode and release log ([310fb87](https://github.com/RedTurtle/design-comuni-plone-theme/commit/310fb87f4809ee920387e15b4fbb455ff2bd256b))
+
 ## [8.7.8](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.7.7...v8.7.8) (2023-10-12)
 
 

package/RELEASE.md

@@ -6,12 +6,19 @@
 <!--- -----------------------------------------------------------------
   Esempio:
   ---------------------------------------------------------------------
+
 ## Versione 7.10.9 (12/09/2023)
+
 ### Migliorie
+
 - Fissato il layout di stampa per pagine con Accordion
+
 ### Novità
+
 - Nuovo blocco "Informazioni" [`Istruzioni`](https://docs.google.com/document/d/1SThuxa_ah0BuNXukWs564kKPfprK41WLQE8Mome-0xg/edit#heading=h.7ty110jumgmd)
+
 ### Fix
+
 - il numero di telefono dentro card ufficio adesso è visibile anche senza indirizzo
 -->
 
@@ -20,16 +27,37 @@
  ----------------------------------------------------------------------
 
 ## Versione X.X.X (dd/mm/yyyy)
+
 ### Migliorie
+
 - ...
 
 ### Novità
+
 - ...  [`Istruzioni`](url della documentazione relativa alla novità)
 
 ### Fix
+
 - ...
 -->
 
+## Versione 8.7.9 (18/10/2023)
+
+### Migliorie
+
+- Migliorato il comportamento alla selezione/deselezione degli elementi multipli nel menù laterale a scomparsa
+
+### Fix
+
+- Eliminata la sovrapposizione tra immagine e testo nel tipo documento Pagina quando l'immagine è verticale
+- Cambiato il colore del bordo dell'icona Ricerca nell'header dei sottositi per garantire il contrasto per accessibilità
+- Non mostrare la fascia colorata del footer di un sottosito quando questo non è compilato
+- Risolto un bug nel selettore dei link nel menù laterale a scomparsa, che permetteva di selezionare più elementi di quelli consentiti
+- Alcune icone mancanti nel widget di selezione delle icone di fontawesome sono state rese nuovamente visibili
+- Sistemate inconsistenze nella visualizzazione di alcuni tipi di elementi della lista degli allegati in Cartella Modulistica
+- Visualizzazione sidebar in edit del blocco Numeri: sistemato overflowing del testo di aiuto
+- Sistemate le dimensioni dei risultati del blocco search con colonne laterali, rimosso overflow
+
 ## Versione 8.7.8 (12/10/2023)
 
 ### Fix
@@ -42,6 +70,8 @@
 
 - Aggiornata nuova icona di Twitter
 
+## Versione 8.7.6 (06/10/2023)
+
 ### Fix
 
 - Uniformato e impostato a sinistra l'allineamento del testo nel blocco Elenco nella variazione Quadratoni con immagine

package/locales/de/LC_MESSAGES/volto.po

@@ -3748,6 +3748,11 @@ msgstr ""
 msgid "text_filter_placeholder"
 msgstr ""
 
+#: helpers/FormValidation/DataGridFormValidationHelpers
+# defaultMessage: Impossibile aggiungere un elemento alla timeline senza aver compilato il campo "Titolo"
+msgid "timeline_tempi_scadenze_validation_error"
+msgstr ""
+
 #: components/ItaliaTheme/View/BandoView/BandoText
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"

package/locales/en/LC_MESSAGES/volto.po

@@ -3733,6 +3733,11 @@ msgstr ""
 msgid "text_filter_placeholder"
 msgstr "Insert a value"
 
+#: helpers/FormValidation/DataGridFormValidationHelpers
+# defaultMessage: Impossibile aggiungere un elemento alla timeline senza aver compilato il campo "Titolo"
+msgid "timeline_tempi_scadenze_validation_error"
+msgstr ""
+
 #: components/ItaliaTheme/View/BandoView/BandoText
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"

package/locales/es/LC_MESSAGES/volto.po

@@ -3742,6 +3742,11 @@ msgstr ""
 msgid "text_filter_placeholder"
 msgstr "Insertar un valor"
 
+#: helpers/FormValidation/DataGridFormValidationHelpers
+# defaultMessage: Impossibile aggiungere un elemento alla timeline senza aver compilato il campo "Titolo"
+msgid "timeline_tempi_scadenze_validation_error"
+msgstr ""
+
 #: components/ItaliaTheme/View/BandoView/BandoText
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"

package/locales/fr/LC_MESSAGES/volto.po

@@ -3750,6 +3750,11 @@ msgstr ""
 msgid "text_filter_placeholder"
 msgstr "Entrez du texte"
 
+#: helpers/FormValidation/DataGridFormValidationHelpers
+# defaultMessage: Impossibile aggiungere un elemento alla timeline senza aver compilato il campo "Titolo"
+msgid "timeline_tempi_scadenze_validation_error"
+msgstr ""
+
 #: components/ItaliaTheme/View/BandoView/BandoText
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"

package/locales/it/LC_MESSAGES/volto.po

@@ -3733,6 +3733,11 @@ msgstr ""
 msgid "text_filter_placeholder"
 msgstr "Inserisci un valore"
 
+#: helpers/FormValidation/DataGridFormValidationHelpers
+# defaultMessage: Impossibile aggiungere un elemento alla timeline senza aver compilato il campo "Titolo"
+msgid "timeline_tempi_scadenze_validation_error"
+msgstr ""
+
 #: components/ItaliaTheme/View/BandoView/BandoText
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-09-20T11:30:56.175Z\n"
+"POT-Creation-Date: 2023-10-10T15:52:06.253Z\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"
@@ -3735,6 +3735,11 @@ msgstr ""
 msgid "text_filter_placeholder"
 msgstr ""
 
+#: helpers/FormValidation/DataGridFormValidationHelpers
+# defaultMessage: Impossibile aggiungere un elemento alla timeline senza aver compilato il campo "Titolo"
+msgid "timeline_tempi_scadenze_validation_error"
+msgstr ""
+
 #: components/ItaliaTheme/View/BandoView/BandoText
 # defaultMessage: Tipologia del bando
 msgid "tipologia_bando"

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "8.7.8",
+  "version": "8.7.9",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2023-10-12'
+releaseDate: '2023-10-18'
 softwareType: standalone/web
-softwareVersion: 8.7.8
+softwareVersion: 8.7.9
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx

@@ -83,7 +83,7 @@ const CompleteBlockLinksTemplate = ({
                                   icon="it-external-link"
                                   title={title}
                                   size="xs"
-                                  className="align-top ms-1 external-link"
+                                  className="ms-1 align-sub external-link"
                                 />
                               )}
                           </CardTitle>

package/src/components/ItaliaTheme/Blocks/NumbersBlock/Sidebar.jsx

@@ -35,58 +35,63 @@ const Sidebar = ({
   const intl = useIntl();
 
   return (
-    <Segment.Group raised>
-      <header className="header pulled">
-        <h2>
-          <FormattedMessage id="numbers_block" defaultMessage="Blocco numeri" />
-        </h2>
-      </header>
-      <Accordion className="form">
-        <Accordion.Content active={true}>
-          <ObjectBrowserWidget
-            id="background"
-            title={intl.formatMessage(messages.backgroundImage)}
-            description=""
-            required={false}
-            widgetOptions={{
-              pattern_options: {
-                selectableTypes: ['Image'],
-                maximumSelectionSize: 1,
-              },
-            }}
-            value={data.background ?? []}
-            onChange={(id, value) =>
-              onChangeBlock(block, { ...data, [id]: value })
-            }
-          />
+    <div className="numbers-block-sidebar-form-container">
+      <Segment.Group raised>
+        <header className="header pulled">
+          <h2>
+            <FormattedMessage
+              id="numbers_block"
+              defaultMessage="Blocco numeri"
+            />
+          </h2>
+        </header>
+        <Accordion className="form">
+          <Accordion.Content active={true}>
+            <ObjectBrowserWidget
+              id="background"
+              title={intl.formatMessage(messages.backgroundImage)}
+              description=""
+              required={false}
+              widgetOptions={{
+                pattern_options: {
+                  selectableTypes: ['Image'],
+                  maximumSelectionSize: 1,
+                },
+              }}
+              value={data.background ?? []}
+              onChange={(id, value) =>
+                onChangeBlock(block, { ...data, [id]: value })
+              }
+            />
 
-          <IconWidget
-            id="icon1"
-            value={data.icon1 ?? ''}
-            defaultOptions={defaultIconWidgetOptions}
-            onChange={(name, value) => {
-              onChangeBlock(block, { ...data, [name]: value });
-            }}
-          />
-          <IconWidget
-            id="icon2"
-            value={data.icon2 ?? ''}
-            defaultOptions={defaultIconWidgetOptions}
-            onChange={(name, value) => {
-              onChangeBlock(block, { ...data, [name]: value });
-            }}
-          />
-          <IconWidget
-            id="icon3"
-            value={data.icon3 ?? ''}
-            defaultOptions={defaultIconWidgetOptions}
-            onChange={(name, value) => {
-              onChangeBlock(block, { ...data, [name]: value });
-            }}
-          />
-        </Accordion.Content>
-      </Accordion>
-    </Segment.Group>
+            <IconWidget
+              id="icon1"
+              value={data.icon1 ?? ''}
+              defaultOptions={defaultIconWidgetOptions}
+              onChange={(name, value) => {
+                onChangeBlock(block, { ...data, [name]: value });
+              }}
+            />
+            <IconWidget
+              id="icon2"
+              value={data.icon2 ?? ''}
+              defaultOptions={defaultIconWidgetOptions}
+              onChange={(name, value) => {
+                onChangeBlock(block, { ...data, [name]: value });
+              }}
+            />
+            <IconWidget
+              id="icon3"
+              value={data.icon3 ?? ''}
+              defaultOptions={defaultIconWidgetOptions}
+              onChange={(name, value) => {
+                onChangeBlock(block, { ...data, [name]: value });
+              }}
+            />
+          </Accordion.Content>
+        </Accordion>
+      </Segment.Group>
+    </div>
   );
 };
 

package/src/components/ItaliaTheme/Footer/FooterSmall.jsx

@@ -50,9 +50,6 @@ const FooterSmall = () => {
   return subFooterItems?.length > 0 || links.length > 0 || true ? (
     <div className="it-footer-small-prints clearfix">
       <Container tag="div">
-        <h3 className="visually-hidden">
-          {intl.formatMessage(messages.goToPage)}
-        </h3>
         <ul className="it-footer-small-prints-list list-inline mb-0 d-flex flex-column flex-md-row">
           {subFooterItems?.length > 0 &&
             subFooterItems.map((item, index) => {

package/src/components/ItaliaTheme/Footer/SubsiteFooter.jsx

@@ -7,13 +7,13 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import { useLocation } from 'react-router-dom';
 import { flattenHTMLToAppURL, isCmsUi } from '@plone/volto/helpers';
+import { richTextHasContent } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const SubsiteFooter = () => {
   const location = useLocation();
   const isCmsUI = isCmsUi(location.pathname);
   const subsite = useSelector((state) => state.subsite?.data);
-
-  return subsite?.subsite_footer?.data ? (
+  return richTextHasContent(subsite?.subsite_footer) ? (
     <div className={`subsite-footer ${isCmsUI ? 'public-ui' : ''}`}>
       <div className="text">
         <div className="container px-md-4">

package/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx

@@ -81,7 +81,11 @@ const DocRow = ({ doc }) => {
 
       {/*Single file*/}
       {doc.items?.length === 1 && (
-        <div className="doc">
+        <div
+          className={cx('doc', {
+            'link-to-doc': doc.items[0]?.['@type'] === 'Link',
+          })}
+        >
           {titleWrapper}
           {doc.items?.length === 1 && (
             <Downloads item={doc.items[0]} titleDoc={doc.title} />

package/src/config/italiaConfig.js

@@ -281,7 +281,7 @@ export default function applyConfig(voltoConfig) {
     'volto-blocks-widget': {
       allowedBlocks: [
         ...(config.settings['volto-blocks-widget']?.allowedBlocks ?? []).filter(
-          (block) => block.id !== 'maps',
+          (block) => block !== 'maps',
         ),
         'break',
         'testo_riquadro_semplice',

package/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx

@@ -66,7 +66,7 @@ const ListingBody = React.memo(
         const isSearchBlockResults = variation?.['@type'] === 'search';
         const block = isSearchBlockResults ? variation : data;
 
-        if (!block?.show_block_bg) return 'full-width';
+        if (!block?.show_block_bg && !isSearchBlockResults) return 'full-width';
 
         let bg_color = data.bg_color ? `bg-${data.bg_color}` : '';
 

package/src/customizations/volto/components/manage/Sidebar/ObjectBrowserBody.jsx

@@ -247,7 +247,6 @@ class ObjectBrowserBody extends Component {
   onSelectItem = (item) => {
     const url = item['@id'];
     const { block, data, mode, dataName, onChangeBlock } = this.props;
-
     const updateState = (mode) => {
       switch (mode) {
         case 'image':
@@ -312,8 +311,18 @@ class ObjectBrowserBody extends Component {
   };
 
   isSelectable = (item) => {
-    return this.props.selectableTypes.length > 0
-      ? this.props.selectableTypes.indexOf(item['@type']) >= 0
+    const { maximumSelectionSize, data, mode, selectableTypes } = this.props;
+    if (
+      maximumSelectionSize &&
+      data &&
+      mode === 'multiple' &&
+      maximumSelectionSize <= data.length
+    )
+      return data.some(
+        (d) => flattenToAppURL(d['@id']) === flattenToAppURL(item['@id']),
+      );
+    return selectableTypes.length > 0
+      ? selectableTypes.indexOf(item['@type']) >= 0
       : true;
   };
 
@@ -331,16 +340,24 @@ class ObjectBrowserBody extends Component {
           !this.props.maximumSelectionSize ||
           this.props.mode === 'multiple' ||
           !this.props.data ||
-          this.props.data.length < this.props.maximumSelectionSize
+          this.props.data.length <= this.props.maximumSelectionSize
         ) {
+          let isDeselecting;
+          if (this.props.mode === 'multiple' && Array.isArray(this.props.data))
+            isDeselecting = this.props.data.some(
+              (d) => flattenToAppURL(d['@id']) === flattenToAppURL(item['@id']),
+            );
           this.onSelectItem(item);
           let length = this.props.data ? this.props.data.length : 0;
-
-          let stopSelecting =
-            this.props.mode !== 'multiple' ||
-            (this.props.maximumSelectionSize > 0 &&
-              length + 1 >= this.props.maximumSelectionSize);
-
+          let stopSelecting = this.props.mode !== 'multiple';
+          if (isDeselecting && !stopSelecting)
+            stopSelecting =
+              this.props.maximumSelectionSize > 0 &&
+              length - 1 >= this.props.maximumSelectionSize;
+          else
+            stopSelecting =
+              this.props.maximumSelectionSize > 0 &&
+              length + 1 >= this.props.maximumSelectionSize;
           if (stopSelecting) {
             this.props.closeObjectBrowser();
           }

package/src/customizations/volto/components/manage/UniversalLink/UniversalLink.jsx

@@ -123,7 +123,7 @@ const UniversalLink = ({
               icon="it-external-link"
               title={title}
               size="xs"
-              className="align-top ms-1 external-link"
+              className="ms-1 align-sub external-link"
             />
           )}
       </a>

package/src/customizations/volto/components/manage/Widgets/ObjectBrowserWidget.jsx

@@ -321,8 +321,15 @@ export class ObjectBrowserWidgetComponent extends Component {
    * @returns {string} Markup for the component.
    */
   render() {
-    const { id, description, fieldSet, value, mode, onChange, isDisabled } =
-      this.props;
+    const {
+      id,
+      description,
+      fieldSet,
+      value,
+      mode,
+      onChange,
+      isDisabled,
+    } = this.props;
 
     let items = compact(!isArray(value) && value ? [value] : value || []);
 

package/src/customizations/volto/helpers/FormValidation/FormValidation.js

@@ -4,6 +4,21 @@
  * - gestione motivo dello stato di servizio che è required solo se il servizio non è fruibile
  * - gestione campi tipo dataGridField
  * - gestione timeline_tempi_scadenze nel servizio che ha solo un campo richiesto su 5
+ * - aggiunta la possibilita' di avere validazioni pluggable per ogni campo con widget data_grid,
+ *   aggiungi i tuoi dgfield e le funzioni di validazione sotto CUSTOM_DGFIELD_VALIDATION.
+ *   Rispettare la convenzione con l'id del campo proveniente dallo schema del CT, ie:
+ *   export const CUSTOM_DGFIELD_VALIDATION = {
+        timeline_tempi_scadenze: {
+          isValid: (value, itemObj, intlFunc) => {
+            const isValid = value.every((val, i) => val.title);
+            return !isValid
+              ? intlFunc(
+                  dgfieldValidationMessages.timeline_tempi_scadenze_validation_error,
+                )
+              : null;
+          },
+        },
+      };
  */
 import { map, uniq, keys, intersection, isEmpty } from 'lodash';
 import { messages } from '@plone/volto/helpers/MessageLabels/MessageLabels';
@@ -13,6 +28,9 @@ import {
   serviceFormValidationHelper,
   eventFormValidationHelper,
   getRealEmptyField,
+  getSpecificDataGridFieldValidation,
+  realWidgetType,
+  CUSTOM_DGFIELD_VALIDATION,
 } from 'design-comuni-plone-theme/helpers';
 import config from '@plone/volto/registry';
 
@@ -162,6 +180,7 @@ const widgetValidation = {
     maximum: (value, itemObj, intlFunc) =>
       isMaxPropertyValid(value, itemObj.maximum, 'maximum', intlFunc),
   },
+  ...CUSTOM_DGFIELD_VALIDATION,
 };
 
 /**
@@ -288,10 +307,10 @@ const validateFieldsPerFieldset = (
   );
 
   map(schema.properties, (field, fieldId) => {
-    const fieldWidgetType = field.widget || field.type;
+    const fieldWidgetType = realWidgetType(field, fieldId);
     const widgetValidationCriteria = widgetValidation[fieldWidgetType]
       ? Object.keys(widgetValidation[fieldWidgetType])
-      : [];
+      : getSpecificDataGridFieldValidation(fieldId);
     let fieldData = formData[fieldId];
     // test each criterion ex maximum, isEmail, isUrl, maxLength etc
     const fieldErrors = widgetValidationCriteria

package/src/helpers/FormValidation/DataGridFormValidationHelpers.js

@@ -0,0 +1,38 @@
+import { defineMessages } from 'react-intl';
+
+const dgfieldValidationMessages = defineMessages({
+  timeline_tempi_scadenze_validation_error: {
+    id: 'timeline_tempi_scadenze_validation_error',
+    defaultMessage:
+      'Impossibile aggiungere un elemento alla timeline senza aver compilato il campo "Titolo"',
+  },
+});
+
+export const CUSTOM_DGFIELD_VALIDATION = {
+  timeline_tempi_scadenze: {
+    isValid: (value, itemObj, intlFunc) => {
+      const isValid = value.every((val, i) => val.title);
+      return !isValid
+        ? intlFunc(
+            dgfieldValidationMessages.timeline_tempi_scadenze_validation_error,
+          )
+        : null;
+    },
+  },
+};
+
+// Obbligati a far cosi' perche' il backend non è abbastanza furbo da definire
+// una specifica factory non innestata o field.widget ofield.type per dgf e
+// invece fornisce solo un generico "List" o "array", che avrebbe
+// un'altra validazione in Volto.
+export const realWidgetType = (field, fieldId) => {
+  return field?.widgetOptions?.frontendOptions?.widget === 'data_grid'
+    ? fieldId
+    : field.widget || field.type;
+};
+
+export const getSpecificDataGridFieldValidation = (fieldId) => {
+  return fieldId && CUSTOM_DGFIELD_VALIDATION.hasOwnProperty(fieldId)
+    ? Object.keys(CUSTOM_DGFIELD_VALIDATION[fieldId])
+    : [];
+};

package/src/helpers/IconWidget/IconAliasHelper.js

@@ -417,7 +417,7 @@ export const fontAwesomeAliases = {
   'pencil-paintbrush': 'pen-paintbrush',
   'pencil-ruler': 'pen-ruler',
   pennant: 'flag-pennant',
-  'people-arrows': 'people-arrows-left-right',
+  'people-arrows': 'people-arrows',
   'people-carry': 'people-carry-box',
   percentage: 'percent',
   'person-carry': 'person-carry-box',

package/src/helpers/IconWidget/IconWidgetHelper.js

@@ -20,7 +20,7 @@ export const defaultIconWidgetOptions = [
   ['bus', 'Trasporto'],
   ['heart', 'Matrimonio'],
   ['person-booth', 'Procedura elettorale e voto'],
-  ['masks-theater	', 'Tempo libero'],
+  ['masks-theater', 'Tempo libero'],
   ['book', 'Cultura'],
   ['passport', 'Immigrazione'],
   ['smog', 'Inquinamento'],

package/src/helpers/index.js

@@ -43,5 +43,10 @@ export {
   getRealEmptyField,
   eventFormValidationHelper,
 } from 'design-comuni-plone-theme/helpers/FormValidation/FormValidationHelpers';
+export {
+  getSpecificDataGridFieldValidation,
+  realWidgetType,
+  CUSTOM_DGFIELD_VALIDATION,
+} from 'design-comuni-plone-theme/helpers/FormValidation/DataGridFormValidationHelpers';
 
 export { commonSearchBlockMessages } from 'design-comuni-plone-theme/helpers/Translations/searchBlockExtendedTranslations';

package/src/theme/ItaliaTheme/Blocks/_ctaBlock.scss

@@ -36,6 +36,7 @@
         color: $secondary-text;
         font-size: 0.9rem;
         text-transform: uppercase;
+        position: relative;
 
         &:hover,
         &:focus {
@@ -47,6 +48,9 @@
         }
         .external-link {
           fill: $external-link-fill-buttons !important;
+          position: absolute;
+          top: 3px;
+          right: 3px;
         }
       }
 
@@ -121,6 +125,13 @@
           padding: 18px 60px;
           font-weight: bold;
           font-size: 1rem;
+          position: relative;
+
+          .external-link {
+            position: absolute;
+            top: 3px;
+            right: 3px;
+          }
 
           &:hover,
           &:focus {

package/src/theme/ItaliaTheme/Components/_pageHeader.scss

@@ -7,7 +7,6 @@
 
   .header-image {
     max-width: 16em;
-    max-height: 8em;
   }
 
   .link-list-wrapper .link-list {

package/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss

@@ -42,6 +42,10 @@
 
         .it-search-wrapper {
           a {
+            &.search-link {
+              outline: $subsite-primary 2px solid !important;
+            }
+
             &.rounded-icon {
               svg {
                 @if $subsite-light-theme {

package/src/theme/ItaliaTheme/Views/_cartellaModulistica.scss

@@ -46,13 +46,10 @@ $docs-section-margin: 3em;
           align-items: center;
           justify-content: space-between;
           padding: 0.4em 0;
-
+          gap: 4rem;
           .title-wrap {
             flex: 1;
 
-            &.single-row {
-              max-width: 70%;
-            }
             .title {
               font-size: 1.2em;
               font-weight: 500;
@@ -88,13 +85,25 @@ $docs-section-margin: 3em;
 
           a.modulistica-link {
             display: flex;
-            width: 100%;
+            position: relative;
             align-items: center;
             justify-content: space-between;
-
-            svg {
-              width: 2em;
-              font-size: 1.2em;
+            height: fit-content;
+            flex-shrink: 0;
+
+            svg.icon.fa-icon {
+              width: 1.6rem;
+              height: 1.6rem;
+              font-size: 1.3rem;
+              order: 2;
+              margin-right: 1.15rem;
+              margin-left: 0.25rem;
+            }
+            svg.external-link {
+              order: 1;
+              right: 0;
+              top: -2px;
+              position: absolute;
             }
           }
         }
@@ -169,16 +178,37 @@ $docs-section-margin: 3em;
         .doc-row {
           .doc {
             flex-wrap: wrap;
-            align-items: unset;
+            align-items: center;
             justify-content: unset;
+            gap: 2rem;
+            &.link-to-doc {
+              align-items: unset;
+              gap: 0.5rem;
+              .title-wrap,
+              a.modulistica-link {
+                flex-basis: 100%;
+                svg.icon.fa-icon {
+                  margin-left: 0;
+                  margin-right: 1.25rem;
+                }
+              }
+            }
             .title-wrap {
               &.single-row {
                 max-width: none;
               }
             }
+
+            &.modulo {
+              justify-content: space-between;
+              .title,
+              .downloads {
+                flex-basis: unset;
+              }
+            }
             .title,
             .downloads {
-              flex: 1 1 100%;
+              flex: 1 1 unset;
               justify-content: flex-end;
 
               a {

package/src/theme/ItaliaTheme/_common.scss

@@ -72,6 +72,9 @@
 
   .external-link {
     fill: $link-color !important;
+    &.align-sub {
+      vertical-align: sub;
+    }
 
     &:hover {
       fill: #004080 !important;

package/src/theme/_cms-ui.scss

@@ -268,6 +268,9 @@ body.cms-ui {
     }
   }
   .sidebar-container {
+    .numbers-block-sidebar-form-container {
+      padding-bottom: 1rem;
+    }
     .breadcrumbs {
       .breadcrumb {
         flex-wrap: wrap;