io-sanita-theme 2.13.0 → 2.14.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [2.14.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.13.0...2.14.0) (2025-05-19)
+
+### Features
+
+* Persona Schema.org ([a22ad2f](https://github.com/RedTurtle/io-sanita-theme/commit/a22ad2f005e1fb907eba408d0708b3e47f165c8d))
+* Schema.org ComeFarePer ([#84](https://github.com/RedTurtle/io-sanita-theme/issues/84)) ([7832265](https://github.com/RedTurtle/io-sanita-theme/commit/78322651fec3d2c9b84a72cb38a12009e5af6849))
+* schema.org for CT Notizia ([#85](https://github.com/RedTurtle/io-sanita-theme/issues/85)) ([8774a96](https://github.com/RedTurtle/io-sanita-theme/commit/8774a96ad440640ab5b13e47bbd5c752ef6e232e))
+
+### Bug Fixes
+
+* missed id 'rights' for Metadata field  ([#86](https://github.com/RedTurtle/io-sanita-theme/issues/86)) ([3d3bf9d](https://github.com/RedTurtle/io-sanita-theme/commit/3d3bf9d2965da118de0693244bd71d67137ca8a9))
+
+### Maintenance
+
+* udpated volto-gdpr-privacy to fix arrow in widget ([4c5c33a](https://github.com/RedTurtle/io-sanita-theme/commit/4c5c33a232760a2eebe91813861473c8a3653d34))
+
 ## [2.13.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.12.2...2.13.0) (2025-04-24)
 
 ### Features

package/locales/de/LC_MESSAGES/volto.po

@@ -2701,6 +2701,11 @@ msgstr ""
 msgid "related_items"
 msgstr ""
 
+#. Default: "Diritti"
+#: components/View/commons/Metadata/Metadata
+msgid "rights"
+msgstr "Rechte"
+
 #. Default: "il giorno"
 #: overrideTranslations
 msgid "rrule_in"

package/locales/en/LC_MESSAGES/volto.po

@@ -2696,6 +2696,11 @@ msgstr "Reading time"
 msgid "related_items"
 msgstr "Related items"
 
+#. Default: "Diritti"
+#: components/View/commons/Metadata/Metadata
+msgid "rights"
+msgstr "Rights"
+
 #. Default: "il giorno"
 #: overrideTranslations
 msgid "rrule_in"

package/locales/es/LC_MESSAGES/volto.po

@@ -2703,6 +2703,11 @@ msgstr "Tiempo de leer"
 msgid "related_items"
 msgstr ""
 
+#. Default: "Diritti"
+#: components/View/commons/Metadata/Metadata
+msgid "rights"
+msgstr "Derechos"
+
 #. Default: "il giorno"
 #: overrideTranslations
 msgid "rrule_in"

package/locales/fr/LC_MESSAGES/volto.po

@@ -2703,6 +2703,11 @@ msgstr "Temps de lecture"
 msgid "related_items"
 msgstr ""
 
+#. Default: "Diritti"
+#: components/View/commons/Metadata/Metadata
+msgid "rights"
+msgstr "Droits"
+
 #. Default: "il giorno"
 #: overrideTranslations
 msgid "rrule_in"

package/locales/it/LC_MESSAGES/volto.po

@@ -2696,6 +2696,11 @@ msgstr "Tempo di lettura"
 msgid "related_items"
 msgstr ""
 
+#. Default: "Diritti"
+#: components/View/commons/Metadata/Metadata
+msgid "rights"
+msgstr ""
+
 #. Default: "il giorno"
 #: overrideTranslations
 msgid "rrule_in"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-04-24T07:37:09.946Z\n"
+"POT-Creation-Date: 2025-05-16T08:50:36.599Z\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"
@@ -2698,6 +2698,11 @@ msgstr ""
 msgid "related_items"
 msgstr ""
 
+#. Default: "Diritti"
+#: components/View/commons/Metadata/Metadata
+msgid "rights"
+msgstr ""
+
 #. Default: "il giorno"
 #: overrideTranslations
 msgid "rrule_in"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.13.0",
+  "version": "2.14.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",
@@ -104,7 +104,7 @@
     "volto-feedback-italia": "1.0.8",
     "volto-form-block": "3.10.2",
     "volto-form-block-italia": "1.0.5",
-    "volto-gdpr-privacy": "2.2.14",
+    "volto-gdpr-privacy": "2.2.15",
     "volto-querywidget-with-browser": "0.4.3",
     "volto-rss-block": "3.0.1",
     "volto-rt-carousel": "1.0.0",

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

@@ -0,0 +1,73 @@
+import { toPublicURL } from '@plone/volto/helpers';
+import {
+  SchemaOrg,
+  SchemaOrgUtils,
+  richTextHasContent,
+} from 'io-sanita-theme/helpers';
+
+import { useLoadSteps } from 'io-sanita-theme/components/View/ComeFarePer/Steps/helpers';
+import { positions } from 'slate';
+
+const ComeFarePerSchemaOrg = ({ content }) => {
+  const siteTitle = SchemaOrgUtils.getSiteTitle();
+
+  let description = [];
+  let _yield = [];
+  let steps = content?.items?.filter((item) => item['@type'] === 'Step') ?? [];
+  const { loadedSteps } = useLoadSteps(steps);
+
+  //description
+  if (content.description) {
+    description.push(content.description);
+  }
+  if (content.sottotitolo) {
+    description.push(content.sottotitolo);
+  }
+
+  let schemaOrg = {
+    '@type': 'HowTo',
+    url: toPublicURL(content['@id']),
+  };
+
+  if (description.length > 0) {
+    schemaOrg.description = description.join('. ');
+  }
+
+  //yield -- The quantity that results by performing instructions. For example, a paper airplane, 10 personalized candles.
+  if (richTextHasContent(content.panoramica)) {
+    _yield.push(SchemaOrgUtils.fieldDataToPlainText(content.panoramica));
+  }
+  if (_yield.length > 0) {
+    schemaOrg.yield = _yield.join('. ');
+  }
+
+  if (richTextHasContent(content.come_fare)) {
+    schemaOrg.conditionsOfAccess = SchemaOrgUtils.fieldDataToPlainText(
+      content.come_fare,
+    );
+  }
+  if (richTextHasContent(content.a_chi_si_rivolge)) {
+    schemaOrg.audience = SchemaOrgUtils.fieldDataToPlainText(
+      content.a_chi_si_rivolge,
+    );
+  }
+
+  if (steps.length > 0 && Object.keys(loadedSteps).length === steps.length) {
+    schemaOrg.step = Object.keys(loadedSteps).map((id, index) => {
+      const step = loadedSteps[id];
+      const stepSchemaOrg = {
+        '@type': 'HowToStep',
+        position: index + 1,
+        name: step.title ?? 'Step ' + (index + 1),
+      };
+      if (richTextHasContent(step.testo)) {
+        stepSchemaOrg.text = SchemaOrgUtils.fieldDataToPlainText(step.testo);
+      }
+      return stepSchemaOrg;
+    });
+  }
+
+  return <SchemaOrg content={content} schema={schemaOrg} />;
+};
+
+export default ComeFarePerSchemaOrg;

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

@@ -26,6 +26,7 @@ import {
   ComeFarePerComeFare,
   ComeFarePerApprofondimenti,
   ComeFarePerUlterioriInformazioni,
+  ComeFarePerSchemaOrg,
 } from 'io-sanita-theme/components/View/ComeFarePer';
 
 export const ComeFarePerViewSectionsOrder = [
@@ -39,6 +40,7 @@ export const ComeFarePerViewSectionsOrder = [
       ComeFarePerUlterioriInformazioni,
   },
   { /* METADATA */ component: Metadata },
+  { /* SCHEMA ORG*/ component: ComeFarePerSchemaOrg },
 ];
 
 /**

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

@@ -6,8 +6,7 @@
 import React, { useState, useEffect } from 'react';
 import { useIntl, defineMessages } from 'react-intl';
 import { useDispatch, useSelector } from 'react-redux';
-import { getContent, resetContent } from '@plone/volto/actions/content/content';
-import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
+
 import PropTypes from 'prop-types';
 import {
   richTextHasContent,
@@ -23,7 +22,7 @@ import {
 } from 'design-react-kit';
 import { Icon, CardPlace, CardContatti } from 'io-sanita-theme/components';
 import { Attachments } from 'io-sanita-theme/components/View/commons';
-
+import { useLoadSteps } from 'io-sanita-theme/components/View/ComeFarePer/Steps/helpers';
 import './steps.scss';
 
 const messages = defineMessages({
@@ -72,25 +71,7 @@ const Steps = ({ content, steps = [] }) => {
     setActiveItem('');
   }, [allOpen]);
 
-  const searchSteps = useSelector((state) => state.content?.subrequests);
-
-  // one request is made for every step
-  useEffect(() => {
-    steps.forEach((item) => {
-      const url = flattenToAppURL(item['@id']);
-      const loaded = searchSteps?.[url]?.loading || searchSteps?.[url]?.loaded;
-
-      if (!loaded) {
-        dispatch(getContent(url, null, url));
-      }
-    });
-
-    return () => {
-      steps.forEach((item) => {
-        dispatch(resetContent(flattenToAppURL(item['@id'])));
-      });
-    };
-  }, []);
+  const { loadedSteps } = useLoadSteps(steps);
 
   return steps.length > 0 ? (
     <div className="steps">
@@ -114,7 +95,7 @@ const Steps = ({ content, steps = [] }) => {
       </Button>
       <Accordion background="active">
         {steps.map((s, index) => {
-          const step = searchSteps[flattenToAppURL(s['@id'])]?.data ?? s;
+          const step = loadedSteps[s['@id']] ?? s;
           const itemIndex = index + 1;
           const toggleItem = () => {
             setActiveItem(activeItem !== itemIndex ? itemIndex : '');

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

@@ -0,0 +1,43 @@
+import React, { useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
+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({});
+
+  // one request is made for every step
+  useEffect(() => {
+    steps.forEach((item) => {
+      const url = flattenToAppURL(item['@id']);
+      const subrequest_id = item['@id'];
+      const requested =
+        subrequests?.[subrequest_id]?.loading ||
+        subrequests?.[subrequest_id]?.loaded;
+
+      if (!requested) {
+        dispatch(getContent(url, null, subrequest_id));
+      }
+    });
+
+    return () => {
+      steps.forEach((item) => {
+        dispatch(resetContent(subrequest_id));
+      });
+    };
+  }, []);
+
+  useEffect(() => {
+    steps.forEach((item) => {
+      const subrequest_id = item['@id'];
+      const step = subrequests?.[subrequest_id]?.data;
+      if (subrequests?.[subrequest_id]?.loaded && step) {
+        setLoadedSteps({ ...loadedSteps, [item['@id']]: step });
+      }
+    });
+  }, [subrequests]);
+
+  return { loadedSteps };
+};

package/src/components/View/ComeFarePer/index.js

@@ -36,6 +36,11 @@ export const ComeFarePerApprofondimenti = loadable(() =>
     /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerApprofondimenti'
   ),
 );
+export const ComeFarePerSchemaOrg = loadable(() =>
+  import(
+    /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/ComeFarePerSchemaOrg'
+  ),
+);
 export const Steps = loadable(() =>
   import(
     /* webpackChunkName: "ISComeFarePerView" */ 'io-sanita-theme/components/View/ComeFarePer/Steps/Steps'

package/src/components/View/NewsItem/NewsItemSchemaOrg.jsx

@@ -0,0 +1,69 @@
+import { useIntl } from 'react-intl';
+import { toPublicURL } from '@plone/volto/helpers';
+import { SiteProperty } from 'volto-site-settings';
+import {
+  getSiteProperty,
+  SchemaOrgUtils,
+  richTextHasContent,
+  SchemaOrg,
+} from 'io-sanita-theme/helpers';
+
+const NewsItemSchemaOrg = ({ content }) => {
+  const intl = useIntl();
+
+  let siteTitle = SchemaOrgUtils.getSiteTitle();
+
+  let schemaOrg = {
+    '@type': 'NewsArticle',
+    headline: content.title,
+    url: toPublicURL(content['@id']),
+  };
+
+  let description = [];
+
+  if (content.description) {
+    description.push(content.description);
+  }
+
+  if (richTextHasContent(content.descrizione_estesa)) {
+    description.push(
+      SchemaOrgUtils.fieldDataToPlainText(content.descrizione_estesa),
+    );
+  }
+
+  if (description.length > 0) {
+    schemaOrg.description = description.join('. ');
+  }
+
+  if (content.uo_correlata?.length > 0) {
+    schemaOrg.author = content.uo_correlata.map((e) => {
+      const author = {
+        '@type': 'Organization',
+        name: e.title,
+      };
+
+      return author;
+    });
+  }
+
+  if (content.language) {
+    schemaOrg.inLanguage = content.language.token;
+  }
+
+  schemaOrg.publisher = {
+    '@type': 'Organization',
+    name: siteTitle,
+  };
+
+  if (content.effective) {
+    schemaOrg.datePublished = content.effective;
+  }
+
+  if (content.modified) {
+    schemaOrg.dateModified = content.modified;
+  }
+
+  return <SchemaOrg content={content} schema={schemaOrg} />;
+};
+
+export default NewsItemSchemaOrg;

package/src/components/View/NewsItem/NewsItemView.jsx

@@ -32,9 +32,11 @@ import {
   NewsItemACuraDi,
   NewsItemNotizieCorrelate,
   NewsItemUlterioriInformazioni,
+  NewsItemSchemaOrg,
 } from 'io-sanita-theme/components/View/NewsItem';
 
 export const NewsItemViewSectionsOrder = [
+  { /* METADATI SCHEMA.ORG */ component: NewsItemSchemaOrg },
   { /* TESTO COMPLETO */ component: NewsItemTesto },
   { /* DOCUMENTI */ component: NewsItemDocumenti },
   { /* GALLERY */ component: NewsItemGallery },

package/src/components/View/NewsItem/index.js

@@ -1,67 +1,61 @@
 import loadable from '@loadable/component';
 
-export const NewsItemView = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemView'
-    ),
-);
-export const NewsItemTesto = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemTesto'
-    ),
-);
-export const NewsItemDocumenti = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemDocumenti'
-    ),
-);
-export const NewsItemACuraDi = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemACuraDi'
-    ),
-);
-export const NewsItemUlterioriInformazioni = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemUlterioriInformazioni'
-    ),
-);
-export const NewsItemGallery = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemGallery'
-    ),
+export const NewsItemView = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemView'
+  ),
+);
+export const NewsItemTesto = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemTesto'
+  ),
+);
+export const NewsItemDocumenti = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemDocumenti'
+  ),
+);
+export const NewsItemACuraDi = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemACuraDi'
+  ),
+);
+export const NewsItemUlterioriInformazioni = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemUlterioriInformazioni'
+  ),
+);
+export const NewsItemGallery = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemGallery'
+  ),
 );
 
