@eeacms/volto-eea-website-theme 1.28.2 → 1.29.0

package/CHANGELOG.md

@@ -4,10 +4,35 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [1.28.2](https://github.com/eea/volto-eea-website-theme/compare/1.28.1...1.28.2) - 29 February 2024
+### [1.29.0](https://github.com/eea/volto-eea-website-theme/compare/1.28.3...1.29.0) - 7 March 2024
+
+#### :rocket: New Features
+
+- feat: set isPrint redux state when window.print() is triggered [laszlocseh - [`4d07b9a`](https://github.com/eea/volto-eea-website-theme/commit/4d07b9a76af0e43340e100db10ad1051c61f3a89)]
 
 #### :bug: Bug Fixes
 
+- fix: smaller timeout in window.print [laszlocseh - [`808d7e9`](https://github.com/eea/volto-eea-website-theme/commit/808d7e9ef406f38e008a718fd4883fe735c296de)]
+
+#### :house: Internal changes
+
+- chore: cleanup unused RemoveSchema code [laszlocseh - [`6d8de0a`](https://github.com/eea/volto-eea-website-theme/commit/6d8de0a27dd6bfd5645bb730d2c66f2d4784c158)]
+- chore: cleanup unused RemoveSchema code [laszlocseh - [`c1f2650`](https://github.com/eea/volto-eea-website-theme/commit/c1f2650f0f7ffb27c168399fabcbf69d0299235b)]
+
+#### :hammer_and_wrench: Others
+
+- test: TokenWidget.test.jsx and TopicsWidget.test.jsx cover more conditions [laszlocseh - [`dd154bb`](https://github.com/eea/volto-eea-website-theme/commit/dd154bb520237f458be563280cac1545eb381bdf)]
+- Bump version to 1.29.0 from 1.28.4 [Claudia Ifrim - [`7bc8eab`](https://github.com/eea/volto-eea-website-theme/commit/7bc8eabd4b0462fc5afc07ed131d074af642cc89)]
+- test: added TokenWidget.test.jsx and TopicsWidget.test.jsx [laszlocseh - [`f7292bb`](https://github.com/eea/volto-eea-website-theme/commit/f7292bb426591f758dcc7bc159b5dbd75b7afb36)]
+- test: added HomePageView.test.jsx and HomePageInverseView.test.jsx [laszlocseh - [`2076651`](https://github.com/eea/volto-eea-website-theme/commit/2076651820693825b5e20b0a7774307cd78eeb57)]
+- test: fix in Logo.test.jsx [laszlocseh - [`6d552f8`](https://github.com/eea/volto-eea-website-theme/commit/6d552f89d5aff6e47ef3032d4862a1bcbe364c01)]
+- test: add Logo.test.jsx [laszlocseh - [`752c562`](https://github.com/eea/volto-eea-website-theme/commit/752c5629840d906382858f088b97d33147684ca8)]
+- add isPrint missing files [laszlocseh - [`d995789`](https://github.com/eea/volto-eea-website-theme/commit/d995789f337a00455d45b5ec26de9c4c0c898ce6)]
+### [1.28.3](https://github.com/eea/volto-eea-website-theme/compare/1.28.2...1.28.3) - 5 March 2024
+
+#### :bug: Bug Fixes
+
+- fix(slate): fix copy/paste in slate from Microsoft Word Desktop App - refs #265782 [Miu Razvan - [`f7a128c`](https://github.com/eea/volto-eea-website-theme/commit/f7a128c4ef02207bf6dfd7adf38cb8df8f073d14)]
 - fix(event): add permalink in customization to the original volto component [kreafox - [`c662aae`](https://github.com/eea/volto-eea-website-theme/commit/c662aae7c271fa1170dd2dbd8cc9a374fed59a2f)]
 
 #### :nail_care: Enhancements
@@ -17,6 +42,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Allow hit Enter in the LayoutSettings block to create a new block [Tiberiu Ichim - [`ecde522`](https://github.com/eea/volto-eea-website-theme/commit/ecde52263ce6f989936962bda7bc1213b2750d7d)]
+### [1.28.2](https://github.com/eea/volto-eea-website-theme/compare/1.28.1...1.28.2) - 29 February 2024
+
 ### [1.28.1](https://github.com/eea/volto-eea-website-theme/compare/1.28.0...1.28.1) - 19 February 2024
 
 #### :bug: Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "1.28.2",
+  "version": "1.29.0",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/actions/index.js

@@ -1 +1 @@
-export * from './schema';
+export * from './print';

package/src/actions/print.js

@@ -0,0 +1,13 @@
+/**
+ * Print action.
+ * @module actions/print
+ */
+
+import { SET_ISPRINT } from '@eeacms/volto-eea-website-theme/constants/ActionTypes';
+
+export const setIsPrint = (data) => {
+  return {
+    type: SET_ISPRINT,
+    payload: data,
+  };
+};

package/src/components/theme/Banner/View.jsx

@@ -1,11 +1,11 @@
 import React, { useCallback, useMemo, useRef } from 'react';
 import { Helmet } from '@plone/volto/helpers';
 import { compose } from 'redux';
-import { connect } from 'react-redux';
+import { connect, useDispatch } from 'react-redux';
 import { withRouter } from 'react-router';
 import { defineMessages, injectIntl } from 'react-intl';
 import startCase from 'lodash/startCase';
-import { Icon } from 'semantic-ui-react';
+import { Icon, Loader } from 'semantic-ui-react';
 import Popup from '@eeacms/volto-eea-design-system/ui/Popup/Popup';
 import config from '@plone/volto/registry';
 import Banner from '@eeacms/volto-eea-design-system/ui/Banner/Banner';
@@ -14,7 +14,8 @@ import {
   sharePage,
 } from '@eeacms/volto-eea-design-system/ui/Banner/Banner';
 import Copyright from '@eeacms/volto-eea-design-system/ui/Copyright/Copyright';
-
+import { setIsPrint } from '@eeacms/volto-eea-website-theme/actions/print';
+import cx from 'classnames';
 import './styles.less';
 
 const messages = defineMessages({
@@ -65,6 +66,7 @@ const Title = ({ config = {}, properties }) => {
 };
 
 const View = (props) => {
+  const dispatch = useDispatch();
   const { banner = {}, intl } = props;
   const metadata = props.metadata || props.properties;
   const popupRef = useRef(null);
@@ -164,14 +166,95 @@ const View = (props) => {
               </>
             )}
             {!hideDownloadButton && (
-              <Banner.Action
-                icon="ri-download-2-fill"
-                title={intl.formatMessage(messages.download)}
-                className="download"
-                onClick={() => {
-                  window.print();
-                }}
-              />
+              <>
+                <Banner.Action
+                  icon="ri-download-2-fill"
+                  title={intl.formatMessage(messages.download)}
+                  className="download"
+                  onClick={() => {
+                    // set tabs to be visible
+                    const tabs = document.getElementsByClassName('ui tab');
+                    Array.from(tabs).forEach((tab) => {
+                      tab.style.display = 'block';
+                    });
+
+                    dispatch(setIsPrint(true));
+                    // display loader
+                    const printLoader = document.getElementById(
+                      'download-print-loader',
+                    );
+                    printLoader.style.display = 'flex';
+
+                    let timeoutValue = 1000;
+                    // if we have plotlycharts increase timeout
+                    setTimeout(() => {
+                      const plotlyCharts = document.getElementsByClassName(
+                        'visualization-wrapper',
+                      );
+                      if (plotlyCharts.length > 0) {
+                        timeoutValue = timeoutValue + 1000;
+                      }
+                    }, timeoutValue);
+
+                    // scroll to iframes to make them be in the viewport
+                    // use timeout to wait for load
+                    setTimeout(() => {
+                      const iframes = document.getElementsByTagName('iframe');
+                      if (iframes.length > 0) {
+                        timeoutValue = timeoutValue + 2000;
+                        Array.from(iframes).forEach((element, index) => {
+                          setTimeout(() => {
+                            element.scrollIntoView({
+                              behavior: 'instant',
+                              block: 'nearest',
+                              inline: 'center',
+                            });
+                          }, timeoutValue);
+                          timeoutValue = timeoutValue + 3000;
+                        });
+                        timeoutValue = timeoutValue + 1000;
+                      }
+
+                      setTimeout(() => {
+                        window.scrollTo({
+                          top: 0,
+                        });
+                        Array.from(tabs).forEach((tab) => {
+                          tab.style.display = '';
+                        });
+                        printLoader.style.display = 'none';
+                        dispatch(setIsPrint(false));
+                        window.print();
+                      }, timeoutValue);
+                    }, timeoutValue);
+                  }}
+                />
+                <div
+                  id="download-print-loader"
+                  className={cx('ui warning message')}
+                  style={{
+                    position: 'fixed',
+                    left: '40%',
+                    right: '40%',
+                    backgroundColor: '#fff',
+                    padding: '1em',
+                    display: 'none',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    top: '40%',
+                    zIndex: '9999',
+                  }}
+                >
+                  <Loader
+                    disabled={false}
+                    indeterminate
+                    active
+                    inline
+                    size="medium"
+                  ></Loader>
+                  <div>Preparing download</div>
+                </div>
+              </>
             )}
             {rssLinks?.map((rssLink, index) => (
               <>
@@ -253,6 +336,7 @@ export default compose(
   connect((state) => {
     return {
       types: state.types.types,
+      isPrint: state.isPrint,
     };
   }),
 )(View);

package/src/components/theme/Homepage/HomePageInverseView.test.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import HomePageInverseView from './HomePageInverseView';
+import '@testing-library/jest-dom/extend-expect';
+
+describe('HomePageInverseView Component', () => {
+  it('renders without crashing', () => {
+    const mockContent = (
+      <body>
+        <div>Mock content</div>
+      </body>
+    );
+    const { container } = render(<HomePageInverseView content={mockContent} />);
+    expect(container).toBeTruthy();
+  });
+});

package/src/components/theme/Homepage/HomePageView.test.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import HomePageView from './HomePageView';
+import '@testing-library/jest-dom/extend-expect';
+
+describe('HomePageView Component', () => {
+  it('renders without crashing', () => {
+    const mockContent = (
+      <body>
+        <div>Mock content</div>
+      </body>
+    );
+    const { container } = render(<HomePageView content={mockContent} />);
+    expect(container).toBeTruthy();
+  });
+});

package/src/components/theme/Logo.test.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import { Router } from 'react-router-dom';
+import { createMemoryHistory } from 'history';
+import EEALogo from './Logo';
+
+const mockStore = configureStore();
+let history = createMemoryHistory();
+
+describe('EEALogo Component', () => {
+  it('renders without crashing', () => {
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <Router history={history}>
+          <EEALogo />
+        </Router>
+      </Provider>,
+    );
+
+    expect(container).toBeTruthy();
+  });
+});

package/src/components/theme/Widgets/TokenWidget.test.jsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import { Router } from 'react-router-dom';
+import { createMemoryHistory } from 'history';
+import { TokenWidget } from './TokenWidget';
+
+const mockStore = configureStore();
+let history = createMemoryHistory();
+
+describe('TokenWidget Component', () => {
+  it('renders without crashing', () => {
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <Router history={history}>
+          <TokenWidget
+            value={['Value1', 'Value2']}
+            children={''}
+            className={'test'}
+          />
+        </Router>
+      </Provider>,
+    );
+
+    expect(container).toBeTruthy();
+  });
+
+  it('renders without crashing, without value', () => {
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <Router history={history}>
+          <TokenWidget value={null} children={''} className={'test'} />
+        </Router>
+      </Provider>,
+    );
+
+    expect(container).toBeTruthy();
+  });
+});

package/src/components/theme/Widgets/TopicsWidget.test.jsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import { Router } from 'react-router-dom';
+import { createMemoryHistory } from 'history';
+import { TopicsWidget } from './TopicsWidget';
+
+const mockStore = configureStore();
+let history = createMemoryHistory();
+
+describe('TopicsWidget Component', () => {
+  it('renders without crashing, with value', () => {
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <Router history={history}>
+          <TopicsWidget
+            value={['Value1', 'Value2']}
+            children={''}
+            className={'test'}
+          />
+        </Router>
+      </Provider>,
+    );
+
+    expect(container).toBeTruthy();
+  });
+
+  it('renders without crashing, without value', () => {
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <Router history={history}>
+          <TopicsWidget value={null} children={''} className={'test'} />
+        </Router>
+      </Provider>,
+    );
+
+    expect(container).toBeTruthy();
+  });
+});

package/src/constants/ActionTypes.js

@@ -0,0 +1,6 @@
+/**
+ * Action types.
+ * @module constants/ActionTypes
+ */
+
+export const SET_ISPRINT = 'SET_ISPRINT';

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

@@ -0,0 +1,372 @@
+/* eslint no-console: ["error", { allow: ["error", "warn"] }] */
+import { Editor, Transforms, Text } from 'slate'; // Range, RangeRef
+import config from '@plone/volto/registry';
+import {
+  getBlocksFieldname,
+  getBlocksLayoutFieldname,
+} from '@plone/volto/helpers';
+import _ from 'lodash';
+import { makeEditor } from '@plone/volto-slate/utils/editor';
+
+// case sensitive; first in an inner array is the default and preffered format
+// in that array of formats
+const formatAliases = [
+  ['strong', 'b'],
+  ['em', 'i'],
+  ['del', 's'],
+];
+
+/**
+ * Excerpt from Slate documentation, kept here for posterity:
+ * See https://docs.slatejs.org/concepts/11-normalizing#built-in-constraints
+
+## Built-in Constraints
+
+Slate editors come with a few built-in constraints out of the box. These
+constraints are there to make working with content much more predictable than
+standard contenteditable. All of the built-in logic in Slate depends on these
+constraints, so unfortunately you cannot omit them. They are...
+
+- All Element nodes must contain at least one Text descendant. If an element node
+does not contain any children, an empty text node will be added as its only
+child. This constraint exists to ensure that the selection's anchor and focus
+points (which rely on referencing text nodes) can always be placed inside any
+node. With this, empty elements (or void elements) wouldn't be selectable.
+
+- Two adjacent texts with the same custom properties will be merged. If two
+adjacent text nodes have the same formatting, they're merged into a single text
+node with a combined text string of the two. This exists to prevent the text
+nodes from only ever expanding in count in the document, since both adding and
+removing formatting results in splitting text nodes.
+
+- Block nodes can only contain other blocks, or inline and text nodes. For
+example, a paragraph block cannot have another paragraph block element and
+a link inline element as children at the same time. The type of children
+allowed is determined by the first child, and any other non-conforming children
+are removed. This ensures that common richtext behaviors like "splitting
+a block in two" function consistently.
+
+- Inline nodes cannot be the first or last child of a parent block, nor can it
+be next to another inline node in the children array. If this is the case, an
+empty text node will be added to correct this to be in compliance with the
+constraint.
+
+- The top-level editor node can only contain block nodes. If any of the
+top-level children are inline or text nodes they will be removed. This ensures
+that there are always block nodes in the editor so that behaviors like
+"splitting a block in two" work as expected.
+
+- These default constraints are all mandated because they make working with
+Slate documents much more predictable.
+
+Although these constraints are the best we've come up with now, we're always
+looking for ways to have Slate's built-in constraints be less constraining if
+possible—as long as it keeps standard behaviors easy to reason about. If you
+come up with a way to reduce or remove a built-in constraint with a different
+approach, we're all ears!
+ *
+ */
+
+export const normalizeExternalData = (editor, nodes) => {
+  let fakeEditor = makeEditor({ extensions: editor._installedPlugins });
+  // set the nodes to the fakeEditor
+  let currentIndex = 0;
+  fakeEditor.children = nodes.reduce((nodes, node) => {
+    if (Editor.isBlock(fakeEditor, node) && !!node.type) {
+      nodes.push(node);
+      currentIndex++;
+      return nodes;
+    }
+    if (!nodes[currentIndex]) {
+      nodes[currentIndex] = { type: 'p', children: [] };
+    }
+    nodes[currentIndex].children.push(node);
+    return nodes;
+  }, []);
+
+  Editor.normalize(fakeEditor, { force: true });
+
+  return fakeEditor.children;
+};
+
+/**
+ * Is it text? Is it whitespace (space, newlines, tabs) ?
+ *
+ */
+export const isWhitespace = (c) => {
+  return (
+    typeof c === 'string' &&
+    c.replace(/\s/g, '').replace(/\t/g, '').replace(/\n/g, '').length === 0
+  );
+};
+
+export function createDefaultBlock(children) {
+  return {
+    type: config.settings.slate.defaultBlockType,
+    children: children || [{ text: '' }],
+  };
+}
+
+export function createBlock(type, children) {
+  return {
+    type,
+    children: children || [{ text: '' }],
+  };
+}
+
+export function createEmptyParagraph() {
+  // TODO: rename to createEmptyBlock
+  return {
+    type: config.settings.slate.defaultBlockType,
+    children: [{ text: '' }],
+  };
+}
+
+export function createParagraph(text) {
+  return {
+    type: config.settings.slate.defaultBlockType,
+    children: [{ text }],
+  };
+}
+
+export const isSingleBlockTypeActive = (editor, format) => {
+  const [match] = Editor.nodes(editor, {
+    match: (n) => n.type === format,
+  });
+
+  return !!match;
+};
+
+export const isBlockActive = (editor, format) => {
+  const aliasList = _.find(formatAliases, (x) => _.includes(x, format));
+
+  if (aliasList) {
+    const aliasFound = _.some(aliasList, (y) => {
+      return isSingleBlockTypeActive(editor, y);
+    });
+
+    if (aliasFound) {
+      return true;
+    }
+  }
+
+  return isSingleBlockTypeActive(editor, format);
+};
+
+export const getBlockTypeContextData = (editor, format) => {
+  let isActive, defaultFormat, matcher;
+
+  const aliasList = _.find(formatAliases, (x) => _.includes(x, format));
+
+  if (aliasList) {
+    const aliasFound = _.some(aliasList, (y) => {
+      return isSingleBlockTypeActive(editor, y);
+    });
+
+    if (aliasFound) {
+      isActive = true;
+      defaultFormat = _.first(aliasList);
+      matcher = (n) => _.includes(aliasList, n.type);
+
+      return { isActive, defaultFormat, matcher };
+    }
+  }
+
+  isActive = isBlockActive(editor, format);
+  defaultFormat = format;
+  matcher = (n) => n.type === format;
+
+  return { isActive, defaultFormat, matcher };
+};
+
+export const toggleInlineFormat = (editor, format) => {
+  const { isActive, defaultFormat, matcher } = getBlockTypeContextData(
+    editor,
+    format,
+  );
+
+  if (isActive) {
+    const rangeRef = Editor.rangeRef(editor, editor.selection);
+
+    Transforms.unwrapNodes(editor, {
+      match: matcher,
+      split: false,
+    });
+
+    const newSel = JSON.parse(JSON.stringify(rangeRef.current));
+
+    Transforms.select(editor, newSel);
+    editor.setSavedSelection(newSel);
+    // editor.savedSelection = newSel;
+    return;
+  }
+
+  const exclusiveElements = config.settings.slate.exclusiveElements;
+  const matchedElements = exclusiveTags(exclusiveElements, format);
+  let alreadyOneIsActive =
+    !!matchedElements &&
+    (matchedElements.indexOf(format) === 0
+      ? isBlockActive(editor, matchedElements[1])
+      : isBlockActive(editor, matchedElements[0]));
+
+  if (alreadyOneIsActive) {
+    Transforms.unwrapNodes(editor, {
+      match: (n) => matchedElements.includes(n.type),
+      split: false,
+    });
+
+    const block = { type: format, children: [] };
+    Transforms.wrapNodes(editor, block, { split: true });
+    return;
+  }
+
+  // `children` property is added automatically as an empty array then
+  // normalized
+  const block = { type: defaultFormat };
+  Transforms.wrapNodes(editor, block, { split: true });
+};
+
+const exclusiveTags = (exclusiveElements, format) => {
+  let elements = null;
+  for (const item of exclusiveElements) {
+    if (item.includes(format)) {
+      elements = item;
+      break;
+    }
+  }
+
+  return elements;
+};
+
+export const toggleBlock = (editor, format, allowedChildren) => {
+  // We have 6 boolean variables which need to be accounted for.
+  // See https://docs.google.com/spreadsheets/d/1mVeMuqSTMABV2BhoHPrPAFjn7zUksbNgZ9AQK_dcd3U/edit?usp=sharing
+  const { slate } = config.settings;
+  const { listTypes } = slate;
+
+  const isListItem = isBlockActive(editor, slate.listItemType);
+  const isActive = isBlockActive(editor, format);
+  const wantsList = listTypes.includes(format);
+
+  if (isListItem && !wantsList) {
+    toggleFormatAsListItem(editor, format);
+  } else if (isListItem && wantsList && !isActive) {
+    switchListType(editor, format);
+  } else if (!isListItem && wantsList) {
+    changeBlockToList(editor, format);
+  } else if (!isListItem && !wantsList) {
+    toggleFormat(editor, format, allowedChildren);
+  } else if (isListItem && wantsList && isActive) {
+    clearFormatting(editor);
+  } else {
+    console.warn('toggleBlock case not covered, please examine:', {
+      wantsList,
+      isActive,
+      isListItem,
+    });
+  }
+};
+
+/*
+ * Applies a block format to a list item. Will split the list
+ */
+export const toggleFormatAsListItem = (editor, format) => {
+  Transforms.setNodes(editor, {
+    type: format,
+  });
+
+  Editor.normalize(editor);
+};
+
+/*
+ * Toggles between list types by exploding the block
+ */
+export const switchListType = (editor, format) => {
+  const { slate } = config.settings;
+  Transforms.unwrapNodes(editor, {
+    match: (n) => slate.listTypes.includes(n.type),
+    split: true,
+  });
+  const block = { type: format, children: [] };
+  Transforms.wrapNodes(editor, block);
+};
+
+export const changeBlockToList = (editor, format) => {
+  const { slate } = config.settings;
+  const [match] = Editor.nodes(editor, {
+    match: (n) => n.type === slate.listItemType,
+  });
+
+  if (!match) {
+    Transforms.setNodes(editor, {
+      type: slate.listItemType,
+      // id: nanoid(8),
+    });
+  }
+
+  // `children` property is added automatically as an empty array then
+  // normalized
+  const block = { type: format };
+  Transforms.wrapNodes(editor, block);
+};
+
+export const toggleFormat = (editor, format, allowedChildren) => {
+  const { slate } = config.settings;
+  const isActive = isBlockActive(editor, format);
+  const type = isActive ? slate.defaultBlockType : format;
+  Transforms.setNodes(editor, {
+    type,
+  });
+  allowedChildren?.length &&
+    Transforms.unwrapNodes(editor, {
+      mode: 'all',
+      at: [0],
+      match: (n, path) => {
+        const isMatch =
+          path.length > 1 && // we don't deal with the parent nodes
+          !(Text.isText(n) || allowedChildren.includes(n?.type));
+        return isMatch;
+      },
+    });
+};
+
+/**
+ * @param {object} properties A prop received by the View component
+ *  which is read by the `getBlocksFieldname` and
+ * `getBlocksLayoutFieldname` Volto helpers to produce the return value.
+ * @returns {Array} All the blocks data taken from the Volto form.
+ */
+export const getAllBlocks = (properties, blocks) => {
+  const blocksFieldName = getBlocksFieldname(properties);
+  const blocksLayoutFieldname = getBlocksLayoutFieldname(properties);
+
+  for (const n of properties?.[blocksLayoutFieldname]?.items || []) {
+    const block = properties[blocksFieldName][n];
+    // TODO Make this configurable via block config getBlocks
+    if (
+      block?.data?.[blocksLayoutFieldname] &&
+      block?.data?.[blocksFieldName]
+    ) {
+      getAllBlocks(block.data, blocks);
+    } else if (block?.[blocksLayoutFieldname] && block?.[blocksFieldName]) {
+      getAllBlocks(block, blocks);
+    }
+    blocks.push({
+      id: n,
+      ...block,
+    });
+  }
+  return blocks;
+};
+
+export const clearFormatting = (editor) => {
+  const { slate } = config.settings;
+  Transforms.setNodes(editor, {
+    type: slate.defaultBlockType,
+  });
+  Transforms.unwrapNodes(editor, {
+    match: (n) => n.type && n.type !== slate.defaultBlockType,
+    mode: 'all',
+    split: false,
+  });
+};

package/src/index.js

@@ -27,7 +27,7 @@ import contentBoxSVG from './icons/content-box.svg';
 import okMiddleware from './middleware/ok';
 import voltoCustomMiddleware from './middleware/voltoCustom';
 import installSlate from './slate';
-
+import { print } from './reducers';
 import { nanoid } from '@plone/volto-slate/utils';
 import { v4 as uuid } from 'uuid';
 
@@ -534,6 +534,12 @@ const applyConfig = (config) => {
     };
   }
 
+  // addonReducers
+  config.addonReducers = {
+    ...(config.addonReducers || {}),
+    print,
+  };
+
   // Breadcrumbs
   config.settings.apiExpanders.push({
     match: '',

package/src/index.test.js

@@ -215,6 +215,11 @@ describe('applyConfig', () => {
                 title: 'Horizontal',
                 isDefault: false,
               },
+              {
+                id: 'accordion',
+                title: 'Accordion responsive',
+                isDefault: false,
+              },
             ],
           },
           columnsBlock: {},

package/src/reducers/index.js

@@ -0,0 +1 @@
+export print from './print';

package/src/reducers/print.js

@@ -0,0 +1,21 @@
+/**
+ * Print reducer.
+ * @module reducers/print
+ */
+
+import { SET_ISPRINT } from '@eeacms/volto-eea-website-theme/constants/ActionTypes';
+
+const initialState = {
+  isPrint: false,
+};
+
+export default function print(state = initialState, action) {
+  if (action.type === SET_ISPRINT) {
+    return {
+      ...state,
+      isPrint: action.payload,
+    };
+  } else {
+    return state;
+  }
+}

package/src/actions/schema.js

@@ -1,5 +0,0 @@
-export function removeSchema() {
-  return {
-    type: 'REMOVE_SCHEMA',
-  };
-}