design-comuni-plone-theme 8.3.1 → 8.4.0

package/locales/it/LC_MESSAGES/volto.po

@@ -289,11 +289,6 @@ msgstr ""
 msgid "Icons placeholder"
 msgstr "Seleziona le icone dalla barra a lato"
 
-#: components/ItaliaTheme/Unauthorized/Unauthorized
-# defaultMessage: If you are certain you have the correct web address but are encountering an error, please contact the {site_admin}.
-msgid "If you are certain you have the correct web address but are encountering an error, please contact the {site_admin}."
-msgstr "Se sei sicuro di aver inserito l'indirizzo corretto ma ottieni comunque un errore, contatta l' {site_admin}."
-
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Immagine
 msgid "Image"
@@ -479,7 +474,7 @@ msgstr "Piccolo"
 #: components/ItaliaTheme/Blocks/Listing/SliderTemplate
 # defaultMessage: Play
 msgid "Play slider"
-msgstr "Play"
+msgstr "Seleziona per riprodurre"
 
 #: components/ItaliaTheme/Pagination/PaginationItem
 # defaultMessage: Pagina precedente
@@ -568,11 +563,6 @@ msgstr "Mostra tutto"
 msgid "Show all content types"
 msgstr "Mostra tutti i tipi di contenuto"
 
-#: components/ItaliaTheme/Unauthorized/Unauthorized
-# defaultMessage: Site Administration
-msgid "Site Administration"
-msgstr "Amministratore del sito"
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: Sono occorsi degli errori
 msgid "Sono occorsi degli errori"
@@ -687,7 +677,6 @@ msgid "Vedi"
 msgstr "Vedi"
 
 #: components/ItaliaTheme/Blocks/Listing/PhotogalleryTemplate
-#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
 # defaultMessage: Vedi l'immagine
 msgid "Vedi l'immagine"
 msgstr "Vedi l'immagine"
@@ -1706,6 +1695,11 @@ msgstr "Ufficio responsabile"
 msgid "done_edit_social_links"
 msgstr "Fatto"
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Navigazione elementi slider
+msgid "dots"
+msgstr ""
+
 #: components/ItaliaTheme/View/VenueView/VenueWhere
 # defaultMessage: Indirizzo
 msgid "dove"
@@ -2183,6 +2177,7 @@ msgid "imageBackground"
 msgstr "Immagine per lo sfondo"
 
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
+#: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Importi di viaggio e/o servizi
 msgid "importi_di_viaggio_e_o_servizi"
 msgstr "Importi di viaggio e/o servizi"
@@ -2601,11 +2596,6 @@ msgstr "Ordina per"
 msgid "organizzato_da"
 msgstr "Organizzato da"
 
-#: components/ItaliaTheme/View/PersonaView/PersonaRuolo
-# defaultMessage: Organizzazione
-msgid "organizzazione_riferimento"
-msgstr "Organizzazione"
-
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Organo competente adozione provvedimento finale
@@ -2664,6 +2654,11 @@ msgstr "PEC"
 msgid "persona"
 msgstr "Persona"
 
+#: components/ItaliaTheme/View/PersonaView/PersonaRuolo
+# defaultMessage: Fa parte di
+msgid "persona_strutture_correlate"
+msgstr "Fa parte di"
+
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
 # defaultMessage: Persone correlate
 msgid "persone_correlate"
@@ -2689,6 +2684,11 @@ msgstr "Testo di aiuto"
 msgid "playStoreLink"
 msgstr "PlayStore Link"
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Precedente
+msgid "precedente"
+msgstr ""
+
 #: components/ItaliaTheme/manage/Widgets/IconPreviewWidget
 # defaultMessage: Anteprima dell'icona scelta
 msgid "previewIconSelected"
@@ -3523,6 +3523,11 @@ msgstr "Vai alla navigazione"
 msgid "skype"
 msgstr "Skype"
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Vai alla slide {index}
+msgid "slideDot"
+msgstr ""
+
 #: config/Blocks/ListingOptions/sliderTemplate
 # defaultMessage: N° slide da mostrare
 msgid "slidesToShow"
