io-sanita-theme 2.7.0 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [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.8.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",

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/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 {