Merge branch 'develop' into bug_45358_view_cartella_modulistica

.gitattributes

@@ -0,0 +1 @@
+RELEASE.md merge=union

RELEASE.md

@@ -6,12 +6,19 @@
 <!--- -----------------------------------------------------------------
   Esempio:
   ---------------------------------------------------------------------
+
 ## Versione 7.10.9 (12/09/2023)
+
 ### Migliorie
+
 - Fissato il layout di stampa per pagine con Accordion
+
 ### Novità
+
 - Nuovo blocco "Informazioni" [`Istruzioni`](https://docs.google.com/document/d/1SThuxa_ah0BuNXukWs564kKPfprK41WLQE8Mome-0xg/edit#heading=h.7ty110jumgmd)
+
 ### Fix
+
 - il numero di telefono dentro card ufficio adesso è visibile anche senza indirizzo
 -->
 
@@ -20,20 +27,33 @@
  ----------------------------------------------------------------------
 
 ## Versione X.X.X (dd/mm/yyyy)
+
 ### Migliorie
+
 - ...
 
 ### Novità
+
 - ...  [`Istruzioni`](url della documentazione relativa alla novità)
 
 ### Fix
+
 - ...
 -->
 
-## Versione 8.x.x (xx/xx/2023)
+
+## Versione X.X.X (dd/mm/yyyy)
+
+### Migliorie
+
+- Migliorato il comportamento alla selezione/deselezione degli elementi multipli nel componente Object Browser
 
 ### Fix
 
+- Cambiato il colore del bordo dell'icona Ricerca nell'header dei sottositi per garantire il contrasto per accessibilità
+- Non mostrare la fascia colorata del footer di un sottosito quando questo non è compilato
+- Risolto un bug nel componente Object Browser che permetteva di selezionare più elementi di quelli consentiti
+- Alcune icone mancanti nel widget icone fontawesome sono state rese nuovamente visibili
 - Sistemate inconsistenze nella visualizzazione di alcuni tipi di elementi della lista degli allegati in Cartella Modulistica
 
 ## Versione 8.7.8 (12/10/2023)
@@ -48,6 +68,8 @@
 
 - Aggiornata nuova icona di Twitter
 
+## Versione 8.7.6 (06/10/2023)
+
 ### Fix
 
 - Uniformato e impostato a sinistra l'allineamento del testo nel blocco Elenco nella variazione Quadratoni con immagine

src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx

@@ -83,7 +83,7 @@ const CompleteBlockLinksTemplate = ({
                                   icon="it-external-link"
                                   title={title}
                                   size="xs"
-                                  className="align-top ms-1 external-link"
+                                  className="ms-1 align-sub external-link"
                                 />
                               )}
                           </CardTitle>

src/components/ItaliaTheme/Footer/FooterSmall.jsx

@@ -50,9 +50,6 @@ const FooterSmall = () => {
   return subFooterItems?.length > 0 || links.length > 0 || true ? (
     <div className="it-footer-small-prints clearfix">
       <Container tag="div">
-        <h3 className="visually-hidden">
-          {intl.formatMessage(messages.goToPage)}
-        </h3>
         <ul className="it-footer-small-prints-list list-inline mb-0 d-flex flex-column flex-md-row">
           {subFooterItems?.length > 0 &&
             subFooterItems.map((item, index) => {

src/components/ItaliaTheme/Footer/SubsiteFooter.jsx

@@ -7,13 +7,13 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import { useLocation } from 'react-router-dom';
 import { flattenHTMLToAppURL, isCmsUi } from '@plone/volto/helpers';
+import { richTextHasContent } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const SubsiteFooter = () => {
   const location = useLocation();
   const isCmsUI = isCmsUi(location.pathname);
   const subsite = useSelector((state) => state.subsite?.data);
-
-  return subsite?.subsite_footer?.data ? (
+  return richTextHasContent(subsite?.subsite_footer) ? (
     <div className={`subsite-footer ${isCmsUI ? 'public-ui' : ''}`}>
       <div className="text">
         <div className="container px-md-4">

src/customizations/volto/components/manage/Sidebar/ObjectBrowserBody.jsx

@@ -247,7 +247,6 @@ class ObjectBrowserBody extends Component {
   onSelectItem = (item) => {
     const url = item['@id'];
     const { block, data, mode, dataName, onChangeBlock } = this.props;
-
     const updateState = (mode) => {
       switch (mode) {
         case 'image':
@@ -312,8 +311,18 @@ class ObjectBrowserBody extends Component {
   };
 
   isSelectable = (item) => {
-    return this.props.selectableTypes.length > 0
-      ? this.props.selectableTypes.indexOf(item['@type']) >= 0
+    const { maximumSelectionSize, data, mode, selectableTypes } = this.props;
+    if (
+      maximumSelectionSize &&
+      data &&
+      mode === 'multiple' &&
+      maximumSelectionSize <= data.length
+    )
+      return data.some(
+        (d) => flattenToAppURL(d['@id']) === flattenToAppURL(item['@id']),
+      );
+    return selectableTypes.length > 0
+      ? selectableTypes.indexOf(item['@type']) >= 0
       : true;
   };
 
@@ -331,16 +340,24 @@ class ObjectBrowserBody extends Component {
           !this.props.maximumSelectionSize ||
           this.props.mode === 'multiple' ||
           !this.props.data ||
-          this.props.data.length < this.props.maximumSelectionSize
+          this.props.data.length <= this.props.maximumSelectionSize
         ) {
+          let isDeselecting;
+          if (this.props.mode === 'multiple' && Array.isArray(this.props.data))
+            isDeselecting = this.props.data.some(
+              (d) => flattenToAppURL(d['@id']) === flattenToAppURL(item['@id']),
+            );
           this.onSelectItem(item);
           let length = this.props.data ? this.props.data.length : 0;
-
-          let stopSelecting =
-            this.props.mode !== 'multiple' ||
-            (this.props.maximumSelectionSize > 0 &&
-              length + 1 >= this.props.maximumSelectionSize);
-
+          let stopSelecting = this.props.mode !== 'multiple';
+          if (isDeselecting && !stopSelecting)
+            stopSelecting =
+              this.props.maximumSelectionSize > 0 &&
+              length - 1 >= this.props.maximumSelectionSize;
+          else
+            stopSelecting =
+              this.props.maximumSelectionSize > 0 &&
+              length + 1 >= this.props.maximumSelectionSize;
           if (stopSelecting) {
             this.props.closeObjectBrowser();
           }

src/customizations/volto/components/manage/UniversalLink/UniversalLink.jsx

@@ -123,7 +123,7 @@ const UniversalLink = ({
               icon="it-external-link"
               title={title}
               size="xs"
-              className="align-top ms-1 external-link"
+              className="ms-1 align-sub external-link"
             />
           )}
       </a>

src/customizations/volto/components/manage/Widgets/ObjectBrowserWidget.jsx

@@ -321,8 +321,15 @@ export class ObjectBrowserWidgetComponent extends Component {
    * @returns {string} Markup for the component.
    */
   render() {
-    const { id, description, fieldSet, value, mode, onChange, isDisabled } =
-      this.props;
+    const {
+      id,
+      description,
+      fieldSet,
+      value,
+      mode,
+      onChange,
+      isDisabled,
+    } = this.props;
 
     let items = compact(!isArray(value) && value ? [value] : value || []);
 

src/helpers/IconWidget/IconAliasHelper.js

@@ -417,7 +417,7 @@ export const fontAwesomeAliases = {
   'pencil-paintbrush': 'pen-paintbrush',
   'pencil-ruler': 'pen-ruler',
   pennant: 'flag-pennant',
-  'people-arrows': 'people-arrows-left-right',
+  'people-arrows': 'people-arrows',
   'people-carry': 'people-carry-box',
   percentage: 'percent',
   'person-carry': 'person-carry-box',

src/helpers/IconWidget/IconWidgetHelper.js

@@ -20,7 +20,7 @@ export const defaultIconWidgetOptions = [
   ['bus', 'Trasporto'],
   ['heart', 'Matrimonio'],
   ['person-booth', 'Procedura elettorale e voto'],
-  ['masks-theater	', 'Tempo libero'],
+  ['masks-theater', 'Tempo libero'],
   ['book', 'Cultura'],
   ['passport', 'Immigrazione'],
   ['smog', 'Inquinamento'],

src/theme/ItaliaTheme/Blocks/_ctaBlock.scss

@@ -36,6 +36,7 @@
         color: $secondary-text;
         font-size: 0.9rem;
         text-transform: uppercase;
+        position: relative;
 
         &:hover,
         &:focus {
@@ -47,6 +48,9 @@
         }
         .external-link {
           fill: $external-link-fill-buttons !important;
+          position: absolute;
+          top: 3px;
+          right: 3px;
         }
       }
 
@@ -121,6 +125,13 @@
           padding: 18px 60px;
           font-weight: bold;
           font-size: 1rem;
+          position: relative;
+
+          .external-link {
+            position: absolute;
+            top: 3px;
+            right: 3px;
+          }
 
           &:hover,
           &:focus {

src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss

@@ -42,6 +42,10 @@
 
         .it-search-wrapper {
           a {
+            &.search-link {
+              outline: $subsite-primary 2px solid !important;
+            }
+
             &.rounded-icon {
               svg {
                 @if $subsite-light-theme {

src/theme/ItaliaTheme/_common.scss

@@ -72,6 +72,9 @@
 
   .external-link {
     fill: $link-color !important;
+    &.align-sub {
+      vertical-align: sub;
+    }
 
     &:hover {
       fill: #004080 !important;