io-sanita-theme 2.31.2 → 2.31.3

package/.eslintrc

@@ -1,6 +1,6 @@
 {
   "extends": ["react-app", "prettier", "plugin:jsx-a11y/recommended"],
-  "plugins": ["prettier", "react-hooks", "jsx-a11y"],
+  "plugins": ["prettier", "jsx-a11y"],
   "env": {
     "es6": true,
     "browser": true,
@@ -30,6 +30,15 @@
     "react/react-in-jsx-scope": "off",
     "jsx-a11y/label-has-associated-control": "off"
   },
+  "overrides": [
+    {
+      "files": ["**/*.ts", "**/*.tsx"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "sourceType": "module"
+      }
+    }
+  ],
   "globals": {
     "root": true,
     "__DEVELOPMENT__": true,

package/.github/workflows/lint.yml

@@ -0,0 +1,34 @@
+name: Lint
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: read
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "yarn"
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: ESLint
+        run: yarn lint .
+
+      - name: Prettier
+        run: yarn prettier
+
+      - name: Stylelint
+        run: yarn stylelint

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [2.31.3](https://github.com/RedTurtle/io-sanita-theme/compare/2.31.2...2.31.3) (2026-06-11)
+
+### Bug Fixes
+
+* controllo validazione blocco testo risoltoi ([#150](https://github.com/RedTurtle/io-sanita-theme/issues/150)) ([8b63e2e](https://github.com/RedTurtle/io-sanita-theme/commit/8b63e2e34a0de6c0873169ff9dd806bd6ba088b2))
+* table edit buttons position in text editor ([#147](https://github.com/RedTurtle/io-sanita-theme/issues/147)) ([5b32aff](https://github.com/RedTurtle/io-sanita-theme/commit/5b32aff0a843c4d601f1ae134558c8a96c7a8d6c))
+
+### Maintenance
+
+* aggiunto linting ([#149](https://github.com/RedTurtle/io-sanita-theme/issues/149)) ([0a2e932](https://github.com/RedTurtle/io-sanita-theme/commit/0a2e93263d0b88016110db0ddf7df8377b98b6c0))
+* locales ([04b9884](https://github.com/RedTurtle/io-sanita-theme/commit/04b9884dd65702be3a04aa908a502f34cb6f12c8))
+* preparing release 2.31.3 ([a06ef20](https://github.com/RedTurtle/io-sanita-theme/commit/a06ef207c99ed39fb2c4c341438aa90c9cbf3afc))
+
 ## [2.31.2](https://github.com/RedTurtle/io-sanita-theme/compare/2.31.1...2.31.2) (2026-05-29)
 
 ### Bug Fixes

package/Makefile

@@ -89,16 +89,16 @@ i18n: ## Sync i18n
 	yarn i18n
 
 .PHONY: format
-format: ## Format codebase
-	${DEV_COMPOSE} run --rm addon-dev lint:fix
-	${DEV_COMPOSE} run --rm addon-dev prettier:fix
-	${DEV_COMPOSE} run --rm addon-dev stylelint:fix
+format: ## Format codebase (auto-fix eslint, prettier, stylelint)
+	yarn lint:fix .
+	yarn prettier:fix
+	yarn stylelint:fix
 
 .PHONY: lint
-lint: ## Lint Codebase
-	${DEV_COMPOSE} run --rm addon-dev lint
-	${DEV_COMPOSE} run --rm addon-dev prettier
-	${DEV_COMPOSE} run --rm addon-dev stylelint --allow-empty-input
+lint: ## Lint codebase (eslint, prettier, stylelint)
+	yarn lint .
+	yarn prettier
+	yarn stylelint
 
 .PHONY: test
 test: ## Run unit tests

package/RELEASE.md

@@ -41,6 +41,12 @@
 - ...
  -->
 
+## Versione 2.31.3 (11/06/2026)
+
+### Fix
+
+- Corretta la validazione dei campi a blocchi obbligatori: ora un campo contenente solo blocchi non testuali (es. Immagine, Video) viene riconosciuto come compilato. I blocchi che prevedono testo (Callout, Tabella, HTML) richiedono invece la presenza effettiva di testo: un blocco Callout vuoto non rende il campo compilato. I blocchi senza contenuto (es. Interruzione di pagina) non rendono il campo compilato.
+
 ## Versione 2.31.0 (28/05/2026)
 
 ### Novità

package/locales/de/LC_MESSAGES/volto.po

@@ -1021,11 +1021,6 @@ msgstr ""
 msgid "alert_willExpire"
 msgstr ""
 
-#. Default: "Allinea il bottone a destra"
-#: components/Blocks/Listing/schema
-msgid "alignButton"
-msgstr ""
-
 #. Default: "Allinea le card al centro"
 #: components/Blocks/Icons/schema
 #: components/Blocks/Icons/Sidebar

package/locales/en/LC_MESSAGES/volto.po

@@ -1016,11 +1016,6 @@ msgstr ""
 msgid "alert_willExpire"
 msgstr ""
 
-#. Default: "Allinea il bottone a destra"
-#: components/Blocks/Listing/schema
-msgid "alignButton"
-msgstr ""
-
 #. Default: "Allinea le card al centro"
 #: components/Blocks/Icons/schema
 #: components/Blocks/Icons/Sidebar

package/locales/es/LC_MESSAGES/volto.po

@@ -1023,11 +1023,6 @@ msgstr ""
 msgid "alert_willExpire"
 msgstr ""
 
-#. Default: "Allinea il bottone a destra"
-#: components/Blocks/Listing/schema
-msgid "alignButton"
-msgstr ""
-
 #. Default: "Allinea le card al centro"
 #: components/Blocks/Icons/schema
 #: components/Blocks/Icons/Sidebar

package/locales/fr/LC_MESSAGES/volto.po

@@ -1023,11 +1023,6 @@ msgstr ""
 msgid "alert_willExpire"
 msgstr ""
 
-#. Default: "Allinea il bottone a destra"
-#: components/Blocks/Listing/schema
-msgid "alignButton"
-msgstr ""
-
 #. Default: "Allinea le card al centro"
 #: components/Blocks/Icons/schema
 #: components/Blocks/Icons/Sidebar

package/locales/it/LC_MESSAGES/volto.po

@@ -1016,11 +1016,6 @@ msgstr ""
 msgid "alert_willExpire"
 msgstr ""
 
-#. Default: "Allinea il bottone a destra"
-#: components/Blocks/Listing/schema
-msgid "alignButton"
-msgstr ""
-
 #. Default: "Allinea le card al centro"
 #: components/Blocks/Icons/schema
 #: components/Blocks/Icons/Sidebar

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2026-05-27T13:14:14.832Z\n"
+"POT-Creation-Date: 2026-06-11T07:39:40.656Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -1018,11 +1018,6 @@ msgstr ""
 msgid "alert_willExpire"
 msgstr ""
 
-#. Default: "Allinea il bottone a destra"
-#: components/Blocks/Listing/schema
-msgid "alignButton"
-msgstr ""
-
 #. Default: "Allinea le card al centro"
 #: components/Blocks/Icons/schema
 #: components/Blocks/Icons/Sidebar

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.31.2",
+  "version": "2.31.3",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",
@@ -40,13 +40,31 @@
     "@eeacms/volto-taxonomy",
     "volto-repeatable-content-block"
   ],
+  "prettier": {
+    "trailingComma": "all",
+    "singleQuote": true,
+    "overrides": [
+      {
+        "files": "*.overrides",
+        "options": {
+          "parser": "less"
+        }
+      }
+    ]
+  },
   "scripts": {
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",
     "dry-release": "release-it --dry-run",
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",
     "release-alpha": "release-it --preRelease=alpha",
-    "release-rc": "release-it --preRelease=rc"
+    "release-rc": "release-it --preRelease=rc",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "prettier": "prettier --check src",
+    "prettier:fix": "prettier --write src",
+    "stylelint": "stylelint --allow-empty-input 'src/**/*.{less,scss,css,overrides}'",
+    "stylelint:fix": "stylelint --fix --allow-empty-input 'src/**/*.{less,scss,css,overrides}'"
   },
   "devDependencies": {
     "@babel/core": "7.19.6",
@@ -70,7 +88,8 @@
     "stylelint": "15.10.3",
     "stylelint-config-idiomatic-order": "9.0.0",
     "stylelint-config-sass-guidelines": "10.0.0",
-    "stylelint-prettier": "4.0.2"
+    "stylelint-prettier": "4.0.2",
+    "typescript": "5.3.3"
   },
   "peerDependencies": {
     "@plone/volto": "^18.0.0"

package/razzle.extend.js

@@ -4,9 +4,9 @@
  */
 
 const makeLoaderFinder = require('razzle-dev-utils/makeLoaderFinder');
-const fileLoaderFinder = makeLoaderFinder('file-loader');
-const urlLoaderFinder = makeLoaderFinder('url-loader');
-const lessLoaderFinder = makeLoaderFinder('less-loader');
+// const fileLoaderFinder = makeLoaderFinder('file-loader');
+// const urlLoaderFinder = makeLoaderFinder('url-loader');
+// const lessLoaderFinder = makeLoaderFinder('less-loader');
 const babelLoaderFinder = makeLoaderFinder('babel-loader');
 
 const plugins = (defaultPlugins) => {

package/src/actions/getSearchBandiFilters.js

@@ -1,5 +1,5 @@
-export const GET_SEARCH_BANDI_FILTERS = 'GET_SEARCH_BANDI_FILTERS';
 import { expandToBackendURL } from '@plone/volto/helpers/Url/Url';
+export const GET_SEARCH_BANDI_FILTERS = 'GET_SEARCH_BANDI_FILTERS';
 
 /**
  * Get search bandi filters.

package/src/components/Blocks/Accordion/Schema.js

@@ -1,8 +1,5 @@
-import config from '@plone/volto/registry';
 import { defineMessages, createIntlCache, createIntl } from 'react-intl';
 
-import { addStyling } from '@plone/volto/helpers';
-
 const messages = defineMessages({
   panels: { id: 'Panels', defaultMessage: 'Pannelli' },
   panel: { id: 'Panel', defaultMessage: 'Pannello' },

package/src/components/Blocks/Accordion/accordion_edit.scss

@@ -5,8 +5,8 @@
       .ui.input {
         font-size: unset;
         > input {
-          font-family: 'Titillium Web';
           color: var(--bs-primary);
+          font-family: 'Titillium Web';
           font-weight: 600;
         }
         &.fluid {

package/src/components/Blocks/Accordion/util.js

@@ -2,7 +2,6 @@ import { v4 as uuid } from 'uuid';
 import { map } from 'lodash';
 
 import { Icon as VoltoIcon } from '@plone/volto/components';
-import { Icon as SemanticIcon } from 'semantic-ui-react';
 
 import {
   getBlocksFieldname,

package/src/components/Blocks/Accordion/view.scss

@@ -3,9 +3,9 @@ body.public-ui {
   .accordion-block {
     .search-bar-widget {
       label {
-        visibility: hidden;
         height: 0;
         margin: 0 !important;
+        visibility: hidden;
       }
     }
     .public-ui {
@@ -18,8 +18,8 @@ body.public-ui {
           h4,
           h5,
           h6 {
-            margin: 0 !important;
             width: 100%;
+            margin: 0 !important;
             color: var(--bs-primary);
           }
           .accordion-button {

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

@@ -116,27 +116,27 @@
 
   .manager-alert-info-dates {
     position: absolute;
-    top: -1rem;
-    background-color: #fff;
-    padding: 0.25rem 3rem;
     //border-radius: 0.3rem;
     z-index: 1;
+    top: -1rem;
     left: 50%;
-    transform: translateX(-50%);
+    padding: 0.25rem 3rem;
     border: 1px solid #9bd0e2;
+    background-color: #fff;
     font-size: 0.8rem;
+    transform: translateX(-50%);
   }
 
   &.expired {
     .full-width {
       &:after {
-        content: '';
-        width: 100%;
-        height: 100%;
         position: absolute;
         top: 0;
         left: 0;
+        width: 100%;
+        height: 100%;
         background-color: #fff;
+        content: '';
         opacity: 0.85;
       }
     }

package/src/components/Blocks/CTA/ctaBlock.scss

@@ -25,8 +25,8 @@
       h2,
       h3 {
         margin: 0 0 1.5rem;
-        font-size: 2.25rem;
         color: currentColor;
+        font-size: 2.25rem;
       }
 
       p:last-of-type {
@@ -108,15 +108,16 @@
         }
 
         svg {
-          height: unset !important;
+          z-index: 1;
           width: unset !important;
+          height: unset !important;
           fill: currentcolor;
-          z-index: 1;
         }
       }
 
       @media (max-width: #{map-get($grid-breakpoints, xl)}) {
-        .img-wrapper, picture {
+        .img-wrapper,
+        picture {
           display: none;
         }
       }
@@ -131,8 +132,8 @@
           color: var(--bs-primary-text);
         }
         a.btn-outline-info {
-          color: var(--bs-primary-text);
           box-shadow: inset 0 0 0 1px var(--bs-primary-text);
+          color: var(--bs-primary-text);
           &:hover,
           &:focus {
             background: var(--bs-primary-text);

package/src/components/Blocks/CTA/schema.js

@@ -59,7 +59,6 @@ export function CTASchema({
     properties: {
       'bg:noprefix': {
         title: 'Colore di sfondo',
-        default: 'none',
         widget: 'color_picker',
         default: 'bg-primary-dark',
         colors: [

package/src/components/Blocks/Contacts/contacts.scss

@@ -31,11 +31,10 @@
     }
 
     .contact-title {
+      margin-bottom: 1rem;
       font-size: 1.35rem;
       font-weight: bold;
       line-height: 1.4em;
-
-      margin-bottom: 1rem;
     }
 
     .contact-text {
@@ -58,10 +57,10 @@
       }
 
       .icon-wrapper {
-        margin-top: 0.2rem;
-        margin-right: 1rem;
         display: flex;
         align-items: center;
+        margin-top: 0.2rem;
+        margin-right: 1rem;
       }
 
       .tel {

package/src/components/Blocks/Contacts/schema.js

@@ -32,7 +32,7 @@ export function ContactsSchema({
 }) {
   formData.bg_color =
     ['primary', 'secondary'].indexOf(formData.bg_color ?? '') >= 0
-      ? formData.bg_color == 'primary'
+      ? formData.bg_color === 'primary'
         ? 'bg-primary-lightest'
         : 'bg-primary-dark'
       : formData.bg_color;
@@ -55,7 +55,6 @@ export function ContactsSchema({
     properties: {
       bg_color: {
         title: 'Colore di sfondo',
-        default: 'none',
         widget: 'color_picker',
         default: 'bg-primary-lightest',
         colors: [

package/src/components/Blocks/Hero/hero.scss

@@ -9,8 +9,8 @@
   }
 
   .block-inner-wrapper {
-    align-items: stretch;
     z-index: 0;
+    align-items: stretch;
   }
 
   .hero-image {

package/src/components/Blocks/Icons/icons.scss

@@ -132,11 +132,11 @@
     }
 
     .iconblock-title {
+      margin: 0;
       font-size: 1.5rem;
       font-weight: bold;
       line-height: 1.8rem;
       text-align: center;
-      margin: 0;
     }
 
     .iconblock-text {

package/src/components/Blocks/Icons/schema.js

@@ -48,7 +48,7 @@ export function IconsSchema({
 }) {
   formData.bg_color =
     ['primary', 'secondary'].indexOf(formData.bg_color ?? '') >= 0
-      ? formData.bg_color == 'primary'
+      ? formData.bg_color === 'primary'
         ? 'bg-primary-lightest'
         : 'bg-primary-dark'
       : formData.bg_color;
@@ -82,7 +82,6 @@ export function IconsSchema({
 
       bg_color: {
         title: 'Colore di sfondo',
-        default: 'none',
         widget: 'color_picker',
         default: 'bg-primary-lightest',
         colors: [

package/src/components/Blocks/Listing/CardWithSlideUpText/cardWithSlideUpText.scss

@@ -57,11 +57,9 @@
     }
 
     .category-bottom {
-      display: flex;
-      gap: 0.5em;
-
       position: relative;
       z-index: 2;
+      display: flex;
       align-self: start;
       padding: 0.1rem 0.5rem;
       margin-bottom: 0.5rem;
@@ -69,6 +67,7 @@
       color: var(--bs-primary-text);
       font-size: 0.9rem;
       font-style: italic;
+      gap: 0.5em;
 
       &::after {
         position: absolute;

package/src/components/Blocks/Listing/Carousel/carouselTemplate.scss

@@ -55,9 +55,9 @@ $slider-mobile-height: 300px;
             position: absolute;
             bottom: 0;
             width: 100%;
-            background-color: rgba(255, 255, 255, 0.85);
 
             padding: 0.5em 1em;
+            background-color: rgba(255, 255, 255, 0.85);
             color: #000;
             font-size: 0.8em;
             text-align: center;

package/src/components/Blocks/Listing/CompleteBlockLinks/completeBlockLinksTemplate.scss

@@ -9,9 +9,9 @@
       border-bottom-width: 8px;
 
       h3.card-title.h5 {
+        color: var(--bs-link-color);
         font-size: 1rem !important;
         line-height: 1.44444rem;
-        color: var(--bs-link-color);
 
         .external-link {
           flex-shrink: 0;

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

@@ -20,18 +20,18 @@ const AttachmentCardTemplateSkeleton = (props) => {
 
           <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>
+              <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>

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

@@ -1,6 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Card, CardBody, CardTitle, CardText, Chip, Row, Col } from 'design-react-kit';
+import {
+  Card,
+  CardBody,
+  CardTitle,
+  CardText,
+  Chip,
+  Row,
+  Col,
+} from 'design-react-kit';
 import { ListingContainer } from 'io-sanita-theme/components/Blocks';
 
 import 'io-sanita-theme/components/Blocks/Listing/HighlightedContent/highlightedContentTemplate.scss';

package/src/components/Blocks/Listing/Table/table-templates.scss

@@ -26,8 +26,8 @@
     }
 
     ul.relations.widget {
-      list-style-type: none;
       padding-left: 0;
+      list-style-type: none;
       li {
         a {
           .icon {

package/src/components/Blocks/Listing/schema.js

@@ -1,11 +1,8 @@
-import { defineMessages } from 'react-intl';
-
 import ListingBlockSchema from '@plone/volto/components/manage/Blocks/Listing/schema';
 
 import { addFieldsetAfter } from 'io-sanita-theme/config/blocks/listing/ListingOptions';
 
 export const schemaListing = (props) => {
-  const intl = props.intl;
   const baseSchema = ListingBlockSchema(props);
 
   const defaultFieldset = baseSchema.fieldsets.find(
@@ -20,10 +17,6 @@ export const schemaListing = (props) => {
     );
   }
 
-  const findFieldset = (fieldset) => {
-    return fieldset.id === 'linkmore';
-  };
-
   addFieldsetAfter(baseSchema, 'default', {
     id: 'criteria',
     title: 'Risultati',
@@ -40,10 +33,3 @@ export const schemaListing = (props) => {
 
   return baseSchema;
 };
-
-const messages = defineMessages({
-  alignButton: {
-    id: 'alignButton',
-    defaultMessage: 'Allinea il bottone a destra',
-  },
-});