io-sanita-theme 2.7.0 → 2.9.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [2.9.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.8.0...2.9.0) (2025-03-21)
+
+### Maintenance
+
+* updated volto-feedback ([13f4bd5](https://github.com/RedTurtle/io-sanita-theme/commit/13f4bd553c1ee2bcb837b4cb37acea95a69bb6ff))
+
+## [2.8.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.7.0...2.8.0) (2025-03-19)
+
+### Features
+
+* added new listing variation attachments ([#73](https://github.com/RedTurtle/io-sanita-theme/issues/73)) ([2100d3c](https://github.com/RedTurtle/io-sanita-theme/commit/2100d3c65c2368d15fcae6c259c9effbf5600ffa))
+
+### Bug Fixes
+
+* a11y for menuItems ([c32015c](https://github.com/RedTurtle/io-sanita-theme/commit/c32015ce6df944f8228d57691411e194a852c230))
+* avoid sass deprecation warning on saturation ([ed6963b](https://github.com/RedTurtle/io-sanita-theme/commit/ed6963b80fa562b9f70695aa4db34c6a7f249d99))
+* subsites css variables ([005b669](https://github.com/RedTurtle/io-sanita-theme/commit/005b669273532f17880009a60d9051118830cd57))
+
+### Maintenance
+
+* preparing release 2.8.0 ([79c9414](https://github.com/RedTurtle/io-sanita-theme/commit/79c9414aea0403ae18a329ac7e3debaf0e657790))
+
 ## [2.7.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.6.0...2.7.0) (2025-03-12)
 
 ### Features

package/RELEASE.md

@@ -41,6 +41,12 @@
 - ...
  -->
 
+## Versione 2.8.0 (19/03/2025)
+
+### Novità
+
+- Aggiunta variazione del blocco listing Allegati
+
 ## Versione 2.6.0 (11/03/2025)
 
 ### Novità

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.7.0",
+  "version": "2.9.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",
@@ -100,8 +100,8 @@
     "volto-data-grid-widget": "2.3.1",
     "volto-dropdownmenu": "4.1.4",
     "volto-editablefooter": "5.1.9",
-    "volto-feedback": "0.5.3",
-    "volto-feedback-italia": "1.0.6",
+    "volto-feedback": "0.6.0",
+    "volto-feedback-italia": "1.0.7",
     "volto-form-block": "3.10.2",
     "volto-form-block-italia": "1.0.5",
     "volto-gdpr-privacy": "2.2.14",

package/src/components/Blocks/Listing/AttachmentCard/AttachmentCardTemplate.jsx

@@ -0,0 +1,56 @@
+/* Variation Card Allegati of Listing block */
+import React from 'react';
+import PropTypes from 'prop-types';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
+import { Row, Col } from 'design-react-kit';
+import { ListingContainer } from 'io-sanita-theme/components/Blocks';
+import { LinkMore } from 'io-sanita-theme/components';
+import { CardFile } from 'io-sanita-theme/components';
+
+import AttachmentCardTemplateSkeleton from '../Skeletons/AttachmentCardTemplateSkeleton';
+
+const AttachmentCardTemplate = (props) => {
+  const {
+    items,
+    title,
+    isEditMode,
+    linkAlign,
+    linkTitle,
+    linkHref,
+    show_block_bg,
+    show_pdf_preview,
+    linkmore_id_lighthouse,
+  } = props;
+  return (
+    <div className="attachment-card-template">
+      <ListingContainer data={props} isEditMode={isEditMode}>
+        {items.length > 0 && (
+          <Row className="attachments">
+            {items.map((item, _i) => (
+              <Col lg={4} className="py-lg-2" key={item['@id']}>
+                <CardFile item={item} showPDFPreview={show_pdf_preview} />
+              </Col>
+            ))}
+          </Row>
+        )}
+        <LinkMore
+          title={linkTitle}
+          href={linkHref}
+          linkAlign={linkAlign}
+          className="my-4"
+          linkmoreIdLighthouse={linkmore_id_lighthouse}
+        />
+      </ListingContainer>
+    </div>
+  );
+};
+
+AttachmentCardTemplate.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  linkTitle: PropTypes.any,
+  linkHref: PropTypes.any,
+  isEditMode: PropTypes.bool,
+  title: PropTypes.string,
+};
+
+export default AttachmentCardTemplate;

package/src/components/Blocks/Listing/Skeletons/AttachmentCardTemplateSkeleton.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Row, Col, Card, CardBody, CardTitle } from 'design-react-kit';
+import { ListingContainer } from 'io-sanita-theme/components/Blocks';
+
+const AttachmentCardTemplateSkeleton = (props) => {
+  const { isEditMode, title, linkHref, show_block_bg, show_pdf_preview } =
+    props;
+  return (
+    <div className="attachment-card-skeleton-template">
+      <ListingContainer data={props} isEditMode={isEditMode}>
+        <div className="skeleton-template">
+          {title && (
+            <Row>
+              <Col>
+                <h2 className="mb-4">{title}</h2>
+              </Col>
+            </Row>
+          )}
+
+          <Row>
+            {[0, 1, 2].map((i) => (
+            <Col lg={4}>
+              <Card
+                className="align-items-top rounded shadow no-after"
+                noWrapper
+                teaser
+                key={i}
+              >
+                <CardBody className="pb-5">
+                  <CardTitle tag="h3"> </CardTitle>
+                </CardBody>
+              </Card>
+            </Col>
+            ))}
+          </Row>
+        </div>
+      </ListingContainer>
+    </div>
+  );
+};
+
+AttachmentCardTemplateSkeleton.propTypes = {
+  linkHref: PropTypes.any,
+  isEditMode: PropTypes.bool,
+  title: PropTypes.string,
+};
+
+export default AttachmentCardTemplateSkeleton;

package/src/components/Blocks/index.js

@@ -94,6 +94,7 @@ export MapTemplate from 'io-sanita-theme/components/Blocks/Listing/Map/MapTempla
 export SimpleCardTemplate from 'io-sanita-theme/components/Blocks/Listing/SimpleCard/SimpleCardTemplate';
 export SimpleListTemplate from 'io-sanita-theme/components/Blocks/Listing/SimpleList/SimpleListTemplate';
 export SmallBlockLinksTemplate from 'io-sanita-theme/components/Blocks/Listing/SmallBlockLinks/SmallBlockLinksTemplate';
+export AttachmentCardTemplate from 'io-sanita-theme/components/Blocks/Listing/AttachmentCard/AttachmentCardTemplate';
 
 /*Skeleton*/
 export BandiTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/BandiTemplateSkeleton';
@@ -106,6 +107,7 @@ export InEvidenceTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listin
 export MapTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/MapTemplateSkeleton';
 export SimpleListTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/SimpleListTemplateSkeleton';
 export SmallBlockLinksTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/SmallBlockLinksTemplateSkeleton';
+export AttachmentCardTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/AttachmentCardTemplateSkeleton';
 
 /*Rss block (as listing)*/
 export CardWithoutImageRssTemplate from 'io-sanita-theme/components/Blocks/Rss/CardWithoutImageRssTemplate';

package/src/components/Cards/CardFile/CardFile.jsx

@@ -56,6 +56,7 @@ export const CardFile = ({
   file = null,
   titleDataElement,
   showModified = false,
+  showPDFPreview = false,
 }) => {
   const intl = useIntl();
   let _item = null;
@@ -82,11 +83,14 @@ export const CardFile = ({
         if (item.file) {
           _item = item.file;
         }
-        if (item['@id'].indexOf('/@@download/') < 0) {
+        if (item['@id'].indexOf('/@@download/') < 0 && !showPDFPreview) {
           _item['@id'] = `${item['@id']}/@@download/file`;
         } else {
           _item['@id'] = item['@id'];
         }
+        if (showPDFPreview) {
+          _item['@id'] = `${item['@id']}/@@display-file/file`;
+        }
         break;
       case 'Image':
         if (item.image) {
@@ -135,12 +139,12 @@ export const CardFile = ({
       <CardBody>
         <div className={cx('card-file-content', _item['@type'])}>
           <CardTitle tag={titleTag} className="d-flex mb-0 align-items-center">
-            {!file ? (
+            {!file || showPDFPreview ? (
               <UniversalLink
                 item={!isEditMode ? _item : null}
                 href={isEditMode ? '#' : ''}
                 className="card-title-link flex-grow-1 pe-4"
-                target={_item['@type'] === 'Link' ? '_blank' : '_self'}
+                target={_item['@type'] === 'Link' || showPDFPreview ? '_blank' : '_self'}
                 rel={_item['@type'] === 'Link' ? 'noopener noreferrer' : ''}
                 data-element={titleDataElement}
               >

package/src/components/layout/Navigation/MegaMenu/MegaMenu.jsx

@@ -239,7 +239,7 @@ const MegaMenu = ({ item, pathname }) => {
         tag="li"
         className={isItemActive ? 'focus--mouse megamenu' : 'megamenu'}
         active={isItemActive}
-        role="none"
+        role="menuitem"
       >
         <UncontrolledDropdown
           nav

package/src/config/blocks/listing/listingVariations.js

@@ -18,6 +18,8 @@ import {
   SimpleListTemplateSkeleton,
   SmallBlockLinksTemplate,
   SmallBlockLinksTemplateSkeleton,
+  AttachmentCardTemplate,
+  AttachmentCardTemplateSkeleton
 } from 'io-sanita-theme/components/Blocks';
 
 import CarouselTemplate from 'io-sanita-theme/components/Blocks/Listing/Carousel/CarouselTemplate.jsx';
@@ -53,6 +55,7 @@ import {
   addSimpleListTemplateOptions,
   addSmallBlockLinksTemplateOptions,
   addCarouselTemplateOptions,
+  addAttachmentCardTemplateOptions,
   // addRibbonCardTemplateOptions,
   // addBandiInEvidenceTemplateOptions,
 
@@ -157,6 +160,20 @@ const iosanitaListingVariations = [
     },
     cloneData: cloneBlock,
   },
+  {
+    id: 'attachmentCardTemplate',
+    isDefault: false,
+    title: 'Allegati',
+    template: AttachmentCardTemplate,
+    skeleton: AttachmentCardTemplateSkeleton,
+    schemaEnhancer: ({ schema, formData, intl }) => {
+      let pos = addDefaultOptions(schema, formData, intl);
+      addAttachmentCardTemplateOptions(schema, formData, intl, pos);
+      addLinkMoreOptions(schema, formData, intl);
+      return schema;
+    },
+    cloneData: cloneBlock,
+  },
   {
     id: 'completeBlockLinksTemplate',
     isDefault: false,

package/src/config/ioSanitaConfig.js

@@ -244,6 +244,21 @@ export default function applyConfig(config) {
       className="ms-1 external-link"
     />*/,
     },
+    'volto-feedback': {
+      ...config.settings['volto-feedback'],
+      feedbackEnabledNonContentRoutes: [
+        ...(config.settings['volto-feedback']
+          ?.feedbackEnabledNonContentRoutes ?? []),
+        {
+          path: AGGREGATION_PAGE_TIPOLOGIA_UTENTE,
+          feedbackTitle: null /*usa il path per sapere quale tipologia è*/,
+        },
+        {
+          path: AGGREGATION_PAGE_ARGOMENTO,
+          feedbackTitle: null /*usa il path per sapere quale tipologia è*/,
+        },
+      ],
+    },
     videoAllowExternalsDefault: false,
   };
 

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

@@ -32,15 +32,18 @@ const Footer = ({ intl }) => {
     contentType = null;
   }
 
-  const NoFeedbackFormFor = []; //['Plone Site', 'LRF', 'Subsite'];
-  const feedbackFormEnabled =
-    config.settings.siteProperties.enableFeedbackForm &&
-    contentType &&
-    NoFeedbackFormFor.indexOf(contentType) < 0;
+  const NoFeedbackFormFor =
+    config.settings.siteProperties.noFeedbackFormFor || [];
+  const showFeedbackForm = config.settings.siteProperties
+    ?.enableNoFeedbackFormFor
+    ? contentType &&
+      !noFeedbackFormFor.includes(contentType) &&
+      config.settings.siteProperties.enableFeedbackForm
+    : true;
 
   let content = (
     <>
-      {feedbackFormEnabled && <FeedbackForm contentType={contentType} />}
+      {showFeedbackForm && <FeedbackForm contentType={contentType} />}
 
       <SubsiteFooter />
       <footer className="it-footer" id="footer">

package/src/theme/io-sanita/_home.scss

@@ -1,5 +1,5 @@
 .siteroot,
-body.public-ui.contenttype-lrf {
+body.public-ui.contenttype-lr:not(.section-search) {
   .block-editor-title,
   .documentFirstHeading,
   #briciole {
@@ -7,7 +7,7 @@ body.public-ui.contenttype-lrf {
   }
 }
 
-body.subsite.subsite-root {
+body.subsite.subsite-root:not(.section-search) {
   &,
   .public-ui {
     .documentFirstHeading,

package/src/theme/io-sanita/subsites/_mixin.scss

@@ -67,12 +67,8 @@
   $subsite-bg-primary-lightest: hsl($subsite-primary-h, 50%, 97%);
   $subsite-bg-primary-lighter: hsl($subsite-primary-h, 50%, 87%);
 
-  $subsite-primary-dark: hsl($subsite-primary-h, $subsite-primary-s * 1%, 20%);
-  $subsite-primary-darker: hsl(
-    $subsite-primary-h,
-    $subsite-primary-s * 1%,
-    12%
-  );
+  $subsite-primary-dark: hsl($subsite-primary-h, $subsite-primary-s, 20%);
+  $subsite-primary-darker: hsl($subsite-primary-h, $subsite-primary-s, 12%);
 
   $subsite-accent: $subsite-primary;
   $subsite-footer-borders: 1px solid hsla($subsite-primary-h, 70.59%, 20%);
@@ -82,19 +78,20 @@
     $subsite-bg-primary-lighter: hsl(hue($subsite-secondary), 50%, 87%);
     $subsite-primary-dark: hsl(
       $subsite-secondary-h,
-      $subsite-secondary-s * 1%,
+      $subsite-secondary-s,
       20%
     ) !default;
     $subsite-primary-darker: hsl(
       $subsite-secondary-h,
-      $subsite-secondary-s * 1%,
+      $subsite-secondary-s,
       12%
     ) !default;
     $subsite-accent: $subsite-secondary;
     $subsite-footer-borders: 1px solid hsla($subsite-secondary-h, 70.59%, 20%);
   }
 
-  :root {
+  body.subsite-#{$subsite-style} {
+    //override css variables
     --primary: #{$subsite-primary};
     --bs-primary: #{$subsite-primary};
     --bs-primary-rgb: #{to-rgb($subsite-primary)};
@@ -108,8 +105,7 @@
     --is-accent: #{$subsite-accent};
     --is-footer-borders: #{$subsite-footer-borders};
     --bs-link-color: #{$subsite-link-color};
-  }
-  body.subsite-#{$subsite-style} {
+
     &,
     .public-ui,
     .cms-ui {