@@ -3663,6 +3668,11 @@ msgstr "Visibile"
 msgid "subjects"
 msgstr "Tags"
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Successivo
+msgid "successivo"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Con il supporto di
 msgid "supported_by"
@@ -3872,6 +3882,11 @@ msgstr "Variazione situazione patrimoniale"
 msgid "venues"
 msgstr "Luoghi"
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Sei attualmente in un carosello, per navigare usa le frecce sinistra e destra
+msgid "viewImage"
+msgstr "Sei attualmente in un carosello, per navigare usa le frecce sinistra e destra"
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody
 # defaultMessage: Vedi tutti
 msgid "view_all"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-07-20T15:16:26.205Z\n"
+"POT-Creation-Date: 2023-08-24T08:14:25.576Z\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"
@@ -291,11 +291,6 @@ msgstr ""
 msgid "Icons placeholder"
 msgstr ""
 
-#: components/ItaliaTheme/Unauthorized/Unauthorized
-# defaultMessage: If you are certain you have the correct web address but are encountering an error, please contact the {site_admin}.
-msgid "If you are certain you have the correct web address but are encountering an error, please contact the {site_admin}."
-msgstr ""
-
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Immagine
 msgid "Image"
@@ -570,11 +565,6 @@ msgstr ""
 msgid "Show all content types"
 msgstr ""
 
-#: components/ItaliaTheme/Unauthorized/Unauthorized
-# defaultMessage: Site Administration
-msgid "Site Administration"
-msgstr ""
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: Sono occorsi degli errori
 msgid "Sono occorsi degli errori"
@@ -689,7 +679,6 @@ msgid "Vedi"
 msgstr ""
 
 #: components/ItaliaTheme/Blocks/Listing/PhotogalleryTemplate
-#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
 # defaultMessage: Vedi l'immagine
 msgid "Vedi l'immagine"
 msgstr ""
@@ -1708,6 +1697,11 @@ msgstr ""
 msgid "done_edit_social_links"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Navigazione elementi slider
+msgid "dots"
+msgstr ""
+
 #: components/ItaliaTheme/View/VenueView/VenueWhere
 # defaultMessage: Indirizzo
 msgid "dove"
@@ -2185,6 +2179,7 @@ msgid "imageBackground"
 msgstr ""
 
 #: components/ItaliaTheme/View/PersonaView/PersonaDocumenti
+#: components/ItaliaTheme/View/PersonaView/PersonaRuolo
 # defaultMessage: Importi di viaggio e/o servizi
 msgid "importi_di_viaggio_e_o_servizi"
 msgstr ""
@@ -2603,11 +2598,6 @@ msgstr ""
 msgid "organizzato_da"
 msgstr ""
 
-#: components/ItaliaTheme/View/PersonaView/PersonaRuolo
-# defaultMessage: Organizzazione
-msgid "organizzazione_riferimento"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Organo competente adozione provvedimento finale
@@ -2666,6 +2656,11 @@ msgstr ""
 msgid "persona"
 msgstr ""
 
+#: components/ItaliaTheme/View/PersonaView/PersonaRuolo
+# defaultMessage: Fa parte di
+msgid "persona_strutture_correlate"
+msgstr ""
+
 #: components/ItaliaTheme/View/PuntoDiContattoView/RelatedItemsChipsPDC
 # defaultMessage: Persone correlate
 msgid "persone_correlate"
@@ -2691,6 +2686,11 @@ msgstr ""
 msgid "playStoreLink"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Precedente
+msgid "precedente"
+msgstr ""
+
 #: components/ItaliaTheme/manage/Widgets/IconPreviewWidget
 # defaultMessage: Anteprima dell'icona scelta
 msgid "previewIconSelected"
@@ -3525,6 +3525,11 @@ msgstr ""
 msgid "skype"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Vai alla slide {index}
+msgid "slideDot"
+msgstr ""
+
 #: config/Blocks/ListingOptions/sliderTemplate
 # defaultMessage: N° slide da mostrare
 msgid "slidesToShow"
