design-comuni-plone-theme 11.29.2 → 12.0.0

package/src/config/RichTextEditor/config.js

@@ -1,253 +0,0 @@
-import React from 'react';
-import Styles from '@plone/volto/config/RichTextEditor/Styles';
-
-import ToHTMLRenderers from '@plone/volto/config/RichTextEditor/ToHTML';
-import FromHTML from '@plone/volto/config/RichTextEditor/FromHTML';
-import Plugins from '@plone/volto/config/RichTextEditor/Plugins';
-import Blocks from '@plone/volto/config/RichTextEditor/Blocks';
-//import FromHTMLCustomBlockFn from '@plone/volto/config/RichTextEditor/FromHTML';
-
-import UnderlineButton from 'design-comuni-plone-theme/config/RichTextEditor/ToolbarButtons/UnderlineButton';
-import HeadingsButton from 'design-comuni-plone-theme/config/RichTextEditor/ToolbarButtons/HeadingsButton';
-import AlignButton from 'design-comuni-plone-theme/config/RichTextEditor/ToolbarButtons/AlignButton';
-import CalloutsButton from 'design-comuni-plone-theme/config/RichTextEditor/ToolbarButtons/CalloutsButton';
-import ButtonsButton from 'design-comuni-plone-theme/config/RichTextEditor/ToolbarButtons/ButtonsButton';
-import TextSizeButton from 'design-comuni-plone-theme/config/RichTextEditor/ToolbarButtons/TextSizeButton';
-
-import LinkEntity from 'design-comuni-plone-theme/config/RichTextEditor/LinkEntity';
-
-const ItaliaRichTextEditorPlugins = (props) => [];
-const ItaliaRichTextEditorInlineToolbarButtons = (props, plugins) => {
-  const linkPlugin = plugins.filter((p) => p.LinkButton != null)[0];
-  const Separator = props.draftJsInlineToolbarPlugin.Separator;
-
-  const buttons = Styles(props);
-  const {
-    BoldButton,
-    ItalicButton,
-    // HeadlineTwoButton,
-    // HeadlineThreeButton,
-    UnorderedListButton,
-    OrderedListButton,
-    BlockquoteButton,
-    // CalloutButton,
-  } = buttons;
-
-  return [
-    AlignButton,
-    Separator,
-    BoldButton,
-    ItalicButton,
-    UnderlineButton(props),
-    TextSizeButton(props),
-    Separator,
-    HeadingsButton(props),
-    linkPlugin.LinkButton,
-    ButtonsButton(props),
-    Separator,
-    UnorderedListButton,
-    OrderedListButton,
-    BlockquoteButton,
-    CalloutsButton(props),
-  ];
-};
-
-const renderHTMLBlock = (child) => {
-  return child.map((subchild) => {
-    if (Array.isArray(subchild)) {
-      return subchild.map((subchildren) => {
-        if (typeof subchildren === 'string') {
-          const last = subchildren.split('\n').length - 1;
-          return subchildren.split('\n').map((item, index) => (
-            <React.Fragment key={index}>
-              {item}
-              {index !== last && <br />}
-            </React.Fragment>
-          ));
-        } else {
-          return subchildren;
-        }
-      });
-    } else {
-      return subchild;
-    }
-  });
-};
-const ItaliaBlocksHtmlRenderers = {
-  blockquote: (children, { keys }) =>
-    children.map((child, i) => (
-      <blockquote key={keys[i]}>{renderHTMLBlock(child)}</blockquote>
-    )),
-  'align-center': (children, { keys }) =>
-    children.map((child, i) => (
-      <p id={keys[i]} key={keys[i]} className="text-center">
-        {renderHTMLBlock(child)}
-      </p>
-    )),
-  'align-right': (children, { keys }) =>
-    children.map((child, i) => (
-      <p id={keys[i]} key={keys[i]} className="text-end">
-        {renderHTMLBlock(child)}
-      </p>
-    )),
-  'align-justify': (children, { keys }) =>
-    children.map((child, i) => (
-      <p id={keys[i]} key={keys[i]} className="text-justify">
-        {renderHTMLBlock(child)}
-      </p>
-    )),
-  callout: (children, { keys }) =>
-    children.map((child, i) => (
-      <p id={keys[i]} key={keys[i]} className="callout" role="note">
-        {renderHTMLBlock(child)}
-      </p>
-    )),
-  'callout-bg': (children, { keys }) =>
-    children.map((child, i) => (
-      <p id={keys[i]} key={keys[i]} className="callout-bg" role="note">
-        {renderHTMLBlock(child)}
-      </p>
-    )),
-  buttons: (children, { keys }) =>
-    children.map((child, i) => (
-      <p id={keys[i]} key={keys[i]} className="draftjs-buttons">
-        {renderHTMLBlock(child)}
-      </p>
-    )),
-};
-
-const ItaliaInlineHtmlRenderers = {
-  TEXT_LARGER: (children, { key }) => (
-    <span key={key} className="draftjs-text-larger">
-      {children}
-    </span>
-  ),
-};
-
-const ItaliaFromHTMLCustomBlockFn = (element) => {
-  let ret = FromHTML(element); //get default from plone/volto
-
-  if (!ret) {
-    if (element.className === 'callout-bg') {
-      ret = {
-        type: 'callout-bg',
-      };
-    } else if (element.className === 'draftjs-buttons') {
-      ret = {
-        type: 'buttons',
-      };
-    } else if (element.className === 'text-center') {
-      ret = {
-        type: 'align-center',
-      };
-    } else if (element.className === 'text-end') {
-      ret = {
-        type: 'align-right',
-      };
-    } else if (element.className === 'text-justify') {
-      ret = {
-        type: 'align-justify',
-      };
-    }
-  }
-  return ret;
-};
-
-const ItaliaFromHTMLCustomInlineFn = (element, { Style }) => {
-  if (element.tagName === 'SPAN') {
-    if (element.className === 'draftjs-text-larger') {
-      return Style('TEXT_LARGER');
-    }
-  }
-};
-
-export default function applyConfig(config) {
-  config.settings.richtextEditorSettings = (props) => {
-    const { plugins /*, inlineToolbarButtons*/ } = Plugins(props); // volto plugins
-    const { extendedBlockRenderMap, blockStyleFn, listBlockTypes } = Blocks(
-      props,
-    );
-
-    const { immutableLib } = props;
-    const { Map } = immutableLib;
-
-    const blockRenderMap = Map({
-      'align-center': {
-        element: (props) => <p {...props} style={{ textAlign: 'center' }} />,
-      },
-      'align-right': {
-        element: (props) => <p {...props} style={{ textAlign: 'right' }} />,
-      },
-      'align-justify': {
-        element: (props) => <p {...props} style={{ textAlign: 'justify' }} />,
-      },
-      'callout-bg': {
-        element: 'p',
-      },
-      buttons: {
-        element: 'p',
-      },
-    });
-
-    const italiaBlockStyleFunction = (contentBlock) => {
-      const type = contentBlock.getType();
-
-      let r = blockStyleFn(contentBlock) || '';
-      r = r.length > 0 ? ' ' : r;
-
-      const styles = {
-        callout: 'callout',
-        'callout-bg': 'callout-bg',
-        buttons: 'draftjs-buttons',
-      };
-
-      r += styles[type] ?? '';
-
-      return r;
-    };
-
-    return {
-      extendedBlockRenderMap: extendedBlockRenderMap
-        .update('text-center', (element = 'p') => element)
-        .merge(blockRenderMap),
-      voltoBlockStyleFn: blockStyleFn,
-      blockStyleFn: italiaBlockStyleFunction,
-      listBlockTypes: listBlockTypes,
-      richTextEditorPlugins: [
-        ...plugins,
-        ...ItaliaRichTextEditorPlugins(props),
-      ],
-      richTextEditorInlineToolbarButtons: ItaliaRichTextEditorInlineToolbarButtons(
-        props,
-        plugins,
-      ), //[inlineToolbarButtons,...ItaliaRichTextEditorInlineToolbarButtons(props)]
-      FromHTMLCustomBlockFn: ItaliaFromHTMLCustomBlockFn,
-      FromHTMLCustomInlineFn: ItaliaFromHTMLCustomInlineFn,
-      customStyleMap: {
-        TEXT_LARGER: { fontSize: '1.75rem' },
-      },
-    };
-  };
-
-  // TODO: rimuovere questa customizzazione quando sistemano https://github.com/plone/volto/issues/1601
-  config.settings.richtextViewSettings.ToHTMLRenderers = {
-    ...config.settings.richtextViewSettings.ToHTMLRenderers,
-    entities: {
-      ...config.settings.richtextViewSettings.ToHTMLRenderers.entities,
-      LINK: (children, props, other) => {
-        return (
-          <LinkEntity key={other.key} {...props}>
-            {children}
-          </LinkEntity>
-        );
-      },
-    },
-    blocks: {
-      ...ToHTMLRenderers.blocks,
-      ...ItaliaBlocksHtmlRenderers,
-    },
-    inline: { ...ToHTMLRenderers.inline, ...ItaliaInlineHtmlRenderers },
-  };
-
-  return config;
-}

