io-sanita-theme 2.22.1 → 2.23.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [2.23.1](https://github.com/RedTurtle/io-sanita-theme/compare/2.23.0...2.23.1) (2026-03-20)
+
+### Bug Fixes
+
+* alert block height in view mode  ([#120](https://github.com/RedTurtle/io-sanita-theme/issues/120)) ([58c969e](https://github.com/RedTurtle/io-sanita-theme/commit/58c969eda0d02e76b6535863eda7230db2808b14))
+* uridecode filename ([#119](https://github.com/RedTurtle/io-sanita-theme/issues/119)) ([eea9e68](https://github.com/RedTurtle/io-sanita-theme/commit/eea9e681fc78a29ee50167191e1f558984da5bda))
+
+### Changes
+
+* make codebase more flexible for addons ([#116](https://github.com/RedTurtle/io-sanita-theme/issues/116)) ([3e1b034](https://github.com/RedTurtle/io-sanita-theme/commit/3e1b034df7b0556ec6cb94cf7f29b0d92dba9788))
+
+## [2.23.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.22.1...2.23.0) (2026-03-19)
+
+### Features
+
+* title in header could be hidden by settings panel and in that case loggo has width auto ([#117](https://github.com/RedTurtle/io-sanita-theme/issues/117)) ([7a7af44](https://github.com/RedTurtle/io-sanita-theme/commit/7a7af4419b61d359db2d5ff26ea1f004e1991d95))
+
+### Bug Fixes
+
+* download/file and display-file/file url ([bacf5cf](https://github.com/RedTurtle/io-sanita-theme/commit/bacf5cf1bbc7c90b6ec16d236dea6122fdc9f60c))
+* link color in callout dark ([#118](https://github.com/RedTurtle/io-sanita-theme/issues/118)) ([9bbbf02](https://github.com/RedTurtle/io-sanita-theme/commit/9bbbf0249a158f2dd2b03e05dee15eab0271c0aa))
+* objectbrowser searchableType now consider selectableTypes ([c2976b5](https://github.com/RedTurtle/io-sanita-theme/commit/c2976b5bbc71a41e87f6c13163e5498275109a3d))
+
 ## [2.22.1](https://github.com/RedTurtle/io-sanita-theme/compare/2.21.10...2.22.1) (2025-11-03)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.22.1",
+  "version": "2.23.1",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",

package/src/components/Blocks/Alert/alert.scss

@@ -56,6 +56,17 @@
 }
 
 .block.alert_block {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+    line-height: 1.2;
+  }
+
   .full-width {
     height: auto;
   }

package/src/components/BrandText/BrandText.jsx

@@ -1,10 +1,12 @@
 import React from 'react';
 import cx from 'classnames';
+import { useSelector } from 'react-redux';
 import { useIntl } from 'react-intl';
 import { SiteProperty } from 'volto-site-settings';
 import { getSiteProperty } from 'io-sanita-theme/helpers';
 
 const BrandText = ({ mobile = false, getParent = false }) => {
+  const subsite = useSelector((state) => state.subsite?.data);
   const intl = useIntl();
   let title = SiteProperty({
     property: 'site_title',
@@ -27,8 +29,16 @@ const BrandText = ({ mobile = false, getParent = false }) => {
     </React.Fragment>
   ));
 
+  const hide_title = SiteProperty({
+    property: 'hide_title',
+    defaultValue: false,
+    getValue: true,
+    getParent: false,
+  });
+  const visuallyHidden = !subsite && hide_title;
+
   return (
-    <div className="it-brand-text">
+    <div className={cx('it-brand-text', { 'visually-hidden': visuallyHidden })}>
       {title && <div className="it-brand-title">{title}</div>}
       {description && (
         <div

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

@@ -1,3 +1,11 @@
+import './cardFile.scss';
+
+import { Card, CardBody, CardText, CardTitle } from 'design-react-kit';
+import { defineMessages, useIntl } from 'react-intl';
+
+import { FileIcon } from 'io-sanita-theme/helpers';
+import { Icon } from 'io-sanita-theme/components';
+import Module from 'io-sanita-theme/components/Cards/CardFile/Module';
 /*
 Usa la Card File per
   - allegare documenti o
@@ -21,17 +29,10 @@ In caso di download diretto, è suggerito l’utilizzo dell’icona con il forma
 In caso di collegamento a una pagina foglia di tipo documento, è suggerito l’utilizzo di un’icona file generica e non è necessario specificare estensione e peso nel titolo.
 */
 import React from 'react';
-import { useIntl, defineMessages } from 'react-intl';
+import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import cx from 'classnames';
-import { Card, CardBody, CardTitle, CardText } from 'design-react-kit';
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
-import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import { viewDate } from 'io-sanita-theme/helpers';
-import { Icon } from 'io-sanita-theme/components';
-import { FileIcon } from 'io-sanita-theme/helpers';
-import Module from 'io-sanita-theme/components/Cards/CardFile/Module';
-
-import './cardFile.scss';
 
 const messages = defineMessages({
   attachment: {
@@ -154,12 +155,12 @@ export const CardFile = ({
               <a
                 className="card-title-link flex-grow-1 pe-4"
                 href={flattenToAppURL(file.download)}
-                title={file.filename}
+                title={decodeURI(file.filename)}
                 target={pdfFile ? '_blank' : '_self'}
                 rel={pdfFile ? 'noopener noreferrer' : ''}
                 data-element={titleDataElement}
               >
-                {file.filename}
+                {decodeURI(file.filename)}
               </a>
             )}
 

package/src/config/components.ts

@@ -0,0 +1,65 @@
+import type { ConfigType } from '@plone/registry';
+import { FeedbackForm } from 'volto-feedback-italia';
+import Icon from 'io-sanita-theme/components/Icon/Icon';
+import ImageWithErrors from 'io-sanita-theme/components/ImageWithErrors/ImageWithErrors';
+import Pagination from 'io-sanita-theme/components/Pagination/Pagination';
+import RichTextSection from 'io-sanita-theme/helpers/RichText/RichTextSection';
+import SelectInput from 'io-sanita-theme/components/Widgets/SelectInput/SelectInput';
+import SideMenu from 'io-sanita-theme/components/View/commons/SideMenu/SideMenu';
+import SiteSettingsExtras from 'io-sanita-theme/components/AppExtras/SiteSettingsExtras';
+import SkipToMainContent from 'io-sanita-theme/components/View/commons/SkipToMainContent';
+
+export default function applyComponentConfig(config: ConfigType) {
+  config.components = {
+    ...config.components,
+    BlockExtraTags: { component: () => null },
+    Image: {
+      // @ts-expect-error
+      component: ImageWithErrors,
+    },
+  };
+
+  config.registerComponent({
+    name: 'FeedbackForm',
+    component: FeedbackForm,
+  });
+
+  config.registerComponent({
+    name: 'Icon',
+    component: Icon,
+  });
+
+  config.registerComponent({
+    name: 'Pagination',
+    component: Pagination,
+  });
+
+  config.registerComponent({
+    name: 'RichTextSection',
+    // @ts-expect-error
+    component: RichTextSection,
+  });
+
+  config.registerComponent({
+    name: 'SelectInput',
+    component: SelectInput,
+  });
+
+  config.registerComponent({
+    name: 'SideMenu',
+    // @ts-expect-error
+    component: SideMenu,
+  });
+
+  config.registerComponent({
+    name: 'SiteSettingsExtras',
+    component: SiteSettingsExtras,
+  });
+
+  config.registerComponent({
+    name: 'SkipToMainContent',
+    component: SkipToMainContent,
+  });
+
+  return config;
+}

package/src/config/ioSanitaConfig.js

@@ -1,6 +1,5 @@
 import loadable from '@loadable/component';
 import { defineMessages } from 'react-intl';
-import ImageWithErrors from 'io-sanita-theme/components/ImageWithErrors/ImageWithErrors';
 
 import menuSVG from '@plone/volto/icons/menu.svg';
 import menuAltSVG from '@plone/volto/icons/menu-alt.svg';
@@ -43,6 +42,7 @@ import TrackFocus from 'io-sanita-theme/components/AppExtras/TrackFocus';
 import HandleAnchor from 'io-sanita-theme/components/AppExtras/HandleAnchor';
 import SiteSettingsExtras from 'io-sanita-theme/components/AppExtras/SiteSettingsExtras';
 import GenericAppExtras from 'io-sanita-theme/components/AppExtras/GenericAppExtras';
+import applyComponentConfig from 'io-sanita-theme/config/components';
 import { loadables as IoSanitaLoadables } from 'io-sanita-theme/config/loadables';
 import { registerIOSanitaValidators } from 'io-sanita-theme/config/validators';
 
@@ -58,6 +58,7 @@ import applyIoSanitaViews from 'io-sanita-theme/config/views/views';
 import { SideMenu } from 'io-sanita-theme/components/View/commons';
 import AggregationPage from 'io-sanita-theme/components/View/AggregationPage/AggregationPage';
 import { applyFarmacieConfig } from './farmacie';
+import applyUtilitiesConfig from 'io-sanita-theme/config/utilities';
 
 import getIoSanitaWidgets from 'io-sanita-theme/config/widgets/widgets';
 import { component } from 'design-react-kit/dist/types/Icon/assets/ItAndroidSquare';
@@ -321,19 +322,10 @@ export default function applyConfig(config) {
   removeListingVariation(config, 'summary'); // removes summary volto template, because is unused
   removeListingVariation(config, 'imageGallery'); // removes imageGallery volto template, because we have our photoGallery template
 
-  // COMPONENTS
-  config.components = {
-    ...config.components,
-    BlockExtraTags: { component: () => null },
-    Image: {
-      component: ImageWithErrors,
-    },
-  };
-
-  config.registerComponent({
-    name: 'SiteSettingsExtras',
-    component: SiteSettingsExtras,
-  });
+  // /******************************************************************************
+  // * COMPONENTS
+  // ******************************************************************************/
+  applyComponentConfig(config);
 
   // REDUCERS
   config.addonReducers = {
@@ -341,6 +333,11 @@ export default function applyConfig(config) {
     ...reducers,
   };
 
+  // /******************************************************************************
+  // * UTILITIES
+  // ******************************************************************************/
+  applyUtilitiesConfig(config);
+
   // VALIDATORS
   registerIOSanitaValidators(config);
 

package/src/config/utilities.ts

@@ -0,0 +1,18 @@
+import type { ConfigType } from '@plone/registry';
+import { viewDate } from 'io-sanita-theme/helpers';
+
+export default function applyUtilitiesConfig(config: ConfigType) {
+  config.registerUtility({
+    name: 'viewDate',
+    type: 'italia-viewDate',
+    method: viewDate,
+  });
+
+  return config;
+}
+
+declare module '@plone/types' {
+  interface UtilityTypeMap {
+    'italia-viewDate': typeof viewDate;
+  }
+}

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

@@ -0,0 +1,629 @@
+/* CUSTOMIZATIONS:
+- backport of https://github.com/plone/volto/pull/7915
+*/
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { defineMessages, FormattedMessage, injectIntl } from 'react-intl';
+import { Input, Segment, Breadcrumb } from 'semantic-ui-react';
+
+import join from 'lodash/join';
+
+// These absolute imports (without using the corresponding centralized index.js) are required
+// to cut circular import problems, this file should never use them. This is because of
+// the very nature of the functionality of the component and its relationship with others
+import { searchContent } from '@plone/volto/actions/search/search';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import { flattenToAppURL, isInternalURL } from '@plone/volto/helpers/Url/Url';
+import config from '@plone/volto/registry';
+
+import backSVG from '@plone/volto/icons/back.svg';
+import folderSVG from '@plone/volto/icons/folder.svg';
+import clearSVG from '@plone/volto/icons/clear.svg';
+import searchSVG from '@plone/volto/icons/zoom.svg';
+import linkSVG from '@plone/volto/icons/link.svg';
+import homeSVG from '@plone/volto/icons/home.svg';
+import iconsSVG from '@plone/volto/icons/apps.svg';
+import listSVG from '@plone/volto/icons/list-bullet.svg';
+
+import ObjectBrowserNav from '@plone/volto/components/manage/Sidebar/ObjectBrowserNav';
+
+const messages = defineMessages({
+  SearchInputPlaceholder: {
+    id: 'Search content',
+    defaultMessage: 'Search content',
+  },
+  SelectedItems: {
+    id: 'Selected items',
+    defaultMessage: 'Selected items',
+  },
+  back: {
+    id: 'Back',
+    defaultMessage: 'Back',
+  },
+  search: {
+    id: 'Search SVG',
+    defaultMessage: 'Search SVG',
+  },
+  iconView: {
+    id: 'Icon View',
+    defaultMessage: 'Icon View',
+  },
+  listView: {
+    id: 'List View',
+    defaultMessage: 'List View',
+  },
+  home: {
+    id: 'Home',
+    defaultMessage: 'Home',
+  },
+  of: { id: 'Selected items - x of y', defaultMessage: 'of' },
+});
+
+function getParentURL(url) {
+  return flattenToAppURL(`${join(url.split('/').slice(0, -1), '/')}`) || '/';
+}
+
+/**
+ * ObjectBrowserBody container class.
+ * @class ObjectBrowserBody
+ * @extends Component
+ */
+class ObjectBrowserBody extends Component {
+  /**
+   * Property types.
+   * @property {Object} propTypes Property types.
+   * @static
+   */
+  static propTypes = {
+    block: PropTypes.string.isRequired,
+    mode: PropTypes.string.isRequired,
+    data: PropTypes.any.isRequired,
+    searchSubrequests: PropTypes.objectOf(PropTypes.any).isRequired,
+    searchContent: PropTypes.func.isRequired,
+    closeObjectBrowser: PropTypes.func.isRequired,
+    onChangeBlock: PropTypes.func.isRequired,
+    onSelectItem: PropTypes.func,
+    dataName: PropTypes.string,
+    maximumSelectionSize: PropTypes.number,
+    contextURL: PropTypes.string,
+    searchableTypes: PropTypes.arrayOf(PropTypes.string),
+  };
+
+  /**
+   * Default properties.
+   * @property {Object} defaultProps Default properties.
+   * @static
+   */
+  static defaultProps = {
+    image: '',
+    href: '',
+    onSelectItem: null,
+    dataName: null,
+    selectableTypes: [],
+    searchableTypes: null,
+    maximumSelectionSize: null,
+  };
+
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs WysiwygEditor
+   */
+  constructor(props) {
+    super(props);
+    this.state = {
+      currentFolder:
+        this.props.mode === 'multiple' ? '/' : this.props.contextURL || '/',
+      currentImageFolder:
+        this.props.mode === 'multiple'
+          ? '/'
+          : this.props.mode === 'image' && this.props.data?.url
+          ? getParentURL(this.props.data.url)
+          : '/',
+      currentLinkFolder:
+        this.props.mode === 'multiple'
+          ? '/'
+          : this.props.mode === 'link' && this.props.data?.href
+          ? getParentURL(this.props.data.href)
+          : '/',
+      parentFolder: '',
+      selectedImage:
+        this.props.mode === 'multiple'
+          ? ''
+          : this.props.mode === 'image' && this.props.data?.url
+          ? flattenToAppURL(this.props.data.url)
+          : '',
+      selectedHref:
+        this.props.mode === 'multiple'
+          ? ''
+          : this.props.mode === 'link' && this.props.data?.href
+          ? flattenToAppURL(this.props.data.href)
+          : '',
+      showSearchInput: false,
+      // In image mode, the searchable types default to the image types which
+      // can be overridden with the property if specified.
+      // If selectableTypes are passed, the searchableTypes are the selectableTypes
+      searchableTypes:
+        this.props.mode === 'image'
+          ? this.props.searchableTypes || config.settings.imageObjects
+          : [
+              ...(this.props.searchableTypes ?? []),
+              ...(this.props.selectableTypes ?? []),
+            ],
+      view: this.props.mode === 'image' ? 'icons' : 'list',
+    };
+    this.searchInputRef = React.createRef();
+  }
+
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.initialSearch(this.props.mode);
+  }
+
+  initialSearch = (mode) => {
+    const currentSelected =
+      mode === 'multiple'
+        ? ''
+        : mode === 'image'
+        ? this.state.selectedImage
+        : this.state.selectedHref;
+    if (currentSelected && isInternalURL(currentSelected)) {
+      this.props.searchContent(
+        getParentURL(currentSelected),
+        {
+          'path.depth': 1,
+          sort_on: 'getObjPositionInParent',
+          metadata_fields: '_all',
+          b_size: 1000,
+        },
+        `${this.props.block}-${mode}`,
+      );
+    } else {
+      this.props.searchContent(
+        this.state.currentFolder,
+        {
+          'path.depth': 1,
+          sort_on: 'getObjPositionInParent',
+          metadata_fields: '_all',
+          b_size: 1000,
+        },
+        `${this.props.block}-${mode}`,
+      );
+    }
+  };
+
+  navigateTo = (id) => {
+    this.props.searchContent(
+      id,
+      {
+        'path.depth': 1,
+        sort_on: 'getObjPositionInParent',
+        metadata_fields: '_all',
+        b_size: 1000,
+      },
+      `${this.props.block}-${this.props.mode}`,
+    );
+    const parent = `${join(id.split('/').slice(0, -1), '/')}` || '/';
+    this.setState(() => ({
+      parentFolder: parent,
+      currentFolder: id || '/',
+    }));
+  };
+
+  toggleSearchInput = () =>
+    this.setState(
+      (prevState) => ({
+        showSearchInput: !prevState.showSearchInput,
+      }),
+      () => {
+        if (this.searchInputRef?.current) {
+          this.searchInputRef.current.focus();
+        } else {
+          this.props.searchContent(
+            this.state.currentFolder,
+            {
+              'path.depth': 1,
+              sort_on: 'getObjPositionInParent',
+              metadata_fields: '_all',
+              b_size: 1000,
+            },
+            `${this.props.block}-${this.props.mode}`,
+          );
+        }
+      },
+    );
+
+  toggleView = () =>
+    this.setState((prevState) => ({
+      view: prevState.view === 'icons' ? 'list' : 'icons',
+    }));
+
+  onSearch = (e) => {
+    const text = flattenToAppURL(e.target.value);
+    if (text.startsWith('/')) {
+      this.setState({ currentFolder: text });
+      this.props.searchContent(
+        text,
+        {
+          'path.depth': 1,
+          sort_on: 'getObjPositionInParent',
+          metadata_fields: '_all',
+          portal_type: this.state.searchableTypes,
+        },
+        `${this.props.block}-${this.props.mode}`,
+      );
+    } else {
+      text.length > 2
+        ? this.props.searchContent(
+            '/',
+            {
+              SearchableText: `${text}*`,
+              metadata_fields: '_all',
+              portal_type: this.state.searchableTypes,
+            },
+            `${this.props.block}-${this.props.mode}`,
+          )
+        : this.props.searchContent(
+            '/',
+            {
+              'path.depth': 1,
+              sort_on: 'getObjPositionInParent',
+              metadata_fields: '_all',
+              portal_type: this.state.searchableTypes,
+            },
+            `${this.props.block}-${this.props.mode}`,
+          );
+    }
+  };
+
+  onSelectItem = (item) => {
+    const url = item['@id'];
+    const { block, data, mode, dataName, onChangeBlock } = this.props;
+
+    const updateState = (mode) => {
+      switch (mode) {
+        case 'image':
+          this.setState({
+            selectedImage: url,
+            currentImageFolder: getParentURL(url),
+          });
+          break;
+        case 'link':
+          this.setState({
+            selectedHref: url,
+            currentLinkFolder: getParentURL(url),
+          });
+          break;
+        default:
+          break;
+      }
+    };
+
+    if (dataName) {
+      onChangeBlock(block, {
+        ...data,
+        [dataName]: url,
+      });
+    } else if (this.props.onSelectItem) {
+      this.props.onSelectItem(url, item);
+    } else if (mode === 'image') {
+      onChangeBlock(block, {
+        ...data,
+        url: flattenToAppURL(item.getURL),
+        alt: '',
+      });
+    } else if (mode === 'link') {
+      onChangeBlock(block, {
+        ...data,
+        href: flattenToAppURL(url),
+      });
+    }
+    updateState(mode);
+  };
+
+  onChangeBlockData = (key, value) => {
+    this.props.onChangeBlock(this.props.block, {
+      ...this.props.data,
+      [key]: value,
+    });
+  };
+
+  isSelectable = (item) => {
+    const { maximumSelectionSize, data, mode, selectableTypes } = this.props;
+    if (
+      maximumSelectionSize &&
+      data &&
+      mode === 'multiple' &&
+      maximumSelectionSize <= data.length
+    )
+      // The item should actually be selectable, but only for removing it from already selected items list.
+      // handleClickOnItem will handle the deselection logic.
+      // The item is not selectable if we reached/exceeded maximumSelectionSize and is not already selected.
+      return data.some(
+        (d) => flattenToAppURL(d['@id']) === flattenToAppURL(item['@id']),
+      );
+    return selectableTypes.length > 0
+      ? selectableTypes.indexOf(item['@type']) >= 0
+      : true;
+  };
+
+  handleClickOnItem = (item) => {
+    if (this.props.mode === 'image') {
+      if (item.is_folderish) {
+        this.navigateTo(item['@id']);
+      }
+      if (config.settings.imageObjects.includes(item['@type'])) {
+        this.onSelectItem(item);
+      }
+    } else {
+      if (this.isSelectable(item)) {
+        if (
+          !this.props.maximumSelectionSize ||
+          this.props.mode === 'multiple' ||
+          !this.props.data ||
+          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';
+          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();
+          }
+        } else {
+          this.props.closeObjectBrowser();
+        }
+      } else {
+        this.navigateTo(item['@id']);
+      }
+    }
+  };
+
+  handleDoubleClickOnItem = (item) => {
+    if (this.props.mode === 'image') {
+      if (item.is_folderish) {
+        this.navigateTo(item['@id']);
+      }
+      if (config.settings.imageObjects.includes(item['@type'])) {
+        this.onSelectItem(item);
+        this.props.closeObjectBrowser();
+      }
+    } else {
+      if (this.isSelectable(item)) {
+        if (this.props.data.length < this.props.maximumSelectionSize) {
+          this.onSelectItem(item);
+        }
+        this.props.closeObjectBrowser();
+      } else {
+        this.navigateTo(item['@id']);
+      }
+    }
+  };
+
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    return (
+      <Segment.Group raised className="object-browser">
+        <header className="header pulled">
+          <div className="vertical divider" />
+          {this.state.showSearchInput ? (
+            <Input
+              className="search"
+              ref={this.searchInputRef}
+              onChange={this.onSearch}
+              placeholder={this.props.intl.formatMessage(
+                messages.SearchInputPlaceholder,
+              )}
+            />
+          ) : (
+            <>
+              {this.state.currentFolder === '/' ? (
+                <>
+                  {this.props.mode === 'image' ? (
+                    <Icon name={folderSVG} size="24px" />
+                  ) : (
+                    <Icon name={linkSVG} size="24px" />
+                  )}
+                </>
+              ) : (
+                <button
+                  aria-label={this.props.intl.formatMessage(messages.back)}
+                  onClick={() => this.navigateTo(this.state.parentFolder)}
+                >
+                  <Icon name={backSVG} size="24px" />
+                </button>
+              )}
+              {this.props.mode === 'image' ? (
+                <h2>
+                  <FormattedMessage
+                    id="Choose Image"
+                    defaultMessage="Choose Image"
+                  />
+                </h2>
+              ) : (
+                <h2>
+                  <FormattedMessage
+                    id="Choose Target"
+                    defaultMessage="Choose Target"
+                  />
+                </h2>
+              )}
+            </>
+          )}
+
+          <button
+            aria-label={this.props.intl.formatMessage(messages.search)}
+            onClick={this.toggleSearchInput}
+          >
+            <Icon name={searchSVG} size="24px" />
+          </button>
+          <button className="clearSVG" onClick={this.props.closeObjectBrowser}>
+            <Icon name={clearSVG} size="24px" />
+          </button>
+        </header>
+        <Segment secondary className="breadcrumbs" vertical>
+          {this.props.mode === 'image' && (
+            <button
+              onClick={this.toggleView}
+              className="mode-switch"
+              aria-label={this.props.intl.formatMessage(
+                this.state.view === 'list'
+                  ? messages.iconView
+                  : messages.listView,
+              )}
+            >
+              <Icon
+                name={this.state.view === 'list' ? iconsSVG : listSVG}
+                size="24px"
+                className="mode-switch"
+                title={this.props.intl.formatMessage(
+                  this.state.view === 'list'
+                    ? messages.iconView
+                    : messages.listView,
+                )}
+              />
+            </button>
+          )}
+          {!this.state.showSearchInput ? (
+            <Breadcrumb>
+              {this.state.currentFolder !== '/' ? (
+                this.state.currentFolder
+                  .split('/')
+                  .map((item, index, items) => {
+                    return (
+                      <React.Fragment key={`divider-${item}-${index}`}>
+                        {index === 0 ? (
+                          <Breadcrumb.Section
+                            onClick={() => this.navigateTo('/')}
+                            role="button"
+                            aria-label={this.props.intl.formatMessage(
+                              messages.home,
+                            )}
+                          >
+                            <Icon
+                              className="home-icon"
+                              name={homeSVG}
+                              size="18px"
+                              title={this.props.intl.formatMessage(
+                                messages.home,
+                              )}
+                            />
+                          </Breadcrumb.Section>
+                        ) : (
+                          <>
+                            <Breadcrumb.Divider key={`divider-${item.url}`} />
+                            <Breadcrumb.Section
+                              role="button"
+                              onClick={() =>
+                                this.navigateTo(
+                                  items.slice(0, index + 1).join('/'),
+                                )
+                              }
+                            >
+                              {item}
+                            </Breadcrumb.Section>
+                          </>
+                        )}
+                      </React.Fragment>
+                    );
+                  })
+              ) : (
+                <Breadcrumb.Section
+                  onClick={() => this.navigateTo('/')}
+                  aria-label={this.props.intl.formatMessage(messages.home)}
+                >
+                  <Icon
+                    className="home-icon"
+                    name={homeSVG}
+                    role="button"
+                    size="18px"
+                    title={this.props.intl.formatMessage(messages.home)}
+                  />
+                </Breadcrumb.Section>
+              )}
+            </Breadcrumb>
+          ) : (
+            <div className="searchResults">
+              <FormattedMessage
+                id="Search results"
+                defaultMessage="Search results"
+              />
+            </div>
+          )}
+        </Segment>
+        {this.props.mode === 'multiple' && (
+          <Segment className="infos">
+            {this.props.intl.formatMessage(messages.SelectedItems)}:{' '}
+            {this.props.data?.length}
+            {this.props.maximumSelectionSize > 0 && (
+              <>
+                {' '}
+                {this.props.intl.formatMessage(messages.of)}{' '}
+                {this.props.maximumSelectionSize}
+              </>
+            )}
+          </Segment>
+        )}
+        <ObjectBrowserNav
+          currentSearchResults={
+            this.props.searchSubrequests[
+              `${this.props.block}-${this.props.mode}`
+            ]
+          }
+          selected={
+            this.props.mode === 'multiple'
+              ? this.props.data
+              : [
+                  {
+                    '@id':
+                      this.props.mode === 'image'
+                        ? this.state.selectedImage
+                        : this.state.selectedHref,
+                  },
+                ]
+          }
+          handleClickOnItem={this.handleClickOnItem}
+          handleDoubleClickOnItem={this.handleDoubleClickOnItem}
+          mode={this.props.mode}
+          view={this.state.view}
+          navigateTo={this.navigateTo}
+          isSelectable={this.isSelectable}
+        />
+      </Segment.Group>
+    );
+  }
+}
+
+export default compose(
+  injectIntl,
+  connect(
+    (state) => ({
+      searchSubrequests: state.search.subrequests,
+      lang: state.intl.locale,
+    }),
+    { searchContent },
+  ),
+)(ObjectBrowserBody);

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

@@ -5,7 +5,7 @@
  * CUSTOMIZATIONS:
  * - aggiunto icona per link esterni
  * - aggiunto title informativo per link esterni
- * - aggiunta condizione per non avere un duplicato di @@download/file p @@display-file/file, perchè su io-sanità arriva dal BE anche per gli anonimi
+ * - aggiunta condizione per non avere un duplicato di @@download/file e @@display-file/file, perchè su io-sanità arriva dal BE anche per gli anonimi
  */
 
 import React from 'react';
@@ -64,7 +64,8 @@ const UniversalLink = ({
       if (
         !token &&
         config.settings.downloadableObjects.includes(item['@type']) &&
-        url.indexOf('@@download') < 0 //aggiunta condizione per non avere un duplicato di @@download/file, perchè su io-sanità arriva dal BE anche per gli anonimi
+        url.indexOf('@@download') < 0 && //aggiunta condizione per non avere un duplicato di @@download/file, perchè su io-sanità arriva dal BE anche per gli anonimi
+        url.indexOf('@@display-file') < 0 //aggiunta condizione per non avere sia @@download/file che @@display-file/file, perchè su io-sanità arriva dal BE anche per gli anonimi
       ) {
         url = `${url}/@@download/file`;
       }
@@ -72,7 +73,8 @@ const UniversalLink = ({
       if (
         !token &&
         config.settings.viewableInBrowserObjects.includes(item['@type']) &&
-        url.indexOf('@@display-file') < 0 //aggiunta condizione per non avere un duplicato di @@display-file/file, perchè su io-sanità arriva dal BE anche per gli anonimi
+        url.indexOf('@@display-file') < 0 && //aggiunta condizione per non avere un duplicato di @@display-file/file, perchè su io-sanità arriva dal BE anche per gli anonimi
+        url.indexOf('@@download') < 0 //aggiunta condizione per non avere sia @@download/file che @@display-file/file, perchè su io-sanità arriva dal BE anche per gli anonimi
       ) {
         url = `${url}/@@display-file/file`;
       }

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

@@ -32,7 +32,7 @@ const Footer = ({ intl }) => {
     contentType = null;
   }
 
-  const NoFeedbackFormFor =
+  const noFeedbackFormFor =
     config.settings.siteProperties.noFeedbackFormFor || [];
   const showFeedbackForm = config.settings.siteProperties
     ?.enableNoFeedbackFormFor

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

@@ -2,12 +2,14 @@
  * File view component.
  * @module components/theme/View/FileView
  * - changed card layout
+ * - decodeURI filename
  */
 
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Container, Row, Col } from 'design-react-kit';
+import { Col, Container, Row } from 'design-react-kit';
+
 import { DownloadFileFormat } from 'io-sanita-theme/helpers';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 /**
  * File view component class.
@@ -35,7 +37,7 @@ const FileView = ({ content }) => (
         <Col className="card-wrapper card-teaser-wrapper">
           <div className="genericcard card card-teaser shadow p-4 mt-3 rounded">
             <div className="card-body">
-              <h2 className="card-title h5">{content.file.filename}</h2>
+              <h2 className="card-title h5">{decodeURI(content.file.filename)}</h2>
               <DownloadFileFormat file={content.file} iconSize="2x" />
             </div>
           </div>

package/src/helpers/Files/DownloadFileFormat.jsx

@@ -1,10 +1,8 @@
-import React from 'react';
+import { FileIcon } from 'io-sanita-theme/helpers';
 import PropTypes from 'prop-types';
-
+import React from 'react';
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 
-import { FileIcon } from 'io-sanita-theme/helpers';
-
 const DownloadFileFormat = ({
   file,
   formatsize = '2x',
@@ -16,7 +14,7 @@ const DownloadFileFormat = ({
   return file ? (
     <a
       href={flattenToAppURL(file.download)}
-      title={file.filename}
+      title={decodeURI(file.filename)}
       className={className}
       target={pdfFile ? '_blank' : '_self'}
       rel={pdfFile ? 'noopener noreferrer' : ''}

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

@@ -322,3 +322,10 @@ body.page-not-found {
     }
   }
 }
+
+.blockquote-card.dark a {
+  &,
+  &:hover {
+    color: $primary-text;
+  }
+}

package/src/theme/io-sanita/components/layout/_logo.scss

@@ -0,0 +1,10 @@
+.public-ui
+  .it-header-center-wrapper
+  .it-header-center-content-wrapper
+  .it-brand-wrapper
+  a,
+.navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper a {
+  .icon:has(+ .it-brand-text.visually-hidden) {
+    width: auto;
+  }
+}

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

@@ -241,6 +241,13 @@
       &.dark {
         background-color: $subsite-primary;
         color: $subsite-primary-text;
+
+        a {
+          &,
+          &:hover {
+            color: $subsite-primary-text;
+          }
+        }
       }
     }
   }

package/src/theme/main.scss

@@ -18,6 +18,7 @@
 @import './io-sanita/addons/volto-data-grid-widget';
 @import './io-sanita/addons/volto-form-block';
 @import './io-sanita/components/layout/navbar';
+@import './io-sanita/components/layout/logo';
 @import './io-sanita/components/layout/mobileMenu';
 @import './io-sanita/components/layout/tertiaryMenu';
 @import './io-sanita/components/layout/footer';

package/tsconfig.json

@@ -17,7 +17,9 @@
     "noFallthroughCasesInSwitch": true,
     "downlevelIteration": true,
     "incremental": true,
-    "paths": {}
+    "paths": {
+      "io-sanita-theme/*": ["./src/*"]
+    }
   },
   "include": ["src"],
   "exclude": ["node_modules"]