@@ -3665,6 +3670,11 @@ msgstr ""
 msgid "subjects"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Successivo
+msgid "successivo"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoContatti
 # defaultMessage: Con il supporto di
 msgid "supported_by"
@@ -3874,6 +3884,11 @@ msgstr ""
 msgid "venues"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Listing/SliderTemplate
+# defaultMessage: Sei attualmente in un carosello, per navigare usa le frecce sinistra e destra
+msgid "viewImage"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody
 # defaultMessage: Vedi tutti
 msgid "view_all"

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "8.3.1",
+  "version": "8.4.0",
   "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-08-10'
+releaseDate: '2023-08-24'
 softwareType: standalone/web
-softwareVersion: 8.3.1
+softwareVersion: 8.4.0
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/razzle.extend.js

@@ -72,10 +72,10 @@ const modify = (webpackConfig, { target, dev }, webpackObject) => {
   webpackConfig.module.rules.push(SVG_LOADER);
 
   const urlLoader = webpackConfig.module.rules.find(urlLoaderFinder);
-  urlLoader.exclude = [/\.(png|jpe?g|webp)$/i, ...(urlLoader.exclude || [])];
+  urlLoader.exclude = [/\.(png|jpe?g)$/i, ...(urlLoader.exclude || [])];
   // see: node_modules/razzle/config/createConfig.js
   const IMG_LOADER = {
-    test: /\.(png|jpe?g|webp)$/i,
+    test: /\.(png|jpe?g)$/i,
     use: [
       {
         loader: 'url-loader',

package/src/components/ItaliaTheme/Blocks/Listing/Commons/utils.js

@@ -1,3 +1,5 @@
+import { useRef, useEffect } from 'react';
+
 export const getCategory = (item, show_type, show_section, props) => {
   let cat = [];
 
@@ -15,3 +17,64 @@ export const getCategory = (item, show_type, show_section, props) => {
   }
   return null;
 };
+export const visibleSlideTitle = (selector) => {
+  // Needed to deal with react-slick duplicating a lot of slides
+  // when used in infinite mode. It's an useless and counterproductive
+  // thing to do on their part, there are multiple issues opened.
+  // The lib is not actually mantained so...
+  return Array.from(document.querySelectorAll(selector)).find((e) => {
+    const rect = e.getBoundingClientRect();
+    return rect.left >= 0 && rect.right <= window.innerWidth;
+  });
+};
+
+export const useSlider = (userAutoplay) => {
+  const slider = useRef(null);
+  const onIntersection = (entries, opt) => {
+    entries.forEach((entry) =>
+      entry.target.classList.toggle('visible', entry.isIntersecting),
+    );
+  };
+  const observer = new IntersectionObserver(onIntersection, {
+    root: null,
+    threshold: 0.5,
+  });
+  if (document.querySelector('.block.listing.slider'))
+    observer.observe(document.querySelector('.block.listing.slider'));
+  useEffect(() => {
+    return () => observer.disconnect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const focusNext = (currentSlide) => {
+    const sliderElement = document.querySelector('.block.listing.slider');
+    if (!sliderElement) return;
+    const sliderIsVisible = sliderElement.classList.contains('visible');
+
+    if (!sliderIsVisible) {
+      slider.current.slickPause();
+      return;
+    }
+    const slide = sliderElement.querySelectorAll(
+      `a.slide-link[data-slide="${currentSlide}"]`,
+    );
+
+    if ((userAutoplay && !slide) || (userAutoplay && !slide.length > 0)) return;
+
+    // Custom handling of focus as per Arter a11y audit and request
+    const link = visibleSlideTitle(
+      `a.slide-link[data-slide="${currentSlide}"]`,
+    );
+
+    if (!link || document.activeElement === link) {
+      return;
+    }
+    // eslint-disable-next-line no-unused-expressions
+    else link.focus();
+  };
+
+  return {
+    slider,
+    focusNext,
+  };
+};