-export const NewsItemPersone = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemPersone'
-    ),
+export const NewsItemPersone = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemPersone'
+  ),
 );
 
-export const NewsItemStrutture = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemStrutture'
-    ),
+export const NewsItemStrutture = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemStrutture'
+  ),
 );
 
-export const NewsItemServiziEPrestazioni = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemServiziEPrestazioni'
-    ),
+export const NewsItemServiziEPrestazioni = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemServiziEPrestazioni'
+  ),
 );
 
-export const NewsItemNotizieCorrelate = loadable(
-  () =>
-    import(
-      /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemNotizieCorrelate'
-    ),
+export const NewsItemNotizieCorrelate = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemNotizieCorrelate'
+  ),
+);
+export const NewsItemSchemaOrg = loadable(() =>
+  import(
+    /* webpackChunkName: "ISNewsItemView" */ 'io-sanita-theme/components/View/NewsItem/NewsItemSchemaOrg'
+  ),
 );
-

package/src/components/View/Persona/PersonaSchemaOrg.jsx

@@ -0,0 +1,63 @@
+import { toPublicURL } from '@plone/volto/helpers';
+import {
+  SchemaOrg,
+  SchemaOrgUtils,
+  richTextHasContent,
+} from 'io-sanita-theme/helpers';
+
+import { useLoadSteps } from 'io-sanita-theme/components/View/ComeFarePer/Steps/helpers';
+import { positions } from 'slate';
+import schema from '../../manage/Widgets/HeaderContactsWidget/schema';
+
+const PersonaSchemaOrg = ({ content }) => {
+  const siteTitle = SchemaOrgUtils.getSiteTitle();
+  const siteUrl = toPublicURL('/');
+
+  let name = [];
+  let description = [];
+  const role = content.incarico?.title
+    ? content.incarico.title.split('»').pop().trim()
+    : null;
+
+  //name
+  if (content.titolo_persona) {
+    name.push(content.titolo_persona);
+  }
+  name.push(content.title);
+  //description
+
+  if (content.sottotitolo) {
+    description.push(content.sottotitolo);
+  }
+
+  if (content.description) {
+    description.push(content.description);
+  }
+
+  let schemaOrg = {
+    '@type': 'Person',
+    name: name.join(' '),
+    url: toPublicURL(content['@id']),
+    affiliation: {
+      '@type': 'Organization',
+      name: siteTitle,
+      url: siteUrl,
+    },
+  };
+
+  if (role) {
+    schemaOrg.jobTitle = role;
+  }
+
+  if (description.length > 0) {
+    schemaOrg.description = description.join('. ');
+  }
+
+  if (content.image?.scales?.large?.download) {
+    schemaOrg.image = toPublicURL(content.image.scales.large.download);
+  }
+
+  return <SchemaOrg content={content} schema={schemaOrg} />;
+};
+
+export default PersonaSchemaOrg;

