design-comuni-plone-theme 8.8.2 → 9.0.0

package/src/components/ItaliaTheme/View/UOView/UOServices.jsx

@@ -24,16 +24,15 @@ const UOServices = ({ content }) => {
   return content?.servizi_offerti?.length > 0 ? (
     <section
       id={'servizi_offerti'}
-      className={'it-page-section anchor-offset mt-5'}
+      className={'it-page-section anchor-offset mb-5 '}
     >
-      <h2 id={`header-servizi_offerti`} className="h4">
+      <h2 id={`header-servizi_offerti`} className="mb-3 h4">
         {intl.formatMessage(messages.servizi_offerti)}
       </h2>
-
-      <Row className="card-wrapper card-teaser-wrapper mt-4">
+      <Row className="card-wrapper card-teaser-wrapper">
         {content?.servizi_offerti?.map((servizio, i) => (
           <Col xs="12" lg="6">
-            <Card className="shadow rounded card-big-io-comune p-3">
+            <Card className="shadow rounded card-big-io-comune p-3 my-3">
               <CardBody>
                 <CardCategory date="">{servizio.parent_title}</CardCategory>
                 <CardTitle tag="h5">

package/src/components/ItaliaTheme/View/UOView/UOStructure.jsx

@@ -44,10 +44,10 @@ const UOStructure = ({ content }) => {
     content?.uo_children?.length > 0 ||
     content?.uo_parent ||
     content?.assessore_riferimento?.length > 0 ? (
-    <section id="struttura" className="it-page-section anchor-offset mt-5">
+    <section id="struttura" className="it-page-section anchor-offset mb-5">
       {content.tipologia_organizzazione?.title && (
-        <div className="mb-5 mt-3">
-          <h2 className="h4">
+        <div className="mb-5">
+          <h2 className="mb-3 h4">
             {intl.formatMessage(messages.tipologia_organizzazione)}
           </h2>
           <p className="font-serif">{content.tipologia_organizzazione.title}</p>
@@ -56,69 +56,78 @@ const UOStructure = ({ content }) => {
       {(content.uo_parent ||
         content.uo_children?.length > 0 ||
         content.legami_con_altre_strutture?.length > 0) && (
-        <h2 id="header-struttura" className="mb-3 h4">
-          {intl.formatMessage(messages.struttura)}
-        </h2>
-      )}
-      {content.uo_parent && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_struttura_padre)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            <OfficeCard
-              key={content.uo_parent['@id']}
-              office={content.uo_parent}
-              load_data={false}
-              show_contacts={false}
-            />
-          </div>
-        </div>
-      )}
+        <div className="mb-5">
+          <h2 id="header-struttura" className="mb-3 h4">
+            {intl.formatMessage(messages.struttura)}
+          </h2>
 
-      {content.uo_children?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_strutture_figlie)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            {content.uo_children.map((uo, i) => {
-              return (
+          {content.uo_parent && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_struttura_padre)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
                 <OfficeCard
-                  key={uo['@id']}
-                  office={uo}
+                  key={content.uo_parent['@id']}
+                  office={content.uo_parent}
                   load_data={false}
                   show_contacts={false}
                 />
-              );
-            })}
-          </div>
-        </div>
-      )}
+              </div>
+            </div>
+          )}
 
-      {content.legami_con_altre_strutture?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_altre_strutture)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            {content.legami_con_altre_strutture.map((item, _i) => (
-              <OfficeCard key={item['@id']} office={item} load_data={false} />
-            ))}
-          </div>
+          {content.uo_children?.length > 0 && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_strutture_figlie)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
+                {content.uo_children.map((uo, i) => {
+                  return (
+                    <OfficeCard
+                      key={uo['@id']}
+                      office={uo}
+                      load_data={false}
+                      show_contacts={false}
+                    />
+                  );
+                })}
+              </div>
+            </div>
+          )}
+
+          {content.legami_con_altre_strutture?.length > 0 && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_altre_strutture)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
+                {content.legami_con_altre_strutture.map((item, _i) => (
+                  <OfficeCard
+                    key={item['@id']}
+                    office={item}
+                    load_data={false}
+                  />
+                ))}
+              </div>
+            </div>
+          )}
         </div>
       )}
