io-sanita-theme 2.23.0 → 2.23.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.23.0",
+  "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/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/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/tsconfig.json

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