package/src/components/View/Persona/PersonaView.jsx

@@ -18,6 +18,7 @@ import {
   PersonaDocumenti,
   PersonaGalleria,
   PersonaUlterioriInformazioni,
+  PersonaSchemaOrg,
 } from 'io-sanita-theme/components/View/Persona';
 
 import { ContentTypeViewSections } from 'io-sanita-theme/helpers';
@@ -33,6 +34,7 @@ import {
 } from 'io-sanita-theme/components/View/commons';
 
 export const PersonaViewSectionsOrder = [
+  { /* SCHEMA.ORG */ component: PersonaSchemaOrg },
   { /* INCARICHI */ component: PersonaIncarichi },
   { /* COMPETENZE */ component: PersonaCompetenze },
   { /* UO DI APPARTENENZA */ component: PersonaUOAppartenenza },

package/src/components/View/Persona/index.js

@@ -60,3 +60,9 @@ export const PersonaStrutture = loadable(() =>
     /* webpackChunkName: "ISPersonaView" */ 'io-sanita-theme/components/View/Persona/PersonaStrutture'
   ),
 );
+
+export const PersonaSchemaOrg = loadable(() =>
+  import(
+    /* webpackChunkName: "ISPersonaView" */ 'io-sanita-theme/components/View/Persona/PersonaSchemaOrg'
+  ),
+);

package/src/components/View/commons/Metadata/Metadata.jsx

@@ -11,6 +11,10 @@ const messages = defineMessages({
     id: 'modified',
     defaultMessage: 'Ultimo aggiornamento',
   },
+  rights: {
+    id: 'rights',
+    defaultMessage: 'Diritti',
+  },
 });
 
 /**

package/src/components/View/commons/PageHeader/PageHeaderPersona.jsx

@@ -9,19 +9,18 @@ import PropTypes from 'prop-types';
  */
 
 const PageHeaderPersona = ({ content }) => {
-  if(content['@type'] !== 'Persona'){
+  if (content['@type'] !== 'Persona') {
     return null;
   }
-  
-  const role = content.incarico?.title && content.incarico.title.split('»').pop().trim();
 
-  return role?(
-   
-        <p className="subtitle">
-          <strong>{role}</strong>
-        </p>
-    
-  ):null;
+  const role =
+    content.incarico?.title && content.incarico.title.split('»').pop().trim();
+
+  return role ? (
+    <p className="subtitle">
+      <strong>{role}</strong>
+    </p>
+  ) : null;
 };
 
 export default PageHeaderPersona;