@eeacms/volto-eea-website-policy 1.4.0 → 1.6.0

package/CHANGELOG.md

@@ -4,6 +4,34 @@ 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.6.0](https://github.com/eea/volto-eea-website-policy/compare/1.5.0...1.6.0) - 22 May 2023
+
+#### :nail_care: Enhancements
+
+- change(blocks):  moved most used block config within eea-website-theme [David Ichim - [`b18d5ce`](https://github.com/eea/volto-eea-website-policy/commit/b18d5ce958c7e7f814969df8051d65c49133ca88)]
+- change(blocks): moved layout settings block within volto-eea-website-theme  #48 from eea/252559-policy-refactoring [ichim-david - [`45fee8e`](https://github.com/eea/volto-eea-website-policy/commit/45fee8e68d1a18d7be77f33a8207524ae6f7d220)]
+- change(blocks): moved layout settings block from volto-eea-policy to volto-eea-website-theme [David Ichim - [`37bc97d`](https://github.com/eea/volto-eea-website-policy/commit/37bc97d0a3db77fa8f31e750be179cb287814217)]
+
+#### :hammer_and_wrench: Others
+
+- Increased package version [Alexandru Ghica - [`174b77e`](https://github.com/eea/volto-eea-website-policy/commit/174b77eccf7ba80286edee8ea30c1a3f2523b200)]
+- prettier fix [Miu Razvan - [`eef9199`](https://github.com/eea/volto-eea-website-policy/commit/eef91996a480b371da69506700285c12adb69167)]
+- prettier fix [Miu Razvan - [`0a3bf2d`](https://github.com/eea/volto-eea-website-policy/commit/0a3bf2de5103fd898e68491207751d39c8510d08)]
+- other: disable tableau and map embed blocks [Miu Razvan - [`a032766`](https://github.com/eea/volto-eea-website-policy/commit/a0327664c25c55beb544dd22ca2e9d5cc6380acd)]
+### [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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-policy",
-  "version": "1.4.0",
+  "version": "1.6.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

@@ -1,11 +1,9 @@
 import { runtimeConfig } from '@plone/volto/runtime_config';
 import installContextNavigationBlock from '@eeacms/volto-eea-website-policy/components/Blocks/ContextNavigation';
-import installLayoutSettingsBlock from '@eeacms/volto-eea-website-policy/components/Blocks/LayoutSettings';
-import { addStylingFieldsetSchemaEnhancer } from '@eeacms/volto-eea-website-policy/components/Blocks/schema';
 
 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|\/login|\/logout|\/contact-form)).*$/;
+  const notInEN = /^(?!.*(#|\/en|\/static|\/controlpanel|\/cypress|\/login|\/logout|\/contact-form)).*$/;
   config.settings.externalRoutes = [
     ...(config.settings.externalRoutes || []),
     {
@@ -59,53 +57,6 @@ const applyConfig = (config) => {
     config.settings.eea.logoTargetUrl = '/en';
   }
 
-  // Block chooser
-  config.blocks.blocksConfig.image.mostUsed = false;
-  config.blocks.blocksConfig.video.mostUsed = false;
-
-  // Grid/Teaser block (kitconcept)
-  if (config.blocks.blocksConfig.__grid) {
-    config.blocks.blocksConfig.__grid.restricted = true;
-  }
-  if (config.blocks.blocksConfig.imagesGrid) {
-    config.blocks.blocksConfig.imagesGrid.restricted = true;
-  }
-  if (config.blocks.blocksConfig.teaser) {
-    config.blocks.blocksConfig.teaser.restricted = true;
-  }
-
-  // Divider
-  if (config.blocks.blocksConfig.dividerBlock) {
-    config.blocks.blocksConfig.dividerBlock.mostUsed = true;
-  }
-
-  // Call to Action
-  if (config.blocks.blocksConfig.callToActionBlock) {
-    config.blocks.blocksConfig.callToActionBlock.mostUsed = true;
-  }
-
-  // Group
-  if (config.blocks.blocksConfig.group) {
-    config.blocks.blocksConfig.group.schemaEnhancer = addStylingFieldsetSchemaEnhancer;
-  }
-
-  // Columns
-  if (config.blocks.blocksConfig.columnsBlock) {
-    config.blocks.blocksConfig.columnsBlock.mostUsed = true;
-    config.blocks.blocksConfig.columnsBlock.schemaEnhancer = addStylingFieldsetSchemaEnhancer;
-  }
-
-  // Accordion
-  if (config.blocks.blocksConfig.accordion) {
-    config.blocks.blocksConfig.accordion.mostUsed = true;
-  }
-
-  // Listing
-  if (config.blocks.blocksConfig.listing) {
-    config.blocks.blocksConfig.listing.title = 'Listing (Content)';
-    config.blocks.blocksConfig.listing.schemaEnhancer = addStylingFieldsetSchemaEnhancer;
-  }
-
   // Custom blocks
   // context navigation
   config = [installContextNavigationBlock].reduce(
@@ -113,17 +64,18 @@ const applyConfig = (config) => {
     config,
   );
 
-  // layout settings
-  config = [installLayoutSettingsBlock].reduce(
-    (acc, apply) => apply(acc),
-    config,
-  );
-
   // Disable some blocks
   if (config.blocks.blocksConfig.imagecards) {
     config.blocks.blocksConfig.imagecards.restricted = true;
   }
 
+  if (config.blocks.blocksConfig.embed_eea_tableau_block) {
+    config.blocks.blocksConfig.embed_eea_tableau_block.restricted = true;
+  }
+  if (config.blocks.blocksConfig.embed_eea_map_block) {
+    config.blocks.blocksConfig.embed_eea_map_block.restricted = true;
+  }
+
   config.settings.apiExpanders = [
     ...config.settings.apiExpanders,
     {

package/src/components/Blocks/LayoutSettings/LayoutSettingsEdit.jsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { EditSchema } from '@eeacms/volto-eea-website-policy/components/Blocks/LayoutSettings/schema';
-import { BlockDataForm, SidebarPortal } from '@plone/volto/components';
-import LayoutSettingsView from '@eeacms/volto-eea-website-policy/components/Blocks/LayoutSettings/LayoutSettingsView';
-import '@eeacms/volto-eea-website-policy/components/Blocks/LayoutSettings/edit.less';
-
-const LayoutSettingsEdit = (props) => {
-  const schema = EditSchema();
-  return (
-    <>
-      <h3>Page layout settings</h3>
-      <LayoutSettingsView {...props} />
-      <SidebarPortal selected={props.selected}>
-        {props.selected && (
-          <BlockDataForm
-            title={schema.title}
-            schema={schema}
-            formData={props.data}
-            onChangeField={(id, value) => {
-              props.onChangeBlock(props.block, {
-                ...props.data,
-                [id]: value,
-              });
-            }}
-          />
-        )}
-      </SidebarPortal>
-    </>
-  );
-};
-
-export default LayoutSettingsEdit;

package/src/components/Blocks/LayoutSettings/LayoutSettingsView.jsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BodyClass } from '@plone/volto/helpers';
-import { getVoltoStyles } from '@eeacms/volto-eea-website-policy/components/Blocks/schema-utils';
-import cx from 'classnames';
-
-const LayoutSettingsView = (props) => {
-  const classNames = getVoltoStyles(props.data);
-  return <BodyClass className={cx(classNames)} />;
-};
-
-function propsAreEqual(prevProps, nextProps) {
-  return prevProps.data === nextProps.data;
-}
-
-export default React.memo(LayoutSettingsView, propsAreEqual);

package/src/components/Blocks/LayoutSettings/edit.less

@@ -1,4 +0,0 @@
-#page-edit .block-editor-layoutSettings,
-#page-add .block-editor-layoutSettings {
-  display: none;
-}

package/src/components/Blocks/LayoutSettings/index.js

@@ -1,24 +0,0 @@
-import codeSVG from '@plone/volto/icons/code.svg';
-import LayoutSettingsView from './LayoutSettingsView';
-import LayoutSettingsEdit from './LayoutSettingsEdit';
-import BlockSettingsSchema from '@plone/volto/components/manage/Blocks/Block/Schema';
-
-export default (config) => {
-  config.blocks.blocksConfig.layoutSettings = {
-    id: 'layoutSettings',
-    title: 'Layout settings',
-    icon: codeSVG,
-    group: 'common',
-    view: LayoutSettingsView,
-    edit: LayoutSettingsEdit,
-    schema: BlockSettingsSchema,
-    restricted: ({ properties }) => {
-      return !!properties['@type'];
-    },
-    mostUsed: true,
-    blockHasOwnFocusManagement: true,
-    sidebarTab: 1,
-  };
-
-  return config;
-};

package/src/components/Blocks/LayoutSettings/schema.js

@@ -1,31 +0,0 @@
-import imageNarrowSVG from '@eeacms/volto-eea-website-policy/components/Blocks/icons/image-narrow.svg';
-import imageFitSVG from '@plone/volto/icons/image-fit.svg';
-import imageWideSVG from '@plone/volto/icons/image-wide.svg';
-
-export const ALIGN_INFO_MAP = {
-  narrow_view: [imageNarrowSVG, 'Narrow width'],
-  container_view: [imageFitSVG, 'Container width'],
-  wide_view: [imageWideSVG, 'Wide width'],
-};
-
-export const EditSchema = () => {
-  return {
-    title: 'Page layout settings',
-    fieldsets: [
-      {
-        id: 'default',
-        title: 'Default',
-        fields: ['layout_size'],
-      },
-    ],
-    required: [],
-    properties: {
-      layout_size: {
-        widget: 'style_align',
-        title: 'Layout size',
-        actions: Object.keys(ALIGN_INFO_MAP),
-        actionsInfoMap: ALIGN_INFO_MAP,
-      },
-    },
-  };
-};

package/src/components/Blocks/icons/image-narrow.svg

@@ -1,5 +0,0 @@
-<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 13L11.9333 11V25L10 23H26L24.0667 25V11L26 13H10ZM26 11V18V21.5V23.5V25H10V11H26Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 31H29V29H7V31Z"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H29V5H7V7Z"/>
-</svg>

package/src/components/Blocks/schema-utils.js

@@ -1,16 +0,0 @@
-export const getVoltoStyles = (props) => {
-  // return an object with same key and value for cx class setting
-  const styles = props ? props : {};
-  const output = {};
-  for (const [key, value] of Object.entries(styles)) {
-    if (key === '@type') {
-      continue;
-    }
-    if (styles[key] === true) {
-      output[key] = key;
-    } else {
-      output[value] = value;
-    }
-  }
-  return output;
-};

package/src/components/Blocks/schema.js

@@ -1,51 +0,0 @@
-import { cloneDeep } from 'lodash';
-import imageNarrowSVG from '@eeacms/volto-eea-website-policy/components/Blocks/icons/image-narrow.svg';
-import imageFitSVG from '@plone/volto/icons/image-fit.svg';
-import imageWideSVG from '@plone/volto/icons/image-wide.svg';
-import imageFullSVG from '@plone/volto/icons/image-full.svg';
-
-export const ALIGN_INFO_MAP = {
-  narrow_width: [imageNarrowSVG, 'Narrow width'],
-  container_width: [imageFitSVG, 'Container width'],
-  wide_width: [imageWideSVG, 'Wide width'],
-  full: [imageFullSVG, 'Full width'],
-};
-
-export const addStylingFieldsetSchemaEnhancer = ({ schema }) => {
-  const applied = schema?.properties?.styles;
-
-  if (!applied) {
-    const resSchema = cloneDeep(schema);
-
-    resSchema.fieldsets.push({
-      id: 'styling',
-      fields: ['styles'],
-      title: 'Styling',
-    });
-    resSchema.properties.styles = {
-      widget: 'object',
-      title: 'Styling',
-      schema: {
-        fieldsets: [
-          {
-            id: 'default',
-            title: 'Default',
-            fields: ['size'],
-          },
-        ],
-        properties: {
-          size: {
-            widget: 'style_align',
-            title: 'Section size',
-            actions: Object.keys(ALIGN_INFO_MAP),
-            actionsInfoMap: ALIGN_INFO_MAP,
-          },
-        },
-        required: [],
-      },
-    };
-    return resSchema;
-  }
-
-  return schema;
-};

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;