design-comuni-plone-theme 11.22.0 → 11.23.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 
 
+## [11.23.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.22.1...v11.23.0) (2024-09-19)
+
+
+### Features
+
+* title and description for block accordion - v11 ([#765](https://github.com/RedTurtle/design-comuni-plone-theme/issues/765)) ([93e4926](https://github.com/RedTurtle/design-comuni-plone-theme/commit/93e49267e1d896ea08b99ad1860b479f4b7bcd89))
+
+
+### Bug Fixes
+
+* added autocomplete attribute in search and customer satisfaction fields ([#768](https://github.com/RedTurtle/design-comuni-plone-theme/issues/768)) ([8de28b9](https://github.com/RedTurtle/design-comuni-plone-theme/commit/8de28b9325ffba67e47431d948f035556e100649))
+* added block id to date ids to ensure unique field ids ([#771](https://github.com/RedTurtle/design-comuni-plone-theme/issues/771)) ([4c9f6c1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4c9f6c1cead8f6185effd7d287823bb6d8cdaa0c))
+* added filter for eventi rassegne in Event Search ([#774](https://github.com/RedTurtle/design-comuni-plone-theme/issues/774)) ([2f6c69c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2f6c69c20326568350d32d540a75da28bf017b70))
+* added max-width attribute to row to fit elements within page when zoomed in ([#773](https://github.com/RedTurtle/design-comuni-plone-theme/issues/773)) ([92ab586](https://github.com/RedTurtle/design-comuni-plone-theme/commit/92ab5867ee677280e326b9af2af14decbc163cc8))
+* added submit type attribute to search submit buttons ([#769](https://github.com/RedTurtle/design-comuni-plone-theme/issues/769)) ([bf5a9a6](https://github.com/RedTurtle/design-comuni-plone-theme/commit/bf5a9a6f03bbb27322816743b4b8d1e2cbcafdb1))
+* removed id_lighthouse field in cardWithSlideUpTextTemplate ([#762](https://github.com/RedTurtle/design-comuni-plone-theme/issues/762)) ([aa4fe58](https://github.com/RedTurtle/design-comuni-plone-theme/commit/aa4fe58d6db372a2848efe429e78fceb1203f54d))
+* slider styles + arrows in ct gallery ([#764](https://github.com/RedTurtle/design-comuni-plone-theme/issues/764)) ([c1bbdb9](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c1bbdb998a145c608e0fc8da5d23223ddaa0ac12))
+
+
+### Documentation
+
+* updated publiccode and release log ([f43b737](https://github.com/RedTurtle/design-comuni-plone-theme/commit/f43b737e4ef0438182f371f46d30002d1459d21d))
+
+## [11.22.1](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.22.0...v11.22.1) (2024-09-09)
+
+
+### Bug Fixes
+
+* removed RemoveBodyClass component in favor of a customized BodyClass component ([61062d8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/61062d84041f52182c2d04716b0411673a98e1f9))
+
 ## [11.22.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.21.1...v11.22.0) (2024-09-05)
 
 

package/RELEASE.md

@@ -41,6 +41,21 @@
 - ...
 -->
 
+## Versione 11.23.0 (19/09/2024)
+
+### Migliorie
+
+- Migliorato il layout della galleria immagini nei CT.
+- Nel blocco Cerca Evento, nel caso di un Evento Rassegna, tra i risultati vengono ora visualizzati solo gli appuntamenti della rassegna e non l'evento contenitore.
+
+### Novità
+
+- Aggiunto campo per l'inserimento del titolo e della descrizione nel blocco Accordion.
+
+### Fix
+
+- Rimosso il campo "ID lighthouse" dal blocco elenco con variazione Card con Testo Animato perchè entra in contrasto con asseveratore. Pianificato evento per ripristinarlo.
+
 ## Versione 11.22.0 (05/09/2024)
 
 ### Migliorie

package/locales/de/LC_MESSAGES/volto.po

@@ -191,6 +191,7 @@ msgstr ""
 msgid "Description"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock
 # defaultMessage: Descrizione...
@@ -595,6 +596,7 @@ msgstr ""
 msgid "Thank you."
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit

package/locales/en/LC_MESSAGES/volto.po

@@ -176,6 +176,7 @@ msgstr "Between {start} and {end}"
 msgid "Description"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock
 # defaultMessage: Descrizione...
@@ -580,6 +581,7 @@ msgstr ""
 msgid "Thank you."
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit

package/locales/es/LC_MESSAGES/volto.po

@@ -185,6 +185,7 @@ msgstr ""
 msgid "Description"
 msgstr "Descripción..."
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock
 # defaultMessage: Descrizione...
@@ -589,6 +590,7 @@ msgstr "Texto..."
 msgid "Thank you."
 msgstr "Gracias."
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit

package/locales/fr/LC_MESSAGES/volto.po

@@ -193,6 +193,7 @@ msgstr ""
 msgid "Description"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock
 # defaultMessage: Descrizione...
@@ -597,6 +598,7 @@ msgstr ""
 msgid "Thank you."
 msgstr "Merci."
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit

package/locales/it/LC_MESSAGES/volto.po

@@ -176,6 +176,7 @@ msgstr "Dal {start} al {end}"
 msgid "Description"
 msgstr "Descrizione"
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock
 # defaultMessage: Descrizione...
@@ -580,6 +581,7 @@ msgstr "Testo..."
 msgid "Thank you."
 msgstr "Grazie."
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-09-05T11:07:39.844Z\n"
+"POT-Creation-Date: 2024-09-10T12:46:37.907Z\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"
@@ -178,6 +178,7 @@ msgstr ""
 msgid "Description"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock
 # defaultMessage: Descrizione...
@@ -582,6 +583,7 @@ msgstr ""
 msgid "Thank you."
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Accordion/Edit
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit

package/package.json

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

package/src/components/ItaliaTheme/AppExtras/GenericAppExtras.jsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import { useLocation } from 'react-router-dom';
 import { BodyClass } from '@plone/volto/helpers';
-import { RemoveBodyClass } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import ScrollToTop from 'design-comuni-plone-theme/components/ItaliaTheme/ScrollToTop/ScrollToTop';
 import { SubsiteLoader } from 'volto-subsites';
 import config from '@plone/volto/registry';
@@ -28,7 +27,7 @@ const GenericAppExtras = (props) => {
       {isPublicUI && (
         <>
           <BodyClass className="public-ui" />
-          <RemoveBodyClass className="cms-ui" />
+          <BodyClass className="cms-ui" remove={true} />
         </>
       )}
       <ScrollToTop />

package/src/components/ItaliaTheme/Blocks/Accordion/Edit.jsx

@@ -18,11 +18,21 @@ import Sidebar from './Sidebar.jsx';
 
 import { defineMessages } from 'react-intl';
 
+import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
+
 const messages = defineMessages({
   addItem: {
     id: 'Add accordion item',
     defaultMessage: 'Aggiungi elemento',
   },
+  title: {
+    id: 'Title',
+    defaultMessage: 'Titolo...',
+  },
+  description: {
+    id: 'Description placeholder',
+    defaultMessage: 'Descrizione...',
+  },
 });
 /**
  * Edit Accordion block class.
@@ -45,6 +55,40 @@ class Edit extends SubblocksEdit {
           <Container className="px-md-4">
             <Card className="card-bg rounded" noWrapper={false} space tag="div">
               <CardBody tag="div">
+                <TextEditorWidget
+                  data={this.props.data}
+                  fieldName="title"
+                  selected={this.state.selectedField === 'title'}
+                  block={this.props.block}
+                  onChangeBlock={(data) => {
+                    this.props.onChangeBlock(this.props.block, {
+                      ...data,
+                    });
+                  }}
+                  placeholder={this.props.intl.formatMessage(messages.title)}
+                  showToolbar={false}
+                  onSelectBlock={() => {}}
+                  onAddBlock={() => {
+                    this.setState({ selectedField: 'description' });
+                  }}
+                />
+                <TextEditorWidget
+                  data={this.props.data}
+                  fieldName="description"
+                  selected={this.state.selectedField === 'description'}
+                  block={this.props.block}
+                  onChangeBlock={(data) =>
+                    this.props.onChangeBlock(this.props.block, {
+                      ...data,
+                    })
+                  }
+                  placeholder={this.props.intl.formatMessage(
+                    messages.description,
+                  )}
+                  showToolbar={true}
+                  onSelectBlock={() => {}}
+                  onAddBlock={() => {}}
+                />
                 <SubblocksWrapper node={this.node}>
                   {this.state.subblocks.map((subblock, subindex) => (
                     <div className="accordion-item" key={subblock.id}>

package/src/components/ItaliaTheme/Blocks/Accordion/View.jsx

@@ -7,6 +7,9 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import ViewBlock from './Block/ViewBlock';
 import { Container, Card, CardBody } from 'design-react-kit';
+import redraft from 'redraft';
+import config from '@plone/volto/registry';
+import { checkRedraftHasContent } from 'design-comuni-plone-theme/helpers';
 
 /**
  * View Accordion block class.
@@ -25,6 +28,26 @@ const AccordionView = ({ data, block }) => {
         <div className="full-width section section-muted section-inset-shadow py-5">
           <Container className="px-md-4">
             <Card className="card-bg rounded" noWrapper={false} space tag="div">
+              <div className="block-header">
+                {checkRedraftHasContent(data.title) && (
+                  <div className="title">
+                    {redraft(
+                      data.title,
+                      config.settings.richtextViewSettings.ToHTMLRenderers,
+                      config.settings.richtextViewSettings.ToHTMLOptions,
+                    )}
+                  </div>
+                )}
+                {checkRedraftHasContent(data.description) && (
+                  <div className="description">
+                    {redraft(
+                      data.description,
+                      config.settings.richtextViewSettings.ToHTMLRenderers,
+                      config.settings.richtextViewSettings.ToHTMLOptions,
+                    )}
+                  </div>
+                )}
+              </div>
               <CardBody tag="div">
                 {data.subblocks.map((subblock, index) => (
                   <ViewBlock

package/src/components/ItaliaTheme/Blocks/BandiSearch/Body.jsx

@@ -167,6 +167,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
                 <>
                   {React.createElement(filterOne.widget.component, {
                     ...filterOne.widget?.props,
+                    blockID: id,
                     id: 'filterOne',
                     onChange: (filter, value) => {
                       dispatchFilter({
@@ -180,6 +181,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
               {filterTwo &&
                 React.createElement(filterTwo.widget?.component, {
                   ...filterTwo.widget?.props,
+                  blockID: id,
                   id: 'filterTwo',
                   onChange: (filter, value) =>
                     dispatchFilter({
@@ -190,6 +192,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
               {filterThree &&
                 React.createElement(filterThree.widget?.component, {
                   ...filterThree.widget?.props,
+                  blockID: id,
                   id: 'filterThree',
                   onChange: (filter, value) =>
                     dispatchFilter({
@@ -203,6 +206,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
                 icon={false}
                 tag="button"
                 className="my-2 my-lg-1"
+                type="submit"
               >
                 {intl.formatMessage(messages.find)}
               </Button>

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

@@ -188,6 +188,7 @@ const DateFilter = (props) => {
     endLabel,
     defaultStart,
     defaultEnd,
+    blockID,
     ...rest
   } = props;
   const { DateRangePicker } = reactDates;
@@ -230,12 +231,12 @@ const DateFilter = (props) => {
       <DateRangePicker
         {...rest}
         startDate={value?.startDate || defaultStart}
-        startDateId="start-date-filter"
+        startDateId={`start-date-filter-${blockID}`}
         startDatePlaceholderText={
           startLabel ?? intl.formatMessage(messages.eventSearchStartDate)
         }
         endDate={value?.endDate || defaultEnd}
-        endDateId="end-date-filter"
+        endDateId={`end-date-filter-${blockID}`}
         endDatePlaceholderText={
           endLabel ?? intl.formatMessage(messages.eventSearchEndDate)
         }

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

@@ -21,6 +21,7 @@ const TextFilter = ({ value, id, onChange, placeholder }) => {
         onChange={(e, data) => {
           onChange(id, e.target.value ?? '');
         }}
+        autocomplete="off"
       />
     </div>
   );

package/src/components/ItaliaTheme/Blocks/EventSearch/Body.jsx

@@ -75,6 +75,11 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
         o: 'plone.app.querystring.operation.selection.any',
         v: ['Event'],
       },
+      {
+        i: 'rassegna',
+        o: 'plone.app.querystring.operation.boolean.isFalse',
+        v: '',
+      },
     ];
 
     [filterOne, filterTwo, filterThree].forEach((f) => {
@@ -177,6 +182,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
                 <>
                   {React.createElement(filterOne.widget.component, {
                     ...filterOne.widget?.props,
+                    blockID: id,
                     id: 'filterOne',
                     onChange: (filter, value) => {
                       dispatchFilter({
@@ -190,6 +196,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
               {filterTwo &&
                 React.createElement(filterTwo.widget?.component, {
                   ...filterTwo.widget?.props,
+                  blockID: id,
                   id: 'filterTwo',
                   onChange: (filter, value) =>
                     dispatchFilter({
@@ -200,6 +207,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
               {filterThree &&
                 React.createElement(filterThree.widget?.component, {
                   ...filterThree.widget?.props,
+                  blockID: id,
                   id: 'filterThree',
                   onChange: (filter, value) =>
                     dispatchFilter({
@@ -213,6 +221,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
                 icon={false}
                 tag="button"
                 className="my-2 my-lg-1"
+                type="submit"
               >
                 {intl.formatMessage(messages.find)}
               </Button>

package/src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx

@@ -77,6 +77,7 @@ const Body = ({ block, sections }) => {
                 e.key === 'Enter' ? navigate(inputText, searchFilters()) : null
               }
               aria-label={block.placeholder}
+              autocomplete="off"
             ></input>
           </div>
           <div className="buttonsContainer mt-2 d-flex">

package/src/components/ItaliaTheme/Blocks/UOSearch/Body.jsx

@@ -198,6 +198,7 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock }) => {
                 icon={false}
                 tag="button"
                 className="my-2 my-lg-1"
+                type="submit"
               >
                 {intl.formatMessage(messages.find)}
               </Button>

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

@@ -95,6 +95,7 @@ const AnswersStep = ({
                 checked={s === selectedAnswer}
                 value={s}
                 onChange={handleAnswerChange}
+                autocomplete="off"
               />
               <Label
                 for={'positive-' + s}

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

@@ -80,6 +80,7 @@ const CommentsStep = ({
               invalid={invalid}
               className="mt-1"
               data-element="feedback-input-text"
+              autoComplete="off"
             />
           </FormGroup>
         </Form>

package/src/components/ItaliaTheme/LoginAgid/LoginAgid.jsx

@@ -11,10 +11,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import { withRouter } from 'react-router-dom';
 import { Login } from '@plone/volto/components';
 import { Row, Col, Container } from 'design-react-kit';
-import {
-  RemoveBodyClass,
-  LoginAgidButtons,
-} from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { LoginAgidButtons } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import { Button } from 'design-react-kit';
 import { useLocation } from 'react-router-dom';
 import { getBaseUrl } from '@plone/volto/helpers';
@@ -72,7 +69,7 @@ const LoginAgid = (props) => {
         <div id="page-login">
           <Helmet title={intl.formatMessage(messages.login)} />
           <BodyClass className="public-ui" />
-          <RemoveBodyClass className="cms-ui" />
+          <BodyClass className="cms-ui" remove={true} />
           <Container className="view-wrapper py-5">
             <Row className="view-container">
               <Col xs={12} lg={{ size: 10, offset: 1 }}>

package/src/components/ItaliaTheme/Search/Search.jsx

@@ -24,7 +24,7 @@ import {
 import { Skiplink, SkiplinkItem } from 'design-react-kit';
 import { useLocation, useHistory } from 'react-router-dom';
 
-import { Helmet, flattenToAppURL } from '@plone/volto/helpers';
+import { Helmet, flattenToAppURL, BodyClass } from '@plone/volto/helpers';
 import { resetSubsite } from 'volto-subsites';
 
 import {
@@ -33,7 +33,6 @@ import {
   SearchTopics,
   SearchCTs,
   Icon,
-  RemoveBodyClass,
   SearchResultItem,
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import {
@@ -727,7 +726,7 @@ const Search = () => {
         </Container>
       </div>
       {/*force remove body class for subsite search pages*/}
-      <RemoveBodyClass className="cms-ui" />
+      <BodyClass className="cms-ui" remove={true} />
     </>
   );
 };

package/src/components/ItaliaTheme/Unauthorized/Unauthorized.jsx

@@ -13,10 +13,7 @@ import { BodyClass } from '@plone/volto/helpers';
 import { useLocation } from 'react-router-dom';
 import { getBaseUrl } from '@plone/volto/helpers';
 import config from '@plone/volto/registry';
-import {
-  LoginAgidButtons,
-  RemoveBodyClass,
-} from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { LoginAgidButtons } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 /**
  * unauthorized function.
@@ -58,7 +55,7 @@ const Unauthorized = (props) => {
   return (
     <div id="unauthorized-agid" className="view-wrapper">
       <BodyClass className="public-ui" />
-      <RemoveBodyClass className="cms-ui" />
+      <BodyClass className="cms-ui" remove={true} />
 
       <Container className="view-wrapper py-5">
         {spidLoginUrl || spidLogin ? (

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

@@ -13,6 +13,7 @@ import {
   SingleSlideWrapper,
   CarouselWrapper,
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { useSlider } from 'design-comuni-plone-theme/components/ItaliaTheme/Slider/slider';
 import PropTypes from 'prop-types';
 import { contentFolderHasItems } from 'design-comuni-plone-theme/helpers';
 import { UniversalLink } from '@plone/volto/components';
@@ -50,6 +51,7 @@ const Gallery = ({
   reactSlick,
 }) => {
   const Slider = reactSlick.default;
+  const { SliderNextArrow, SliderPrevArrow } = useSlider();
   const Image = config.getComponent({ name: 'Image' }).component;
   const getSettings = (nItems, slideToScroll) => {
     return {
@@ -58,6 +60,8 @@ const Gallery = ({
       speed: 500,
       slidesToShow: nItems < 3 ? nItems : 3,
       slidesToScroll: slideToScroll ?? 3,
+      nextArrow: <SliderNextArrow intl={intl} />,
+      prevArrow: <SliderPrevArrow intl={intl} />,
       responsive: [
         {
           breakpoint: 1024,
@@ -154,37 +158,40 @@ const Gallery = ({
               <Slider {...getSettings(images.length)}>
                 {images.map((item, i) => (
                   <SingleSlideWrapper key={item['@id']} index={i}>
-                    <figure>
-                      <UniversalLink
-                        item={item}
-                        onClick={(e) => {
-                          e.preventDefault();
-                          e.stopPropagation();
-                          setViewImageIndex(i);
-                        }}
-                        onKeyDown={(e) => {
-                          if (e.keyCode === 13) {
+                    <div className={'slide-wrapper'} role="presentation">
+                      <figure className="img-wrapper">
+                        <UniversalLink
+                          item={item}
+                          onClick={(e) => {
                             e.preventDefault();
                             e.stopPropagation();
                             setViewImageIndex(i);
-                          }
-                        }}
-                        aria-label={`${intl.formatMessage(
-                          messages.viewPreview,
-                        )} ${item.title}`}
-                      >
-                        <Image
-                          item={item}
-                          alt={item.title}
-                          className="img-fluid"
-                          loading="lazy"
-                          sizes={`(max-width:320px) 300px, (max-width:425px) 400px, ${default_width_image}`}
-                        />
-                      </UniversalLink>
-                      <figcaption className="figure-caption mt-2">
-                        {item.title}
-                      </figcaption>
-                    </figure>
+                          }}
+                          onKeyDown={(e) => {
+                            if (e.keyCode === 13) {
+                              e.preventDefault();
+                              e.stopPropagation();
+                              setViewImageIndex(i);
+                            }
+                          }}
+                          aria-label={`${intl.formatMessage(
+                            messages.viewPreview,
+                          )} ${item.title}`}
+                          className="img-wrapper"
+                        >
+                          <Image
+                            item={item}
+                            alt={item.title}
+                            className="img-fluid"
+                            loading="lazy"
+                            sizes={`(max-width:320px) 300px, (max-width:425px) 400px, ${default_width_image}`}
+                          />
+                        </UniversalLink>
+                        <figcaption className="figure-caption mt-2">
+                          {item.title}
+                        </figcaption>
+                      </figure>
+                    </div>
                   </SingleSlideWrapper>
                 ))}
               </Slider>

package/src/config/Blocks/ListingOptions/cardWithSlideUpTextTemplate.js

@@ -13,7 +13,12 @@ export const addCardWithSlideUpTextTemplateOptions = (
 ) => {
   let pos = position;
 
-  pos = addLighthouseField(schema, intl, pos);
+  // hidden to avoid use of lighthouse on this block
+  // which creates problems with asseverazione
+  // 1. clients instructed not to use this variation when data-element is needed
+  // 2. planned intervention to change structure of variation to allow use of
+  //    data element without wrapping entire card in link
+  // pos = addLighthouseField(schema, intl, pos);
 
   pos = addDefaultOptions(schema, formData, intl, pos);
 

package/src/customizations/volto/helpers/BodyClass/BodyClass.jsx

@@ -0,0 +1,78 @@
+/**
+ * CUSTOMIZATIONS:
+ * - handle bodyclass removal
+ */
+import { Component, Children } from 'react';
+import PropTypes from 'prop-types';
+import withSideEffect from 'react-side-effect';
+
+/**
+ * @export
+ * @class BodyClass
+ * @extends {Component}
+ */
+class BodyClass extends Component {
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    if (this.props.children) {
+      return Children.only(this.props.children);
+    }
+    return null;
+  }
+}
+
+BodyClass.propTypes = {
+  children: PropTypes.element,
+  className: PropTypes.string,
+  remove: PropTypes.bool,
+};
+
+BodyClass.defaultProps = {
+  children: null,
+  className: null,
+  remove: false,
+};
+
+/**
+ * reducePropsToState
+ * @function reducePropsToState
+ * @param {*} propsList propsList
+ * @returns {List} classList
+ */
+function reducePropsToState(propsList) {
+  let classList = [];
+  propsList.forEach((props) => {
+    if (props.className) {
+      if (props.remove) {
+        classList = classList.filter((c) => c !== props.className);
+      } else {
+        classList = classList.concat(props.className.split(' '));
+      }
+    }
+  });
+  return classList;
+}
+
+/**
+ * handleStateChangeOnClient
+ * @function handleStateChangeOnClient
+ * @param {*} classList classList
+ * @returns {null} null
+ */
+function handleStateChangeOnClient(classList) {
+  document.body.className = '';
+  classList.forEach((className) => {
+    if (!document.body.classList.contains(className)) {
+      document.body.classList.add(className);
+    }
+  });
+}
+
+export default withSideEffect(
+  reducePropsToState,
+  handleStateChangeOnClient,
+)(BodyClass);

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

@@ -3,6 +3,18 @@ $accordion-icon-color: #7fb2e5;
 .block.accordion {
   .section.full-width {
     height: auto;
+    .title {
+      font-size: 2.35rem !important;
+      font-weight: bold;
+      line-height: 3rem;
+
+      .DraftEditor-root {
+        .public-DraftEditorPlaceholder-root {
+          width: 100%;
+          font-size: 2.35rem;
+        }
+      }
+    }
 
     @media (max-width: #{map-get($grid-breakpoints, md)}) {
       padding: 0.5em;

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

@@ -1,45 +1,50 @@
 .public-ui {
   .block.form {
-    @media (max-width: #{map-get($grid-breakpoints, md)}) {
-      .form-group {
-        display: flex;
-        flex-direction: column;
-
-        label {
-          position: relative;
-          order: 1;
-          font-size: 0.777rem;
-          line-height: 1.375rem;
-          transform: none;
-          transform: none;
-          white-space: normal;
-
-          &.active {
+    .row {
+      max-width: 100%;
+
+      @media (max-width: #{map-get($grid-breakpoints, md)}) {
+        .form-group {
+          display: flex;
+          flex-direction: column;
+          max-width: 100%;
+
+          label {
+            position: relative;
+            order: 1;
             font-size: 0.777rem;
+            line-height: 1.375rem;
+            transform: none;
             transform: none;
+            white-space: normal;
+
+            &.active {
+              font-size: 0.777rem;
+              transform: none;
+            }
           }
-        }
 
-        input,
-        textarea,
-        .form-input-file {
-          order: 2;
-        }
+          input,
+          textarea,
+          .form-input-file {
+            order: 2;
+          }
 
-        input[type='date'] ~ label {
-          font-size: 0.777rem;
-          transform: none;
-        }
+          input[type='date'] ~ label {
+            font-size: 0.777rem;
+            transform: none;
+          }
 
-        small.form-text {
-          position: relative;
-          order: 3;
+          small.form-text {
+            position: relative;
+            order: 3;
+          }
         }
-      }
 
-      .form-input-file {
-        .dropzone-placeholder {
-          margin-top: 0;
+        .form-input-file {
+          .dropzone-placeholder {
+            margin-top: 0;
+          }
         }
       }
     }
@@ -65,6 +70,7 @@
   &,
   .volto-subblocks-wrapper,
   .form-field {
+    max-width: 100%;
     .single-block {
       .dragsubblock {
         top: 0.3rem;

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

@@ -367,3 +367,30 @@ dl.trasparenza-fields {
   @include rem-size(font-size, 16px);
   @include rem-size(line-height, 24px);
 }
+
+// CT gallery slider
+.it-carousel-wrapper {
+  .slider-container {
+    .slick-list .slick-track {
+      .slick-slide {
+        position: relative;
+        margin: 0 auto;
+
+        a {
+          height: 150px;
+          &.img-wrapper {
+            position: relative;
+            overflow: hidden;
+            width: 100%;
+            margin: 0;
+
+            img {
+              min-height: 150px;
+              object-fit: cover;
+            }
+          }
+        }
+      }
+    }
+  }
+}