design-comuni-plone-theme 8.6.0 → 8.7.0

package/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx

@@ -34,7 +34,7 @@ const Downloads = ({ item, titleDoc }) => {
     </React.Fragment>
   ) : (
     <UniversalLink
-      href={flattenToAppURL(item['@id'])}
+      href={item.remoteUrl || flattenToAppURL(item['@id'])}
       title={item.title}
       className="modulistica-link"
     >
@@ -59,7 +59,7 @@ const DocRow = ({ doc }) => {
       })}
     >
       <div id={`title-${doc.id}`} className="title">
-        <UniversalLink href={flattenToAppURL(doc['@id'])}>
+        <UniversalLink href={doc.remoteUrl || flattenToAppURL(doc['@id'])}>
           {doc.title}
         </UniversalLink>
         {doc?.description && (

package/src/components/ItaliaTheme/manage/Widgets/TextEditorWidget.jsx

@@ -43,6 +43,8 @@ class TextEditorWidgetComponent extends Component {
     focusOn: PropTypes.func,
     nextFocus: PropTypes.any,
     prevFocus: PropTypes.any,
+    onFocusNextBlock: PropTypes.any,
+    onFocusPreviousBlock: PropTypes.any,
     showToolbar: PropTypes.bool,
     onSelectBlock: PropTypes.func,
     onAddBlock: PropTypes.func,
@@ -219,6 +221,18 @@ class TextEditorWidgetComponent extends Component {
               } else {
                 if (this.props.disableMoveToNearest) {
                   e.stopPropagation();
+                } else {
+                  if (this.props.onFocusPreviousBlock) {
+                    const selectionState = this.state.editorState.getSelection();
+                    const currentCursorPosition = selectionState.getStartOffset();
+
+                    if (currentCursorPosition === 0) {
+                      this.props.onFocusPreviousBlock(
+                        this.props.block,
+                        this.node,
+                      );
+                    }
+                  }
                 }
               }
             }}
@@ -229,6 +243,20 @@ class TextEditorWidgetComponent extends Component {
               } else {
                 if (this.props.disableMoveToNearest) {
                   e.stopPropagation();
+                } else {
+                  if (this.props.onFocusNextBlock) {
+                    const selectionState = this.state.editorState.getSelection();
+                    const { editorState } = this.state;
+                    const currentCursorPosition = selectionState.getStartOffset();
+                    const blockLength = editorState
+                      .getCurrentContent()
+                      .getFirstBlock()
+                      .getLength();
+
+                    if (currentCursorPosition === blockLength) {
+                      this.props.onFocusNextBlock(this.props.block, this.node);
+                    }
+                  }
                 }
               }
             }}

package/src/components/ReleaseLog/ReleaseLog.jsx

