design-comuni-plone-theme 11.19.0 → 11.20.1

package/src/components/ItaliaTheme/manage/Widgets/index.js

@@ -0,0 +1,94 @@
+import loadable from '@loadable/component';
+
+export FileWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/FileWidget'; //non metterlo nel boundle dei widget perchè è usato dal blocco form in view
+
+export const TextEditorWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/TextEditorWidget'
+  ),
+);
+export const LinkToWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/LinkToWidget'
+  ),
+);
+export const ColorListWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/ColorListWidget'
+  ),
+);
+
+export const PathFiltersWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/PathFiltersWidget'
+  ),
+);
+export const LocationFiltersWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/LocationFiltersWidget'
+  ),
+);
+export const CanaleDigitaleWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CanaleDigitaleWidget'
+  ),
+);
+
+export const IconWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/IconWidget'
+  ),
+);
+
+export const IconPreviewWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/IconPreviewWidget'
+  ),
+);
+
+export const SearchSectionsConfigurationWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SearchSectionsConfigurationWidget/SearchSectionsConfigurationWidget'
+  ),
+);
+
+export const CharCounterTextareaWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget'
+  ),
+);
+
+export const CharCounterTextWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextWidget'
+  ),
+);
+export const SubsiteSocialLinksWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SubsiteSocialLinksWidget'
+  ),
+);
+
+export const MenuConfigurationForm = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/MenuConfigurationForm'
+  ),
+);
+
+export const SecondaryMenuConfigurationForm = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SecondaryMenuConfigurationForm'
+  ),
+);
+
+export const SubFooterConfigurationForm = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SubFooterConfigurationForm'
+  ),
+);
+
+export const LuoghiCorrelatiEventoWidget = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget'
+  ),
+);

package/src/config/Blocks/blocks.js

@@ -1,69 +1,106 @@
-import newsSVG from '@plone/volto/icons/news.svg';
 import searchIcon from 'bootstrap-italia/src/svg/it-search.svg';
