design-comuni-plone-theme 11.20.2 → 11.20.4

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 
 
+## [11.20.4](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.20.3...v11.20.4) (2024-08-14)
+
+
+### Bug Fixes
+
+* changed rrule translation in PageHeaderEventDates ([#743](https://github.com/RedTurtle/design-comuni-plone-theme/issues/743)) ([9a7d59f](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9a7d59f0927f34dbab74c44d09029904e07d5067))
+
+
+### Documentation
+
+* updated publiccode ([e0c1f3c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e0c1f3ceaf1134cd0b5eec8352eeab2a2632e154))
+
+## [11.20.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.20.2...v11.20.3) (2024-08-14)
+
+
+### Bug Fixes
+
+* reverted "chore: set the ground for performance improvements ([#659](https://github.com/RedTurtle/design-comuni-plone-theme/issues/659))" ([381d09a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/381d09a27f45484d429c1424e4d746e8aca4beec))
+
+
+### Documentation
+
+* updated publiccode ([8a3681e](https://github.com/RedTurtle/design-comuni-plone-theme/commit/8a3681eacd072df73e3139f38601b760193c660a))
+
 ## [11.20.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.20.1...v11.20.2) (2024-08-12)
 
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.20.2",
+  "version": "11.20.4",
   "main": "src/index.js",
   "repository": {
     "type": "git",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2024-08-12'
+releaseDate: '2024-08-14'
 softwareType: standalone/web
-softwareVersion: 11.20.2
+softwareVersion: 11.20.4
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Accordion/Edit.jsx

@@ -14,7 +14,7 @@ import {
 } from 'volto-subblocks';
 
 import { SidebarPortal } from '@plone/volto/components';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion';
+import Sidebar from './Sidebar.jsx';
 
 import { defineMessages } from 'react-intl';
 

package/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx

@@ -15,8 +15,10 @@ import { createContent } from '@plone/volto/actions';
 import { SidebarPortal } from '@plone/volto/components';
 import { defineMessages, injectIntl } from 'react-intl';
 
-import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
-import { Sidebar as AlertSidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert';
+import {
+  AlertSidebar,
+  TextEditorWidget,
+} from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 const messages = defineMessages({
   content_placeholder: {

package/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/Edit.jsx

@@ -9,7 +9,7 @@ import {
   SubblocksWrapper,
 } from 'volto-subblocks';
 import { SidebarPortal } from '@plone/volto/components';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar.jsx';
 import { ArgumentsInEvidenceBackground } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 class Edit extends SubblocksEdit {

package/src/components/ItaliaTheme/Blocks/BandiSearch/Edit.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/Body';
 import { SidebarPortal } from '@plone/volto/components';
 import { getBaseUrl } from '@plone/volto/helpers';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/Sidebar';
 import { useIntl, defineMessages } from 'react-intl';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/CTABlock/Edit.jsx

@@ -5,8 +5,8 @@
 
 import React from 'react';
 import { SidebarPortal } from '@plone/volto/components';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock';
-import BodyWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/BodyWrapper';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Sidebar.jsx';
+import BodyWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/BodyWrapper.jsx';
 import Block from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Block';
 
 class Edit extends React.Component {

package/src/components/ItaliaTheme/Blocks/Calendar/Edit.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/Body';
 import { SidebarPortal } from '@plone/volto/components';
 import { getBaseUrl } from '@plone/volto/helpers';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar';
+import ListingSidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/ListingSidebar';
 
 const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
   return (
@@ -16,7 +16,11 @@ const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
         onChangeBlock={onChangeBlock}
       />
       <SidebarPortal selected={selected}>
-        <Sidebar data={data} block={block} onChangeBlock={onChangeBlock} />
+        <ListingSidebar
+          data={data}
+          block={block}
+          onChangeBlock={onChangeBlock}
+        />
       </SidebarPortal>
     </div>
   );

package/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx

@@ -19,7 +19,7 @@ import {
 import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 import EditBlock from './Block/EditBlock';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock';
+import Sidebar from './Sidebar.jsx';
 
 const messages = defineMessages({
   addItem: {

package/src/components/ItaliaTheme/Blocks/CountDown/Edit.jsx

@@ -6,7 +6,7 @@ import { SidebarPortal } from '@plone/volto/components';
 import { addAppURL, flattenToAppURL } from '@plone/volto/helpers';
 import cx from 'classnames';
 import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/Sidebar';
 import CountDown from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/CountDown';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/EventSearch/Edit.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/Body';
 import { SidebarPortal } from '@plone/volto/components';
 import { getBaseUrl } from '@plone/volto/helpers';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/Sidebar';
 import { useIntl, defineMessages } from 'react-intl';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/HighlightedContent/Edit.jsx

@@ -8,7 +8,7 @@ import { SidebarPortal } from '@plone/volto/components';
 import { flattenToAppURL } from '@plone/volto/helpers';
 
 import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/Body';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/Sidebar';
 
 const messages = defineMessages({
   emptySelection: {

package/src/components/ItaliaTheme/Blocks/IconBlocks/Edit.jsx

@@ -19,7 +19,7 @@ import {
 import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 import EditBlock from './Block/EditBlock';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks';
+import Sidebar from './Sidebar.jsx';
 
 import config from '@plone/volto/registry';
 

package/src/components/ItaliaTheme/Blocks/IconBlocks/Sidebar.jsx

@@ -10,7 +10,7 @@ import upSVG from '@plone/volto/icons/up-key.svg';
 import downSVG from '@plone/volto/icons/down-key.svg';
 
 import { LinkToWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
-import { IconWidget } from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets';
+import IconWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/IconWidget';
 import { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/index';
 import config from '@plone/volto/registry';
 

package/src/components/ItaliaTheme/Blocks/NumbersBlock/Edit.jsx

@@ -18,8 +18,8 @@ import {
 } from 'volto-subblocks';
 import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
-import EditBlock from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock';
+import EditBlock from './Block/EditBlock';
+import Sidebar from './Sidebar.jsx';
 
 const messages = defineMessages({
   addItem: {

package/src/components/ItaliaTheme/Blocks/NumbersBlock/Sidebar.jsx

@@ -5,7 +5,7 @@ import { Segment, Accordion } from 'semantic-ui-react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 
 import { ObjectBrowserWidget } from '@plone/volto/components';
-import { IconWidget } from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets';
+import IconWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/IconWidget';
 import { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/index';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/SearchSections/Edit.jsx

@@ -3,8 +3,10 @@ import { useSelector } from 'react-redux';
 import { useLocation } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import { SidebarPortal } from '@plone/volto/components';
-import { BlockSearchSectionsBody } from 'design-comuni-plone-theme/components/ItaliaTheme';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/SearchSections';
+import {
+  BlockSearchSectionsSidebar,
+  BlockSearchSectionsBody,
+} from 'design-comuni-plone-theme/components/ItaliaTheme';
 import { SearchUtils } from 'design-comuni-plone-theme/components';
 
 const Edit = ({
@@ -32,7 +34,7 @@ const Edit = ({
         <BlockSearchSectionsBody block={data} sections={sections} />
       </div>
       <SidebarPortal selected={selected}>
-        <Sidebar
+        <BlockSearchSectionsSidebar
           data={data}
           block={block}
           onChangeBlock={onChangeBlock}

package/src/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Edit.jsx

@@ -7,7 +7,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl } from 'react-intl';
 import { SidebarPortal } from '@plone/volto/components';
-import { TextCardWithImageSidebar as Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard';
+import Sidebar from './Sidebar.jsx';
 import BodyWrapper from './BodyWrapper.jsx';
 import Block from './Block';
 

package/src/components/ItaliaTheme/Blocks/UOSearch/Edit.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/Body';
 import { SidebarPortal } from '@plone/volto/components';
 import { getBaseUrl } from '@plone/volto/helpers';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/Sidebar';
 import { useIntl, defineMessages } from 'react-intl';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/VideoGallery/Edit.jsx

@@ -11,7 +11,7 @@ import {
   SubblocksEdit,
   SubblocksWrapper,
 } from 'volto-subblocks';
-import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery';
+import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Sidebar';
 import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Body';
 import EditBlock from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Block/EditBlock';
 import { SingleSlideWrapper } from 'design-comuni-plone-theme/components/ItaliaTheme';

package/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx

@@ -1,13 +1,13 @@
 /**
- * FontAwesomeIcon component.
- * @module components/ItaliaTheme/Icons/FontAwesomeIcon
+ * Icon component.
+ * @module components/ItaliaTheme/Icons/SectionIcon
  */
 import React, { useMemo } from 'react';
 import { v4 as uuid } from 'uuid';
-import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
+import { fontAwesomeAliases } from 'design-comuni-plone-theme/helpers/index';
 
 const FontAwesomeIcon = (props) => {
-  const { className, icon, prefix, title, fontAwesomeAliases } = props;
+  const { className, icon, prefix, title } = props;
   const iconID = useMemo(() => uuid(), []);
   const [loadedIcon, setLoadedIcon] = React.useState({
     module: null,
@@ -27,9 +27,9 @@ const FontAwesomeIcon = (props) => {
     let iconName = '';
     if (Array.isArray(icon)) {
       prefixKey = icon[0];
-      iconName = getIconAlias(icon[1], fontAwesomeAliases.default);
+      iconName = getIconAlias(icon[1], fontAwesomeAliases);
     } else {
-      iconName = getIconAlias(icon, fontAwesomeAliases.default);
+      iconName = getIconAlias(icon, fontAwesomeAliases);
     }
 
     return [
@@ -53,7 +53,6 @@ const FontAwesomeIcon = (props) => {
       (iconName !== loadedIcon.iconName || prefixFolder !== loadedIcon.family)
     ) {
       import(
-        /* webpackChunkName: "DCPTIcons" */
         `design-comuni-plone-theme/icons/fontawesome-free-6.4.0-web/svgs/${prefixFolder}/${iconName}.svg`
       )
         .then((_loadedIcon) => {
@@ -90,4 +89,4 @@ const FontAwesomeIcon = (props) => {
   );
 };
 
-export default injectLazyLibs(['fontAwesomeAliases'])(FontAwesomeIcon);
+export default FontAwesomeIcon;

package/src/components/ItaliaTheme/Icons/Icon.jsx

@@ -1,6 +1,6 @@
 /**
  * Icon component.
- * @module components/ItaliaTheme/Icons/Icon
+ * @module components/ItaliaTheme/Icons/SectionIcon
  */
 import React from 'react';
 import classNames from 'classnames';

package/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderEventDates.jsx

@@ -34,6 +34,10 @@ const PageHeaderEventDates = ({ content, moment, rrule }) => {
 
   if (content['@type'] === 'Event') {
     if (content.recurrence) {
+      const isRecurrenceByDay = content.recurrence.includes('BYDAY=+');
+      const isWeekdaySunday = content.recurrence
+        .split('BYDAY')[1]
+        ?.includes('SU');
       const rruleSet = rrulestr(content.recurrence, {
         compatible: true, //If set to True, the parser will operate in RFC-compatible mode. Right now it means that unfold will be turned on, and if a DTSTART is found, it will be considered the first recurrence instance, as documented in the RFC.
         forceset: true,
@@ -41,6 +45,16 @@ const PageHeaderEventDates = ({ content, moment, rrule }) => {
       const RRULE_LANGUAGE = rrulei18n(intl, Moment);
       eventRecurrenceText = rruleSet.rrules()[0]?.toText(
         (t) => {
+          if (Moment.locale(intl.locale) === 'it' && isRecurrenceByDay) {
+            RRULE_LANGUAGE.strings.th = '°';
+            RRULE_LANGUAGE.strings.nd = '°';
+            RRULE_LANGUAGE.strings.rd = '°';
+            RRULE_LANGUAGE.strings.st = '°';
+
+            if (isWeekdaySunday) {
+              RRULE_LANGUAGE.strings['on the'] = 'la';
+            }
+          }
           return RRULE_LANGUAGE.strings[t];
         },
         RRULE_LANGUAGE,