package/src/config/volto-gdpr-privacy-defaultPanelConfig.js

@@ -1,292 +0,0 @@
-const defaultPanelConfig = {
-  last_updated: '2022-03-03T11:25:00+00:00', //it is used to know whether to resubmit the banner to the user if the choices have changed.
-  focusTrapEnabled: true,
-
-  text: {
-    //Text that is shown when the banner appears
-    it: {
-      title: 'Usiamo i cookie',
-      description:
-        "Questo sito utilizza i cookie tecnici di navigazione e di sessione per garantire un miglior servizio di navigazione del sito, e cookie analitici per raccogliere informazioni sull'uso del sito da parte degli utenti.  Utilizza anche cookie di profilazione dell'utente per fini statistici. Per i cookie di profilazione puoi decidere se abilitarli o meno cliccando sul pulsante 'Impostazioni'. Per saperne di più, su come disabilitare i cookie oppure abilitarne solo alcuni, consulta la nostra <a href='/privacy-policy'>Cookie Policy</a>.",
-    },
-    en: {
-      title: 'We use cookies',
-      description:
-        "This site uses technical navigation and session cookies to ensure a better site navigation service, and analytical cookies to collect information on the use of the site by users. It also uses user profiling cookies for statistical. For profiling cookies you can decide whether to enable them or not by clicking on the 'Settings' button. To find out more, on how to disable cookies or enable only some of them, consult our <a href='/en/privacy-policy'>Cookie Policy</a>.",
-    },
-    es: {
-      title: 'Nosotros usamos cookies',
-      description:
-        'Este sitio utiliza cookies técnicas de navegación y sesión para garantizar un mejor servicio de navegación en el sitio, y cookies analíticas para recopilar información sobre el uso del sitio por parte de los usuarios. También utiliza cookies de perfil de usuario con fines estadísticos. Para las cookies de creación de perfiles, puede decidir habilitarlas o no haciendo clic en el botón "Configuración". Para obtener más información sobre cómo deshabilitar las cookies o habilitar solo ciertas cookies, consulte nuestra <a href=\'/es/privacy-policy\'>Política de Cookies</a>.',
-    },
-    fr: {
-      title: 'We use cookies',
-      description:
-        "Ce site utilise des cookies techniques de navigation et de session pour assurer un meilleur service de navigation sur le site, et des cookies analytiques pour collecter des informations sur l'utilisation du site par les utilisateurs. Il utilise également des cookies de profilage des utilisateurs à des fins statistiques. Pour les cookies de profilage, vous pouvez décider de les activer ou non en cliquant sur le bouton « Paramètres ». Pour en savoir plus, sur la façon de désactiver les cookies ou d'en activer seulement certains, consultez notre <a href='/fr/privacy-policy'>Politique relative aux cookies</a>.",
-    },
-  },
-
-  //technical cookies configurations
-  technical: {
-    //main title and text for the technical cookies column in banner-cookies-settings
-    text: {
-      it: {
-        title: 'Cookie tecnici',
-        description:
-          'Il sito utilizza cookie tecnici per analizzare il traffico da e verso il sito. I cookie tecnici consento anche di fornire un migliore servizio di navigazione sul sito, e raccolgono informazioni di navigazione a questo scopo.',
-      },
-      en: {
-        title: 'Technical cookies',
-        description:
-          'The site uses technical cookies to analyze traffic to and from the site. Technical cookies also allow us to provide a better navigation service on the site, and collect navigation information for this purpose.',
-      },
-      es: {
-        title: 'Cookies técnicas',
-        description:
-          'El sitio utiliza cookies técnicas para analizar el tráfico hacia y desde el sitio. Las cookies técnicas también nos permiten brindar un mejor servicio de navegación en el sitio y recopilar información de navegación para este propósito.',
-      },
-      fr: {
-        title: 'Cookies techniques',
-        description:
-          'Le site utilise des cookies techniques pour analyser le trafic vers et depuis le site. Les cookies techniques nous permettent également de fournir un meilleur service de navigation sur le site, et de collecter des informations de navigation à cette fin.',
-      },
-    },
-
-    //technical cookies
-    choices: [
-      {
-        config_key: 'GANALYTICS', //reference to config.gdprPrivacyConfig keys
-        text: {
-          it: {
-            title: 'Google Analytics',
-            description:
-              "I cookie di Google Analytics sono usati per analizzare la navigazione sul sito al fine di migliorarla e fornire all'utente un'esperienza di navigazione migliore possibile.",
-          },
-          en: {
-            title: 'Google Analytics',
-            description:
-              'Google Analytics cookies are used to analyze navigation on the site in order to improve it and provide the user with the best possible browsing experience.',
-          },
-          es: {
-            title: 'Google Analytics',
-            description:
-              'Las cookies de Google Analytics se utilizan para analizar la navegación en el sitio con el fin de mejorarlo y proporcionar al usuario la mejor experiencia de navegación posible.',
-          },
-          fr: {
-            title: 'Google Analytics',
-            description:
-              "Les cookies de Google Analytics sont utilisés pour analyser la navigation sur le site afin de l'améliorer et offrir à l'utilisateur la meilleure expérience de navigation possible.",
-          },
-        },
-      },
-      {
-        config_key: 'GRECAPTCHA',
-        text: {
-          it: {
-            title: 'Google Re-Captcha',
-            description:
-              "I cookie di Google Re-Captcha sono usati per analizzare la navigazione sul sito al fine di migliorarla e fornire all'utente un'esperienza di navigazione migliore possibile.",
-          },
-          en: {
-            title: 'Google Re-Captcha',
-            description:
-              'Google Re-Captcha cookies are used to analyze navigation on the site in order to improve it and provide the user with the best possible browsing experience.',
-          },
-          es: {
-            title: 'Google Re-Captcha',
-            description:
-              'Las cookies de Google Recaptcha se utilizan para analizar la navegación en el sitio con el fin de mejorarlo y proporcionar al usuario la mejor experiencia de navegación posible.',
-          },
-          fr: {
-            title: 'Google Re-Captcha',
-            description:
-              "Les cookies de Google Re-Captcha sont utilisés pour analyser la navigation sur le site afin de l'améliorer et offrir à l'utilisateur la meilleure expérience de navigation possible.",
-          },
-        },
-      },
-    ],
-  },
-
-  //profiling cookies configuration
-  profiling: {
-    text: {
-      it: {
-        title: 'Cookie di profilazione',
-        description:
-          "Il sito utilizza cookie di profilazione per analizzare il comportamento e le scelte degli utenti al fine di proporre contenuti mirati corrispondenti al profilo dell'utente",
-      },
-      en: {
-        title: 'Profiling cookies',
-        description:
-          "The site uses profiling cookies to analyze user behavior and choices in order to propose targeted content corresponding to the user's profile",
-      },
-      es: {
-        title: 'Cookies de perfil',
-        description:
-          'El sitio utiliza cookies de perfil para analizar el comportamiento y las elecciones del usuario con el fin de proponer contenido específico que se corresponda con el perfil del usuario.',
-      },
-      fr: {
-        title: 'Cookies de profilage',
-        description:
-          "Le site utilise des cookies de profilage pour analyser le comportement et les choix de l'utilisateur afin de proposer un contenu ciblé correspondant au profil de l'utilisateur",
-      },
-    },
-
-    choices: [
-      {
-        config_key: 'YOUTUBE',
-        referenceUrls: ['youtube.com', 'youtube-nocookie.com', 'youtu.be'],
-        text: {
-          it: {
-            title: 'Youtube',
-            description:
-              "I cookie di profilazione di Youtube permettono di mostrarti le pubblicità che potrebbero interessarti di più, fare analisi di accesso alla pagina e sul comportamento dell'utente, facilitare l'accesso ai servizi di Google.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Per vedere il video, accetta i cookies di Youtube.',
-          },
-          en: {
-            title: 'Youtube',
-            description:
-              'Youtube profiling cookies allow you to show advertisements that may interest you the most, analyze page access and user behavior, facilitate access to Google services. ',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'To view the video, please accept Youtube cookies.',
-          },
-          es: {
-            title: 'Youtube',
-            description:
-              'Las cookies de perfil de Youtube le permiten mostrar los anuncios que más le pueden interesar, analizar el acceso a la página y el comportamiento del usuario, facilitar el acceso a los servicios de Google.',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Para ver el video, acepte las cookies de Youtube.',
-          },
-          fr: {
-            title: 'Youtube',
-            description:
-              "Les cookies de profilage Youtube vous permettent d'afficher les publicités susceptibles de vous intéresser le plus, d'analyser l'accès aux pages et le comportement des utilisateurs, de faciliter l'accès aux services Google.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Pour voir la vidéo, veuillez accepter les cookies Youtube.',
-          },
-        },
-      },
-      {
-        config_key: 'VIMEO',
-        referenceUrls: ['vimeo.com'],
-        text: {
-          it: {
-            title: 'Vimeo',
-            description:
-              "I cookie di profilazione di Vimeo permettono di fare analisi di accesso alla pagina e sul comportamento dell'utente, e di mostrarti le pubblicità che potrebbero interessarti di più.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Per vedere il video, accetta i cookies di Vimeo.',
-          },
-          en: {
-            title: 'Vimeo',
-            description:
-              'Vimeo profiling cookies allow you to analyze page access and user behavior, and to show you the advertisements that may interest you the most.',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'To view the video, please accept Vimeo cookies.',
-          },
-          es: {
-            title: 'Vimeo',
-            description:
-              'Las cookies de creación de perfiles de Vimeo le permiten analizar el acceso a la página y el comportamiento del usuario, y mostrarle los anuncios que más le pueden interesar.',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Para ver el video, acepte las cookies de Vimeo.',
-          },
-          fr: {
-            title: 'Vimeo',
-            description:
-              "Les cookies de profilage Vimeo vous permettent d'analyser l'accès aux pages et le comportement des utilisateurs, et de vous montrer les publicités qui pourraient vous intéresser le plus.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Pour voir la vidéo, veuillez accepter les cookies Vimeo.',
-          },
-        },
-      },
-      /*{
-        config_key: 'GOOGLEMAPS',
-        referenceUrls: ['google.com/maps'],
-        text: {
-          it: {
-            title: 'Google Maps',
-            description:
-              "I cookie di profilazione di Google permettono di fare analisi di accesso alla pagina e sul comportamento dell'utente, e di mostrarti le pubblicità che potrebbero interessarti di più.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Per vedere la mappa, accetta i cookies di Google Maps.',
-          },
-          en: {
-            title: 'Google Maps',
-            description:
-              'Google profiling cookies allow you to analyze page access and user behavior, and to show you the advertisements that may interest you the most.',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'To view map, please accept Google Maps cookies.',
-          },
-          es: {
-            title: 'Google Maps',
-            description:
-              'Las cookies de creación de perfiles de Google le permiten analizar el acceso a la página y el comportamiento del usuario, y mostrarle los anuncios que más le pueden interesar.',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Para ver el mapa, acepte las cookies de Google Maps.',
-          },
-          fr: {
-            title: 'Google Maps',
-            description:
-              "Les cookies de profilage Google vous permettent d'analyser l'accès aux pages et le comportement des utilisateurs, et de vous montrer les publicités qui pourraient vous intéresser le plus.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Pour afficher la carte, veuillez accepter les cookies de Google Maps.',
-          },
-        },
-      },*/
-      {
-        config_key: 'META',
-        referenceUrls: ['facebook.com', 'instagram.com'],
-        text: {
-          it: {
-            title: 'Facebook e Instagram (prodotti Meta)',
-            description:
-              "I cookie di profilazione di Meta permettono di fare analisi di accesso alla pagina e sul comportamento dell'utente, e di mostrarti le pubblicità che potrebbero interessarti di più, solo se sei iscritto a Facebook o Instagram o ad uno dei prodotti di Meta.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Per vedere i contenuti di Meta (Facebook, Instagram), accetta i cookies di Meta.',
-          },
-          en: {
-            title: 'Facebook and Instagram (Meta products)',
-            description:
-              'Meta profiling cookies allow you to analyze page access and user behavior, and to show you the advertisements that may interest you the most, only if you are subscribed into Facebook or Instagram or in one of Meta products.',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'To view Meta contents, please accept Meta cookies.',
-          },
-          es: {
-            title: 'Facebook e Instagram (productos Meta)',
-            description:
-              'Las cookies de metaperfilado le permiten analizar el acceso a la página y el comportamiento del usuario, y mostrarle los anuncios que más le pueden interesar, solo si está suscrito a Facebook o Instagram o en uno de los productos de Meta.',
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Para ver el contenido de Meta, acepte las cookies de Meta.',
-          },
-          fr: {
-            title: 'Facebook et Instagram (produits Meta)',
-            description:
-              "Les cookies de méta profilage vous permettent d'analyser l'accès aux pages et le comportement des utilisateurs, et de vous montrer les publicités susceptibles de vous intéresser le plus, uniquement si vous êtes abonné à Facebook ou Instagram ou à l'un des produits Meta.",
-            //text to show in conditional embed if that cookies are not enabled
-            conditional_embed_text:
-              'Pour afficher le contenu Meta, veuillez accepter les cookies Meta.',
-          },
-        },
-      },
-    ],
-  },
-};
-
-export default defaultPanelConfig;

