design-comuni-plone-theme 8.7.0 → 8.7.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 
 
+## [8.7.1](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.7.0...v8.7.1) (2023-09-21)
+
+
+### Maintenance
+
+* added id in h2 title of some blocks to enable anchors ([#350](https://github.com/RedTurtle/design-comuni-plone-theme/issues/350)) ([e67e57a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e67e57a3f767f94377cae4605097977a0fa5021a))
+* updated publicode ([cd8fc79](https://github.com/RedTurtle/design-comuni-plone-theme/commit/cd8fc791891105e69f7cbc7b8b14e19f0da71601))
+
 ## [8.7.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.6.0...v8.7.0) (2023-09-20)
 
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "8.7.0",
+  "version": "8.7.1",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2023-09-20'
+releaseDate: '2023-09-21'
 softwareType: standalone/web
-softwareVersion: 8.7.0
+softwareVersion: 8.7.1
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BodyWrapper.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import cx from 'classnames';
 
-const BodyWrapper = ({ data, inEditMode, children }) => {
+const BodyWrapper = ({ data, inEditMode, children, id }) => {
   return (
     <div className={cx('container pt-5', { 'p-5': inEditMode })}>
-      <h2>{data.text}</h2>
+      <h2 id={id + 'title'}>{data.text}</h2>
       <div className="grid mt-5">{children}</div>
     </div>
   );

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

@@ -13,7 +13,7 @@ const View = ({ data, id }) => {
     <div className="block full-width">
       <div className="argumentInEvidence">
         <ArgumentsInEvidenceBackground />
-        <BodyWrapper data={data} inEditMode={false}>
+        <BodyWrapper data={data} inEditMode={false} id={id}>
           {data.subblocks
             ?.filter((subblock) => {
               return subblock.argument?.length > 0;

package/src/components/ItaliaTheme/Blocks/CTABlock/Block.jsx

@@ -95,7 +95,7 @@ const Block = ({
       )}
       <Container tag="div" className="px-3 px-md-4">
         <div className="cta-tile-text">
-          <h2 className="title mt-0">
+          <h2 className="title mt-0" id={block + 'title'}>
             {inEditMode ? (
               <div
                 ref={titleRef}

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

@@ -4,10 +4,10 @@ import BodyWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks
 
 import Block from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Block';
 
-const View = ({ data }) => {
+const View = ({ data, id }) => {
   return (
     <BodyWrapper inEditMode={false}>
-      <Block data={data} inEditMode={false} />
+      <Block data={data} inEditMode={false} block={id} />
     </BodyWrapper>
   );
 };

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

@@ -281,6 +281,7 @@ const Body = ({ data, block, inEditMode, path, onChangeBlock, reactSlick }) => {
                     'mt-5': !data.show_block_bg,
                     'mb-4': !location_filters_buttons,
                   })}
+                  id={block + 'title'}
                 >
                   {data.title}
                 </h2>

package/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx

@@ -36,7 +36,7 @@ const CardWithImageRssTemplate = ({
   moment: Moment,
 }) => {
   const intl = useIntl();
-
+  const titleID = data?.title ? data.title.replace(/[^A-Z0-9]+/gi, '_') : '';
   return (
     <div className={cx('', { 'public-ui': isEditMode })} aria-live="polite">
       {items?.length > 0 ? (
@@ -44,7 +44,9 @@ const CardWithImageRssTemplate = ({
           {data.title && (
             <Row>
               <Col>
-                <h2 className="mb-4 mt-5">{data.title}</h2>
+                <h2 className="mb-4 mt-5" id={titleID}>
+                  {data.title}
+                </h2>
               </Col>
             </Row>
           )}

package/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx

@@ -32,9 +32,10 @@ const CardWithoutImageRssTemplate = ({
   items = [],
   isEditMode,
   data = {},
-  moment: Moment,
+  //moment: Moment,
 }) => {
   const intl = useIntl();
+  const titleID = data?.title ? data.title.replace(/[^A-Z0-9]+/gi, '_') : '';
 
   return (
     <div className={cx('', { 'public-ui': isEditMode })} aria-live="polite">
@@ -43,7 +44,9 @@ const CardWithoutImageRssTemplate = ({
           {data.title && (
             <Row>
               <Col>
-                <h2 className="mb-4 mt-5">{data.title}</h2>
+                <h2 className="mb-4 mt-5" id={titleID}>
+                  {data.title}
+                </h2>
               </Col>
             </Row>
           )}