design-comuni-plone-theme 11.19.0 → 11.20.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 
 
+## [11.20.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.19.0...v11.20.0) (2024-08-06)
+
+
+### Features
+
+* added option to pass static choices and isClearable to select filter ([f67acda](https://github.com/RedTurtle/design-comuni-plone-theme/commit/f67acdaee5b06ab615b8338bc286ae01c02b7fd4))
+
+
+### Bug Fixes
+
+* added new variable to set bg null ([#737](https://github.com/RedTurtle/design-comuni-plone-theme/issues/737)) ([5be0842](https://github.com/RedTurtle/design-comuni-plone-theme/commit/5be08427dc62200440cc0d3771c0a400e2871bab))
+
+
+### Maintenance
+
+* set the ground for performance improvements ([#659](https://github.com/RedTurtle/design-comuni-plone-theme/issues/659)) ([e5951a2](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e5951a22e51acf9f5deca0d12c848ee335e850fa))
+
+
+### Documentation
+
+* updated publiccode ([53523eb](https://github.com/RedTurtle/design-comuni-plone-theme/commit/53523eb3a968c2102bf7dcc4025518fe6fe343c5))
+
 ## [11.19.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.18.3...v11.19.0) (2024-08-01)
 
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.19.0",
+  "version": "11.20.0",
   "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-01'
+releaseDate: '2024-08-06'
 softwareType: standalone/web
-softwareVersion: 11.19.0
+softwareVersion: 11.20.0
 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 './Sidebar.jsx';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion';
 
 import { defineMessages } from 'react-intl';
 

package/src/components/ItaliaTheme/Blocks/Accordion/index.js

@@ -0,0 +1,16 @@
+import loadable from '@loadable/component';
+
+export AccordionView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion/View';
+
+export const AccordionEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion/Edit'
+    ),
+);
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Accordion/Sidebar'
+    ),
+);

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

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

package/src/components/ItaliaTheme/Blocks/Alert/index.js

@@ -0,0 +1,16 @@
+import loadable from '@loadable/component';
+
+export AlertView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/View';
+
+export const AlertEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/Edit'
+    ),
+);
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/Sidebar'
+    ),
+);

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/Sidebar.jsx';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence';
 import { ArgumentsInEvidenceBackground } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 class Edit extends SubblocksEdit {

package/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export ArgumentsInEvidenceView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/View';
+
+export const ArgumentsInEvidenceEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar'
+    ),
+);

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/Sidebar';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch';
 import { useIntl, defineMessages } from 'react-intl';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/BandiSearch/index.js

@@ -0,0 +1,16 @@
+import loadable from '@loadable/component';
+
+export BandiSearchView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/View';
+
+export const BandiSearchEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/Edit'
+    ),
+);
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/BandiSearch/Sidebar'
+    ),
+);

package/src/components/ItaliaTheme/Blocks/Break/index.js

@@ -0,0 +1,10 @@
+import loadable from '@loadable/component';
+
+export ViewBreak from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Break/View';
+
+export const EditBreak = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Break/Edit'
+    ),
+);

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/Sidebar.jsx';
-import BodyWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/BodyWrapper.jsx';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock';
+import BodyWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/BodyWrapper';
 import Block from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Block';
 
 class Edit extends React.Component {

package/src/components/ItaliaTheme/Blocks/CTABlock/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export CTABlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/View';
+
+export const CTABlockEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Sidebar'
+    ),
+);

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 ListingSidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/ListingSidebar';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar';
 
 const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
   return (
@@ -16,11 +16,7 @@ const Edit = ({ data, block, onChangeBlock, selected, pathname }) => {
         onChangeBlock={onChangeBlock}
       />
       <SidebarPortal selected={selected}>
-        <ListingSidebar
-          data={data}
-          block={block}
-          onChangeBlock={onChangeBlock}
-        />
+        <Sidebar data={data} block={block} onChangeBlock={onChangeBlock} />
       </SidebarPortal>
     </div>
   );

package/src/components/ItaliaTheme/Blocks/Calendar/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export CalendarView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/View';
+
+export const CalendarEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Calendar/ListingSidebar'
+    ),
+);

package/src/components/ItaliaTheme/Blocks/Common/SearchFilters/SelectFilter.jsx

@@ -56,9 +56,11 @@ const SelectFilter = ({
     }
   }, []);
 
