@eeacms/volto-eea-website-policy 1.3.4 → 1.5.0

package/CHANGELOG.md

@@ -4,6 +4,37 @@ 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.5.0](https://github.com/eea/volto-eea-website-policy/compare/1.4.0...1.5.0) - 24 March 2023
+
+#### :bug: Bug Fixes
+
+- fix(anchors): Keep anchor links internal - refs #142686 [Alin Voinea - [`402fb9b`](https://github.com/eea/volto-eea-website-policy/commit/402fb9b36333d80cd3c21337c0c079cb642d12b8)]
+
+#### :house: Internal changes
+
+- chore(cleanup): Remove Volto core customizations as the issues were fixed in Volto Core 16.18.0 - refs #142686 [Alin Voinea - [`d0824b2`](https://github.com/eea/volto-eea-website-policy/commit/d0824b2e14d2a18bfb161946c6d0090e11261a53)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.5.0 [Alin Voinea - [`a3dea8e`](https://github.com/eea/volto-eea-website-policy/commit/a3dea8ea15cb8d2a876dc10da926ece3a5707ea9)]
+- test(Jenkinsfile): Use latest stable volto for testing [Alin Voinea - [`a8f7123`](https://github.com/eea/volto-eea-website-policy/commit/a8f712364187f9638886667c249fa102cb49b5c0)]
+### [1.4.0](https://github.com/eea/volto-eea-website-policy/compare/1.3.4...1.4.0) - 21 February 2023
+
+#### :rocket: New Features
+
+- feat(contact-form): Redirect to /en/about/contact-us - refs #160689 [Alin Voinea - [`14ae1f0`](https://github.com/eea/volto-eea-website-policy/commit/14ae1f01c34f9b146207daee538f5988e1df821e)]
+
+#### :bug: Bug Fixes
+
+- fix(logout): Fix login / logout redirect loop on demo-www [Alin Voinea - [`ab3d0fe`](https://github.com/eea/volto-eea-website-policy/commit/ab3d0fe4a79ed29b63bb0673f748481439d61b3d)]
+
+#### :nail_care: Enhancements
+
+- refactor(contact-form): Moved to volto-eea-website-theme - refs #160689 [Alin Voinea - [`e7c2e18`](https://github.com/eea/volto-eea-website-policy/commit/e7c2e1851d2db95055ad11bfdd9c7ccf123195f6)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.4.0 [Alin Voinea - [`8add7f3`](https://github.com/eea/volto-eea-website-policy/commit/8add7f353887ade8399ab3ad56c96b9dcaba461b)]
 ### [1.3.4](https://github.com/eea/volto-eea-website-policy/compare/1.3.3...1.3.4) - 17 February 2023
 
 #### :bug: Bug Fixes
@@ -66,7 +97,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Release 1.1.0 [Alin Voinea - [`0291b3b`](https://github.com/eea/volto-eea-website-policy/commit/0291b3bb7b4c6ab09ca98728885cea4051eac8e3)]
-- yarn 3 [Alin Voinea - [`593aa58`](https://github.com/eea/volto-eea-website-policy/commit/593aa58eaa4d28aced0603b7f7dd125c857a6f54)]
 ### [1.0.4](https://github.com/eea/volto-eea-website-policy/compare/1.0.3...1.0.4) - 22 November 2022
 
 #### :nail_care: Enhancements
@@ -112,7 +142,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`d153f54`](https://github.com/eea/volto-eea-website-policy/commit/d153f54e55e918fa4746e05488c734624eaf14a9)]
 ### [0.4.0](https://github.com/eea/volto-eea-website-policy/compare/0.3.3...0.4.0) - 19 September 2022
 
 #### :hammer_and_wrench: Others
@@ -188,7 +217,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - format index.js [Andrei Grigore - [`db4481a`](https://github.com/eea/volto-eea-website-policy/commit/db4481aeeba59a769272659f33278c902fc69bec)]
 - Update index.js [Alexandru Ghica - [`dc09886`](https://github.com/eea/volto-eea-website-policy/commit/dc0988640a76a9914381b120f58bb61a9ab1eb39)]
 - Added externalRoutes [Alexandru Ghica - [`b68135b`](https://github.com/eea/volto-eea-website-policy/commit/b68135b013fafa93a41ea602ea2fad30879abe0f)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`575cca6`](https://github.com/eea/volto-eea-website-policy/commit/575cca674602ca2e1c2a41300c47ba594ff49aa0)]
 ### [0.1.1](https://github.com/eea/volto-eea-website-policy/compare/0.1.0...0.1.1) - 4 March 2022
 
 #### :hammer_and_wrench: Others
@@ -201,5 +229,4 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- yarn bootstrap [Alin Voinea - [`9b4d197`](https://github.com/eea/volto-eea-website-policy/commit/9b4d197cbc7992566cb36524d190078d5ad21a44)]
 - Initial commit [Alin Voinea - [`3800692`](https://github.com/eea/volto-eea-website-policy/commit/3800692f7a4de6460815bd6061facacb986cbef0)]

package/package.json

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

package/src/index.js

@@ -5,7 +5,7 @@ import { addStylingFieldsetSchemaEnhancer } from '@eeacms/volto-eea-website-poli
 
 const applyConfig = (config) => {
   // #158717#note-25 any path that isn't static, en or controlpanel is treated as external
-  const notInEN = /^(?!.*(\/en|\/static|\/controlpanel|\/cypress)).*$/;
+  const notInEN = /^(?!.*(#|\/en|\/static|\/controlpanel|\/cypress|\/login|\/logout|\/contact-form)).*$/;
   config.settings.externalRoutes = [
     ...(config.settings.externalRoutes || []),
     {
@@ -17,6 +17,9 @@ const applyConfig = (config) => {
     },
   ];
 
+  // #160689 Redirect contact-form to contact-us
+  config.settings.contactForm = '/en/about/contact-us';
+
   // #137187 Keycloak integration
   if (runtimeConfig['RAZZLE_KEYCLOAK'] === 'Yes') {
     config.settings.externalRoutes = [

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

@@ -1,625 +0,0 @@
-/**
- * Toolbar component.
- * @module components/manage/Toolbar/Toolbar
- */
-
-import React, { Component } from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
-import PropTypes from 'prop-types';
-import { Link } from 'react-router-dom';
-import jwtDecode from 'jwt-decode';
-import { connect } from 'react-redux';
-import { compose } from 'redux';
-import { doesNodeContainClick } from 'semantic-ui-react/dist/commonjs/lib';
-import { withCookies } from 'react-cookie';
-import { filter, find } from 'lodash';
-import cx from 'classnames';
-import config from '@plone/volto/registry';
-
-import More from '@plone/volto/components/manage/Toolbar/More';
-import PersonalTools from '@plone/volto/components/manage/Toolbar/PersonalTools';
-import Types from '@plone/volto/components/manage/Toolbar/Types';
-import PersonalInformation from '@plone/volto/components/manage/Preferences/PersonalInformation';
-import PersonalPreferences from '@plone/volto/components/manage/Preferences/PersonalPreferences';
-import StandardWrapper from '@plone/volto/components/manage/Toolbar/StandardWrapper';
-import {
-  getTypes,
-  listActions,
-  setExpandedToolbar,
-  unlockContent,
-} from '@plone/volto/actions';
-import { Icon } from '@plone/volto/components';
-import {
-  BodyClass,
-  getBaseUrl,
-  getCookieOptions,
-  hasApiExpander,
-} from '@plone/volto/helpers';
-import { Pluggable } from '@plone/volto/components/manage/Pluggable';
-
-import penSVG from '@plone/volto/icons/pen.svg';
-import unlockSVG from '@plone/volto/icons/unlock.svg';
-import folderSVG from '@plone/volto/icons/folder.svg';
-import addSVG from '@plone/volto/icons/add-document.svg';
-import moreSVG from '@plone/volto/icons/more.svg';
-import userSVG from '@plone/volto/icons/user.svg';
-import backSVG from '@plone/volto/icons/back.svg';
-import clearSVG from '@plone/volto/icons/clear.svg';
-
-const messages = defineMessages({
-  edit: {
-    id: 'Edit',
-    defaultMessage: 'Edit',
-  },
-  contents: {
-    id: 'Contents',
-    defaultMessage: 'Contents',
-  },
-  add: {
-    id: 'Add',
-    defaultMessage: 'Add',
-  },
-  more: {
-    id: 'More',
-    defaultMessage: 'More',
-  },
-  personalTools: {
-    id: 'Personal tools',
-    defaultMessage: 'Personal tools',
-  },
-  shrinkToolbar: {
-    id: 'Shrink toolbar',
-    defaultMessage: 'Shrink toolbar',
-  },
-  personalInformation: {
-    id: 'Personal Information',
-    defaultMessage: 'Personal Information',
-  },
-  personalPreferences: {
-    id: 'Personal Preferences',
-    defaultMessage: 'Personal Preferences',
-  },
-  collection: {
-    id: 'Collection',
-    defaultMessage: 'Collection',
-  },
-  file: {
-    id: 'File',
-    defaultMessage: 'File',
-  },
-  link: {
-    id: 'Link',
-    defaultMessage: 'Link',
-  },
-  newsItem: {
-    id: 'News Item',
-    defaultMessage: 'News Item',
-  },
-  page: {
-    id: 'Page',
-    defaultMessage: 'Page',
-  },
-  back: {
-    id: 'Back',
-    defaultMessage: 'Back',
-  },
-  unlock: {
-    id: 'Unlock',
-    defaultMessage: 'Unlock',
-  },
-});
-
-let toolbarComponents = {
-  personalTools: { component: PersonalTools, wrapper: null },
-  more: { component: More, wrapper: null },
-  types: { component: Types, wrapper: null, contentAsProps: true },
-  profile: {
-    component: PersonalInformation,
-    wrapper: StandardWrapper,
-    wrapperTitle: messages.personalInformation,
-    hideToolbarBody: true,
-  },
-  preferences: {
-    component: PersonalPreferences,
-    wrapper: StandardWrapper,
-    wrapperTitle: messages.personalPreferences,
-    hideToolbarBody: true,
-  },
-};
-
-/**
- * Toolbar container class.
- * @class Toolbar
- * @extends Component
- */
-class Toolbar extends Component {
-  /**
-   * Property types.
-   * @property {Object} propTypes Property types.
-   * @static
-   */
-  static propTypes = {
-    actions: PropTypes.shape({
-      object: PropTypes.arrayOf(PropTypes.object),
-      object_buttons: PropTypes.arrayOf(PropTypes.object),
-      user: PropTypes.arrayOf(PropTypes.object),
-    }),
-    token: PropTypes.string,
-    userId: PropTypes.string,
-    pathname: PropTypes.string.isRequired,
-    content: PropTypes.shape({
-      '@type': PropTypes.string,
-      is_folderish: PropTypes.bool,
-      review_state: PropTypes.string,
-    }),
-    getTypes: PropTypes.func.isRequired,
-    types: PropTypes.arrayOf(
-      PropTypes.shape({
-        '@id': PropTypes.string,
-        addable: PropTypes.bool,
-        title: PropTypes.string,
-      }),
-    ),
-    listActions: PropTypes.func.isRequired,
-    unlockContent: PropTypes.func,
-    unlockRequest: PropTypes.objectOf(PropTypes.any),
-    inner: PropTypes.element.isRequired,
-    hideDefaultViewButtons: PropTypes.bool,
-  };
-
-  /**
-   * Default properties.
-   * @property {Object} defaultProps Default properties.
-   * @static
-   */
-  static defaultProps = {
-    actions: null,
-    token: null,
-    userId: null,
-    content: null,
-    hideDefaultViewButtons: false,
-    types: [],
-  };
-
-  toolbarWindow = React.createRef();
-
-  constructor(props) {
-    super(props);
-    const { cookies } = props;
-    this.state = {
-      expanded: cookies.get('toolbar_expanded') !== 'false',
-      showMenu: false,
-      menuStyle: {},
-      menuComponents: [],
-      loadedComponents: [],
-      hideToolbarBody: false,
-    };
-  }
-
-  /**
-   * Component will mount
-   * @method componentDidMount
-   * @returns {undefined}
-   */
-  componentDidMount() {
-    // Do not trigger the actions action if the expander is present
-    if (!hasApiExpander('actions', getBaseUrl(this.props.pathname))) {
-      this.props.listActions(getBaseUrl(this.props.pathname));
-    }
-    // Do not trigger the types action if the expander is present
-    if (!hasApiExpander('types', getBaseUrl(this.props.pathname))) {
-      this.props.getTypes(getBaseUrl(this.props.pathname));
-    }
-    toolbarComponents = {
-      ...(config.settings
-        ? config.settings.additionalToolbarComponents || {}
-        : {}),
-      ...toolbarComponents,
-    };
-    this.props.setExpandedToolbar(this.state.expanded);
-    document.addEventListener('mousedown', this.handleClickOutside, false);
-  }
-
-  /**
-   * Component will receive props
-   * @method componentWillReceiveProps
-   * @param {Object} nextProps Next properties
-   * @returns {undefined}
-   */
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.pathname !== this.props.pathname) {
-      // Do not trigger the actions action if the expander is present
-      if (!hasApiExpander('actions', getBaseUrl(nextProps.pathname))) {
-        this.props.listActions(getBaseUrl(nextProps.pathname));
-      }
-      // Do not trigger the types action if the expander is present
-      if (!hasApiExpander('types', getBaseUrl(nextProps.pathname))) {
-        this.props.getTypes(getBaseUrl(nextProps.pathname));
-      }
-    }
-
-    // Unlock
-    if (this.props.unlockRequest.loading && nextProps.unlockRequest.loaded) {
-      this.props.listActions(getBaseUrl(nextProps.pathname));
-    }
-  }
-
-  /**
-   * Component will receive props
-   * @method componentWillUnmount
-   * @returns {undefined}
-   */
-  componentWillUnmount() {
-    document.removeEventListener('mousedown', this.handleClickOutside, false);
-  }
-
-  handleShrink = () => {
-    const { cookies } = this.props;
-    cookies.set('toolbar_expanded', !this.state.expanded, getCookieOptions());
-    this.setState(
-      (state) => ({ expanded: !state.expanded }),
-      () => this.props.setExpandedToolbar(this.state.expanded),
-    );
-  };
-
-  closeMenu = () =>
-    this.setState(() => ({ showMenu: false, loadedComponents: [] }));
-
-  loadComponent = (type) => {
-    const { loadedComponents } = this.state;
-    if (!this.state.loadedComponents.includes(type)) {
-      this.setState({
-        loadedComponents: [...loadedComponents, type],
-        hideToolbarBody: toolbarComponents[type].hideToolbarBody || false,
-      });
-    }
-  };
-
-  unloadComponent = () => {
-    this.setState((state) => ({
-      loadedComponents: state.loadedComponents.slice(0, -1),
-      hideToolbarBody:
-        toolbarComponents[
-          state.loadedComponents[state.loadedComponents.length - 2]
-        ].hideToolbarBody || false,
-    }));
-  };
-
-  toggleMenu = (e, selector) => {
-    if (this.state.showMenu) {
-      this.closeMenu();
-      return;
-    }
-    // PersonalTools always shows at bottom
-    if (selector === 'personalTools') {
-      this.setState((state) => ({
-        showMenu: !state.showMenu,
-        menuStyle: { bottom: 0 },
-      }));
-    } else if (selector === 'more') {
-      this.setState((state) => ({
-        showMenu: !state.showMenu,
-        menuStyle: {
-          overflow: 'visible',
-          top: 0,
-        },
-      }));
-    } else {
-      this.setState((state) => ({
-        showMenu: !state.showMenu,
-        menuStyle: { top: 0 },
-      }));
-    }
-    this.loadComponent(selector);
-  };
-
-  handleClickOutside = (e) => {
-    if (this.pusher && doesNodeContainClick(this.pusher, e)) return;
-    this.closeMenu();
-  };
-
-  unlock = (e) => {
-    this.props.unlockContent(getBaseUrl(this.props.pathname), true);
-  };
-
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const path = getBaseUrl(this.props.pathname);
-    const lock = this.props.content?.lock;
-    const unlockAction =
-      lock?.locked && lock?.stealable && lock?.creator !== this.props.userId;
-    const editAction =
-      !unlockAction && find(this.props.actions.object, { id: 'edit' });
-    const folderContentsAction = find(this.props.actions.object, {
-      id: 'folderContents',
-    });
-    const { expanded } = this.state;
-
-    return (
-      this.props.token && (
-        <>
-          <BodyClass
-            className={expanded ? 'has-toolbar' : 'has-toolbar-collapsed'}
-          />
-          <div
-            style={this.state.menuStyle}
-            className={
-              this.state.showMenu ? 'toolbar-content show' : 'toolbar-content'
-            }
-            ref={this.toolbarWindow}
-          >
-            {this.state.showMenu && (
-              // This sets the scroll locker in the body tag in mobile
-              <BodyClass className="has-toolbar-menu-open" />
-            )}
-            <div
-              className="pusher-puller"
-              ref={(node) => (this.pusher = node)}
-              style={{
-                transform: this.toolbarWindow.current
-                  ? `translateX(-${
-                      (this.state.loadedComponents.length - 1) *
-                      this.toolbarWindow.current.getBoundingClientRect().width
-                    }px)`
-                  : null,
-              }}
-            >
-              {this.state.loadedComponents.map((component, index) =>
-                (() => {
-                  const ToolbarComponent =
-                    toolbarComponents[component].component;
-                  const WrapperComponent = toolbarComponents[component].wrapper;
-                  const haveActions =
-                    toolbarComponents[component].hideToolbarBody;
-                  const title =
-                    toolbarComponents[component].wrapperTitle &&
-                    this.props.intl.formatMessage(
-                      toolbarComponents[component].wrapperTitle,
-                    );
-                  if (WrapperComponent) {
-                    return (
-                      <WrapperComponent
-                        componentName={component}
-                        componentTitle={title}
-                        pathname={this.props.pathname}
-                        loadComponent={this.loadComponent}
-                        unloadComponent={this.unloadComponent}
-                        componentIndex={index}
-                        theToolbar={this.toolbarWindow}
-                        key={`personalToolsComponent-${index}`}
-                        closeMenu={this.closeMenu}
-                        hasActions={haveActions}
-                      >
-                        <ToolbarComponent
-                          pathname={this.props.pathname}
-                          loadComponent={this.loadComponent}
-                          unloadComponent={this.unloadComponent}
-                          componentIndex={index}
-                          theToolbar={this.toolbarWindow}
-                          closeMenu={this.closeMenu}
-                          isToolbarEmbedded
-                        />
-                      </WrapperComponent>
-                    );
-                  } else {
-                    return (
-                      <ToolbarComponent
-                        pathname={this.props.pathname}
-                        loadComponent={this.loadComponent}
-                        unloadComponent={this.unloadComponent}
-                        componentIndex={index}
-                        theToolbar={this.toolbarWindow}
-                        key={`personalToolsComponent-${index}`}
-                        closeMenu={this.closeMenu}
-                        content={
-                          toolbarComponents[component].contentAsProps
-                            ? this.props.content
-                            : null
-                        }
-                      />
-                    );
-                  }
-                })(),
-              )}
-            </div>
-          </div>
-          <div className={this.state.expanded ? 'toolbar expanded' : 'toolbar'}>
-            <div className="toolbar-body">
-              <div className="toolbar-actions">
-                {this.props.hideDefaultViewButtons && this.props.inner && (
-                  <>{this.props.inner}</>
-                )}
-                {!this.props.hideDefaultViewButtons && (
-                  <>
-                    {unlockAction && (
-                      <button
-                        aria-label={this.props.intl.formatMessage(
-                          messages.unlock,
-                        )}
-                        className="unlock"
-                        onClick={(e) => this.unlock(e)}
-                        tabIndex={0}
-                      >
-                        <Icon
-                          name={unlockSVG}
-                          size="30px"
-                          className="unlock"
-                          title={this.props.intl.formatMessage(messages.unlock)}
-                        />
-                      </button>
-                    )}
-
-                    {editAction && (
-                      <Link
-                        aria-label={this.props.intl.formatMessage(
-                          messages.edit,
-                        )}
-                        className="edit"
-                        to={`${path}/edit`}
-                      >
-                        <Icon
-                          name={penSVG}
-                          size="30px"
-                          className="circled"
-                          title={this.props.intl.formatMessage(messages.edit)}
-                        />
-                      </Link>
-                    )}
-                    {this.props.content &&
-                      this.props.content.is_folderish &&
-                      folderContentsAction &&
-                      !this.props.pathname.endsWith('/contents') && (
-                        <Link
-                          aria-label={this.props.intl.formatMessage(
-                            messages.contents,
-                          )}
-                          to={`${path}/contents`}
-                        >
-                          <Icon
-                            name={folderSVG}
-                            size="30px"
-                            title={this.props.intl.formatMessage(
-                              messages.contents,
-                            )}
-                          />
-                        </Link>
-                      )}
-                    {this.props.content &&
-                      this.props.content.is_folderish &&
-                      folderContentsAction &&
-                      this.props.pathname.endsWith('/contents') && (
-                        <Link
-                          to={`${path}`}
-                          aria-label={this.props.intl.formatMessage(
-                            messages.back,
-                          )}
-                        >
-                          <Icon
-                            name={backSVG}
-                            className="circled"
-                            size="30px"
-                            title={this.props.intl.formatMessage(messages.back)}
-                          />
-                        </Link>
-                      )}
-                    {this.props.content &&
-                      ((this.props.content.is_folderish &&
-                        this.props.types.length > 0) ||
-                        (config.settings.isMultilingual &&
-                          this.props.content['@components']?.translations)) && (
-                        <button
-                          className="add"
-                          aria-label={this.props.intl.formatMessage(
-                            messages.add,
-                          )}
-                          onClick={(e) => this.toggleMenu(e, 'types')}
-                          tabIndex={0}
-                          id="toolbar-add"
-                        >
-                          <Icon
-                            name={addSVG}
-                            size="30px"
-                            title={this.props.intl.formatMessage(messages.add)}
-                          />
-                        </button>
-                      )}
-                    <div className="toolbar-button-spacer" />
-                    <button
-                      className="more"
-                      aria-label={this.props.intl.formatMessage(messages.more)}
-                      onClick={(e) => this.toggleMenu(e, 'more')}
-                      tabIndex={0}
-                      id="toolbar-more"
-                    >
-                      <Icon
-                        className="mobile hidden"
-                        name={moreSVG}
-                        size="30px"
-                        title={this.props.intl.formatMessage(messages.more)}
-                      />
-                      {this.state.showMenu ? (
-                        <Icon
-                          className="mobile only"
-                          name={clearSVG}
-                          size="30px"
-                        />
-                      ) : (
-                        <Icon
-                          className="mobile only"
-                          name={moreSVG}
-                          size="30px"
-                        />
-                      )}
-                    </button>
-                  </>
-                )}
-                <Pluggable name="main.toolbar.top" />
-              </div>
-              <div className="toolbar-bottom">
-                <Pluggable
-                  name="main.toolbar.bottom"
-                  params={{ onClickHandler: this.toggleMenu }}
-                />
-                {!this.props.hideDefaultViewButtons && (
-                  <button
-                    className="user"
-                    aria-label={this.props.intl.formatMessage(
-                      messages.personalTools,
-                    )}
-                    onClick={(e) => this.toggleMenu(e, 'personalTools')}
-                    tabIndex={0}
-                    id="toolbar-personal"
-                  >
-                    <Icon
-                      name={userSVG}
-                      size="30px"
-                      title={this.props.intl.formatMessage(
-                        messages.personalTools,
-                      )}
-                    />
-                  </button>
-                )}
-              </div>
-            </div>
-            <div className="toolbar-handler">
-              <button
-                aria-label={this.props.intl.formatMessage(
-                  messages.shrinkToolbar,
-                )}
-                className={cx({
-                  [this.props.content?.review_state]: this.props.content
-                    ?.review_state,
-                })}
-                onClick={this.handleShrink}
-              />
-            </div>
-          </div>
-          <div className="pusher" />
-        </>
-      )
-    );
-  }
-}
-
-export default compose(
-  injectIntl,
-  withCookies,
-  connect(
-    (state, props) => ({
-      actions: state.actions.actions,
-      token: state.userSession.token,
-      userId: state.userSession.token
-        ? jwtDecode(state.userSession.token).sub
-        : '',
-      content: state.content.data,
-      pathname: props.pathname,
-      types: filter(state.types.types, 'addable'),
-      unlockRequest: state.content.unlock,
-    }),
-    { getTypes, listActions, setExpandedToolbar, unlockContent },
-  ),
-)(Toolbar);

package/src/customizations/volto/components/theme/View/LinkView.jsx

@@ -1,92 +0,0 @@
-/**
- * Link View.
- * @module components/theme/View/LinkView
- */
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers';
-import { Container } from 'semantic-ui-react';
-import { UniversalLink } from '@plone/volto/components';
-import { FormattedMessage } from 'react-intl';
-import config from '@plone/volto/registry';
-
-/**
- * View container class.
- * @class View
- * @extends Component
- */
-class LinkView extends Component {
-  /**
-   * Property types.
-   * @property {Object} propTypes Property types.
-   * @static
-   */
-  static propTypes = {
-    content: PropTypes.shape({
-      title: PropTypes.string,
-      description: PropTypes.string,
-      remoteUrl: PropTypes.string,
-    }),
-    token: PropTypes.string,
-  };
-
-  /**
-   * Default properties.
-   * @property {Object} defaultProps Default properties.
-   * @static
-   */
-  static defaultProps = {
-    content: null,
-    token: null,
-  };
-
-  componentDidMount() {
-    if (!this.props.token) {
-      const { remoteUrl } = this.props.content;
-      if (isInternalURL(remoteUrl) && remoteUrl.includes('/en/')) {
-        this.props.history.replace(flattenToAppURL(remoteUrl));
-      } else if (!__SERVER__) {
-        window.location.replace(flattenToAppURL(remoteUrl));
-      }
-    }
-  }
-
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const { remoteUrl } = this.props.content;
-    const { openExternalLinkInNewTab } = config.settings;
-    return (
-      <Container id="page-document">
-        <h1 className="documentFirstHeading">{this.props.content.title}</h1>
-        {this.props.content.description && (
-          <p className="documentDescription">
-            {this.props.content.description}
-          </p>
-        )}
-        {remoteUrl && (
-          <p>
-            <FormattedMessage
-              id="The link address is:"
-              defaultMessage="The link address is:"
-            />{' '}
-            <UniversalLink
-              href={remoteUrl}
-              openLinkInNewTab={
-                openExternalLinkInNewTab && !isInternalURL(remoteUrl)
-              }
-            >
-              {flattenToAppURL(remoteUrl)}
-            </UniversalLink>
-          </p>
-        )}
-      </Container>
-    );
-  }
-}
-
-export default LinkView;