design-comuni-plone-theme 11.28.0 → 11.29.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 
 
+## [11.29.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.28.0...v11.29.0) (2025-03-07)
+
+
+### Features
+
+* added placeholder PagePlaceholderHeaderEnd in PageView ([#903](https://github.com/RedTurtle/design-comuni-plone-theme/issues/903)) ([dd89da5](https://github.com/RedTurtle/design-comuni-plone-theme/commit/dd89da5653dfb22c1fc7d59446b75d0292d6b6c4))
+* allow ct document to contains also File content types and show as a Modulo content type; editors request to handle file cut/paste into ct documento ([#909](https://github.com/RedTurtle/design-comuni-plone-theme/issues/909)) ([71c0f91](https://github.com/RedTurtle/design-comuni-plone-theme/commit/71c0f91e730cabb1e3e9197c93e82e8d1338a73f))
+
+
+### Bug Fixes
+
+* a11y bando and events timeline ([#906](https://github.com/RedTurtle/design-comuni-plone-theme/issues/906)) ([c8ea5f0](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c8ea5f004b011f5031faabc3a779e45f3b0808ff))
+* **a11y:** changed display mode of homepage and subsite title([#905](https://github.com/RedTurtle/design-comuni-plone-theme/issues/905)) ([48f6db1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/48f6db19f5c1d7a861d6daa397ce0f2212f472c8))
+* changed homepage h1 from display none to visually hidden ([#904](https://github.com/RedTurtle/design-comuni-plone-theme/issues/904)) ([af0e49b](https://github.com/RedTurtle/design-comuni-plone-theme/commit/af0e49b40e5702d92ed8b5ea96fcbb9dd9bb0eda))
+* no toggle accordion on clicking inside links ([#908](https://github.com/RedTurtle/design-comuni-plone-theme/issues/908)) ([23f6857](https://github.com/RedTurtle/design-comuni-plone-theme/commit/23f68575fa7aa960ab2ef9930dda2d57db036576))
+* styles for listing blocks inside grid block on mobile ([#901](https://github.com/RedTurtle/design-comuni-plone-theme/issues/901)) ([59fc1b5](https://github.com/RedTurtle/design-comuni-plone-theme/commit/59fc1b51ec9c5f158b09c11e748983352471b552))
+
+
+### Documentation
+
+* updated publiccode and release log ([dfbc39c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/dfbc39cc0d72d73db6b40226e9104467bc6b01fc))
+
+
+### Maintenance
+
+* fix lockfile ([2c96be2](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2c96be2e9ee691f287d6c66612bb0f32fc9703cf))
+* volto-feedback 0.6.1 ([#902](https://github.com/RedTurtle/design-comuni-plone-theme/issues/902)) ([c69eb91](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c69eb91a05847e6d0676c2bcb0f606768b85815e))
+
 ## [11.28.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.27.0...v11.28.0) (2025-03-04)
 
 

package/RELEASE.md

@@ -41,6 +41,22 @@
 - ...
  -->
 
+## Versione 11.29.0 (07/03/2025)
+
+### Migliorie
+
+- Nel CT Documento ora è possibile gestire anche il CT File tramite taglia/incolla, laddove serva spostare dei File dentro uno specifico documento.
+- Correzione del testo visualizzato sul pulsante "Cancella tutti i commenti" per la Customer Satisfaction, migliorando la leggibilità e conformità.
+- Migliorata l'accessibilità per il widget dei campi di tipo Slate che salvano i dati in formato HTML.
+- Migliorata l'accessibilità per gli elementi di tipo blockquote.
+- Migliorata la lettura delle timeline di date nel dettaglio di Bando e Evento.
+
+### Fix
+
+- Sistemata la visualizzazione su mobile dei blocchi elenco inseriti all'interno dei blocchi griglia.
+- Il titolo della homepage del sito è ora accessibile.
+- Risolto un problema con i link all'interno dei blocchi Accordion.
+
 ## Versione 11.28.0 (04/03/2025)
 
 ### Migliorie

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.28.0",
+  "version": "11.29.0",
   "main": "src/index.js",
   "repository": {
     "type": "git",
@@ -151,7 +151,7 @@
     "volto-data-grid-widget": "2.3.1",
     "volto-dropdownmenu": "4.1.3",
     "volto-editablefooter": "5.1.7",
-    "volto-feedback": "0.6.0",
+    "volto-feedback": "0.6.1",
     "volto-form-block": "3.10.0",
     "volto-gdpr-privacy": "2.2.12",
     "volto-google-analytics": "2.0.0",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2025-03-04'
+releaseDate: '2025-03-07'
 softwareType: standalone/web
-softwareVersion: 11.28.0
+softwareVersion: 11.29.0
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Accordion/Block/ViewBlock.jsx

@@ -72,7 +72,7 @@ const ViewBlock = ({ data, isOpen, toggle, id, index }) => {
           aria-labelledby={`${id}-${index}`}
           hidden={!isOpen}
         >
-          <div className="accordion-inner" onFocus={toggle()}>
+          <div className="accordion-inner">
             {redraft(
               data.text,
               config.settings.richtextViewSettings.ToHTMLRenderers,

package/src/components/ItaliaTheme/View/Commons/BandoDates.jsx

@@ -57,18 +57,31 @@ const BandoDates = ({ content }) => {
     ? viewDate(intl.locale, content.chiusura_procedimento_bando)
     : null;
 
+  const PointListDate = ({ date }) => {
+    return (
+      <div
+        className="point-list-aside point-list-warning"
+        aria-label={date.format('DD MMMM Y')}
+      >
+        <span className="point-date font-monospace" aria-hidden="true">
+          {date.format('DD')}
+        </span>
+        <span className="point-month" aria-hidden="true">
+          {date.format('MMMM')}
+        </span>
+        <span className="point-month" aria-hidden="true">
+          {date.format('Y')}
+        </span>
+      </div>
+    );
+  };
   return content ? (
     <>
       <div className="point-list-wrapper my-4 mb-5">
         {effective && (
           <div className="point-list">
-            <div className="point-list-aside point-list-warning">
-              <span className="point-date font-monospace">
-                {effective.format('DD')}
-              </span>
-              <span className="point-month">{effective.format('MMMM')}</span>
-              <span className="point-month">{effective.format('Y')}</span>
-            </div>
+            <PointListDate date={effective} />
+
             <div className="point-list-content">
               <Card
                 className="card card-teaser rounded shadow border-left-card"
@@ -87,15 +100,8 @@ const BandoDates = ({ content }) => {
 
         {apertura_bando && (
           <div className="point-list">
-            <div className="point-list-aside point-list-warning">
-              <span className="point-date font-monospace">
-                {apertura_bando.format('DD')}
-              </span>
-              <span className="point-month">
-                {apertura_bando.format('MMMM')}
-              </span>
-              <span className="point-month">{apertura_bando.format('Y')}</span>
-            </div>
+            <PointListDate date={apertura_bando} />
+
             <div className="point-list-content">
               <Card
                 className="card card-teaser rounded shadow border-left-card"
@@ -115,17 +121,8 @@ const BandoDates = ({ content }) => {
 
         {scadenza_domande_bando && (
           <div className="point-list">
-            <div className="point-list-aside point-list-warning">
-              <span className="point-date font-monospace">
-                {scadenza_domande_bando.format('DD')}
-              </span>
-              <span className="point-month">
-                {scadenza_domande_bando.format('MMMM')}
-              </span>
-              <span className="point-month">
-                {scadenza_domande_bando.format('Y')}
-              </span>
-            </div>
+            <PointListDate date={scadenza_domande_bando} />
+
             <div className="point-list-content">
               <Card
                 className="card card-teaser rounded shadow border-left-card"
@@ -145,15 +142,7 @@ const BandoDates = ({ content }) => {
 
         {scadenza_bando && (
           <div className="point-list">
-            <div className="point-list-aside point-list-warning">
-              <span className="point-date font-monospace">
-                {scadenza_bando.format('DD')}
-              </span>
-              <span className="point-month">
-                {scadenza_bando.format('MMMM')}
-              </span>
-              <span className="point-month">{scadenza_bando.format('Y')}</span>
-            </div>
+            <PointListDate date={scadenza_bando} />
             <div className="point-list-content">
               <Card
                 className="card card-teaser rounded shadow border-left-card"
@@ -173,17 +162,8 @@ const BandoDates = ({ content }) => {
 
         {chiusura_procedimento_bando && (
           <div className="point-list">
-            <div className="point-list-aside point-list-warning">
-              <span className="point-date font-monospace">
-                {chiusura_procedimento_bando.format('DD')}
-              </span>
-              <span className="point-month">
-                {chiusura_procedimento_bando.format('MMMM')}
-              </span>
-              <span className="point-month">
-                {chiusura_procedimento_bando.format('Y')}
-              </span>
-            </div>
+            <PointListDate date={chiusura_procedimento_bando} />
+
             <div className="point-list-content">
               <Card
                 className="card card-teaser rounded shadow border-left-card"

package/src/components/ItaliaTheme/View/Commons/Dates.jsx

@@ -100,13 +100,20 @@ const Dates = ({ content, show_image, moment: momentlib, rrule }) => {
     <>
       <div className="point-list-wrapper my-4 mb-5">
         <div className="point-list">
-          <div className="point-list-aside point-list-warning">
-            <span className="point-date font-monospace">
+          <div
+            className="point-list-aside point-list-warning"
+            aria-label={start.format('DD MMMM Y')}
+          >
+            <span className="point-date font-monospace" aria-hidden={true}>
               {start.format('DD')}
             </span>
-            <span className="point-month">{start.format('MMMM')}</span>
+            <span className="point-month" aria-hidden={true}>
+              {start.format('MMMM')}
+            </span>
             {!start.isSame(end, 'year') && (
-              <span className="point-month">{start.format('YYYY')}</span>
+              <span className="point-month" aria-hidden={true}>
+                {start.format('YYYY')}
+              </span>
             )}
           </div>
           <div className="point-list-content">
@@ -131,13 +138,20 @@ const Dates = ({ content, show_image, moment: momentlib, rrule }) => {
         </div>
         {!openEnd && (
           <div className="point-list">
-            <div className="point-list-aside point-list-warning">
-              <span className="point-date font-monospace">
+            <div
+              className="point-list-aside point-list-warning"
+              aria-label={end.format('DD MMMM Y')}
+            >
+              <span className="point-date font-monospace" aria-hidden={true}>
                 {end?.format('DD')}
               </span>
-              <span className="point-month">{end?.format('MMMM')}</span>
+              <span className="point-month" aria-hidden={true}>
+                {end?.format('MMMM')}
+              </span>
               {!end?.isSame(start, 'year') && (
-                <span className="point-month">{end?.format('YYYY')}</span>
+                <span className="point-month" aria-hidden={true}>
+                  {end?.format('YYYY')}
+                </span>
               )}
             </div>
             <div className="point-list-content">

package/src/components/ItaliaTheme/View/Commons/Module.jsx

@@ -39,6 +39,13 @@ const Module = ({ item }) => {
 
         {item.description && <p>{item.description}</p>}
         <div className="download-formats">
+          <DownloadFileFormat
+            file={item.file}
+            showLabel={true}
+            title={item.title ?? item.file.filename}
+            hideFileFormatLabel={true}
+            className="mb-4"
+          />
           <DownloadFileFormat
             file={item.file_principale}
             showLabel={true}

package/src/components/ItaliaTheme/View/PageView/PageView.jsx

@@ -11,6 +11,7 @@ import {
   PagePlaceholderAfterContent,
   PagePlaceholderAfterRelatedItems,
   PagePlaceholderTitle,
+  PagePlaceholderHeaderEnd,
   TextOrBlocks,
   RichText,
   RelatedItemInEvidence,
@@ -76,6 +77,7 @@ const PageView = ({ content, token, location, history }) => {
                 </PagePlaceholderTitle>
 
                 <p className="description">{content?.description}</p>
+
                 {content?.ricerca_in_testata && (
                   <SearchSectionForm content={content} />
                 )}
@@ -118,6 +120,7 @@ const PageView = ({ content, token, location, history }) => {
                 </div>
               )}
             </div>
+            <PagePlaceholderHeaderEnd content={content} />
           </div>
 
           <TextOrBlocks content={content} />

package/src/components/ItaliaTheme/View/PageView/Placeholder/HeaderEnd.jsx

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const HeaderEnd = ({ content }) => {
+  return <></>;
+};
+export default HeaderEnd;

package/src/components/ItaliaTheme/View/index.js

@@ -138,6 +138,7 @@ export NewsItemMetadata from 'design-comuni-plone-theme/components/ItaliaTheme/V
 export PagePlaceholderAfterContent from 'design-comuni-plone-theme/components/ItaliaTheme/View/PageView/Placeholder/AfterContent';
 export PagePlaceholderAfterRelatedItems from 'design-comuni-plone-theme/components/ItaliaTheme/View/PageView/Placeholder/AfterRelatedItems';
 export PagePlaceholderTitle from 'design-comuni-plone-theme/components/ItaliaTheme/View/PageView/Placeholder/Title';
+export PagePlaceholderHeaderEnd from 'design-comuni-plone-theme/components/ItaliaTheme/View/PageView/Placeholder/HeaderEnd';
 export PaginaArgomentoPlaceholderAfterContent from 'design-comuni-plone-theme/components/ItaliaTheme/View/PaginaArgomentoView/Placeholder/AfterContent';
 export PaginaArgomentoPlaceholderAfterRelatedItems from 'design-comuni-plone-theme/components/ItaliaTheme/View/PaginaArgomentoView/Placeholder/AfterRelatedItems';
 export PaginaArgomentoViewNoBlocks from 'design-comuni-plone-theme/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks';

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

@@ -19,36 +19,38 @@
       width: auto !important;
     }
 
-    &.listing {
-      &.simpleCard,
-      &.attachmentCardTemplate {
-        .card-teaser-block-3 {
-          > .card-teaser {
-            flex: 0 0 49%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
+    @media (min-width: #{map-get($grid-breakpoints, md)}) {
+      &.listing {
+        &.simpleCard,
+        &.attachmentCardTemplate {
+          .card-teaser-block-3 {
+            > .card-teaser {
+              flex: 0 0 49%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
+            }
           }
         }
-      }
 
-      &.cardWithImageTemplate,
-      &.ribbonCardTemplate,
-      &.completeBlockLinksTemplate {
-        .col-lg-4,
-        .col-xl-4,
-        .col-lg-3 {
-          width: 50%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
+        &.cardWithImageTemplate,
+        &.ribbonCardTemplate,
+        &.completeBlockLinksTemplate {
+          .col-lg-4,
+          .col-xl-4,
+          .col-lg-3 {
+            width: 50%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
+          }
         }
-      }
 
-      &.cardSlideUpTextTemplate,
-      &.quaresImageTemplate {
-        .grid {
-          grid-template-columns: 1fr 1fr;
+        &.cardSlideUpTextTemplate,
+        &.quaresImageTemplate {
+          .grid {
+            grid-template-columns: 1fr 1fr;
+          }
         }
-      }
 
-      &.bandiInEvidenceTemplate {
-        .bandi-in-evidence-cards-wrapper {
-          grid-template-columns: 1fr 1fr;
+        &.bandiInEvidenceTemplate {
+          .bandi-in-evidence-cards-wrapper {
+            grid-template-columns: 1fr 1fr;
+          }
         }
       }
     }

package/src/theme/ItaliaTheme/_home.scss

@@ -2,7 +2,7 @@
 body.public-ui.contenttype-lrf {
   .block-editor-title,
   .documentFirstHeading {
-    display: none;
+    @include visually-hidden;
   }
 }
 
@@ -13,7 +13,9 @@ body.public-ui.contenttype-lrf {
 body.subsite.subsite-root {
   &,
   .public-ui {
-    .documentFirstHeading,
+    .documentFirstHeading {
+      @include visually-hidden;
+    }
     #briciole {
       display: none;
     }