@@ -101,6 +101,7 @@ const ReleaseLog = () => {
         <meta name="robots" content="noindex" />
       </Helmet>
       <Container className="px-4 my-4">
+        <h1>Lista degli aggiornamenti</h1>
         <Nav tabs className="mb-3">
           {LOGS_TO_VIEW.filter((log) => log.file != null).map((log) => (
             <NavItem key={log.name}>

package/src/components/SelectInput/SelectInput.jsx

@@ -305,6 +305,7 @@ const SelectInput = ({
   options,
   components = {},
   reactSelect,
+  defaultValue,
 }) => {
   const intl = useIntl();
   const Select = reactSelect.default;
@@ -332,7 +333,9 @@ const SelectInput = ({
         isSearchable={isSearchable}
         isMulti={isMulti}
         isClearable={isClearable}
-        aria-label={placeholder}
+        aria-label={label}
+        aria-live="polite"
+        aria-labelledby={id}
         ariaLiveMessages={getSelectAriaLiveMessages(intl)}
         noOptionsMessage={() =>
           intl.formatMessage(messages.select_noOptionsMessage)
@@ -346,6 +349,7 @@ const SelectInput = ({
           }`
         }
         classNamePrefix={'react-select'}
+        defaultValue={defaultValue}
       />
     </div>
   );

package/src/config/Blocks/ListingOptions/index.js

@@ -21,3 +21,4 @@ export { addSliderTemplateOptions } from 'design-comuni-plone-theme/config/Block
 export { addSimpleListTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/simpleListTemplate';
 export { addCardWithSlideUpTextTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/cardWithSlideUpTextTemplate';
 export { addPhotogalleryTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/photogalleryTemplate';
+export { addSmallBlockLinksTemplateOptions } from 'design-comuni-plone-theme/config/Blocks/ListingOptions/smallBlockLinksTemplate';

package/src/config/Blocks/ListingOptions/smallBlockLinksTemplate.js

@@ -0,0 +1,32 @@
+import { defineMessages } from 'react-intl';
+
+import { addSchemaField } from 'design-comuni-plone-theme/config/Blocks/ListingOptions';
+
+const messages = defineMessages({
+  override_links_accessibility_marker: {
+    id: 'override_links_accessibility_marker',
+    defaultMessage:
+      "Non mostrare l'icona di accessibilità per i link a siti esterni",
+  },
+});
+
+export const addSmallBlockLinksTemplateOptions = (
+  schema,
+  formData,
+  intl,
+  position = 0,
+) => {
+  let pos = position;
+
+  addSchemaField(
+    schema,
+    'override_links_accessibility_marker',
+    intl.formatMessage(messages.override_links_accessibility_marker),
+    null,
+    { type: 'boolean' },
+    pos,
+  );
+  pos++;
+
+  return pos;
+};

package/src/config/Blocks/listingVariations.js

@@ -59,6 +59,7 @@ import {
   addCardWithSlideUpTextTemplateOptions,
   addPhotogalleryTemplateOptions,
   addLinkMoreOptions,
+  addSmallBlockLinksTemplateOptions,
   cloneBlock,
 } from 'design-comuni-plone-theme/config/Blocks/ListingOptions';
 
@@ -178,7 +179,8 @@ const italiaListingVariations = [
     template: SmallBlockLinksTemplate,
     skeleton: SmallBlockLinksTemplateSkeleton,
     schemaEnhancer: ({ schema, formData, intl }) => {
-      /*let pos = */ addDefaultOptions(schema, formData, intl);
+      let pos = addDefaultOptions(schema, formData, intl);
+      addSmallBlockLinksTemplateOptions(schema, formData, intl, pos);
       addLinkMoreOptions(schema, formData, intl);
       return schema;
     },

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

@@ -30,6 +30,7 @@ const UniversalLink = ({
   children,
   className = null,
   title = null,
+  overrideMarkSpecialLinks = false,
   ...props
 }) => {
   const intl = useIntl();
@@ -116,14 +117,15 @@ const UniversalLink = ({
         {...props}
       >
         {children}
-        {config.settings.siteProperties.markSpecialLinks && (
-          <Icon
-            icon="it-external-link"
-            title={title}
-            size="xs"
-            className="align-top ms-1 external-link"
-          />
-        )}
+        {!overrideMarkSpecialLinks &&
+          config.settings.siteProperties.markSpecialLinks && (
+            <Icon
+              icon="it-external-link"
+              title={title}
+              size="xs"
+              className="align-top ms-1 external-link"
+            />
+          )}
       </a>
     );
   } else if (isDownload) {

package/src/theme/ItaliaTheme/Blocks/_smallblockLinkstemplate.scss

@@ -15,13 +15,20 @@
     border: 8px solid $white;
     background: $white;
     box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
+    position: relative;
+
+    .img-link svg {
+      position: absolute;
+      top: 4px;
+      right: 4px;
+      z-index: 2;
+    }
 
     .volto-image.responsive img,
     .img-skeleton {
       width: auto;
       max-width: 100%;
       object-fit: contain;
-
     }
 
     .img-skeleton {

package/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss

@@ -0,0 +1,15 @@
+table.CalendarMonth_table {
+  border-collapse: separate;
+
+  td.CalendarDay__selected:focus {
+    border: 1px solid white;
+    border-radius: 100%;
+    outline: 2px solid $focus-outline-color;
+  }
+
+  td.CalendarDay__default:focus {
+    border: none !important;
+    box-shadow: none !important;
+    outline: 2px solid $focus-outline-color !important;
+  }
+}

package/src/theme/site.scss

@@ -113,6 +113,7 @@
 @import 'ItaliaTheme/Widgets/blocksWidget';
 @import 'ItaliaTheme/Widgets/subsiteSocialLinks';
 @import 'ItaliaTheme/Widgets/reactSelect';
+@import 'ItaliaTheme/Widgets/react-dates-override';
 @import 'ItaliaTheme/Widgets/textInput';
 @import 'ItaliaTheme/Widgets/dataGridWidget';
 @import 'ItaliaTheme/Widgets/canaleDigitaleWidget';