+
       {content.responsabile?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h2 className="h4">{intl.formatMessage(messages.responsabile)}</h2>
-          <Row className="card-wrapper card-teaser-wrapper  ruolo-persone-struttura">
+        <div className="mb-5">
+          <h3 className="h5">{intl.formatMessage(messages.responsabile)}</h3>
+          <Row className="card-wrapper card-teaser-wrapper ruolo-persone-struttura">
             {content.responsabile.map((item, i) => (
               <Col xs="12" lg="12" xl="12" md="12" sm="12" key={item['@id']}>
                 <CardPersona
                   item={item}
-                  className={'shadow-sm'}
+                  className="shadow-sm my-3"
                   showImage={true}
-                  titleTagName={'h5'}
+                  titleTagName="h4"
+                  titleClassName="h5"
                 />
               </Col>
             ))}
@@ -127,18 +136,19 @@ const UOStructure = ({ content }) => {
       )}
 
       {content.assessore_riferimento?.length > 0 && (
-        <div className="mb-5 mt-3">
+        <div className="mb-5 ">
           <h3 className="h5">
             {intl.formatMessage(messages.assessore_riferimento)}
           </h3>
-          <Row className="card-wrapper card-teaser-wrapper mt-2">
+          <Row className="card-wrapper card-teaser-wrapper ">
             {content.assessore_riferimento.map((item, _i) => (
               <Col xs="12" lg="12" xl="6" md="12" sm="12" key={item['@id']}>
                 <CardPersona
                   item={item}
-                  className={'shadow-sm'}
+                  className="shadow-sm my-3"
                   showImage={true}
-                  titleTagName={'h5'}
+                  titleTagName="h4"
+                  titleClassName="h5"
                   listingText={item.incarichi}
                 />
               </Col>

package/src/components/ItaliaTheme/View/UOView/UOView.jsx

@@ -78,7 +78,7 @@ const UOView = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -87,7 +87,7 @@ const UOView = ({ content }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections

package/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx

@@ -58,7 +58,7 @@ const VenueDescription = ({ content }) => {
       {richTextHasContent(content.elementi_di_interesse) && (
         <RichTextSection
           tag_id="elementi-di-interesse"
-          title={`${intl.formatMessage(messages.elementi_di_interesse)}:`}
+          title={`${intl.formatMessage(messages.elementi_di_interesse)}`}
           data={content.elementi_di_interesse}
         />
       )}

package/src/components/ItaliaTheme/View/VenueView/VenueView.jsx

@@ -89,14 +89,14 @@ const VenueView = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
             )}
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >

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

@@ -1,5 +1,4 @@
 /* --- Commons --- */
-export RichTextArticle from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextArticle';
 export RichTextSection from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextSection';
 export RichText from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichText';
 export {

package/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx

@@ -93,6 +93,11 @@ const ListingBody = React.memo(
       // Also need to purge title from searchblock schema, it's the name of the listing template used
       const listingBodyProps =
         variation?.['@type'] !== 'search' ? data : { ...variation, title: '' };
+
+      // Need to know if data-element is "service-link"
+      // to add data-element="pager-link" to pagination links
+      const isServiceLink = data.id_lighthouse === 'service-link';
+
       return (
         <div className="public-ui">
           {loadingQuery && (
@@ -123,6 +128,7 @@ const ListingBody = React.memo(
                     activePage={currentPage}
                     totalPages={totalPages}
                     onPageChange={onPaginationChange}
+                    isServiceLink={isServiceLink}
                   />
                 </div>
               )}

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

@@ -25,7 +25,7 @@
   ul.slick-dots {
     bottom: unset;
     padding: 0;
-    margin: 0 0 0;
+    margin: 0;
 
     li {
       button:before {

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

@@ -1,56 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
-/**
- * RichTextArticle view component class.
- * @function RichTextArticle
- * @params {object} content: Content object.
- * @returns {string} Markup of the component.
- */
-const RichTextArticle = ({
-  title,
-  title_size,
-  show_title = true,
-  data,
-  tag_id,
-  add_class,
-  children,
-}) => {
-  let content_to_display = RichTextRender({
-    data,
-    add_class,
-    serif: true,
-  });
-
-  return content_to_display || children ? (
-    <article
-      id={tag_id}
-      className="it-page-section anchor-offset mt-5"
-      menu_title={title ? title : ''}
-      aria-labelledby={title_size !== 'h5' ? `header-${tag_id}` : undefined}
-    >
-      {title && show_title ? (
-        title_size === 'h5' ? (
-          <h5>{title}</h5>
-        ) : (
-          <h4 id={`header-${tag_id}`}>{title}</h4>
-        )
-      ) : (
-        <h4 id={`header-${tag_id}`} style={{ display: 'none' }}>
-          {title}
-        </h4>
-      )}
-
-      {content_to_display}
-      {children}
-    </article>
-  ) : null;
-};
-export default RichTextArticle;
-
-RichTextArticle.propTypes = {
-  title: PropTypes.string,
-  data: PropTypes.object,
-  tag_id: PropTypes.string,
-  add_class: PropTypes.string,
-};