-import HighlightedContentView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/View';
-import HighlightedContentEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/Edit';
-import noteSvg from 'bootstrap-italia/src/svg/it-note.svg';
-import calendarSvg from 'bootstrap-italia/src/svg/it-calendar.svg';
+
+import listArrowsSVG from '@plone/volto/icons/list-arrows.svg';
+import {
+  AccordionView,
+  AccordionEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion';
 
 import alertSVG from '@plone/volto/icons/alert.svg';
-import AlertView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/View';
-import AlertEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/Edit';
+import {
+  AlertView,
+  AlertEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert';
 
-import divideHorizontalSVG from '@plone/volto/icons/divide-horizontal.svg';
-import ViewBreak from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Break/View';
-import EditBreak from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Break/Edit';
+import noteSvg from 'bootstrap-italia/src/svg/it-note.svg';
+import {
+  ArgumentsInEvidenceView,
+  ArgumentsInEvidenceEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence';
 
-import SearchSectionsView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/SearchSections/View';
-import SearchSectionsEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/SearchSections/Edit';
-import ArgumentsInEvidenceEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/Edit';
-import ArgumentsInEvidenceView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/View';
+import {
+  BandiSearchView,
+  BandiSearchEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch';
+
+import divideHorizontalSVG from '@plone/volto/icons/divide-horizontal.svg';
+import {
+  ViewBreak,
+  EditBreak,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Break';
 
-import CalendarView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/View';
-import CalendarEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/Edit';
+import calendarSvg from 'bootstrap-italia/src/svg/it-calendar.svg';
+import {
+  CalendarView,
+  CalendarEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar';
 
-import EventSearchView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/View';
-import EventSearchEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/Edit';
+import emailSVG from '@plone/volto/icons/email.svg';
+import {
+  ContactsBlockView,
+  ContactsBlockEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock';
 
-import simpleTextCardSVG from 'design-comuni-plone-theme/icons/card-semplice.svg';
-import TextCardView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/SimpleCard/View';
-import TextCardEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/SimpleCard/Edit';
-import imageTextCardSVG from 'design-comuni-plone-theme/icons/card-immagine.svg';
-import TextCardWithImageView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/CardWithImage/View';
-import TextCardWithImageEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Edit';
+import { countDownSVG } from 'design-comuni-plone-theme/icons';
+import {
+  CountDownBlockView,
+  CountDownBlockEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown';
 
-import listArrowsSVG from '@plone/volto/icons/list-arrows.svg';
-import AccordionView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion/View';
-import AccordionEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion/Edit';
+import flashSVG from '@plone/volto/icons/flash.svg';
+import {
+  CTABlockView,
+  CTABlockEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock';
 
-import videoSVG from '@plone/volto/icons/video.svg';
-import VideoGalleryView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/View';
-import VideoGalleryEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Edit';
+import {
+  EventSearchView,
+  EventSearchEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch';
 
-import iconBlocksSVG from 'design-comuni-plone-theme/icons/blocco-icone.svg';
-import IconBlocksView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks/View';
-import IconBlocksEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks/Edit';
+import newsSVG from '@plone/volto/icons/news.svg';
+import {
+  HighlightedContentView,
+  // getHiglitedContentAsyncData,
+  HighlightedContentEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent';
 
-import emailSVG from '@plone/volto/icons/email.svg';
-import ContactsBlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock/View';
-import ContactsBlockEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock/Edit';
+import { iconBlocksSVG } from 'design-comuni-plone-theme/icons';
+import {
+  IconBlocksView,
+  IconBlocksEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks';
 
-import numbersBlockSVG from 'design-comuni-plone-theme/icons/numeri.svg';
-import NumbersBlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock/View';
-import NumbersBlockEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock/Edit';
+import { numbersBlockSVG } from 'design-comuni-plone-theme/icons';
+import {
+  NumbersBlockView,
+  NumbersBlockEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock';
 
-import BandiSearchView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/View';
-import BandiSearchEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/Edit';
+import {
+  SearchSectionsView,
+  SearchSectionsEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/SearchSections';
 
-import UOSearchView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/View';
-import UOSearchEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/Edit';
+import { simpleTextCardSVG } from 'design-comuni-plone-theme/icons';
+import { imageTextCardSVG } from 'design-comuni-plone-theme/icons';
+import {
+  TextCardView,
+  TextCardEdit,
+  TextCardWithImageView,
+  TextCardWithImageEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard';
 
-import flashSVG from '@plone/volto/icons/flash.svg';
-import CTABlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/View';
-import CTABlockEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Edit';
+import {
+  UOSearchView,
+  UOSearchEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch';
 
-import countDownSVG from 'design-comuni-plone-theme/icons/count-down.svg';
-import CountDownBlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/View';
-import CountDownBlockEdit from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/Edit';
+import videoSVG from '@plone/volto/icons/video.svg';
+import {
+  VideoGalleryView,
+  VideoGalleryEdit,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery';
 
 import { cloneBlock } from 'design-comuni-plone-theme/config/Blocks/ListingOptions';
 
@@ -82,6 +119,7 @@ const italiaBlocks = {
       view: [],
     },
     sidebarTab: 1,
+    // getAsyncData: getHiglitedContentAsyncData,
   },
   searchSections: {
     id: 'searchSections',

package/src/config/Views/views.js

@@ -1,25 +1,25 @@
 import { defineMessages } from 'react-intl';
 
-import PageView from 'design-comuni-plone-theme/components/ItaliaTheme/View/PageView/PageView';
-import NewsItemView from 'design-comuni-plone-theme/components/ItaliaTheme/View/NewsItemView/NewsItemView';
-import UOView from 'design-comuni-plone-theme/components/ItaliaTheme/View/UOView/UOView';
-import PersonaView from 'design-comuni-plone-theme/components/ItaliaTheme/View/PersonaView/PersonaView';
-import VenueView from 'design-comuni-plone-theme/components/ItaliaTheme/View/VenueView/VenueView';
-import ServizioView from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioView';
-import EventoView from 'design-comuni-plone-theme/components/ItaliaTheme/View/EventoView/EventoView';
-import PaginaArgomentoView from 'design-comuni-plone-theme/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoView';
-import CartellaModulisticaView from 'design-comuni-plone-theme/components/ItaliaTheme/View/CartellaModulisticaView/CartellaModulisticaView';
-import DocumentoView from 'design-comuni-plone-theme/components/ItaliaTheme/View/DocumentoView/DocumentoView';
-import ModuloView from 'design-comuni-plone-theme/components/ItaliaTheme/View/ModuloView/ModuloView';
-import BandoView from 'design-comuni-plone-theme/components/ItaliaTheme/View/BandoView/BandoView';
-
-import FaqFolderView from 'design-comuni-plone-theme/components/ItaliaTheme/View/FAQ/FaqFolder/FaqFolderView';
-import FaqView from 'design-comuni-plone-theme/components/ItaliaTheme/View/FAQ/FaqView/FaqView';
-
-import TrasparenzaView from 'design-comuni-plone-theme/components/ItaliaTheme/View/TrasparenzaView/TrasparenzaView';
-import DettagliProcedimentiView from 'design-comuni-plone-theme/components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView';
-import PuntoDiContattoView from 'design-comuni-plone-theme/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView';
-import IncaricoView from 'design-comuni-plone-theme/components/ItaliaTheme/View/IncaricoView/IncaricoView';
+import {
+  PageView,
+  NewsItemView,
+  UOView,
+  PersonaView,
+  VenueView,
+  ServizioView,
+  EventoView,
+  PaginaArgomentoView,
+  CartellaModulisticaView,
+  DocumentoView,
+  ModuloView,
+  BandoView,
+  FaqFolderView,
+  FaqView,
+  TrasparenzaView,
+  DettagliProcedimentiView,
+  PuntoDiContattoView,
+  IncaricoView,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 defineMessages({
   modulistica_view: {

package/src/config/Widgets/widgets.js

@@ -1,23 +1,25 @@
 import React from 'react';
-import CharCounterTextareaWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget';
-import CharCounterTextWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextWidget';
+
 import { DatetimeWidget } from '@plone/volto/config/Widgets';
 import { ArrayWidget, WysiwygWidget } from '@plone/volto/components';
 import { MultilingualWidget } from 'volto-multilingual-widget';
-import IconWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/IconWidget';
-import SubsiteSocialLinksWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SubsiteSocialLinksWidget';
-import MenuConfigurationForm from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/MenuConfigurationForm';
-import SecondaryMenuConfigurationForm from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SecondaryMenuConfigurationForm';
-import SubFooterConfigurationForm from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SubFooterConfigurationForm';
-import SearchSectionsConfigurationWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SearchSectionsConfigurationWidget/SearchSectionsConfigurationWidget';
+
 import { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers';
 import {
+  CharCounterTextareaWidget,
+  SearchSectionsConfigurationWidget,
+  CharCounterTextWidget,
+  IconWidget,
+  SubsiteSocialLinksWidget,
+  MenuConfigurationForm,
+  SecondaryMenuConfigurationForm,
+  SubFooterConfigurationForm,
   ColorListWidget,
   PathFiltersWidget,
   LocationFiltersWidget,
   CanaleDigitaleWidget,
-} from 'design-comuni-plone-theme/components/ItaliaTheme';
-import LuoghiCorrelatiEventoWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/LuoghiCorrelatiEventoWidget';
+  LuoghiCorrelatiEventoWidget,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets';
 
 const getItaliaWidgets = (config) => {
   config.registerComponent({

package/src/config/italiaConfig.js

@@ -40,25 +40,27 @@ import SiteSettingsExtras from 'design-comuni-plone-theme/components/ItaliaTheme
 import { loadables as ItaliaLoadables } from 'design-comuni-plone-theme/config/loadables';
 
 // CTs icons
-import faFileInvoiceSVG from 'design-comuni-plone-theme/icons/file-invoice.svg';
-import faFolderOpenSVG from 'design-comuni-plone-theme/icons/folder-open.svg';
-import faImageSVG from 'design-comuni-plone-theme/icons/image.svg';
-import faFileSVG from 'design-comuni-plone-theme/icons/file.svg';
-import faLinkSVG from 'design-comuni-plone-theme/icons/link.svg';
-import faBoxOpenSVG from 'design-comuni-plone-theme/icons/box-open.svg';
-import faArchiveSVG from 'design-comuni-plone-theme/icons/archive.svg';
-import faFileAltSVG from 'design-comuni-plone-theme/icons/file-alt.svg';
-import faCalendarAltSVG from 'design-comuni-plone-theme/icons/calendar-alt.svg';
-import faMapMarkedAltSVG from 'design-comuni-plone-theme/icons/map-marked-alt.svg';
-import faNewspaperSVG from 'design-comuni-plone-theme/icons/newspaper.svg';
-import faUserSVG from 'design-comuni-plone-theme/icons/user.svg';
-import faCogSVG from 'design-comuni-plone-theme/icons/cog.svg';
-import faSitemapSVG from 'design-comuni-plone-theme/icons/sitemap.svg';
-import faBuildingSVG from 'design-comuni-plone-theme/icons/building.svg';
-import faFileDownloadSVG from 'design-comuni-plone-theme/icons/file-download.svg';
-import faQuestionSVG from 'design-comuni-plone-theme/icons/question-solid.svg';
-import bandoSVG from 'design-comuni-plone-theme/icons/bando.svg';
-import logSVG from 'design-comuni-plone-theme/icons/log.svg';
+import {
+  faFileInvoiceSVG,
+  faFolderOpenSVG,
+  faImageSVG,
+  faFileSVG,
+  faLinkSVG,
+  faBoxOpenSVG,
+  faArchiveSVG,
+  faFileAltSVG,
+  faCalendarAltSVG,
+  faMapMarkedAltSVG,
+  faNewspaperSVG,
+  faUserSVG,
+  faCogSVG,
+  faSitemapSVG,
+  faBuildingSVG,
+  faFileDownloadSVG,
+  faQuestionSVG,
+  bandoSVG,
+  logSVG,
+} from 'design-comuni-plone-theme/icons';
 
 import applyRichTextConfig from 'design-comuni-plone-theme/config/RichTextEditor/config';
 
@@ -68,8 +70,8 @@ import { schemaListing } from 'design-comuni-plone-theme/components/ItaliaTheme/
 
 import reducers from 'design-comuni-plone-theme/reducers';
 
-const ReleaseLog = loadable(() =>
-  import('design-comuni-plone-theme/components/ReleaseLog/ReleaseLog'),
+const ReleaseLog = loadable(
+  () => import('design-comuni-plone-theme/components/ReleaseLog/ReleaseLog'),
 );
 
 const messages = defineMessages({

package/src/config/loadables.js

@@ -5,5 +5,10 @@ export const loadables = {
   reactSlick: loadable.lib(() => import('react-slick')),
   rrule: loadable.lib(() => import('rrule')),
   htmlDiffLib: loadable.lib(() => import('htmldiff-js')),
+  fontAwesomeAliases: loadable.lib(() =>
+    import(
+      /* webpackChunkName: "DCPTIcons" */ 'design-comuni-plone-theme/helpers/IconWidget/IconAliasHelper'
+    ),
+  ),
   ...subsitesLoadables,
 };

package/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx

@@ -6,6 +6,7 @@ CUSTOMIZATIONS:
 - 'background class' and 'block class' logic for search block
 - search block integration
 - pass 'block'  prop to listing variation
+- added bg_color = "" if is a search block
 */
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
@@ -77,12 +78,16 @@ const ListingBody = React.memo(
           ? `bg-${data.bg_color}`
           : 'bg-light';
 
+        if (isSearchBlockResults) {
+          bg_color = '';
+        }
+
         if (block.template === 'gridGalleryTemplate') {
           return `section section-muted section-inset-shadow py-5 ${bg_color} ${
             isSearchBlockResults ? '' : 'full-width'
           }`;
         } else {
-          return `py-5 ${
+          return `py-5 ${bg_color} ${
             isSearchBlockResults ? 'template-wrapper' : 'full-width'
           }`;
         }

package/src/customizations/volto/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx

@@ -8,9 +8,10 @@
  */
 
 import React, { Component } from 'react';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
-import moment from 'moment';
-import { RRule, RRuleSet, rrulestr } from 'rrule';
+//import { RRule, RRuleSet, rrulestr } from 'rrule';
 
 import cx from 'classnames';
 import { isEqual, map, find, concat, remove } from 'lodash';
@@ -24,6 +25,8 @@ import {
   Modal,
   Header,
 } from 'semantic-ui-react';
+import { toBackendLang } from '@plone/volto/helpers';
+import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 
 import { SelectWidget, Icon, DatetimeWidget } from '@plone/volto/components';
 
@@ -181,8 +184,10 @@ class RecurrenceWidget extends Component {
    */
   constructor(props, intl) {
     super(props);
+    const { RRuleSet, rrulestr } = props.rrule;
 
-    moment.locale(this.props.intl.locale);
+    this.moment = this.props.moment.default;
+    this.moment.locale(toBackendLang(this.props.lang));
 
     let rruleSet = this.props.value
       ? rrulestr(props.value, {
@@ -202,8 +207,8 @@ class RecurrenceWidget extends Component {
       formValues: this.getFormValues(rruleSet),
       RRULE_LANGUAGE: rrulei18n(
         this.props.intl,
-        moment,
-        this.props.intl.locale,
+        this.moment,
+        toBackendLang(this.props.lang),
       ),
     };
   }
@@ -279,8 +284,8 @@ class RecurrenceWidget extends Component {
 
   getUTCDate = (date) => {
     return date.match(/T(.)*(-|\+|Z)/g)
-      ? moment(date).utc()
-      : moment(`${date}Z`).utc();
+      ? this.moment(date).utc()
+      : this.moment(`${date}Z`).utc();
   };
 
   show = (dimmer) => () => {
@@ -436,17 +441,17 @@ class RecurrenceWidget extends Component {
         case 'until':
           let mDate = null;
           if (value) {
-            mDate = moment(new Date(value));
+            mDate = this.moment(new Date(value));
             if (typeof value === 'string') {
-              mDate = moment(new Date(value));
+              mDate = this.moment(new Date(value));
             } else {
               //object-->Date()
-              mDate = moment(value);
+              mDate = this.moment(value);
             }
 
             if (this.props.formData.end) {
               //set time from formData.end
-              const mEnd = moment(new Date(this.props.formData.end));
+              const mEnd = this.moment(new Date(this.props.formData.end));
               mDate.set('hour', mEnd.get('hour'));
               mDate.set('minute', mEnd.get('minute'));
             }
@@ -475,8 +480,8 @@ class RecurrenceWidget extends Component {
       field === 'dtstart'
         ? value
         : rruleSet.dtstart()
-          ? rruleSet.dtstart()
-          : new Date();
+        ? rruleSet.dtstart()
+        : new Date();
     var exdates =
       field === 'exdates' ? value : Object.assign([], rruleSet.exdates());
 
@@ -485,6 +490,8 @@ class RecurrenceWidget extends Component {
 
     rruleOptions.dtstart = dstart;
 
+    const { RRule, RRuleSet } = this.props.rrule;
+
     let set = new RRuleSet();
     //set.dtstart(dstart);
     set.rrule(new RRule(rruleOptions));
@@ -496,6 +503,7 @@ class RecurrenceWidget extends Component {
   };
 
   getDefaultUntil = (freq) => {
+    const moment = this.moment;
     var end = this.props.formData?.end
       ? moment(new Date(this.props.formData.end))
       : null;
@@ -545,6 +553,7 @@ class RecurrenceWidget extends Component {
   };
 
   changeField = (formValues, field, value) => {
+    const moment = this.moment;
     //  git p.log('field', field, 'value', value);
     //get weekday from state.
     var byweekday =
@@ -739,6 +748,7 @@ class RecurrenceWidget extends Component {
   };
 
   addDate = (date) => {
+    const moment = this.moment;
     let all = concat(this.state.rruleSet.all(), this.state.rruleSet.exdates());
 
     var simpleDate = moment(new Date(date)).startOf('day').toDate().getTime();
@@ -764,6 +774,7 @@ class RecurrenceWidget extends Component {
   };
 
   remove = () => {
+    const { RRuleSet } = this.props.rrule;
     this.props.onChange(this.props.id, null);
     let rruleSet = new RRuleSet();
     this.setState({
@@ -1007,4 +1018,10 @@ class RecurrenceWidget extends Component {
   }
 }
 
-export default injectIntl(RecurrenceWidget);
+export default compose(
+  injectLazyLibs(['moment', 'rrule']),
+  connect((state) => ({
+    lang: state.intl.locale,
+  })),
+  injectIntl,
+)(RecurrenceWidget);

package/src/customizations/volto/components/theme/Search/Search.jsx

@@ -3,6 +3,11 @@
  * @module components/theme/Search/Search
  */
 
-import Search from 'design-comuni-plone-theme/components/ItaliaTheme/Search/Search';
+import loadable from '@loadable/component';
 
+const Search = loadable(() =>
+  import(
+    /* webpackChunkName: "DCPTSearch" */ 'design-comuni-plone-theme/components/ItaliaTheme/Search/Search'
+  ),
+);
 export default Search;

package/src/customizations/volto-feedback/components/FeedbackForm/Steps/{Commons.jsx → Commons/FormHeader.jsx}

@@ -1,7 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
 
-export const FormHeader = ({ title, step, totalSteps, className, hidden }) => {
+const FormHeader = ({ title, step, totalSteps, className, hidden }) => {
   return (
     <div className={className}>
       <legend
@@ -21,3 +21,4 @@ export const FormHeader = ({ title, step, totalSteps, className, hidden }) => {
     </div>
   );
 };
+export default FormHeader;

package/src/helpers/IconWidget/IconAliasHelper.js

@@ -1,4 +1,4 @@
-export const fontAwesomeAliases = {
+const fontAwesomeAliases = {
   ad: 'rectangle-ad',
   adjust: 'circle-half-stroke',
   'air-freshener': 'spray-can-sparkles',
@@ -674,3 +674,4 @@ export const fontAwesomeAliases = {
   'window-close': 'rectangle-xmark',
   'wine-glass-alt': 'wine-glass-empty',
 };
+export default fontAwesomeAliases;

package/src/helpers/index.js

@@ -4,9 +4,8 @@
  * @example
  * export { Api } from './Api/Api';
  */
-
 export { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/IconWidget/IconWidgetHelper';
-export { fontAwesomeAliases } from 'design-comuni-plone-theme/helpers/IconWidget/IconAliasHelper';
+
 export {
   getCalendarDate,
   getEventRecurrenceMore,