design-comuni-plone-theme 10.4.2 → 10.5.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 
 
+## [10.5.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.4.3...v10.5.0) (2023-12-06)
+
+
+### Features
+
+* added volto-querywidget-with-browser addon ([#426](https://github.com/RedTurtle/design-comuni-plone-theme/issues/426)) ([d1a6502](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d1a65021fe594eb15bc56b76207de7d74f8f1cca))
+
+
+### Bug Fixes
+
+* calendar block header size ([#425](https://github.com/RedTurtle/design-comuni-plone-theme/issues/425)) ([2ab1035](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2ab1035bb3bdc3da18726445009ddd37ef9c7288))
+* centered image in genericcard with image for related content ([#429](https://github.com/RedTurtle/design-comuni-plone-theme/issues/429)) ([38ffb45](https://github.com/RedTurtle/design-comuni-plone-theme/commit/38ffb452d903c2d39a9fe3d355f69cf9c220d2f2))
+* feedback form con risposta obbligatoria ([#430](https://github.com/RedTurtle/design-comuni-plone-theme/issues/430)) ([f653419](https://github.com/RedTurtle/design-comuni-plone-theme/commit/f653419ae76e9cdf46edce1c9ad5b7d80e0506d7))
+
+
+### Documentation
+
+* updated publiccode and release log ([05312b4](https://github.com/RedTurtle/design-comuni-plone-theme/commit/05312b4f8705bc4805beee9b6b2ba98e9f399e62))
+
+## [10.4.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.4.2...v10.4.3) (2023-11-28)
+
+
+### Bug Fixes
+
+* 404 page now sends user to homepage instead of search ([#419](https://github.com/RedTurtle/design-comuni-plone-theme/issues/419)) ([4331b59](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4331b5937dbcfad9fe6a22f3f8a0a53c1a17b838))
+* a11y of feedback form ([#418](https://github.com/RedTurtle/design-comuni-plone-theme/issues/418)) ([52da0c7](https://github.com/RedTurtle/design-comuni-plone-theme/commit/52da0c73f67c8bb09b225e19a6535cd6a9613602))
+* changed styles for BandiInEvidenceTemplate for tablet size ([#412](https://github.com/RedTurtle/design-comuni-plone-theme/issues/412)) ([fd7688a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/fd7688a80b6247243730ff01e55dd682ba2edbac))
+* removed pager-link data-element from prev item button in Pagination ([#420](https://github.com/RedTurtle/design-comuni-plone-theme/issues/420)) ([5812546](https://github.com/RedTurtle/design-comuni-plone-theme/commit/58125465349699396b2719a79bf70a339f4ac7e6))
+
+
+### Documentation
+
+* updated publiccode and release log ([33b267f](https://github.com/RedTurtle/design-comuni-plone-theme/commit/33b267f2f20d68b521a1452d300f7288f1d01fb1))
+
 ## [10.4.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.4.1...v10.4.2) (2023-11-23)
 
 

package/RELEASE.md

@@ -41,6 +41,29 @@
 - ...
 -->
 
+## Versione 10.5.0 (06/12/2023)
+
+### Novità
+
+- Nel blocco elenco, nel criterio di configurazione 'Posizione', è ora presente uno strumento per facilitare la ricerca dei contenuti nel sito, senza dover scrivere il percorso a mano.
+
+### Fix
+
+- Le immagini nelle card dei contenuti correlati sono centrate verticalmente.
+- Il feedback form ora richiede necessariamente una risposta oltre al voto in stelle.
+- Dimensione del titolo del blocco calendario uniformata ai titoli degli altri blocchi elenco.
+
+## Versione 10.4.3 (28/11/2023)
+
+### Migliorie
+
+- Ora nella pagina 404 "Questa pagina non esiste" viene suggerito il proseguimento della navigazione verso la homepage invece che verso la ricerca.
+
+### Fix
+
+- Migliorata l'accessibilità del modulo di valutazione del sito che si trova in fondo ad ogni pagina.
+- Il blocco Elenco con variazione Bandi viene visualizzato correttamente anche su tablet.
+
 ## Versione 10.4.2 (23/11/2023)
 
 ### Fix

package/locales/de/LC_MESSAGES/volto.po

@@ -2153,6 +2153,11 @@ msgstr ""
 msgid "hide_dates"
 msgstr ""
 
+#: helpers/customizationsI18n
+# defaultMessage: Home page
+msgid "homepage"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/HTML/Sidebar
 # defaultMessage: Mostra lo sfondo a tutta larghezza
 msgid "htmlFullWidth"

package/locales/en/LC_MESSAGES/volto.po

@@ -2138,6 +2138,11 @@ msgstr ""
 msgid "hide_dates"
 msgstr ""
 
+#: helpers/customizationsI18n
+# defaultMessage: Home page
+msgid "homepage"
+msgstr "Home page"
+
 #: components/ItaliaTheme/Blocks/HTML/Sidebar
 # defaultMessage: Mostra lo sfondo a tutta larghezza
 msgid "htmlFullWidth"

package/locales/es/LC_MESSAGES/volto.po

@@ -2147,6 +2147,11 @@ msgstr "Para esta plantilla el número de resultados por página debe ser 7. Com
 msgid "hide_dates"
 msgstr "Ocultar fechas"
 
+#: helpers/customizationsI18n
+# defaultMessage: Home page
+msgid "homepage"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/HTML/Sidebar
 # defaultMessage: Mostra lo sfondo a tutta larghezza
 msgid "htmlFullWidth"

package/locales/fr/LC_MESSAGES/volto.po

@@ -2155,6 +2155,11 @@ msgstr ""
 msgid "hide_dates"
 msgstr ""
 
+#: helpers/customizationsI18n
+# defaultMessage: Home page
+msgid "homepage"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/HTML/Sidebar
 # defaultMessage: Mostra lo sfondo a tutta larghezza
 msgid "htmlFullWidth"

package/locales/it/LC_MESSAGES/volto.po

@@ -2138,6 +2138,11 @@ msgstr "Per questo template il numero di risultati per pagina deve essere 7. Con
 msgid "hide_dates"
 msgstr "Nascondi le date"
 
+#: helpers/customizationsI18n
+# defaultMessage: Home page
+msgid "homepage"
+msgstr "Home page"
+
 #: components/ItaliaTheme/Blocks/HTML/Sidebar
 # defaultMessage: Mostra lo sfondo a tutta larghezza
 msgid "htmlFullWidth"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-11-14T17:26:17.874Z\n"
+"POT-Creation-Date: 2023-11-24T12:06:19.839Z\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"
@@ -2140,6 +2140,11 @@ msgstr ""
 msgid "hide_dates"
 msgstr ""
 
+#: helpers/customizationsI18n
+# defaultMessage: Home page
+msgid "homepage"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/HTML/Sidebar
 # defaultMessage: Mostra lo sfondo a tutta larghezza
 msgid "htmlFullWidth"

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "10.4.2",
+  "version": "10.5.0",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",
@@ -29,6 +29,7 @@
     "volto-subfooter",
     "volto-gdpr-privacy",
     "volto-data-grid-widget",
+    "volto-querywidget-with-browser",
     "@eeacms/volto-taxonomy",
     "volto-feedback"
   ],
@@ -148,6 +149,7 @@
     "volto-gdpr-privacy": "2.1.0",
     "volto-google-analytics": "2.0.0",
     "volto-multilingual-widget": "3.0.0",
+    "volto-querywidget-with-browser": "0.4.0",
     "volto-rss-block": "3.0.0",
     "volto-secondarymenu": "4.0.0",
     "volto-social-settings": "3.0.0",

package/publiccode.yml

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

package/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx

@@ -119,7 +119,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
   const dispatch = useDispatch();
   const [satisfaction, setSatisfaction] = useState(null);
   const [step, setStep] = useState(0);
-  const [invalidForm, setInvalidForm] = useState(false);
+  const [invalidForm, setInvalidForm] = useState(true);
   const [formData, setFormData] = useState({});
   const captcha = !!process.env.RAZZLE_RECAPTCHA_KEY ? 'GoogleReCaptcha' : null;
   const submitResults = useSelector((state) => state.submitFeedback);
@@ -140,6 +140,10 @@ const FeedbackForm = ({ contentType, pathname }) => {
       if (value?.length > 200) setInvalidForm(true);
       else setInvalidForm(false);
     }
+    if (field === 'answer') {
+      if (!value) setInvalidForm(true);
+      else setInvalidForm(false);
+    }
     setFormData({
       ...formData,
       [field]: value,
@@ -214,7 +218,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
       <Container>
         <Row className="d-flex justify-content-center bg-primary">
           <Col className="col-12 col-lg-6">
-            <div className="feedback-form">
+            <div className="feedback-form" role="form">
               <Card
                 className="shadow card-wrapper py-4 px-4"
                 data-element="feedback"
@@ -312,6 +316,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
                             color="primary"
                             onClick={nextStep}
                             className="next-action fw-bold"
+                            disabled={invalidForm}
                             type="button"
                           >
                             {intl.formatMessage(messages.next)}

package/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx

@@ -82,12 +82,12 @@ const AnswersStep = ({
           {state?.map((s, i) => (
             <FormGroup
               check
-              key={s}
+              key={'positive-' + s}
               className="border-bottom border-light mb-4"
             >
               <Input
-                name={s}
-                id={s}
+                name="answer-input-positive"
+                id={'positive-' + s}
                 type="radio"
                 checked={s === selectedAnswer}
                 value={s}
@@ -95,7 +95,7 @@ const AnswersStep = ({
                 addon
               />
               <Label
-                for={s}
+                for={'positive-' + s}
                 check
                 className="mb-4"
                 data-element="feedback-rating-answer"
@@ -129,12 +129,12 @@ const AnswersStep = ({
           {state?.map((s, i) => (
             <FormGroup
               check
-              key={s}
+              key={'negative-' + s}
               className="border-bottom border-light mb-4"
             >
               <Input
-                name={s}
-                id={s}
+                name="answer-input-negative"
+                id={'negative-' + s}
                 type="radio"
                 checked={s === selectedAnswer}
                 value={s}
@@ -142,7 +142,7 @@ const AnswersStep = ({
                 addon
               />
               <Label
-                for={s}
+                for={'negative-' + s}
                 check
                 className="mb-4"
                 data-element="feedback-rating-answer"

package/src/components/ItaliaTheme/Pagination/PaginationItem.jsx

@@ -72,7 +72,9 @@ class PaginationItem extends Component {
           onClick={this.handleClick}
           onKeyDown={this.handleKeyDown}
           aria-current={active ? 'page' : null}
-          data-element={isServiceLink ? 'pager-link' : null}
+          data-element={
+            isServiceLink && type !== 'prevItem' ? 'pager-link' : null
+          }
         >
           {type === 'prevItem' && (
             <>

package/src/customizations/volto/components/theme/NotFound/NotFound.jsx

@@ -1,6 +1,6 @@
 /*
 CUSTOMIZATIONS:
-- Removed the "Site Administration" link, added a link to the search page
+- Removed the "Site Administration" link, added a link to the home page
 */
 
 import { useEffect } from 'react';
@@ -22,14 +22,13 @@ const NotFound = () => {
   const dispatch = useDispatch();
   const lang = useSelector((state) => state.intl.locale);
 
+  const navigationRootPath = config.settings.isMultilingual
+    ? `/${toBackendLang(lang)}`
+    : '/';
+
   useEffect(() => {
-    dispatch(
-      getNavigation(
-        config.settings.isMultilingual ? `/${toBackendLang(lang)}` : '/',
-        config.settings.navDepth,
-      ),
-    );
-  }, [dispatch, lang]);
+    dispatch(getNavigation(navigationRootPath, config.settings.navDepth));
+  }, [dispatch, lang, navigationRootPath]);
 
   return (
     <Container className="view-wrapper">
@@ -47,8 +46,8 @@ const NotFound = () => {
         />
       </p>
       <p>
-        <Link to="/search">
-          <FormattedMessage id="Search Site" defaultMessage="Search Site" />
+        <Link to={navigationRootPath}>
+          <FormattedMessage id="Home page" defaultMessage="Home page" />
         </Link>
       </p>
       {/* <p>

package/src/helpers/customizationsI18n.js

@@ -5,4 +5,8 @@ defineMessages({
     id: 'opensInNewTab',
     defaultMessage: 'Opens in new tab',
   },
+  homepage: {
+    id: 'homepage',
+    defaultMessage: 'Home page',
+  },
 });

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

@@ -5,6 +5,10 @@
     gap: 1.3rem;
     -ms-grid-columns: 1fr 1.3rem 1fr 1.3rem 1fr;
     grid-template-columns: 1fr 1fr 1fr;
+
+    .read-more a.read-more {
+      flex-direction: row;
+    }
   }
 
   .card-wrapper {
@@ -39,7 +43,7 @@
   }
 
   // smartphone
-  @media (max-width: 585px) {
+  @media (max-width: #{map-get($grid-breakpoints, sm)}) {
     .bandi-in-evidence-cards-wrapper {
       .card-wrapper {
         width: 100%;
@@ -51,13 +55,17 @@
   }
 
   // tablet
-  @media (min-width: 586px) and (max-width: 1367px) {
-    .bandi-in-evidence-cards-wrapper {
+  .bandi-in-evidence-cards-wrapper {
+    @media (min-width: #{map-get($grid-breakpoints, md)}) and  (max-width: #{map-get($grid-breakpoints, xxl)}) {
       grid-template-columns: auto auto;
+    }
 
-      div.read-more a.read-more {
-        flex-direction: row;
-      }
+    @media (min-width: #{map-get($grid-breakpoints, md)}) and (max-width: #{map-get($grid-breakpoints, lg)}) {
+      gap: 1rem;
+    }
+
+    @media (min-width: #{map-get($grid-breakpoints, sm)}) and (max-width: #{map-get($grid-breakpoints, md)}) {
+      display: block !important;
     }
   }
 
@@ -111,9 +119,8 @@
       bottom: 0;
       padding-top: 0.75rem;
 
-      @media (max-width: 585px) {
+      @media (max-width: #{map-get($grid-breakpoints, sm)}) {
         display: flex;
-        flex-direction: row;
         align-items: center;
         color: $analogue-1-a7;
         font-size: 0.77778rem;
@@ -122,7 +129,7 @@
         text-transform: uppercase;
       }
     }
-    @media (max-width: 585px) {
+    @media (max-width: #{map-get($grid-breakpoints, sm)}) {
       margin-top: 0;
     }
   }

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

@@ -6,6 +6,11 @@
   }
 
   .template-header {
+    h2 {
+      @include rem-size(font-size, 32);
+      @include rem-size(line-height, 32);
+    }
+
     &.with-filters {
       /* border-bottom: 1px solid $neutral-1-a2;*/
       margin-bottom: 1em;

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

@@ -10,6 +10,11 @@
     max-height: 800px;
   }
 
+  .feedback-form #vf-more-positive[aria-hidden='true'],
+  .feedback-form #vf-more-negative[aria-hidden='true'] {
+    visibility: hidden;
+  }
+
   .feedback-form {
     padding: 2rem 0;
     margin: 0;
@@ -28,6 +33,14 @@
 
     .rating-container {
       padding-bottom: 0;
+
+      input.volto-feedback-rating:focus + label {
+        border: 0;
+        box-shadow:
+          0 0 0.2rem $focus-outline-color,
+          0 0 0 0.2rem $focus-outline-color !important;
+        outline: none;
+      }
     }
 
     .form-check label {

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

@@ -102,6 +102,11 @@ picture.volto-image.responsive img.full-width {
   }
 
   .genericcard {
+    .img-wrapper {
+      display: flex;
+      // align-items: center;
+    }
+
     .card-title {
       margin: 0 !important;
       margin-bottom: 0.625rem !important;