@eeacms/volto-cca-policy 0.3.131 → 1.0.0

package/src/customizations/@eeacms/volto-eea-design-system/ui/Header/HeaderMenuPopUp.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-filename-extension */
 import React, { useEffect, useState } from 'react';
 import {
   Accordion,
@@ -8,9 +9,18 @@ import {
   Transition,
 } from 'semantic-ui-react';
 
-import { cloneDeep } from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import kebabCase from 'lodash/kebabCase';
 
 import { useClickOutside } from '@eeacms/volto-eea-design-system/helpers';
+import { numbersToMenuItemColumns } from '@eeacms/volto-eea-design-system/ui/Header/utils';
+
+const generateCssClassFromUrl = (url) => {
+  if (!url) return '';
+  return kebabCase(
+    url.replace(/\//g, '-').replace(/\./g, '-').replace(/@/g, '-'),
+  );
+};
 
 const createColumns = (item, renderMenuItem, item_id) => {
   return item.items.map((item, index) => (
@@ -30,7 +40,8 @@ const ItemGrid = ({
   renderMenuItem,
   // hideChildrenFromNavigation,
 }) => {
-  const item_id = item.title.toLowerCase().replaceAll(' ', '-') + '-sub-title';
+  const item_id =
+    item?.title?.toLowerCase()?.replaceAll(' ', '-') + '-sub-title';
   return (
     <>
       {renderMenuItem(item, { className: 'sub-title', id: item_id })}
@@ -53,14 +64,14 @@ const Item = ({
   renderMenuItem,
   // hideChildrenFromNavigation,
 }) => {
-  const item_id = item.title.toLowerCase().replaceAll(' ', '-') + '-sub-title';
+  const item_id =
+    item?.title?.toLowerCase()?.replaceAll(' ', '-') + '-sub-title';
   return (
     <>
       {renderMenuItem(item, {
         className: 'sub-title',
         id: item_id,
       })}
-
       <List className="menu-list" aria-labelledby={item_id}>
         {item.items.map((listItem, index) => (
           <React.Fragment key={index}>
@@ -117,17 +128,31 @@ export const StandardMegaMenuGrid = ({ menuItem, renderMenuItem, layout }) => {
 
   const renderColumns = () => (
     <Grid>
-      {menuItemColumns.map((section, columnIndex) => (
-        <div className={layout.menuItemColumns[columnIndex]} key={columnIndex}>
-          {columnIndex !== menuItemColumnsLength
-            ? renderColumnContent(menuItem.items[columnIndex], columnIndex)
-            : menuItem.items
-                .slice(menuItemColumnsLength)
-                .map((section, _idx) =>
-                  renderColumnContent(section, columnIndex),
-                )}
-        </div>
-      ))}
+      {menuItemColumns.map((section, columnIndex) => {
+        const sectionItem =
+          columnIndex !== menuItemColumnsLength
+            ? menuItem.items[columnIndex]
+            : menuItem.items.slice(menuItemColumnsLength)[0];
+        const urlClass = sectionItem?.url
+          ? generateCssClassFromUrl(sectionItem.url)
+          : '';
+        const classNames = `${numbersToMenuItemColumns(
+          layout.menuItemColumns[columnIndex],
+        )}${urlClass ? ` ${urlClass}` : ''}`;
+        return (
+          <div className={classNames} key={columnIndex + '-column'}>
+            {columnIndex !== menuItemColumnsLength
+              ? renderColumnContent(menuItem.items[columnIndex], columnIndex)
+              : menuItem.items
+                  .slice(menuItemColumnsLength)
+                  .map((section, _idx) => (
+                    <React.Fragment key={`${columnIndex}-${_idx}`}>
+                      {renderColumnContent(section, columnIndex)}
+                    </React.Fragment>
+                  ))}
+          </div>
+        );
+      })}
     </Grid>
   );
 
@@ -199,10 +224,10 @@ const FirstLevelContent = ({ element, renderMenuItem, pathName }) => {
             firstLevelPanels.push(x);
             return (
               <Accordion.Accordion
-                className={'ui'}
                 panels={firstLevelPanels}
                 key={index}
                 defaultActiveIndex={defaultIndex === index ? 0 : -1}
+                className={'ui'}
               />
             );
           })}
@@ -225,7 +250,7 @@ const SecondLevelContent = ({ element, topics = false, renderMenuItem }) => {
       (element) => element.title === 'At a glance',
     );
     const inDepth = element.items.find(
-      (element) => element.url.indexOf('in-depth') !== -1,
+      (element) => element.url && element.url.indexOf('in-depth') !== -1,
     );
     content = (
       <List>
@@ -288,9 +313,7 @@ const NestedAccordion = ({ menuItems, renderMenuItem, pathName }) => {
         aria-expanded={activeIndex === index}
         as="button"
         onClick={() => {
-          if (activeIndex === index) {
-            setActiveIndex(-1);
-          } else setActiveIndex(index);
+          setActiveIndex(activeIndex === index ? -1 : index);
         }}
       >
         {element.title}
@@ -346,14 +369,19 @@ function HeaderMenuPopUp({
   const menuItem = menuItems.find(
     (current) => current.url === activeItem || current['@id'] === activeItem,
   );
-
+  // Get layout for current menu item and fallback to a * layout that can
+  // be used for all menu items that don't have a specific layout
   const layout =
     (!!menuItemsLayouts &&
-      Object.keys(menuItemsLayouts).includes(menuItem?.url) &&
-      menuItemsLayouts[menuItem.url]) ||
+      menuItem?.items?.length > 0 &&
+      (menuItemsLayouts[menuItem?.url] ||
+        menuItemsLayouts[
+          Object.keys(menuItemsLayouts).find((key) =>
+            menuItem?.url?.includes(key),
+          )
+        ])) ||
     (!!menuItemsLayouts && menuItemsLayouts['*']) ||
     {};
-
   return (
     <Transition visible={visible} animation="slide down" duration={300}>
       <div id="mega-menu" ref={nodeRef}>

package/src/customizations/@eeacms/volto-eea-design-system/ui/Header/HeaderSearchPopUp.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-filename-extension */
 import React, { useEffect } from 'react';
 import { Container, Input, List } from 'semantic-ui-react';
 import { withRouter, Link } from 'react-router-dom';

package/src/customizations/@eeacms/volto-eea-website-theme/components/theme/DraftBackground/DraftBackground.jsx

@@ -1,4 +1,5 @@
-import { BodyClass, flattenToAppURL } from '@plone/volto/helpers';
+import BodyClass from '@plone/volto/helpers/BodyClass/BodyClass';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import { connect } from 'react-redux';
 import { withRouter } from 'react-router-dom';
 import { compose } from 'redux';

package/src/customizations/@eeacms/volto-listing-block/blocks/Listing/item-templates/SimpleItemTemplates.jsx

@@ -1,6 +1,6 @@
 import cx from 'classnames';
-import { ConditionalLink } from '@plone/volto/components';
-import { getBaseUrl } from '@plone/volto/helpers';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
+import { getBaseUrl } from '@plone/volto/helpers/Url/Url';
 import { getVoltoStyles } from '@eeacms/volto-listing-block/schema-utils';
 
 const getStyles = (props) => {

package/src/customizations/@eeacms/volto-listing-block/components/UniversalCard/fragments/CardTitle.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Card as UiCard } from 'semantic-ui-react';
-import { ConditionalLink } from '@plone/volto/components';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 
 const getItemHref = (item) =>
   item?.linkHref || item?.linkWithHash || item?.['@id'];

package/src/customizations/@plone/volto-slate/blocks/Table/TableBlockView.jsx

@@ -10,7 +10,7 @@
 import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { Table } from 'semantic-ui-react';
-import { map } from 'lodash';
+import map from 'lodash/map';
 import {
   serializeNodes,
   serializeNodesToText,
@@ -100,8 +100,8 @@ const View = ({ data }) => {
                           state.column !== index
                             ? 'ascending'
                             : state.direction === 'ascending'
-                            ? 'descending'
-                            : 'ascending',
+                              ? 'descending'
+                              : 'ascending',
                       });
                     }}
                   >

package/src/customizations/@plone/volto-slate/blocks/Text/{index.js → index.jsx}

@@ -1,5 +1,4 @@
 import React from 'react';
-import redraft from 'redraft';
 import TextBlockView from '@plone/volto-slate/blocks/Text/TextBlockView';
 import TextBlockEdit from '@plone/volto-slate/blocks/Text/TextBlockEdit';
 import TextBlockSchema from '@plone/volto-slate/blocks/Text/TextBlockSchema';
@@ -129,26 +128,8 @@ export default function installTextBlock(config) {
       return override_toc && level
         ? [parseInt(level.slice(1)), entry_text]
         : config.settings.slate.topLevelTargetElements.includes(type)
-        ? [parseInt(type.slice(1)), plaintext]
-        : null;
-    },
-  };
-
-  // Make draft js compatible with ToC
-  config.blocks.blocksConfig.text = {
-    ...config.blocks.blocksConfig.text,
-    restricted: true,
-    tocEntry: (block = {}) => {
-      const draft = redraft(
-        block.text,
-        config.settings.richtextViewSettings.ToHTMLRenderers,
-        config.settings.richtextViewSettings.ToHTMLOptions,
-      );
-      const type = draft?.[0]?.[0]?.type;
-
-      return config.settings.slate.topLevelTargetElements.includes(type)
-        ? [parseInt(type.slice(1)), block.text.blocks[0].text]
-        : null;
+          ? [parseInt(type.slice(1)), plaintext]
+          : null;
     },
   };
 

package/src/customizations/@plone/volto-slate/editor/extensions/normalizeNode.js

@@ -1,6 +1,6 @@
 import { Text, Transforms, Element, Node, Path } from 'slate'; // Editor,
 import config from '@plone/volto/registry';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 
 const hasNoText = (node) => {
   const texts = Array.from(Node.texts(node));

package/src/customizations/@plone/volto-slate/utils/blocks.js

@@ -4,8 +4,11 @@ import config from '@plone/volto/registry';
 import {
   getBlocksFieldname,
   getBlocksLayoutFieldname,
-} from '@plone/volto/helpers';
-import _ from 'lodash';
+} from '@plone/volto/helpers/Blocks/Blocks';
+import find from 'lodash/find';
+import includes from 'lodash/includes';
+import some from 'lodash/some';
+import first from 'lodash/first';
 import { makeEditor } from '@plone/volto-slate/utils/editor';
 
 // case sensitive; first in an inner array is the default and preffered format
@@ -141,10 +144,10 @@ export const isSingleBlockTypeActive = (editor, format) => {
 };
 
 export const isBlockActive = (editor, format) => {
-  const aliasList = _.find(formatAliases, (x) => _.includes(x, format));
+  const aliasList = find(formatAliases, (x) => includes(x, format));
 
   if (aliasList) {
-    const aliasFound = _.some(aliasList, (y) => {
+    const aliasFound = some(aliasList, (y) => {
       return isSingleBlockTypeActive(editor, y);
     });
 
@@ -159,17 +162,17 @@ export const isBlockActive = (editor, format) => {
 export const getBlockTypeContextData = (editor, format) => {
   let isActive, defaultFormat, matcher;
 
-  const aliasList = _.find(formatAliases, (x) => _.includes(x, format));
+  const aliasList = find(formatAliases, (x) => includes(x, format));
 
   if (aliasList) {
-    const aliasFound = _.some(aliasList, (y) => {
+    const aliasFound = some(aliasList, (y) => {
       return isSingleBlockTypeActive(editor, y);
     });
 
     if (aliasFound) {
       isActive = true;
-      defaultFormat = _.first(aliasList);
-      matcher = (n) => _.includes(aliasList, n.type);
+      defaultFormat = first(aliasList);
+      matcher = (n) => includes(aliasList, n.type);
 
       return { isActive, defaultFormat, matcher };
     }

package/src/customizations/@plone/volto-slate/utils/volto-blocks.js

@@ -5,10 +5,10 @@ import {
   changeBlock,
   getBlocksFieldname,
   getBlocksLayoutFieldname,
-} from '@plone/volto/helpers';
+} from '@plone/volto/helpers/Blocks/Blocks';
 import { Transforms, Editor, Node, Text, Path } from 'slate';
 import { serializeNodesToText } from '@plone/volto-slate/editor/render';
-import { omit } from 'lodash';
+import omit from 'lodash/omit';
 import config from '@plone/volto/registry';
 
 function fromEntries(pairs) {

package/src/customizations/@plone/volto-slate/widgets/HtmlSlateWidget.jsx

@@ -3,14 +3,14 @@
  */
 
 import React from 'react';
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import ReactDOMServer from 'react-dom/server';
 import configureStore from 'redux-mock-store';
 import { MemoryRouter } from 'react-router-dom';
 import { Provider, useSelector } from 'react-redux';
 import { defineMessages, injectIntl } from 'react-intl';
 
-import { FormFieldWrapper } from '@plone/volto/components';
+import FormFieldWrapper from '@plone/volto/components/manage/Widgets/FormFieldWrapper';
 import SlateEditor from '@plone/volto-slate/editor/SlateEditor';
 import { serializeNodes } from '@plone/volto-slate/editor/render';
 import { makeEditor } from '@plone/volto-slate/utils';

package/src/customizations/@plone-collective/volto-authomatic/components/Login/Login.jsx

@@ -17,12 +17,15 @@ import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 import qs from 'query-string';
 import { useCookies } from 'react-cookie';
 
-import { Helmet } from '@plone/volto/helpers';
+import Helmet from '@plone/volto/helpers/Helmet/Helmet';
 import config from '@plone/volto/registry';
-import { Icon } from '@plone/volto/components';
-import { login, resetLoginRequest } from '@plone/volto/actions';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import {
+  login,
+  resetLoginRequest,
+} from '@plone/volto/actions/userSession/userSession';
 import { toast } from 'react-toastify';
-import { Toast } from '@plone/volto/components';
+import Toast from '@plone/volto/components/manage/Toast/Toast';
 import aheadSVG from '@plone/volto/icons/ahead.svg';
 import clearSVG from '@plone/volto/icons/clear.svg';
 

package/src/customizations/@plone-collective/volto-rss-provider/components/RSSFeedView.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import { compose } from 'redux';
 import { useDispatch, useSelector } from 'react-redux';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -18,16 +18,13 @@ import {
   Icon,
 } from 'semantic-ui-react';
 import config from '@plone/volto/registry';
-import { getSchema } from '@plone/volto/actions';
+import { getSchema } from '@plone/volto/actions/schema/schema';
 import { getWidget } from '@plone/volto/helpers/Widget/utils';
 import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks';
 import useClipboard from '@plone/volto/hooks/clipboard/useClipboard';
-import {
-  hasBlocksData,
-  getBaseUrl,
-  addAppURL,
-  Helmet,
-} from '@plone/volto/helpers';
+import { hasBlocksData } from '@plone/volto/helpers/Blocks/Blocks';
+import { getBaseUrl, addAppURL } from '@plone/volto/helpers/Url/Url';
+import Helmet from '@plone/volto/helpers/Helmet/Helmet';
 
 const messages = defineMessages({
   rssFeed: {

package/src/customizations/@plone-collective/volto-rss-provider/express-middleware.js

@@ -1,7 +1,8 @@
 import express from 'express';
 import superagent from 'superagent';
 import RSS from 'rss';
-import { findBlocks, toPublicURL } from '@plone/volto/helpers';
+import { findBlocks } from '@plone/volto/helpers/Blocks/Blocks';
+import { toPublicURL } from '@plone/volto/helpers/Url/Url';
 import config from '@plone/volto/registry';
 import { addHeadersFactory } from '@plone/volto/helpers/Proxy/Proxy';
 

package/src/customizations/volto/components/manage/AnchorPlugin/components/LinkButton/AddLinkForm.jsx

@@ -13,8 +13,8 @@ import {
   addAppURL,
   isInternalURL,
   flattenToAppURL,
-  URLUtils,
-} from '@plone/volto/helpers';
+} from '@plone/volto/helpers/Url/Url';
+import { URLUtils } from '@plone/volto/helpers/Url/Url';
 
 import { doesNodeContainClick } from 'semantic-ui-react/dist/commonjs/lib';
 import { Input, Form, Button } from 'semantic-ui-react';
@@ -27,7 +27,7 @@ import aheadSVG from '@plone/volto/icons/ahead.svg';
 import withObjectBrowser from '@plone/volto/components/manage/Sidebar/ObjectBrowser';
 import { withRouter } from 'react-router';
 
-import { Icon } from '@plone/volto/components';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
 
 const messages = defineMessages({
   placeholder: {

package/src/customizations/volto/components/manage/Blocks/Grid/templates.js

@@ -1,5 +1,5 @@
 import { defineMessages } from 'react-intl';
-import { blocksFormGenerator } from '@plone/volto/helpers';
+import { blocksFormGenerator } from '@plone/volto/helpers/Blocks/Blocks';
 
 import gridTemplate1 from './grid-1.svg';
 import gridTemplate2 from './grid-2.svg';

package/src/customizations/volto/components/manage/Contents/ContentsBreadcrumbs.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getBaseUrl } from '@plone/volto/helpers';
+import { getBaseUrl } from '@plone/volto/helpers/Url/Url';
 import { Breadcrumb } from 'semantic-ui-react';
 import { useSelector, useDispatch } from 'react-redux';
 import { Link, useLocation } from 'react-router-dom';

package/src/customizations/volto/components/manage/Controlpanels/ContentTypeLayout.jsx

@@ -10,31 +10,29 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { Link } from 'react-router-dom';
+import { getParentUrl } from '@plone/volto/helpers/Url/Url';
 import {
-  getParentUrl,
   hasBlocksData,
   getBlocksFieldname,
   getBlocksLayoutFieldname,
-} from '@plone/volto/helpers';
+} from '@plone/volto/helpers/Blocks/Blocks';
 import { Portal } from 'react-portal';
 import { Button, Segment } from 'semantic-ui-react';
 import { toast } from 'react-toastify';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-import { nth, join } from 'lodash';
+import nth from 'lodash/nth';
+import join from 'lodash/join';
+import Error from '@plone/volto/components/theme/Error/Error';
+import Form from '@plone/volto/components/manage/Form/Form';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import Toolbar from '@plone/volto/components/manage/Toolbar/Toolbar';
+import Sidebar from '@plone/volto/components/manage/Sidebar/Sidebar';
+import Toast from '@plone/volto/components/manage/Toast/Toast';
+import { getSchema, updateSchema } from '@plone/volto/actions/schema/schema';
 import {
-  Error,
-  Form,
-  Icon,
-  Toolbar,
-  Sidebar,
-  Toast,
-} from '@plone/volto/components';
-import {
-  getSchema,
-  updateSchema,
   getControlpanel,
   updateControlpanel,
-} from '@plone/volto/actions';
+} from '@plone/volto/actions/controlpanels/controlpanels';
 
 import saveSVG from '@plone/volto/icons/save.svg';
 import clearSVG from '@plone/volto/icons/clear.svg';

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

@@ -4,9 +4,14 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 
-import { getSchema, updateContent, getContent } from '@plone/volto/actions';
-import { getLayoutFieldname } from '@plone/volto/helpers';
-import { FormFieldWrapper, Icon } from '@plone/volto/components';
+import { getSchema } from '@plone/volto/actions/schema/schema';
+import {
+  updateContent,
+  getContent,
+} from '@plone/volto/actions/content/content';
+import { getLayoutFieldname } from '@plone/volto/helpers/Content/Content';
+import FormFieldWrapper from '@plone/volto/components/manage/Widgets/FormFieldWrapper';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
 import { defineMessages, injectIntl } from 'react-intl';
 import config from '@plone/volto/registry';
 
@@ -95,8 +100,8 @@ const customSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#4a4a4a'
+        : 'inherit',
     ':active': {
       backgroundColor: null,
     },

package/src/customizations/volto/components/manage/Multilingual/TranslationObject.jsx

@@ -4,20 +4,21 @@
  */
 
 import React, { useEffect, useState } from 'react';
-import { map } from 'lodash';
+import map from 'lodash/map';
 import { defineMessages, useIntl } from 'react-intl';
 import { Form as UiForm, Menu, Segment } from 'semantic-ui-react';
 import { Provider } from 'react-intl-redux';
-import { Form, Field } from '@plone/volto/components';
+import Form from '@plone/volto/components/manage/Form/Form';
+import Field from '@plone/volto/components/manage/Form/Field';
 import config from '@plone/volto/registry';
 import configureStore from '@plone/volto/store';
+import Api from '@plone/volto/helpers/Api/Api';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
+import langmap from '@plone/volto/helpers/LanguageMap/LanguageMap';
 import {
-  Api,
-  flattenToAppURL,
-  langmap,
   toGettextLang,
   toReactIntlLang,
-} from '@plone/volto/helpers';
+} from '@plone/volto/helpers/Utils/Utils';
 import { createBrowserHistory } from 'history';
 const messages = defineMessages({
   document: {

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

@@ -6,7 +6,10 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { compose } from 'redux';
-import { compact, isArray, isEmpty, remove } from 'lodash';
+import compact from 'lodash/compact';
+import isArray from 'lodash/isArray';
+import isEmpty from 'lodash/isEmpty';
+import remove from 'lodash/remove';
 import { connect } from 'react-redux';
 import { Label, Popup, Button } from 'semantic-ui-react';
 import {

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

@@ -2,25 +2,29 @@ import { useEffect, useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { compose } from 'redux';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
-import { uniqBy } from 'lodash';
+import uniqBy from 'lodash/uniqBy';
 import { toast } from 'react-toastify';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { FormFieldWrapper, Icon, Toast } from '@plone/volto/components';
+import FormFieldWrapper from '@plone/volto/components/manage/Widgets/FormFieldWrapper';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import Toast from '@plone/volto/components/manage/Toast/Toast';
 import { Dimmer, Loader } from 'semantic-ui-react';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import {
-  flattenToAppURL,
   getWorkflowOptions,
   getCurrentStateMapping,
-} from '@plone/volto/helpers';
+} from '@plone/volto/helpers/Workflows/Workflows';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
 
 import {
   getContent,
+  linkIntegrityCheck,
+} from '@plone/volto/actions/content/content';
+import {
   getWorkflow,
   transitionWorkflow,
-  linkIntegrityCheck,
-} from '@plone/volto/actions';
+} from '@plone/volto/actions/workflow/workflow';
 import WorkflowLinkIntegrityModal from '@eeacms/volto-cca-policy/components/manage/Workflow/WorkflowLinkIntegrityModal';
 import downSVG from '@plone/volto/icons/down-key.svg';
 import upSVG from '@plone/volto/icons/up-key.svg';
@@ -152,8 +156,8 @@ const customSelectStyles = {
     color: state.isSelected
       ? '#007bc1'
       : state.isFocused
-      ? '#4a4a4a'
-      : 'inherit',
+        ? '#4a4a4a'
+        : 'inherit',
     ':active': {
       backgroundColor: null,
     },

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

@@ -8,7 +8,8 @@ import jwtDecode from 'jwt-decode';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
-import { asyncConnect, Helmet } from '@plone/volto/helpers';
+import { asyncConnect } from '@plone/volto/helpers/AsyncConnect';
+import Helmet from '@plone/volto/helpers/Helmet/Helmet';
 import { Segment } from 'semantic-ui-react';
 import { renderRoutes } from 'react-router-config';
 import { Slide, ToastContainer, toast } from 'react-toastify';
@@ -23,28 +24,20 @@ import { injectIntl } from 'react-intl';
 
 import Error from '@plone/volto/error';
 
-import {
-  Breadcrumbs,
-  Footer,
-  Header,
-  Icon,
-  OutdatedBrowser,
-  AppExtras,
-  SkipLinks,
-} from '@plone/volto/components';
-import {
-  BodyClass,
-  getBaseUrl,
-  getView,
-  hasApiExpander,
-  isCmsUi,
-} from '@plone/volto/helpers';
-import {
-  getBreadcrumbs,
-  getContent,
-  getNavigation,
-  getTypes,
-} from '@plone/volto/actions';
+import Breadcrumbs from '@plone/volto/components/theme/Breadcrumbs/Breadcrumbs';
+import Footer from '@plone/volto/components/theme/Footer/Footer';
+import Header from '@plone/volto/components/theme/Header/Header';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import OutdatedBrowser from '@plone/volto/components/theme/OutdatedBrowser/OutdatedBrowser';
+import AppExtras from '@plone/volto/components/theme/AppExtras/AppExtras';
+import SkipLinks from '@plone/volto/components/theme/SkipLinks/SkipLinks';
+import BodyClass from '@plone/volto/helpers/BodyClass/BodyClass';
+import { getBaseUrl, getView, isCmsUi } from '@plone/volto/helpers/Url/Url';
+import { hasApiExpander } from '@plone/volto/helpers/Utils/Utils';
+import { getBreadcrumbs } from '@plone/volto/actions/breadcrumbs/breadcrumbs';
+import { getContent } from '@plone/volto/actions/content/content';
+import { getNavigation } from '@plone/volto/actions/navigation/navigation';
+import { getTypes } from '@plone/volto/actions/types/types';
 
 import clearSVG from '@plone/volto/icons/clear.svg';
 import MultilingualRedirector from '@plone/volto/components/theme/MultilingualRedirector/MultilingualRedirector';