package/src/customizations/volto/components/manage/Blocks/ToC/View.jsx

@@ -1,134 +0,0 @@
-/**
- * View toc block.
- * CUSTOMIZATIONS:
- * - TOC component cannot work with DraftJS, block ids
- * are different than block id in layout
- * @module components/manage/Blocks/ToC/View
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { injectIntl } from 'react-intl';
-import cx from 'classnames';
-import { Message } from 'semantic-ui-react';
-import config from '@plone/volto/registry';
-import { withBlockExtensions } from '@plone/volto/helpers';
-
-import {
-  getBlocksFieldname,
-  getBlocksLayoutFieldname,
-} from '@plone/volto/helpers';
-
-/**
- * View toc block class.
- * @class View
- * @extends Component
- */
-const View = (props) => {
-  const { properties, data } = props;
-  const { variation } = props;
-  const blocksFieldname = getBlocksFieldname(properties);
-  const blocksLayoutFieldname = getBlocksLayoutFieldname(properties);
-  const levels = React.useMemo(
-    () =>
-      data.levels?.length > 0
-        ? data.levels.map((l) => parseInt(l.slice(1)))
-        : [1, 2, 3, 4, 5, 6],
-    [data],
-  );
-  const tocEntries = React.useMemo(() => {
-    let rootLevel = Infinity;
-    let entries = [];
-    let prevEntry = {};
-    let tocEntries = {};
-    let tocEntriesLayout = [];
-
-    properties[blocksLayoutFieldname].items.forEach((id) => {
-      const block = properties[blocksFieldname][id];
-      if (typeof block === 'undefined') {
-        return null;
-      }
-      if (!config.blocks.blocksConfig[block['@type']]?.tocEntry) return null;
-      const entry = config.blocks.blocksConfig[block['@type']]?.tocEntry(
-        block,
-        data,
-      );
-      if (entry) {
-        const level = entry[0];
-        const title = entry[1];
-        const draftJSKey = entry[2];
-        const items = [];
-
-        if (!level || !levels.includes(level)) return;
-        tocEntriesLayout.push(draftJSKey);
-        tocEntries[draftJSKey] = {
-          level,
-          title: title || block.plaintext,
-          items,
-          id: draftJSKey,
-          override_toc: block.override_toc,
-          plaintext: block.plaintext,
-        };
-        if (level < rootLevel) {
-          rootLevel = level;
-        }
-      }
-    });
-
-    tocEntriesLayout.forEach((id) => {
-      const entry = tocEntries[id];
-      if (entry.level === rootLevel) {
-        entries.push(entry);
-        prevEntry = entry;
-        return;
-      }
-      if (!prevEntry.id) return;
-      if (entry.level > prevEntry.level) {
-        entry.parentId = prevEntry.id;
-        prevEntry.items.push(entry);
-        prevEntry = entry;
-      } else if (entry.level < prevEntry.level) {
-        let parent = tocEntries[prevEntry.parentId];
-        while (entry.level <= parent.level) {
-          parent = tocEntries[parent.parentId];
-        }
-        entry.parentId = parent.id;
-        parent.items.push(entry);
-        prevEntry = entry;
-      } else {
-        entry.parentId = prevEntry.parentId;
-        tocEntries[prevEntry.parentId].items.push(entry);
-        prevEntry = entry;
-      }
-    });
-
-    return entries;
-  }, [data, levels, properties, blocksFieldname, blocksLayoutFieldname]);
-
-  const Renderer = variation?.view;
-
-  return (
-    <div className={cx('table-of-contents', variation?.id)}>
-      {props.mode === 'edit' && !data.title && !tocEntries.length && (
-        <Message>Table of content</Message>
-      )}
-
-      {Renderer ? (
-        <Renderer {...props} tocEntries={tocEntries} properties={properties} />
-      ) : (
-        <div>View extension not found</div>
-      )}
-    </div>
-  );
-};
-
-/**
- * Property types.
- * @property {Object} propTypes Property types.
- * @static
- */
-View.propTypes = {
-  properties: PropTypes.objectOf(PropTypes.any).isRequired,
-};
-
-export default injectIntl(withBlockExtensions(View));