io-sanita-theme 2.4.1 → 2.4.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [2.4.3](https://github.com/RedTurtle/io-sanita-theme/compare/2.4.2...2.4.3) (2025-03-04)
+
+### Bug Fixes
+
+* a11y ([431f2c8](https://github.com/RedTurtle/io-sanita-theme/commit/431f2c892ae17646f4ffb607b8405049fcd345b9))
+* locales ([fb213b7](https://github.com/RedTurtle/io-sanita-theme/commit/fb213b78a7e976082db2cf39b0c7eb7488dc7eae))
+
+## [2.4.2](https://github.com/RedTurtle/io-sanita-theme/compare/2.4.1...2.4.2) (2025-03-04)
+
+### Bug Fixes
+
+* scroll SideMenu with headersticky ([5a3e9d5](https://github.com/RedTurtle/io-sanita-theme/commit/5a3e9d531350933a2fe672ba6625bc30cb7cc5ba))
+
 ## [2.4.1](https://github.com/RedTurtle/io-sanita-theme/compare/2.4.0...2.4.1) (2025-03-04)
 
 ### Bug Fixes

package/RELEASE.md

@@ -41,6 +41,12 @@
 - ...
  -->
 
+## Versione 2.4.2 (04/03/2025)
+
+### Fix
+
+- sistemato lo scroll del menu laterale nelle viste dei content-type
+
 ## Versione 2.3.3 (26/02/2025)
 
 ### Fix

package/locales/de/LC_MESSAGES/volto.po

@@ -3363,6 +3363,11 @@ msgstr ""
 msgid "sideMenuNavigation"
 msgstr ""
 
+#. Default: "Avanzamento della navigazione"
+#: components/View/commons/SideMenu/SideMenu
+msgid "sideMenuNavigation_progressBar"
+msgstr ""
+
 #. Default: "Compatto"
 #: config/blocks/listing/ListingOptions/simpleCardTemplate
 msgid "simplecard_listing_appearance_compact"

package/locales/en/LC_MESSAGES/volto.po

@@ -3358,6 +3358,11 @@ msgstr "Page content index"
 msgid "sideMenuNavigation"
 msgstr "Page content navigation"
 
+#. Default: "Avanzamento della navigazione"
+#: components/View/commons/SideMenu/SideMenu
+msgid "sideMenuNavigation_progressBar"
+msgstr "Navigation progress"
+
 #. Default: "Compatto"
 #: config/blocks/listing/ListingOptions/simpleCardTemplate
 msgid "simplecard_listing_appearance_compact"

package/locales/es/LC_MESSAGES/volto.po

@@ -3365,6 +3365,11 @@ msgstr ""
 msgid "sideMenuNavigation"
 msgstr ""
 
+#. Default: "Avanzamento della navigazione"
+#: components/View/commons/SideMenu/SideMenu
+msgid "sideMenuNavigation_progressBar"
+msgstr ""
+
 #. Default: "Compatto"
 #: config/blocks/listing/ListingOptions/simpleCardTemplate
 msgid "simplecard_listing_appearance_compact"

package/locales/fr/LC_MESSAGES/volto.po

@@ -3365,6 +3365,11 @@ msgstr ""
 msgid "sideMenuNavigation"
 msgstr ""
 
+#. Default: "Avanzamento della navigazione"
+#: components/View/commons/SideMenu/SideMenu
+msgid "sideMenuNavigation_progressBar"
+msgstr ""
+
 #. Default: "Compatto"
 #: config/blocks/listing/ListingOptions/simpleCardTemplate
 msgid "simplecard_listing_appearance_compact"

package/locales/it/LC_MESSAGES/volto.po

@@ -3358,6 +3358,11 @@ msgstr ""
 msgid "sideMenuNavigation"
 msgstr ""
 
+#. Default: "Avanzamento della navigazione"
+#: components/View/commons/SideMenu/SideMenu
+msgid "sideMenuNavigation_progressBar"
+msgstr ""
+
 #. Default: "Compatto"
 #: config/blocks/listing/ListingOptions/simpleCardTemplate
 msgid "simplecard_listing_appearance_compact"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-03-03T14:55:08.885Z\n"
+"POT-Creation-Date: 2025-03-04T14:56:52.091Z\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"
@@ -3360,6 +3360,11 @@ msgstr ""
 msgid "sideMenuNavigation"
 msgstr ""
 
+#. Default: "Avanzamento della navigazione"
+#: components/View/commons/SideMenu/SideMenu
+msgid "sideMenuNavigation_progressBar"
+msgstr ""
+
 #. Default: "Compatto"
 #: config/blocks/listing/ListingOptions/simpleCardTemplate
 msgid "simplecard_listing_appearance_compact"

package/package.json

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

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

@@ -14,16 +14,16 @@ import {
 const RenderItem = ({ item }) => {
   switch (item['@type']) {
     case 'News Item':
-      return <CardImage item={item} />;
+      return <CardImage item={item} titleTag="h3" />;
       break;
     case 'Struttura':
-      return <CardPlace item={item} />;
+      return <CardPlace item={item} titleTag="h3" />;
       break;
     case 'Persona':
-      return <CardPersona item={item} />;
+      return <CardPersona item={item} titleTag="h3" />;
       break;
     default:
-      return <CardSimple item={item} />;
+      return <CardSimple item={item} titleTag="h3" />;
   }
 };
 

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

@@ -30,6 +30,10 @@ const messages = defineMessages({
     id: 'sideMenuNavigation',
     defaultMessage: 'Navigazione della pagina',
   },
+  progressBar: {
+    id: 'sideMenuNavigation_progressBar',
+    defaultMessage: 'Avanzamento della navigazione',
+  },
 });
 
 const extractHeaders = (elements, intl) => {
@@ -82,12 +86,22 @@ const SideMenu = ({ data, content_uid }) => {
     setIsClient(true);
   }, []);
 
-  const activeItemTitle = headers.find(
-    (item) => item.id === activeSection,
-  )?.title;
+  const activeItemTitle =
+    headers.find((item) => item.id === activeSection)?.title ??
+    headers?.[0]?.title ??
+    intl.formatMessage(messages.progressBar);
+
+  const getMainOffset = () => {
+    return isClient
+      ? document.querySelector('.it-header-wrapper.it-header-sticky')
+          ?.clientHeight + 20
+      : 0;
+  };
+  const mainOffset = getMainOffset();
 
   const handleScroll = useCallback(() => {
-    const scrollOffset = 0.1 * window.innerHeight;
+    const windowHeight = window.innerHeight * 0.1;
+    const mainOffset = getMainOffset();
     setScrollY(window.scrollY);
     const headersHeights = headers
       .map((section) => {
@@ -97,7 +111,8 @@ const SideMenu = ({ data, content_uid }) => {
           top: element?.getBoundingClientRect()?.top,
         };
       })
-      .filter((section) => section.top <= scrollOffset);
+      // .filter((section) => section.top - mainOffset + 40 <= windowHeight);
+      .filter((section) => section.top <= mainOffset + 20);
     if (headersHeights.length > 0) {
       const section = headersHeights.reduce(
         (prev, curr) => (prev.top > curr.top ? prev : curr),
@@ -130,6 +145,9 @@ const SideMenu = ({ data, content_uid }) => {
   }, [headers]);
 
   const throttledHandleScroll = throttle(handleScroll, 100);
+  const yCountEnd = isClient
+    ? document.querySelector('#main-content-section')
+    : null;
 
   const handleClickAnchor = (id) => (e) => {
     e.preventDefault();
@@ -143,17 +161,18 @@ const SideMenu = ({ data, content_uid }) => {
     // Scroll to section
     // setTimeout hack should wait for rerender after setIsNavOpen
     setTimeout(() => {
-      document.getElementById(id)?.scrollIntoView?.({
+      // document.getElementById(id)?.scrollIntoView?.({
+      //   behavior: 'smooth',
+      //   block: 'start',
+      // });
+
+      window.scrollTo({
         behavior: 'smooth',
-        block: 'start',
+        top: document.querySelector('#' + id).offsetTop - mainOffset,
       });
     }, 0);
   };
 
-  const yCountEnd = isClient
-    ? document.querySelector('#main-content-section')
-    : null;
-
   const progressValue = useMemo(() => {
     if (!isClient) return 0;
     return yCountEnd
@@ -162,7 +181,10 @@ const SideMenu = ({ data, content_uid }) => {
   }, [scrollY, isClient]);
 
   return headers?.length > 0 ? (
-    <div className="navbar-wrapper page-side-menu affix-top ">
+    <div
+      className="navbar-wrapper page-side-menu affix-top"
+      style={{ top: mainOffset - 20 }}
+    >
       <nav
         className="navbar it-navscroll-wrapper navbar-expand-lg"
         aria-label={intl.formatMessage(messages.sideMenuNavigation)}
@@ -185,7 +207,7 @@ const SideMenu = ({ data, content_uid }) => {
                 <Progress
                   value={progressValue > 0 ? 100 * progressValue : 0}
                   role="progressbar"
-                  aria-labelledby={activeItemTitle}
+                  aria-label={activeItemTitle}
                 />
 
                 <AccordionBody active={isNavOpen} id="side-menu-body">