design-comuni-plone-theme 11.12.2 → 11.12.4

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 
 
+## [11.12.4](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.12.3...v11.12.4) (2024-05-30)
+
+
+### Bug Fixes
+
+* added styles for recurrence widget fields layout ([#686](https://github.com/RedTurtle/design-comuni-plone-theme/issues/686)) ([ec415d1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/ec415d1615524b79755d3f562fcef909f1a126d1))
+
+
+### Maintenance
+
+* improve cors error logging ([6c483a7](https://github.com/RedTurtle/design-comuni-plone-theme/commit/6c483a79fbe6d40d688c33a36bb61e96f37372fb))
+
+
+### Documentation
+
+* updated publiccode and release log ([312af90](https://github.com/RedTurtle/design-comuni-plone-theme/commit/312af90e5c708e090df1ccd7eaa194a7f03360ec))
+
+## [11.12.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.12.2...v11.12.3) (2024-05-28)
+
+
+### Bug Fixes
+
+* removed figure tag + added prop for link condition ([#685](https://github.com/RedTurtle/design-comuni-plone-theme/issues/685)) ([601e16c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/601e16c51938aefb45524d8661a901427ff79c86))
+
+
+### Documentation
+
+* updated publiccode ([79cae20](https://github.com/RedTurtle/design-comuni-plone-theme/commit/79cae2059c5135d4f036eb16b193f072dd176f86))
+
 ## [11.12.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.12.1...v11.12.2) (2024-05-27)
 
 

package/RELEASE.md

@@ -41,6 +41,12 @@
 - ...
 -->
 
+## Versione 11.12.4 (30/05/2024)
+
+### Fix
+
+- Aggiustato il layout dei campi nel widget delle ricorrenze.
+
 ## Versione 11.12.1 (21/05/2024)
 
 ### Migliorie

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.12.2",
+  "version": "11.12.4",
   "main": "src/index.js",
   "repository": {
     "type": "git",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2024-05-27'
+releaseDate: '2024-05-30'
 softwareType: standalone/web
-softwareVersion: 11.12.2
+softwareVersion: 11.12.4
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Listing/CardWithImage/CardWithImageDefault.jsx

@@ -102,7 +102,7 @@ const CardWithImageDefault = (props) => {
               })}
             >
               <div className="img-responsive img-responsive-panoramic">
-                <figure className="img-wrapper">{image}</figure>
+                {image}
                 {item['@type'] === 'Event' && (
                   <CardCalendar
                     start={item.start}

package/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx

@@ -11,6 +11,7 @@ const ListingImage = ({
   responsive = true,
   showTitleAttr = true,
   sizes = '(max-width:320px) 200px, (max-width:425px) 300px, (max-width:767px) 500px, 410px',
+  noWrapLink = false,
   ...imageProps
 }) => {
   const Image = config.getComponent({ name: 'Image' }).component;
@@ -30,8 +31,12 @@ const ListingImage = ({
   // photogallery needs to check for null image
   // https://stackoverflow.com/questions/33136399/is-there-a-way-to-tell-if-reactelement-renders-null
 
-  const image = (
-    <UniversalLink item={item}>{Image(commonImageProps)}</UniversalLink>
+  const image = !noWrapLink ? (
+    <UniversalLink item={item} className="img-wrapper">
+      {Image(commonImageProps)}
+    </UniversalLink>
+  ) : (
+    Image(commonImageProps)
   );
   if (image === null)
     return showDefault ? <img src={DefaultImageSVG} alt="" /> : null;

package/src/components/ItaliaTheme/Blocks/Listing/InEvidenceTemplate.jsx

@@ -109,7 +109,7 @@ const InEvidenceTemplate = (props) => {
                 {index === 0 && image && (
                   <div className="img-responsive-wrapper">
                     <div className="img-responsive">
-                      <figure className="img-wrapper">{image}</figure>
+                      {image}
                       {item['@type'] === 'Event' && (
                         <CardCalendar start={item.start} end={item.end} />
                       )}

package/src/components/ItaliaTheme/Blocks/Listing/PhotogalleryTemplate.jsx

@@ -160,9 +160,10 @@ const PhotogalleryTemplate = ({
                     items.length === 1
                       ? '1300'
                       : items.length === 2
-                        ? '650'
-                        : '450'
+                      ? '650'
+                      : '450'
                   }px`,
+                  noWrapLink: true,
                 });
                 return (
                   <SingleSlideWrapper

package/src/components/ItaliaTheme/Blocks/Listing/SmallBlockLinksTemplate.jsx

@@ -43,6 +43,7 @@ const SmallBlockLinksTemplate = ({
               sizes: '(max-width:575px) 520px, 200px',
               style: {},
               alt: item.title,
+              noWrapLink: true,
             });
 
             return (

package/src/customizations/volto/components/theme/Error/Error.jsx

@@ -25,7 +25,7 @@ const Error = (props) => {
   let FoundView;
 
   // CUSTOMIZATION: added logging of errors
-  const notifySentry = (error) => {
+  const notifySentry = (message) => {
     const loaders = Object.entries(sentryLibraries).map(
       ([name, Lib]) =>
         new Promise((resolve) =>
@@ -37,7 +37,15 @@ const Error = (props) => {
         {},
         ...libs.map(([name, lib]) => ({ [name]: lib })),
       );
-      libraries.Sentry.captureException(error);
+      class MaybeCorsError extends Error {
+        constructor({ error, ...props }, ...args) {
+          super(...args);
+          this.name = 'MaybeCorsError';
+          this.error = error;
+          this.props = props;
+        }
+      }
+      libraries.Sentry.captureException(new MaybeCorsError(props, message));
     });
   };
 
@@ -50,7 +58,7 @@ const Error = (props) => {
       'DEV MODE CORS ERROR in Error component: ',
       JSON.stringify(props, null, 2),
     );
-    notifySentry(props);
+    notifySentry('DEV MODE CORS ERROR in Error component');
     FoundView = views.errorViews.corsError;
   } else {
     if (error.status.toString() === 'corsError') {
@@ -59,7 +67,7 @@ const Error = (props) => {
         'CORS ERROR in Error component: ',
         JSON.stringify(props, null, 2),
       );
-      notifySentry(props);
+      notifySentry('CORS ERROR in Error component');
     }
     FoundView = views.errorViews[error.status.toString()];
   }

package/src/customizations/volto/components/theme/View/View.jsx

@@ -209,7 +209,7 @@ class View extends Component {
       .toLowerCase();
 
   // CUSTOMIZATION: added logging of errors
-  notifySentry = (error) => {
+  notifySentry = (message) => {
     const loaders = Object.entries(sentryLibraries).map(
       ([name, Lib]) =>
         new Promise((resolve) =>
@@ -221,7 +221,37 @@ class View extends Component {
         {},
         ...libs.map(([name, lib]) => ({ [name]: lib })),
       );
-      libraries.Sentry.captureException(error);
+      class MaybeCorsError extends Error {
+        constructor(
+          {
+            error,
+            apiError,
+            actions,
+            token,
+            content,
+            connectionRefused,
+            pathname,
+            versionId,
+            ...props
+          },
+          ...args
+        ) {
+          super(...args);
+          this.name = 'MaybeCorsError';
+          this.error = error;
+          this.apiError = apiError;
+          this.actions = actions;
+          this.token = token;
+          this.content = content;
+          this.connectionRefused = connectionRefused;
+          this.pathname = pathname;
+          this.versionId = versionId;
+          this.props = props;
+        }
+      }
+      libraries.Sentry.captureException(
+        new MaybeCorsError(this.props, message),
+      );
     });
   };
 
@@ -246,7 +276,7 @@ class View extends Component {
           'DEV MODE CORS ERROR in View component: ',
           JSON.stringify(this.props, null, 2),
         );
-        this.notifySentry(this.props);
+        this.notifySentry('DEV MODE CORS ERROR in View component');
         FoundView = views.errorViews.corsError;
       } else {
         if (this.props.error.status.toString() === 'corsError') {
@@ -255,7 +285,7 @@ class View extends Component {
             'CORS ERROR in View component: ',
             JSON.stringify(this.props, null, 2),
           );
-          this.notifySentry(this.props);
+          this.notifySentry('CORS ERROR in View component');
         }
         FoundView = views.errorViews[this.props.error.status.toString()];
       }

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

@@ -22,8 +22,4 @@ body.contenttype-event {
       }
     }
   }
-
-  &.cms-ui .ui.button {
-    padding: 0px;
-  }
 }

package/src/theme/_cms-ui.scss

@@ -745,6 +745,22 @@ body.cms-ui {
     @import 'bootstrap-italia/src/scss/custom/card';
     @import './bootstrap-override/bootstrap-italia/_card.scss';
   }
+
+  .recurrence-form {
+    .byday-field {
+      .ui.button {
+        padding: 0px;
+      }
+    }
+
+    .byyear-field {
+      .byyear-byday {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+      }
+    }
+  }
 }
 
 body.has-toolbar {