io-sanita-theme 2.18.2 → 2.19.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [2.19.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.18.2...2.19.0) (2025-07-08)
+
+### Features
+
+* aggiunta la possibilittà di usare le date del bando anche al di fuori della componente di default, per personalizzarre etichette e valori ([5f497b6](https://github.com/RedTurtle/io-sanita-theme/commit/5f497b64173e51c5db7748dc55f299ad6a1e7cf5))
+
+### Bug Fixes
+
+* in datatable rimuove ora, se non valorizzata ([1d14b88](https://github.com/RedTurtle/io-sanita-theme/commit/1d14b8886dcdc80efeb61362618f74e1b19d6d42))
+* nella variannte tabella reinserito utilizzo di schema per le prroprietà dei campi, ad uso della redazione quando aggiunge nuovi campi ([1bd7083](https://github.com/RedTurtle/io-sanita-theme/commit/1bd7083be33b4c54e1021f19ce0f726b62b89863))
+
 ## [2.18.2](https://github.com/RedTurtle/io-sanita-theme/compare/2.18.1...2.18.2) (2025-07-03)
 
 ### Bug Fixes

package/package.json

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

package/src/components/Blocks/Listing/Table/TableTemplate.jsx

@@ -7,6 +7,7 @@ import PropTypes from 'prop-types';
 import { useIntl, defineMessages } from 'react-intl';
 import { Row, Col, Table } from 'design-react-kit';
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
+import { useSelector } from 'react-redux';
 
 import { ListingContainer } from 'io-sanita-theme/components/Blocks';
 import { LinkMore } from 'io-sanita-theme/components';
@@ -34,6 +35,9 @@ const TableTemplate = (props) => {
   const intl = useIntl();
   const { views } = config.widgets;
 
+  // necessario per gli edditor nel momento in cui aggiungono nuove colonne
+  const ct_schema = useSelector((state) => state.ct_schema?.subrequests);
+
   let render_columns =
     (columns ?? []).filter((c) => c.field === 'title').length > 0
       ? columns
@@ -49,7 +53,10 @@ const TableTemplate = (props) => {
           <thead className="table-light">
             <tr>
               {render_columns.map((c, index) => {
-                const field_properties = c.field_properties ?? {};
+                const field_properties =
+                  c.field_properties ??
+                  ct_schema?.[c.ct]?.result?.properties?.[c.field] ??
+                  {};
 
                 return (
                   <th
@@ -71,19 +78,21 @@ const TableTemplate = (props) => {
             {items.map((item, index) => (
               <tr key={index}>
                 {render_columns.map((c, index) => {
-                  const field_properties = c.field_properties ?? {};
+                  const field_properties =
+                    c.field_properties ??
+                    ct_schema?.[c.ct]?.result?.properties?.[c.field] ??
+                    {};
                   let render_value = JSON.stringify(item[c.field]);
 
                   if (field_properties) {
-                    let field = {
+                    const field = {
                       ...field_properties,
                       id: c.field,
                       widget: getWidget(c.field, field_properties),
                     };
+                    const Widget = views?.getWidget(field);
 
-                    let Widget = views?.getWidget(field);
-
-                    let widget_props = {
+                    const widget_props = {
                       behavior: field_properties.behavior,
                     };
                     switch (c.field) {
@@ -96,7 +105,13 @@ const TableTemplate = (props) => {
                       default:
                         break;
                     }
-
+                    // rimuove ora, se non valorizzata
+                    if (
+                      field_properties.widget === 'datetime' &&
+                      item[c.field]?.indexOf('T00:00') > 0
+                    ) {
+                      widget_props.format = 'DD MMM yyyy';
+                    }
                     if (field_properties.vocabulary) {
                       widget_props.vocabulary =
                         field_properties.vocabulary['@id'];

package/src/components/View/Bando/Dates.jsx

@@ -84,44 +84,49 @@ const BandoDates = ({ content }) => {
   ];
 
   dates.sort((a, b) => a.date - b.date);
-  return content ? (
-    <div className="point-list-wrapper my-4 mb-5">
-      {dates.map((item, index) => {
-        return (
-          item.date && (
-            <div className="point-list" key={index}>
-              <div
-                className="point-list-aside point-list-warning"
-                aria-label={item.date.format('DD MMMM Y')}
+
+  return content ? <Dates dates={dates} /> : null;
+};
+
+const Dates = ({ dates }) => (
+  <div className="point-list-wrapper my-4 mb-5">
+    {dates.map((item, index) => {
+      return (
+        item.date && (
+          <div className="point-list" key={index}>
+            <div
+              className="point-list-aside point-list-warning"
+              aria-label={item.date.format('DD MMMM Y')}
+            >
+              <span className="point-date text-monospace" aria-hidden={true}>
+                {item.date.format('DD')}
+              </span>
+              <span className="point-month text-monospace" aria-hidden={true}>
+                {item.date.format('MMM')}/{item.date.format('YY')}
+              </span>
+            </div>
+            <div className="point-list-content">
+              <Card
+                className="card card-teaser rounded shadow"
+                noWrapper={true}
+                tag="div"
               >
-                <span className="point-date text-monospace" aria-hidden={true}>
-                  {item.date.format('DD')}
-                </span>
-                <span className="point-month text-monospace" aria-hidden={true}>
-                  {item.date.format('MMM')}/{item.date.format('YY')}
-                </span>
-              </div>
-              <div className="point-list-content">
-                <Card
-                  className="card card-teaser rounded shadow"
-                  noWrapper={true}
-                  tag="div"
-                >
-                  <CardBody tag="div" className={'card-body'}>
-                    <CardTitle tag="p">
-                      {item.show_hour && <>{item.date.format('HH:mm')} - </>}
-                      {item.label}
-                    </CardTitle>
-                  </CardBody>
-                </Card>
-              </div>
+                <CardBody tag="div" className={'card-body'}>
+                  <CardTitle tag="p">
+                    {item.show_hour && <>{item.date.format('HH:mm')} - </>}
+                    {item.label}
+                  </CardTitle>
+                </CardBody>
+              </Card>
             </div>
-          )
-        );
-      })}
-    </div>
-  ) : null;
-};
+          </div>
+        )
+      );
+    })}
+  </div>
+);
+
+export { Dates };
 
 export default BandoDates;