io-sanita-theme 2.3.0 → 2.3.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [2.3.2](https://github.com/RedTurtle/io-sanita-theme/compare/2.3.1...2.3.2) (2025-02-26)
+
+### Bug Fixes
+
+* a11y search blocks ([439519f](https://github.com/RedTurtle/io-sanita-theme/commit/439519f0763c79771bd0e6638147e24c32997a23))
+* mismatch ssr edit ([6a46afe](https://github.com/RedTurtle/io-sanita-theme/commit/6a46afee597cd372c28f6ec34edea544ce1a652c))
+
+### Maintenance
+
+* locales ([e44fb3d](https://github.com/RedTurtle/io-sanita-theme/commit/e44fb3d3b04ac2e12b4c31c47e3ed36c0ae33ac3))
+
+## [2.3.1](https://github.com/RedTurtle/io-sanita-theme/compare/2.3.0...2.3.1) (2025-02-25)
+
+### Bug Fixes
+
+* a11y warning ([688bea5](https://github.com/RedTurtle/io-sanita-theme/commit/688bea5d793832f0f06a98a0e46bb992331620eb))
+* listing fieldset and carousel options ([ecec497](https://github.com/RedTurtle/io-sanita-theme/commit/ecec4975db519e9cda7de3df7ea0c3f14915a588))
+* locales and release.md ([94317a7](https://github.com/RedTurtle/io-sanita-theme/commit/94317a7ecdbbb6e1f8e4f61d1722a748f4926064))
+* mismatch server / client classname render ([9f1c20c](https://github.com/RedTurtle/io-sanita-theme/commit/9f1c20ceb23284caa20b66924dce529da78572a7))
+* remove margin between full-block and image block ([c7b0fe4](https://github.com/RedTurtle/io-sanita-theme/commit/c7b0fe419e6664fc58cd7da0d8c4abcd51bd79b4))
+* warnings ([2d10163](https://github.com/RedTurtle/io-sanita-theme/commit/2d10163dc917958329e813deb7ca92841a4190d6))
+
 ## [2.3.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.2.4...2.3.0) (2025-02-24)
 
 ### Features

package/RELEASE.md

@@ -41,14 +41,26 @@
 - ...
  -->
 
-## Versione x.x.x (x/x/x)
+## Versione 2.3.0 (24/02/2025)
+
+### Novità
+
+- aggiunto il template 'Carousel' per il blocco elenco, con il quale è possibile realizzare sia caroselli, sia gallery con immagini che si aprono in popup
+
+## Versione 2.2.1 (12/02/2025)
 
 ### Migliorie
 
-- aggiunto il tag <lin rel="canonical"> per tutte le pagine, come suggerito da consulente SEO
-- aggiunta la barra di loading nella parte alta della pagina quando si sta caricando un contenuto
 - a11y - migliorata l'accessibilità del sito per quanto riguarda le icone
 - a11y - migliorato il contrasto del focus sugli elementi con la navigazione da tastiera
+- aggiunto il tag <lin rel="canonical"> per tutte le pagine, come suggerito da consulente SEO
+- aggiunta la barra di loading nella parte alta della pagina quando si sta caricando un contenuto
+
+## Versione 2.2.0 (06/02/2025)
+
+### Migliorie
+
+- Ordinate le date del bando in ordine cronologico
 
 ## Versione 2.1.0 (05/02/2025)
 

package/locales/de/LC_MESSAGES/volto.po

@@ -2736,7 +2736,7 @@ msgid "search_farmacia_results"
 msgstr ""
 
 #. Default: "Risultati della ricerca farmacie"
-#: components/Blocks/SearchFarmacia/Results
+#: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_results_aria"
 msgstr ""
 
@@ -2755,6 +2755,11 @@ msgstr ""
 msgid "search_farmacia_searchable_text_description"
 msgstr ""
 
+#. Default: "Farmacia"
+#: components/Blocks/SearchFarmacia/SearchFilters
+msgid "search_farmacia_searchable_text_label"
+msgstr ""
+
 #. Default: "Comune"
 #: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_sort_comune"
@@ -3288,18 +3293,18 @@ msgstr ""
 msgid "show_icon"
 msgstr ""
 
-#. Default: "Mostra la descrizione dell'immagine"
+#. Default: "Mostra la descrizione"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 msgid "show_image_description"
 msgstr ""
 
-#. Default: "Apri l'immagine in popup"
+#. Default: "Apri l'anteprima in popup"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/photogalleryTemplate
 msgid "show_image_popup"
 msgstr ""
 
-#. Default: "Mostra il titolo dell'immagine"
+#. Default: "Mostra il titolo"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/sliderTemplate
 msgid "show_image_title"

package/locales/en/LC_MESSAGES/volto.po

@@ -2731,7 +2731,7 @@ msgid "search_farmacia_results"
 msgstr "Results"
 
 #. Default: "Risultati della ricerca farmacie"
-#: components/Blocks/SearchFarmacia/Results
+#: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_results_aria"
 msgstr "Search results"
 
@@ -2750,6 +2750,11 @@ msgstr "Search type"
 msgid "search_farmacia_searchable_text_description"
 msgstr "Enter the name of the pharmacy"
 
+#. Default: "Farmacia"
+#: components/Blocks/SearchFarmacia/SearchFilters
+msgid "search_farmacia_searchable_text_label"
+msgstr "Pharmacy"
+
 #. Default: "Comune"
 #: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_sort_comune"
@@ -3283,18 +3288,18 @@ msgstr ""
 msgid "show_icon"
 msgstr ""
 
-#. Default: "Mostra la descrizione dell'immagine"
+#. Default: "Mostra la descrizione"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 msgid "show_image_description"
 msgstr ""
 
-#. Default: "Apri l'immagine in popup"
+#. Default: "Apri l'anteprima in popup"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/photogalleryTemplate
 msgid "show_image_popup"
 msgstr ""
 
-#. Default: "Mostra il titolo dell'immagine"
+#. Default: "Mostra il titolo"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/sliderTemplate
 msgid "show_image_title"

package/locales/es/LC_MESSAGES/volto.po

@@ -2738,7 +2738,7 @@ msgid "search_farmacia_results"
 msgstr ""
 
 #. Default: "Risultati della ricerca farmacie"
-#: components/Blocks/SearchFarmacia/Results
+#: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_results_aria"
 msgstr ""
 
@@ -2757,6 +2757,11 @@ msgstr ""
 msgid "search_farmacia_searchable_text_description"
 msgstr ""
 
+#. Default: "Farmacia"
+#: components/Blocks/SearchFarmacia/SearchFilters
+msgid "search_farmacia_searchable_text_label"
+msgstr ""
+
 #. Default: "Comune"
 #: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_sort_comune"
@@ -3290,18 +3295,18 @@ msgstr ""
 msgid "show_icon"
 msgstr ""
 
-#. Default: "Mostra la descrizione dell'immagine"
+#. Default: "Mostra la descrizione"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 msgid "show_image_description"
 msgstr ""
 
-#. Default: "Apri l'immagine in popup"
+#. Default: "Apri l'anteprima in popup"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/photogalleryTemplate
 msgid "show_image_popup"
 msgstr ""
 
-#. Default: "Mostra il titolo dell'immagine"
+#. Default: "Mostra il titolo"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/sliderTemplate
 msgid "show_image_title"

package/locales/fr/LC_MESSAGES/volto.po

@@ -2738,7 +2738,7 @@ msgid "search_farmacia_results"
 msgstr ""
 
 #. Default: "Risultati della ricerca farmacie"
-#: components/Blocks/SearchFarmacia/Results
+#: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_results_aria"
 msgstr ""
 
@@ -2757,6 +2757,11 @@ msgstr ""
 msgid "search_farmacia_searchable_text_description"
 msgstr ""
 
+#. Default: "Farmacia"
+#: components/Blocks/SearchFarmacia/SearchFilters
+msgid "search_farmacia_searchable_text_label"
+msgstr ""
+
 #. Default: "Comune"
 #: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_sort_comune"
@@ -3290,18 +3295,18 @@ msgstr ""
 msgid "show_icon"
 msgstr ""
 
-#. Default: "Mostra la descrizione dell'immagine"
+#. Default: "Mostra la descrizione"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 msgid "show_image_description"
 msgstr ""
 
-#. Default: "Apri l'immagine in popup"
+#. Default: "Apri l'anteprima in popup"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/photogalleryTemplate
 msgid "show_image_popup"
 msgstr ""
 
-#. Default: "Mostra il titolo dell'immagine"
+#. Default: "Mostra il titolo"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/sliderTemplate
 msgid "show_image_title"

package/locales/it/LC_MESSAGES/volto.po

@@ -2731,7 +2731,7 @@ msgid "search_farmacia_results"
 msgstr ""
 
 #. Default: "Risultati della ricerca farmacie"
-#: components/Blocks/SearchFarmacia/Results
+#: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_results_aria"
 msgstr ""
 
@@ -2750,6 +2750,11 @@ msgstr ""
 msgid "search_farmacia_searchable_text_description"
 msgstr ""
 
+#. Default: "Farmacia"
+#: components/Blocks/SearchFarmacia/SearchFilters
+msgid "search_farmacia_searchable_text_label"
+msgstr ""
+
 #. Default: "Comune"
 #: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_sort_comune"
@@ -3283,18 +3288,18 @@ msgstr ""
 msgid "show_icon"
 msgstr ""
 
-#. Default: "Mostra la descrizione dell'immagine"
+#. Default: "Mostra la descrizione"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 msgid "show_image_description"
 msgstr ""
 
-#. Default: "Apri l'immagine in popup"
+#. Default: "Apri l'anteprima in popup"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/photogalleryTemplate
 msgid "show_image_popup"
 msgstr ""
 
-#. Default: "Mostra il titolo dell'immagine"
+#. Default: "Mostra il titolo"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/sliderTemplate
 msgid "show_image_title"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-02-24T10:51:14.508Z\n"
+"POT-Creation-Date: 2025-02-26T10:39:52.643Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -2733,7 +2733,7 @@ msgid "search_farmacia_results"
 msgstr ""
 
 #. Default: "Risultati della ricerca farmacie"
-#: components/Blocks/SearchFarmacia/Results
+#: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_results_aria"
 msgstr ""
 
@@ -2752,6 +2752,11 @@ msgstr ""
 msgid "search_farmacia_searchable_text_description"
 msgstr ""
 
+#. Default: "Farmacia"
+#: components/Blocks/SearchFarmacia/SearchFilters
+msgid "search_farmacia_searchable_text_label"
+msgstr ""
+
 #. Default: "Comune"
 #: components/Blocks/SearchFarmacia/Body
 msgid "search_farmacia_sort_comune"
@@ -3285,18 +3290,18 @@ msgstr ""
 msgid "show_icon"
 msgstr ""
 
-#. Default: "Mostra la descrizione dell'immagine"
+#. Default: "Mostra la descrizione"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 msgid "show_image_description"
 msgstr ""
 
-#. Default: "Apri l'immagine in popup"
+#. Default: "Apri l'anteprima in popup"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/photogalleryTemplate
 msgid "show_image_popup"
 msgstr ""
 
-#. Default: "Mostra il titolo dell'immagine"
+#. Default: "Mostra il titolo"
 #: config/blocks/listing/ListingOptions/carouselTemplate
 #: config/blocks/listing/ListingOptions/sliderTemplate
 msgid "show_image_title"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",

package/src/components/Blocks/Listing/Carousel/CarouselTemplate.jsx

@@ -26,6 +26,7 @@ import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 import config from '@plone/volto/registry';
 
 import './carouselTemplate.scss';
+import { on } from 'process';
 const messages = defineMessages({
   carouselItemAriaLabel: {
     id: 'carousel-item-aria-label',
@@ -48,7 +49,7 @@ const messages = defineMessages({
 
 const Slide = (props) => {
   const intl = useIntl();
-  const { index, appearance, appearanceProp, onKeyDown } = props;
+  const { index, appearance, appearanceProp, onKeyDown, ...otherProps } = props;
 
   const appearances = config.blocks.blocksConfig.listing.variations.filter(
     (v) => v.id === 'carousel',
@@ -57,6 +58,7 @@ const Slide = (props) => {
 
   return (
     <SingleSlideWrapper
+      {...otherProps}
       index={index}
       onKeyDown={onKeyDown}
       aria-label={
@@ -64,7 +66,7 @@ const Slide = (props) => {
         intl.formatMessage(messages.carouselItemAriaLabel)
       }
     >
-      <div className={'slide-wrapper'} role="presentation">
+      <div className="slide-wrapper" role="presentation">
         <SlideItemAppearance {...props} {...appearanceProp} intl={intl} />
       </div>
     </SingleSlideWrapper>
@@ -106,6 +108,7 @@ const CarouselTemplate = (props) => {
     SliderNextArrow,
     SliderPrevArrow,
     handleSlideKeydown,
+    HiddenSlideFocus,
   } = useSlider(userAutoplay, setUserAutoplay, block_id);
 
   const toggleAutoplay = () => {
@@ -185,6 +188,9 @@ const CarouselTemplate = (props) => {
     appendDots: renderCustomDots,
     // Custom handling of focus for a11y
     afterChange: focusSlide,
+    onInit: () => {
+      HiddenSlideFocus();
+    },
     responsive: [
       {
         breakpoint: 980,

package/src/components/Blocks/Listing/Carousel/SlideAppearance/SlideGalleryItem.jsx

@@ -49,11 +49,11 @@ const SlideGalleryItem = ({
         {(show_image_title ||
           (show_image_description && (item.description || item.rights))) && (
           <figcaption>
-            {show_image_title && <span className="title">{item.title}</span>}
+            {show_image_title && <div className="title">{item.title}</div>}
             {show_image_description && (item.description || item.rights) && (
-              <span className="description">
+              <div className="description">
                 {item.description ?? item.rights}
-              </span>
+              </div>
             )}
           </figcaption>
         )}

package/src/components/Blocks/Listing/Carousel/SlideAppearance/slideGalleryItem.scss

@@ -9,17 +9,5 @@
         object-fit: cover;
       }
     }
-
-    figcaption {
-      position: absolute;
-      bottom: 0;
-      width: 100%;
-      background-color: #ffffffa7;
-
-      padding: 0.5em 1em;
-      color: #666;
-      font-size: 0.8em;
-      text-align: center;
-    }
   }
 }

package/src/components/Blocks/Listing/Carousel/carouselTemplate.scss

@@ -52,10 +52,19 @@ $slider-mobile-height: 300px;
           }
 
           figcaption {
+            position: absolute;
+            bottom: 0;
+            width: 100%;
+            background-color: rgba(255, 255, 255, 0.85);
+
             padding: 0.5em 1em;
-            color: #666;
+            color: #000;
             font-size: 0.8em;
             text-align: center;
+
+            .title:has(+ .description) {
+              font-weight: bold;
+            }
           }
         }
 

package/src/components/Blocks/Listing/schema.js

@@ -2,6 +2,8 @@ import { defineMessages } from 'react-intl';
 
 import ListingBlockSchema from '@plone/volto/components/manage/Blocks/Listing/schema';
 
+import { addFieldsetAfter } from 'io-sanita-theme/config/blocks/listing/ListingOptions';
+
 export const schemaListing = (props) => {
   const intl = props.intl;
   const baseSchema = ListingBlockSchema(props);
@@ -11,7 +13,10 @@ export const schemaListing = (props) => {
   );
   if (defaultFieldset) {
     defaultFieldset.fields = defaultFieldset.fields.filter(
-      (field) => field !== 'headline' && field !== 'headlineTag',
+      (field) =>
+        field !== 'headline' &&
+        field !== 'headlineTag' &&
+        field !== 'querystring',
     );
   }
 
@@ -19,6 +24,12 @@ export const schemaListing = (props) => {
     return fieldset.id === 'linkmore';
   };
 
+  addFieldsetAfter(baseSchema, 'default', {
+    id: 'criteria',
+    title: 'Risultati',
+    fields: ['querystring'],
+  });
+
   // const linkMoreFieldset = baseSchema.fieldsets.find(findFieldset);
   // linkMoreFieldset.fields.push('linkAlign');
 

package/src/components/Blocks/SearchBandi/Body.jsx

@@ -153,6 +153,8 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock, blocksConfig }) => {
   }
 
   const has_results = !loading && items?.length > 0;
+
+  const resultsWrapperId = `bandi-search-results-${id}`;
   return filterOne || filterTwo || filterThree ? (
     <div
       className={cx('full-width py-4', {
@@ -204,7 +206,12 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock, blocksConfig }) => {
                       }),
                   })}
 
-                <Button color="accent" icon={false} className="my-0 my-lg-1">
+                <Button
+                  color="accent"
+                  icon={false}
+                  className="my-0 my-lg-1"
+                  aria-controls={resultsWrapperId}
+                >
                   {intl.formatMessage(messages.find)}
                 </Button>
               </div>
@@ -212,40 +219,42 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock, blocksConfig }) => {
           </form>
         </div>
 
-        {!loading ? (
-          items?.length > 0 ? (
-            <div
-              className="mt-4"
-              ref={resultsRef}
-              aria-live="polite"
-              aria-label={intl.formatMessage(messages.search_bandi_results)}
-              role="region"
-            >
-              <div className="block listing">
-                <BandiTemplate items={items} full_width={false} />
-              </div>
-              {querystringResults.total > b_size && (
-                <Pagination
-                  activePage={currentPage}
-                  totalPages={Math.ceil(querystringResults.total / b_size)}
-                  onPageChange={handleQueryPaginationChange}
-                />
-              )}
+        <div
+          className="mt-4"
+          ref={resultsRef}
+          aria-live="polite"
+          aria-label={intl.formatMessage(messages.search_bandi_results)}
+          role="region"
+          id={resultsWrapperId}
+        >
+          {!loading ? (
+            items?.length > 0 ? (
+              <>
+                <div className="block listing">
+                  <BandiTemplate items={items} full_width={false} />
+                </div>
+                {querystringResults.total > b_size && (
+                  <Pagination
+                    activePage={currentPage}
+                    totalPages={Math.ceil(querystringResults.total / b_size)}
+                    onPageChange={handleQueryPaginationChange}
+                    ariaControls={resultsWrapperId}
+                  />
+                )}
+              </>
+            ) : querystringResults ? (
+              <p className="text-center">
+                {intl.formatMessage(messages.noResult)}
+              </p>
+            ) : (
+              <></>
+            )
+          ) : (
+            <div className="d-flex justify-content-center">
+              <Spinner active />
             </div>
-          ) : querystringResults ? (
-            <>
-              <div className="mt-4" aria-live="polite">
-                <p className="text-center">
-                  {intl.formatMessage(messages.noResult)}
-                </p>
-              </div>
-            </>
-          ) : null
-        ) : (
-          <div className="d-flex justify-content-center mt-3">
-            <Spinner active />
-          </div>
-        )}
+          )}
+        </div>
       </Container>
     </div>
   ) : null;

package/src/components/Blocks/SearchFarmacia/Body.jsx

@@ -36,6 +36,10 @@ const messages = defineMessages({
     id: 'search_farmacia_sort_localita',
     defaultMessage: 'Località',
   },
+  farmacie_results_aria: {
+    id: 'search_farmacia_results_aria',
+    defaultMessage: 'Risultati della ricerca farmacie',
+  },
 });
 
 const Body = ({ isEditMode, data, id }) => {
@@ -219,6 +223,7 @@ const Body = ({ isEditMode, data, id }) => {
     }
   }, [currentPage, results]);
 
+  const resultsWrapperId = 'search-farmacie-results_' + id;
   return (
     <div className="block iosanita-block-search farmacia">
       <div className="full-width bg-primary-lightest">
@@ -247,6 +252,7 @@ const Body = ({ isEditMode, data, id }) => {
                     searchType={searchType}
                     filters={filters}
                     options={filtersOptions}
+                    ariaControls={resultsWrapperId}
                     // isEditMode={isEditMode}
                     // doSearch={doSearch}
                     // checkClearComune={checkClearComune}
@@ -287,24 +293,34 @@ const Body = ({ isEditMode, data, id }) => {
                         title: intl.formatMessage(messages.localita),
                       },
                     ]}
+                    ariaControls={resultsWrapperId}
                   />
                 </Col>
               </Row>
             </form>
 
-            <Results
-              items={resultsPage}
-              isEditMode={isEditMode}
-              searchType={searchType}
-              resRef={resultsRef}
-            />
-            {results && results.length > b_size && (
-              <Pagination
-                activePage={currentPage}
-                totalPages={Math.ceil(results.length / b_size)}
-                onPageChange={handleQueryPaginationChange}
+            <div
+              className="farmacie-results shadow"
+              role="region"
+              aria-live="polite"
+              aria-label={intl.formatMessage(messages.farmacie_results_aria)}
+              ref={resultsRef}
+              id={resultsWrapperId}
+            >
+              <Results
+                items={resultsPage}
+                isEditMode={isEditMode}
+                searchType={searchType}
               />
-            )}
+              {results && results.length > b_size && (
+                <Pagination
+                  activePage={currentPage}
+                  totalPages={Math.ceil(results.length / b_size)}
+                  onPageChange={handleQueryPaginationChange}
+                  ariaControls={resultsWrapperId}
+                />
+              )}
+            </div>
           </Container>
         ) : (
           <Container className="d-flex justify-content-center mt-3">