io-sanita-theme 2.27.0 → 2.28.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [2.28.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.27.0...2.28.0) (2026-05-05)
+
+### Features
+
+* add contenuto da replicare block ([#135](https://github.com/RedTurtle/io-sanita-theme/issues/135)) ([578f9a4](https://github.com/RedTurtle/io-sanita-theme/commit/578f9a43bc97a07444d01fabf0ea5f04c8e48a7b))
+
+### Bug Fixes
+
+* faq folderview import ([37cfd3b](https://github.com/RedTurtle/io-sanita-theme/commit/37cfd3b9c15ba78ba1c8ddfa5c7174f39c0ae73f))
+* folder-content more popover open ([c88d3e8](https://github.com/RedTurtle/io-sanita-theme/commit/c88d3e817ff57a4eecf79958c13eb3d212f13a2e))
+* icons for CT in folder content ([ffc7f0f](https://github.com/RedTurtle/io-sanita-theme/commit/ffc7f0fd9b38fd57f3d8b1e1b8ef477751d6e120))
+* sometimes uo in steps were not loaded ([ddc635d](https://github.com/RedTurtle/io-sanita-theme/commit/ddc635dd1b838f49f9fc75d18ac30be3ad3e214d))
+
+### Maintenance
+
+* preparing release 2.28.0 ([cb0a294](https://github.com/RedTurtle/io-sanita-theme/commit/cb0a294b23e9acf5bf6892cf7fb0683d6b511a2d))
+* releaselog ([16109c1](https://github.com/RedTurtle/io-sanita-theme/commit/16109c1371e2c782ebbb0693d6536e2f1de1d323))
+* revert volto-form-block-italia version ([5616eae](https://github.com/RedTurtle/io-sanita-theme/commit/5616eae1c8a077a1b26d99ea27b1719fa4ddeb3c))
+* updated deps to remove duplicate api calls ([eb99334](https://github.com/RedTurtle/io-sanita-theme/commit/eb99334958d055da2c70038fd613c79bae4e193d))
+* updated volto-contents-next ([7f7d0f9](https://github.com/RedTurtle/io-sanita-theme/commit/7f7d0f90c08d6cc260d254878dd5d47108b7c844))
+* updated volto-form-block-italia ([d638639](https://github.com/RedTurtle/io-sanita-theme/commit/d638639e3f72e974cf6bf947095545bf4f48d412))
+
 ## [2.27.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.26.0...2.27.0) (2026-04-29)
 
 ### Features

package/RELEASE.md

@@ -41,7 +41,22 @@
 - ...
  -->
 
-## Versione 2.26.1 (29/04/2026)
+## Versione 2.28.0 (05/05/2026)
+
+### Migliorie
+
+- Sistemate le icone dei tipi di contenuto nella vista dei contenuti.
+- Nella vista dei contenuti, è ora possibile mostrare/nascondere le colonne desiderate dall'apposito pulsante.
+
+### Novità
+
+- Aggiunto il blocco "Contenuto da replicare" sia nella Pagina sia nei blocchi dei campi per i vari CT
+
+### Fix
+
+- Sistemata l'apertura del menu di azioni su un singolo elemento nella vista dei contenuti. Ora il menu si apre solo sull'elemento cliccato ed è visibile, senza più problemi di apertura e scorrimento della pagina
+
+## Versione 2.27.0 (29/04/2026)
 
 ### Novità
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",
@@ -37,7 +37,8 @@
     "volto-venue",
     "volto-site-settings",
     "volto-rss-block",
-    "@eeacms/volto-taxonomy"
+    "@eeacms/volto-taxonomy",
+    "volto-repeatable-content-block"
   ],
   "scripts": {
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",
@@ -80,7 +81,7 @@
     "@babel/plugin-proposal-throw-expressions": "7.18.6",
     "@eeacms/volto-taxonomy": "5.1.1",
     "@loadable/babel-plugin": "5.13.2",
-    "@plone-collective/volto-contents-next": "0.5.0",
+    "@plone-collective/volto-contents-next": "0.5.4",
     "@plone-collective/volto-sentry": "0.3.1",
     "@release-it/conventional-changelog": "^9.0.3",
     "bootstrap-italia": "2.9.2",
@@ -105,13 +106,14 @@
     "volto-form-block-italia": "1.1.1",
     "volto-gdpr-privacy": "2.2.15",
     "volto-querywidget-with-browser": "0.4.3",
+    "volto-repeatable-content-block": "1.5.0",
     "volto-rss-block": "3.0.1",
     "volto-rt-carousel": "1.0.0",
     "volto-secondarymenu": "4.1.4",
     "volto-site-settings": "0.4.7",
     "volto-slate-italia": "1.0.9",
-    "volto-slimheader": "0.1.5",
-    "volto-social-settings": "3.1.1",
+    "volto-slimheader": "0.1.6",
+    "volto-social-settings": "3.1.2",
     "volto-subfooter": "3.1.3",
     "volto-subsites": "4.0.2",
     "volto-venue": "4.1.1"

package/src/components/View/ComeFarePer/ComeFarePerComeFare.jsx

@@ -17,7 +17,8 @@ const messages = defineMessages({
 
 const ComeFarePerComeFare = ({ content }) => {
   const intl = useIntl();
-  const steps = content?.items?.filter((item) => item['@type'] === 'Step') ?? [];
+  const steps =
+    content?.items?.filter((item) => item['@type'] === 'Step') ?? [];
 
   return richTextHasContent(content?.come_fare) || steps.length > 0 ? (
     <RichTextSection
@@ -31,7 +32,7 @@ const ComeFarePerComeFare = ({ content }) => {
           </div>
         </div>
       )}
-      <Steps content={content} steps={steps} />
+      <Steps content={content} />
     </RichTextSection>
   ) : (
     <></>
@@ -41,6 +42,5 @@ const ComeFarePerComeFare = ({ content }) => {
 export default ComeFarePerComeFare;
 
 ComeFarePerComeFare.propTypes = {
-  content: PropTypes.shape({
-  }).isRequired,
+  content: PropTypes.shape({}).isRequired,
 };

package/src/components/View/ComeFarePer/ComeFarePerSchemaOrg.jsx

@@ -48,9 +48,8 @@ const ComeFarePerSchemaOrg = ({ content }) => {
     );
   }
 
-  if (steps.length > 0 && Object.keys(loadedSteps).length === steps.length) {
-    schemaOrg.step = Object.keys(loadedSteps).map((id, index) => {
-      const step = loadedSteps[id];
+  if (loadedSteps.length > 0 && loadedSteps.length == steps.length) {
+    schemaOrg.step = loadedSteps.map((step, index) => {
       const stepSchemaOrg = {
         '@type': 'HowToStep',
         position: index + 1,

package/src/components/View/ComeFarePer/Steps/Steps.jsx

@@ -60,18 +60,20 @@ const messages = defineMessages({
  * @params {object} content Content object.
  * @returns {string} Markup of the component.
  */
-const Steps = ({ content, steps = [] }) => {
+const Steps = ({ content }) => {
   const intl = useIntl();
   const [activeItem, setActiveItem] = useState('');
   const [allOpen, setAllOpen] = useState(false);
 
+  const steps =
+    content?.items?.filter((item) => item['@type'] === 'Step') ?? [];
+  const { loadedSteps } = useLoadSteps(steps);
+
   useEffect(() => {
     setActiveItem('');
   }, [allOpen]);
 
-  const { loadedSteps } = useLoadSteps(steps);
-
-  return steps.length > 0 ? (
+  return loadedSteps.length > 0 && loadedSteps.length == steps.length ? (
     <div className="steps">
       <Button
         color="link"
@@ -92,8 +94,7 @@ const Steps = ({ content, steps = [] }) => {
         />
       </Button>
       <Accordion background="active">
-        {steps.map((s, index) => {
-          const step = loadedSteps[s['@id']] ?? s;
+        {loadedSteps.map((step, index) => {
           const itemIndex = index + 1;
           const toggleItem = () => {
             setActiveItem(activeItem !== itemIndex ? itemIndex : '');
@@ -191,7 +192,9 @@ const Steps = ({ content, steps = [] }) => {
         })}
       </Accordion>
     </div>
-  ) : null;
+  ) : (
+    <></>
+  );
 };
 
 /**

package/src/components/View/ComeFarePer/Steps/helpers.js

@@ -6,13 +6,14 @@ import { getContent, resetContent } from '@plone/volto/actions/content/content';
 export const useLoadSteps = (steps = []) => {
   const dispatch = useDispatch();
   const subrequests = useSelector((state) => state.content?.subrequests);
-  const [loadedSteps, setLoadedSteps] = useState({});
+  const [loadedSteps, setLoadedSteps] = useState([]);
 
   // one request is made for every step
   useEffect(() => {
-    steps.forEach((item) => {
-      const url = flattenToAppURL(item['@id']);
-      const subrequest_id = item['@id'];
+    steps.forEach((step) => {
+      const url = flattenToAppURL(step['@id']);
+      const subrequest_id = step['@id'];
+
       const requested =
         subrequests?.[subrequest_id]?.loading ||
         subrequests?.[subrequest_id]?.loaded;
@@ -34,7 +35,10 @@ export const useLoadSteps = (steps = []) => {
       const subrequest_id = item['@id'];
       const step = subrequests?.[subrequest_id]?.data;
       if (subrequests?.[subrequest_id]?.loaded && step) {
-        setLoadedSteps({ ...loadedSteps, [item['@id']]: step });
+        setLoadedSteps((prevLoadedSteps) => [
+          ...prevLoadedSteps.filter((s) => s['@id'] !== step['@id']),
+          step,
+        ]);
       }
     });
   }, [subrequests]);

package/src/components/View/FAQ/FaqFolder/FaqFolderView.jsx

@@ -19,6 +19,7 @@ import {
   RelatedItems,
   Metadata,
   Placeholder,
+  RelatedItemInEvidence,
 } from 'io-sanita-theme/components/View/commons';
 
 import { TextOrBlocks, useDebouncedEffect } from 'io-sanita-theme/helpers';
@@ -175,8 +176,8 @@ const FaqFolderView = ({ content }) => {
       <RelatedItems content={content} list={content?.servizi_collegati ?? []} />
 
       <RelatedItemInEvidence content={content} />
-      
-      <Placeholder position="afterRelatedItems" content={content} />  
+
+      <Placeholder position="afterRelatedItems" content={content} />
     </>
   );
 };

package/src/components/layout/Header/HeaderSlim/TertiaryMenu.jsx

@@ -19,6 +19,9 @@ const TertiaryMenu = ({ mobile = false }) => {
   const pathname = useLocation().pathname;
   const dispatch = useDispatch();
 
+  const slimHeaderLoading = useSelector(
+    (state) => state.slimHeader?.loadingResults,
+  );
   const slimHeader = useSelector((state) => state.slimHeader?.result);
   const slimHeaderItems = getItemsByPath(slimHeader, pathname)
     ?.filter((item) => item.visible)
@@ -31,8 +34,10 @@ const TertiaryMenu = ({ mobile = false }) => {
     });
 
   useEffect(() => {
-    dispatch(getSlimHeader());
-  }, [dispatch]);
+    if (!slimHeader && !slimHeaderLoading) {
+      dispatch(getSlimHeader());
+    }
+  }, []);
 
   const items = slimHeaderItems ?? [];
 

package/src/config/blocks/index.js

@@ -390,6 +390,7 @@ export const applyIoSanitaBlocksConfig = (config) => {
       'testo_riquadro_immagine',
       'callout_block',
       'rssBlock',
+      'repeatableContentBlock',
       //se si aggiunge un nuovo blocco, verificare che in edit non ci siano bottoni che provocano il submit della form. Se succede, gestirli con e.prevenDefault() e.stopPropagation().
     ],
 

package/src/config/ioSanitaConfig.js

@@ -26,6 +26,13 @@ import faCogSVG from 'io-sanita-theme/icons/cog.svg';
 import faSitemapSVG from 'io-sanita-theme/icons/sitemap.svg';
 import faBuildingSVG from 'io-sanita-theme/icons/building.svg';
 import faAslSVG from 'io-sanita-theme/icons/ASL.svg';
+import faCircleDotSVG from 'io-sanita-theme/icons/fontawesome-free-6.4.0-web/svgs/solid/circle-dot.svg';
+import faListCheckSVG from 'io-sanita-theme/icons/fontawesome-free-6.4.0-web/svgs/solid/list-check.svg';
+import faClipboardQuestionSVG from 'io-sanita-theme/icons/fontawesome-free-6.4.0-web/svgs/solid/clipboard-question.svg';
+import faClipboardListSVG from 'io-sanita-theme/icons/fontawesome-free-6.4.0-web/svgs/solid/clipboard-list.svg';
+import faFileContractSVG from 'io-sanita-theme/icons/fontawesome-free-6.4.0-web/svgs/solid/file-contract.svg';
+import faHouseMedicalFlagSVG from 'io-sanita-theme/icons/fontawesome-free-6.4.0-web/svgs/solid/house-medical-flag.svg';
+import faAddressBook from 'io-sanita-theme/icons/fontawesome-free-6.4.0-web/svgs/solid/address-book.svg';
 import faFileDownloadSVG from 'io-sanita-theme/icons/file-download.svg';
 import faQuestionSVG from 'io-sanita-theme/icons/question-solid.svg';
 import bandoSVG from 'io-sanita-theme/icons/bando.svg';
@@ -154,6 +161,12 @@ export default function applyConfig(config) {
       UnitaOrganizzativa: faBuildingSVG,
       Modulo: faFileDownloadSVG,
       Faq: faQuestionSVG,
+      Step: faCircleDotSVG,
+      ComeFarePer: faListCheckSVG,
+      FaqFolder: faClipboardQuestionSVG,
+      Farmacia: faHouseMedicalFlagSVG,
+      PuntoDiContatto: faAddressBook,
+      survey: faClipboardListSVG,
     },
     controlpanels: [
       ...(config.settings.controlpanels ?? []),

package/src/theme/io-sanita/addons/_volto_repeatable-content-block.scss

@@ -0,0 +1,57 @@
+.view-viewview #main-content-section .repeatableContentBlock {
+    * {
+        word-break: break-all;
+        font-family: 'Titillium Web';
+        font-size: 14px;
+
+    }
+
+    .full-width {
+        width: 100% !important;
+        position: unset !important;
+        margin: 0px !important;
+    }
+}
+
+
+.view-editview .blocks-widget-container .block-editor-repeatableContentBlock .repeatableContentBlock {
+
+    * {
+        font-size: 12px !important;
+
+    }
+
+    .full-width,
+    .block.image.align.full img.full-width {
+        width: 100% !important;
+        position: unset !important;
+        margin: 0px !important;
+        max-width: 100%;
+
+    }
+
+    .full-width {
+        .container {
+            max-width: 100%;
+            width: 100% !important;
+        }
+
+        .row {
+            margin: 0px;
+        }
+    }
+
+    .col-sm-12 {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+
+    ::before {
+        height: 40px;
+        top: -1.5rem;
+    }
+}
+
+#main-content-section .repeatableContentBlock .public-ui .full-width .col-lg-4 {
+    width: 70%;
+}

package/src/theme/main.scss

@@ -27,6 +27,7 @@
 @import './io-sanita/components/cards';
 @import './io-sanita/components/mapPinDirections';
 @import './io-sanita/components/view/commons/pageHeader';
+@import './io-sanita/addons/volto_repeatable-content-block';
 @import './io-sanita/components/relatedItemInEvidence';
 
 @import './io-sanita/components/blocks/common';