-  const select_options = options?.vocabulary
-    ? vocabularies?.[options.vocabulary]?.items
-    : selectOptions;
+  const select_options = options?.choices
+    ? options.choices
+    : options?.vocabulary
+      ? vocabularies?.[options.vocabulary]?.items
+      : selectOptions;
 
   return (
     <div className="me-lg-3 my-2 my-lg-1 filter-wrapper select-filter">
@@ -70,7 +72,7 @@ const SelectFilter = ({
           onChange(id, opt);
         }}
         options={select_options?.filter((opt) => !!opt.value?.toString()) ?? []}
-        isClearable={true}
+        isClearable={options?.isClearable ?? true}
         isSearchable={isSearchable}
         // components={{
         //   ClearIndicator: (props) => {

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 './Sidebar.jsx';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock';
 
 const messages = defineMessages({
   addItem: {

package/src/components/ItaliaTheme/Blocks/ContactsBlock/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export ContactsBlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock/View';
+
+export const ContactsBlockEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ContactsBlock/Sidebar'
+    ),
+);

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/Sidebar';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown';
 import CountDown from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/CountDown';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/CountDown/index.js

@@ -0,0 +1,16 @@
+import loadable from '@loadable/component';
+
+export CountDownBlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/View';
+
+export const CountDownBlockEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/Edit'
+    ),
+);
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CountDown/Sidebar'
+    ),
+);

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/Sidebar';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch';
 import { useIntl, defineMessages } from 'react-intl';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/EventSearch/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export EventSearchView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/View';
+
+export const EventSearchEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/EventSearch/Sidebar'
+    ),
+);

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/Sidebar';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent';
 
 const messages = defineMessages({
   emptySelection: {

package/src/components/ItaliaTheme/Blocks/HighlightedContent/getAsyncData.js

@@ -0,0 +1,10 @@
+import { getContent } from '@plone/volto/actions';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+export default function getHiglitedContentAsyncData(props) {
+  const { data, id, dispatch } = props;
+
+  const subrequestID = id;
+
+  return [dispatch(getContent(flattenToAppURL(data.href), null, subrequestID))];
+}

package/src/components/ItaliaTheme/Blocks/HighlightedContent/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export HighlightedContentView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/View';
+export getHiglitedContentAsyncData from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/getAsyncData';
+
+export const HighlightedContentEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/Edit'
+    ),
+);
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/HighlightedContent/Sidebar'
+    ),
+);

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 './Sidebar.jsx';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks';
 
 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/IconWidget';
+import { IconWidget } from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets';
 import { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/index';
 import config from '@plone/volto/registry';
 

package/src/components/ItaliaTheme/Blocks/IconBlocks/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export IconBlocksView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks/View';
+
+export const IconBlocksEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/IconBlocks/Sidebar'
+    ),
+);

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 './Block/EditBlock';
-import Sidebar from './Sidebar.jsx';
+import EditBlock from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock/Block/EditBlock';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock';
 
 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/IconWidget';
+import { IconWidget } from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets';
 import { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/index';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/NumbersBlock/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export NumbersBlockView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock/View';
+
+export const NumbersBlockEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/NumbersBlock'
+    ),
+);

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

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

package/src/components/ItaliaTheme/Blocks/SearchSections/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export SearchSectionsView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/SearchSections/View';
+
+export const SearchSectionsEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/SearchSections/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/SearchSections/SideBar'
+    ),
+);

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 Sidebar from './Sidebar.jsx';
+import { TextCardWithImageSidebar as Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard';
 import BodyWrapper from './BodyWrapper.jsx';
 import Block from './Block';
 

package/src/components/ItaliaTheme/Blocks/TextCard/index.js

@@ -0,0 +1,23 @@
+import loadable from '@loadable/component';
+
+export TextCardView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/SimpleCard/View';
+export const TextCardEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/SimpleCard/Edit'
+    ),
+);
+
+export TextCardWithImageView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/CardWithImage/View';
+export const TextCardWithImageEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Edit'
+    ),
+);
+export const TextCardWithImageSidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/TextCard/CardWithImage/Sidebar'
+    ),
+);

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/Sidebar';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch';
 import { useIntl, defineMessages } from 'react-intl';
 
 const messages = defineMessages({

package/src/components/ItaliaTheme/Blocks/UOSearch/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export UOSearchView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/View';
+
+export const UOSearchEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/UOSearch/Sidebar'
+    ),
+);

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/Sidebar';
+import { Sidebar } from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery';
 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/Blocks/VideoGallery/index.js

@@ -0,0 +1,17 @@
+import loadable from '@loadable/component';
+
+export VideoGalleryView from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/View';
+
+export const VideoGalleryEdit = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Edit'
+    ),
+);
+
+export const Sidebar = loadable(
+  () =>
+    import(
+      /* webpackChunkName: "DCPTManage" */ 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Sidebar'
+    ),
+);