design-comuni-plone-theme 11.32.0 → 11.32.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 
 
+## [11.32.1](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.32.0...v11.32.1) (2025-08-22)
+
+
+### Bug Fixes
+
+* added state to close the date picker modal after endDate loses focus (Tab exit) ([#981](https://github.com/RedTurtle/design-comuni-plone-theme/issues/981)) ([accf3d6](https://github.com/RedTurtle/design-comuni-plone-theme/commit/accf3d6dff277cef0b7693d4c663636e2ec1c098))
+* contentHasImage function + showImage conditions ([#984](https://github.com/RedTurtle/design-comuni-plone-theme/issues/984)) ([bdb2901](https://github.com/RedTurtle/design-comuni-plone-theme/commit/bdb290101477fff8616498936cfc115a77b33cac))
+* image in template "Blocco link completo"  ([#971](https://github.com/RedTurtle/design-comuni-plone-theme/issues/971)) ([d5d9dc1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d5d9dc175e4d25b1f49976fbe2cfaf12d770fb92))
+* improved link visibility on images within listing blocks ([#978](https://github.com/RedTurtle/design-comuni-plone-theme/issues/978)) ([c6e41af](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c6e41af38911203b2487794a7e423921a33d51e6))
+
+
+### Documentation
+
+* updated publiccode and release log ([d478eb6](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d478eb699e0ea75475be1d7de7120d48321873a4))
+
 ## [11.32.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.31.2...v11.32.0) (2025-07-31)
 
 

package/RELEASE.md

@@ -41,6 +41,17 @@
 - ...
  -->
 
+## Versione 11.32.1 (22/08/2025)
+
+### Fix
+
+- Ripristinata la funzionalità per mostrare tutte le immagini del blocco elenco o solo quelle della prima fila, se presenti.
+- Migliorata l'accessibilità rimuovendo la visibilità delle immagini di presentazione nei blocchi elenco.
+- Sistemata la semantica dei titoli nei blocchi elenco migliorando così l'accessibilità della pagina.
+- Sistemata la visualizzazione delle immagini all’interno della card del blocco Link completo quando sono in landscape.
+- Ora il calendario si chiude automaticamente quando si passa al campo successivo dopo aver selezionato la data di fine, nei blocchi di ricerca dove è possibile indicare una data di inizio e fine.
+- Migliorata la visualizzazione dei link sulle immagini nei blocchi elenco, rimosso testo non necessario con tipo e dimensione dei file.
+
 ## Versione 11.32.0 (31/07/2025)
 
 ### Novità

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.32.0",
+  "version": "11.32.1",
   "main": "src/index.js",
   "repository": {
     "type": "git",

package/publiccode.yml

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

package/src/components/ItaliaTheme/Blocks/Common/SearchFilters/DateFilter.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { useIntl, defineMessages } from 'react-intl';
 import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
@@ -226,6 +226,31 @@ const DateFilter = (props) => {
     }
   }, []);
 
+  const endDateInputRef = useRef(null);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      const endDateInput = document.querySelector(
+        `#end-date-filter-${blockID}`,
+      );
+      if (endDateInput && !endDateInputRef.current) {
+        endDateInputRef.current = endDateInput;
+        endDateInput.addEventListener('blur', handleEndDateBlur);
+      }
+    }, 100);
+
+    return () => {
+      clearInterval(interval);
+      if (endDateInputRef.current) {
+        endDateInputRef.current.removeEventListener('blur', handleEndDateBlur);
+      }
+    };
+  }, []);
+
+  const handleEndDateBlur = () => {
+    setFocusedDateInput(null);
+  };
+
   return (
     <div className="me-lg-3 my-2 my-lg-1 filter-wrapper date-filter">
       <DateRangePicker
@@ -264,7 +289,7 @@ const DateFilter = (props) => {
         customCloseIcon={
           <Icon
             icon="it-close"
-            color="white"
+            color="black"
             title={intl.formatMessage(messages.clearDates)}
           />
         }

package/src/components/ItaliaTheme/Blocks/Listing/CardWithImage/CardWithImageDefault.jsx

@@ -62,10 +62,8 @@ const CardWithImageDefault = (props) => {
     : getEventRecurrenceMore(item, isEditMode);
   const listingText = show_description ? <ListingText item={item} /> : null;
 
-  const showImage = contentHasImage(
-    item,
-    index < imagesToShow || always_show_image,
-  );
+  const showImage =
+    contentHasImage(item) && (index < imagesToShow || always_show_image);
   const category = getCategory(item, show_type, show_section, props);
   const topics = show_topics ? item.tassonomia_argomenti : null;
 

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

@@ -17,14 +17,6 @@
     margin: 18px 0px 0px 18px;
 
     background-color: $white;
-
-    .volto-image {
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
   }
 
   .card.card-bg {
@@ -52,4 +44,9 @@
   .no-external-if-link > .external-link {
     display: none;
   }
+
+  img.responsive {
+    height: 100%;
+    object-fit: cover;
+  }
 }

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

@@ -30,4 +30,22 @@
     padding-bottom: 15px;
     border-bottom: 1px solid #455b71;
   }
+
+  //* customizzazione: nascondere enhance-link quando è un'immagine
+  .card-with-image-template,
+  .in-evidence,
+  .contentInEvidenceTemplate,
+  .list-template {
+    .img-responsive-wrapper {
+      .enhance-link {
+        display: none;
+      }
+    }
+  }
+  .small-block-links,
+  .contentInEvidenceTemplate {
+    .enhance-link {
+      display: none;
+    }
+  }
 }