@eeacms/volto-bise-policy 1.0.1 → 1.0.3

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

@@ -1,547 +0,0 @@
-/**
- * More component.
- * @module components/manage/Toolbar/More
- */
-
-import React, { Component } from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { compose } from 'redux';
-import { Link, withRouter } from 'react-router-dom';
-import { find } from 'lodash';
-import { toast } from 'react-toastify';
-import { Toast } from '@plone/volto/components';
-import { Pluggable, Plug } from '@plone/volto/components/manage/Pluggable';
-import {
-  FormattedDate,
-  Icon,
-  Display,
-  Workflow,
-} from '@plone/volto/components';
-import {
-  applyWorkingCopy,
-  createWorkingCopy,
-  removeWorkingCopy,
-} from '@plone/volto/actions';
-import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers';
-import config from '@plone/volto/registry';
-
-import rightArrowSVG from '@plone/volto/icons/right-key.svg';
-import userSVG from '@plone/volto/icons/user.svg';
-import applySVG from '@plone/volto/icons/ready.svg';
-import removeSVG from '@plone/volto/icons/circle-dismiss.svg';
-
-const messages = defineMessages({
-  personalTools: {
-    id: 'Personal tools',
-    defaultMessage: 'Personal tools',
-  },
-  history: {
-    id: 'History',
-    defaultMessage: 'History',
-  },
-  sharing: {
-    id: 'Sharing',
-    defaultMessage: 'Sharing',
-  },
-  rules: {
-    id: 'Rules',
-    defaultMessage: 'Rules',
-  },
-  aliases: {
-    id: 'URL Management',
-    defaultMessage: 'URL Management',
-  },
-  ManageTranslations: {
-    id: 'Manage Translations',
-    defaultMessage: 'Manage Translations',
-  },
-  manageContent: {
-    id: 'Manage content…',
-    defaultMessage: 'Manage content…',
-  },
-  CreateWorkingCopy: {
-    id: 'Create working copy',
-    defaultMessage: 'Create working copy',
-  },
-  applyWorkingCopy: {
-    id: 'Apply working copy',
-    defaultMessage: 'Apply working copy',
-  },
-  removeWorkingCopy: {
-    id: 'Remove working copy',
-    defaultMessage: 'Remove working copy',
-  },
-  viewWorkingCopy: {
-    id: 'View working copy',
-    defaultMessage: 'View working copy',
-  },
-  workingAppliedTitle: {
-    id: 'Changes applied.',
-    defaultMessage: 'Changes applied',
-  },
-  workingCopyAppliedBy: {
-    id:
-      'Made by {creator} on {date}. This is not a working copy anymore, but the main content.',
-    defaultMessage:
-      'Made by {creator} on {date}. This is not a working copy anymore, but the main content.',
-  },
-  workingCopyRemovedTitle: {
-    id: 'The working copy was discarded',
-    defaultMessage: 'The working copy was discarded',
-  },
-  Unauthorized: {
-    id: 'Unauthorized',
-    defaultMessage: 'Unauthorized',
-  },
-  workingCopyErrorUnauthorized: {
-    id: 'workingCopyErrorUnauthorized',
-    defaultMessage: 'You are not authorized to perform this operation.',
-  },
-  Error: {
-    id: 'Error',
-    defaultMessage: 'Error',
-  },
-  workingCopyGenericError: {
-    id: 'workingCopyGenericError',
-    defaultMessage: 'An error occurred while performing this operation.',
-  },
-});
-
-/**
- * More container class.
- * @class More
- * @extends Component
- */
-class More extends Component {
-  static propTypes = {
-    actions: PropTypes.shape({
-      object: PropTypes.arrayOf(PropTypes.object),
-      object_buttons: PropTypes.arrayOf(PropTypes.object),
-      user: PropTypes.arrayOf(PropTypes.object),
-    }),
-    pathname: PropTypes.string.isRequired,
-    content: PropTypes.shape({
-      title: PropTypes.string,
-      '@type': PropTypes.string,
-      is_folderish: PropTypes.bool,
-      review_state: PropTypes.string,
-    }),
-    loadComponent: PropTypes.func.isRequired,
-    closeMenu: PropTypes.func.isRequired,
-  };
-
-  /**
-   * Default properties.
-   * @property {Object} defaultProps Default properties.
-   * @static
-   */
-  static defaultProps = {
-    actions: null,
-    content: null,
-  };
-  state = {
-    openManageTranslations: false,
-    pushed: false,
-  };
-
-  push = (selector) => {
-    this.setState(() => ({
-      pushed: true,
-    }));
-    this.props.loadComponent(selector);
-    document.removeEventListener('mousedown', this.handleClickOutside, false);
-  };
-
-  componentDidUpdate(prevProps, prevState) {
-    let erroredAction = '';
-    if (
-      prevProps.workingCopy.apply.loading &&
-      this.props.workingCopy.apply.error
-    ) {
-      erroredAction = 'apply';
-    } else if (
-      prevProps.workingCopy.create.loading &&
-      this.props.workingCopy.create.error
-    ) {
-      erroredAction = 'create';
-    } else if (
-      prevProps.workingCopy.remove.loading &&
-      this.props.workingCopy.remove.error
-    ) {
-      erroredAction = 'remove';
-    }
-
-    if (erroredAction) {
-      const errorStatus = this.props.workingCopy[erroredAction].error.status;
-      if (errorStatus === 401 || errorStatus === 403) {
-        toast.error(
-          <Toast
-            error
-            title={this.props.intl.formatMessage(messages.Unauthorized)}
-            content={this.props.intl.formatMessage(
-              messages.workingCopyErrorUnauthorized,
-            )}
-          />,
-          {
-            toastId: 'workingCopyErrorUnauthorized',
-            autoClose: 10000,
-          },
-        );
-      } else {
-        toast.error(
-          <Toast
-            error
-            title={this.props.intl.formatMessage(messages.Error)}
-            content={this.props.intl.formatMessage(
-              messages.workingCopyGenericError,
-            )}
-          />,
-          {
-            toastId: 'workingCopyGenericError',
-            autoClose: 10000,
-          },
-        );
-      }
-    }
-  }
-
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const path = getBaseUrl(this.props.pathname);
-    const editAction = find(this.props.actions.object, { id: 'edit' });
-    const historyAction = find(this.props.actions.object, { id: 'history' });
-    const sharingAction = find(this.props.actions.object, {
-      id: 'local_roles',
-    });
-
-    const rulesAction = find(this.props.actions.object, {
-      id: 'contentrules',
-    });
-
-    const aliasesAction = find(this.props.actions.object_buttons, {
-      id: 'redirection',
-    });
-    const { content, intl } = this.props;
-
-    const dateOptions = {
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric',
-    };
-
-    const isMultilingual =
-      config.settings.isMultilingual ||
-      (this.props.subsite &&
-        config.settings.bise.multilingualSubsites.includes(
-          flattenToAppURL(this.props.subsite['@id']),
-        ));
-
-    return (
-      <div
-        className="menu-more pastanaga-menu"
-        style={{
-          flex: this.props.theToolbar.current
-            ? `0 0 ${
-                this.props.theToolbar.current.getBoundingClientRect().width
-              }px`
-            : null,
-        }}
-      >
-        <header>
-          <h2>{this.props.content.title}</h2>
-          <button
-            className="more-user"
-            aria-label={this.props.intl.formatMessage(messages.personalTools)}
-            onClick={() => this.push('personalTools')}
-            tabIndex={0}
-          >
-            <Icon
-              name={userSVG}
-              size="30px"
-              title={this.props.intl.formatMessage(messages.personalTools)}
-            />
-          </button>
-        </header>
-        <div className="pastanaga-menu-list">
-          <ul>
-            <Pluggable name="toolbar-more-menu-list" />
-            <Plug pluggable="toolbar-more-menu-list" id="state">
-              {this.props.content['@type'] !== 'Plone Site' && (
-                // Plone Site does not have workflow
-                <li className="state-select">
-                  <Workflow pathname={path} />
-                </li>
-              )}
-            </Plug>
-            <Plug pluggable="toolbar-more-menu-list" id="view">
-              {this.props.content['@type'] !== 'Plone Site' && (
-                // Plone Site does not have view (yet)
-                <li className="display-select">
-                  {editAction && <Display pathname={path} />}
-                </li>
-              )}
-            </Plug>
-            <Plug pluggable="toolbar-more-menu-list" id="history">
-              {this.props.content['@type'] !== 'Plone Site' && (
-                // Plone Site does not have history (yet)
-                <li>
-                  <Link to={`${path}/historyview`}>
-                    <div>
-                      <span className="pastanaga-menu-label">
-                        {historyAction?.title ||
-                          this.props.intl.formatMessage(messages.history)}
-                      </span>
-                      <span className="pastanaga-menu-value" />
-                    </div>
-                    <Icon name={rightArrowSVG} size="24px" />
-                  </Link>
-                </li>
-              )}
-            </Plug>
-            <Plug pluggable="toolbar-more-menu-list" id="sharing">
-              {sharingAction && (
-                <li>
-                  <Link to={`${path}/sharing`}>
-                    {this.props.intl.formatMessage(messages.sharing)}
-                    <Icon name={rightArrowSVG} size="24px" />
-                  </Link>
-                </li>
-              )}
-            </Plug>
-            <Plug pluggable="toolbar-more-menu-list" id="aliases">
-              {aliasesAction && (
-                <li>
-                  <Link to={`${path}/aliases`}>
-                    {this.props.intl.formatMessage(messages.aliases)}
-                    <Icon name={rightArrowSVG} size="24px" />
-                  </Link>
-                </li>
-              )}
-            </Plug>
-            <Plug pluggable="toolbar-more-menu-list" id="rules">
-              {rulesAction && (
-                <li>
-                  <Link to={`${path}/rules`}>
-                    {this.props.intl.formatMessage(messages.rules)}
-                    <Icon name={rightArrowSVG} size="24px" />
-                  </Link>
-                </li>
-              )}
-            </Plug>
-          </ul>
-        </div>
-        <Pluggable name="toolbar-more-manage-content">
-          {(pluggables) => (
-            <>
-              {pluggables.length > 0 && (
-                <>
-                  <header>
-                    <h2>
-                      {this.props.intl.formatMessage(messages.manageContent)}
-                    </h2>
-                  </header>
-                  <div className="pastanaga-menu-list">
-                    <ul>
-                      {pluggables.map((p) => (
-                        <>{p()}</>
-                      ))}
-                    </ul>
-                  </div>
-                </>
-              )}
-            </>
-          )}
-        </Pluggable>
-        {config.settings.hasWorkingCopySupport &&
-          this.props.content['@type'] !== 'Plone Site' && (
-            <>
-              {!this.props.content.working_copy && (
-                <Plug pluggable="toolbar-more-manage-content" id="workingcopy">
-                  <li>
-                    <button
-                      aria-label={this.props.intl.formatMessage(
-                        messages.CreateWorkingCopy,
-                      )}
-                      onClick={() => {
-                        this.props.createWorkingCopy(path).then((response) => {
-                          this.props.history.push(
-                            flattenToAppURL(response['@id']),
-                          );
-                          this.props.closeMenu();
-                        });
-                      }}
-                    >
-                      {this.props.intl.formatMessage(
-                        messages.CreateWorkingCopy,
-                      )}
-
-                      <Icon name={rightArrowSVG} size="24px" />
-                    </button>
-                  </li>
-                </Plug>
-              )}
-              {this.props.content.working_copy &&
-                this.props.content.working_copy_of && (
-                  <Plug
-                    pluggable="toolbar-more-manage-content"
-                    id="workingcopy"
-                  >
-                    <li>
-                      <button
-                        aria-label={this.props.intl.formatMessage(
-                          messages.applyWorkingCopy,
-                        )}
-                        onClick={() => {
-                          this.props.applyWorkingCopy(path).then((response) => {
-                            this.props.history.push(
-                              flattenToAppURL(
-                                this.props.content.working_copy_of['@id'],
-                              ),
-                            );
-                            this.props.closeMenu();
-                            toast.info(
-                              <Toast
-                                info
-                                title={intl.formatMessage(
-                                  messages.workingAppliedTitle,
-                                )}
-                                content={intl.formatMessage(
-                                  messages.workingCopyAppliedBy,
-                                  {
-                                    creator: content.working_copy?.creator_name,
-                                    date: (
-                                      <FormattedDate
-                                        date={content.working_copy?.created}
-                                        format={dateOptions}
-                                      />
-                                    ),
-                                  },
-                                )}
-                              />,
-                              {
-                                toastId: 'workingcopyapplyinfo',
-                                autoClose: 10000,
-                              },
-                            );
-                          });
-                        }}
-                      >
-                        {this.props.intl.formatMessage(
-                          messages.applyWorkingCopy,
-                        )}
-
-                        <Icon
-                          name={applySVG}
-                          size="24px"
-                          title={this.props.intl.formatMessage(
-                            messages.applyWorkingCopy,
-                          )}
-                        />
-                      </button>
-                    </li>
-                    <li>
-                      <button
-                        aria-label={this.props.intl.formatMessage(
-                          messages.removeWorkingCopy,
-                        )}
-                        onClick={() => {
-                          this.props
-                            .removeWorkingCopy(path)
-                            .then((response) => {
-                              this.props.history.push(
-                                flattenToAppURL(
-                                  this.props.content.working_copy_of['@id'],
-                                ),
-                              );
-                              this.props.closeMenu();
-                              toast.info(
-                                <Toast
-                                  info
-                                  title={intl.formatMessage(
-                                    messages.workingCopyRemovedTitle,
-                                  )}
-                                />,
-                                {
-                                  toastId: 'workingcopyremovednotice',
-                                  autoClose: 10000,
-                                },
-                              );
-                            });
-                        }}
-                      >
-                        {this.props.intl.formatMessage(
-                          messages.removeWorkingCopy,
-                        )}
-
-                        <Icon
-                          name={removeSVG}
-                          size="24px"
-                          color="#e40166"
-                          title={this.props.intl.formatMessage(
-                            messages.removeWorkingCopy,
-                          )}
-                        />
-                      </button>
-                    </li>
-                  </Plug>
-                )}
-              {this.props.content.working_copy &&
-                !this.props.content.working_copy_of && (
-                  <Plug
-                    pluggable="toolbar-more-manage-content"
-                    id="workingcopy"
-                  >
-                    <li>
-                      <Link
-                        to={flattenToAppURL(
-                          this.props.content.working_copy['@id'],
-                        )}
-                        onClick={() => this.props.closeMenu()}
-                      >
-                        {this.props.intl.formatMessage(
-                          messages.viewWorkingCopy,
-                        )}
-                        <Icon name={rightArrowSVG} size="24px" />
-                      </Link>
-                    </li>
-                  </Plug>
-                )}
-            </>
-          )}
-        {editAction && isMultilingual && (
-          <Plug pluggable="toolbar-more-manage-content" id="multilingual">
-            <li>
-              <Link to={`${path}/manage-translations`}>
-                {this.props.intl.formatMessage(messages.ManageTranslations)}
-
-                <Icon name={rightArrowSVG} size="24px" />
-              </Link>
-            </li>
-          </Plug>
-        )}
-      </div>
-    );
-  }
-}
-
-export default compose(
-  injectIntl,
-  withRouter,
-  connect(
-    (state, props) => ({
-      actions: state.actions.actions,
-      pathname: props.pathname,
-      content: state.content.data,
-      lang: state.intl.locale,
-      workingCopy: state.workingCopy,
-      subsite: state.content.data?.['@components']?.subsite,
-    }),
-    { applyWorkingCopy, createWorkingCopy, removeWorkingCopy },
-  ),
-)(More);

package/theme/elements/container.overrides

@@ -1,156 +0,0 @@
-/*******************************
-            Container
-*******************************/
-
-.has--size--full:not(.block-editor-columnsBlock),
-.full-width {
-  width: calc(100vw - var(--scrollbar-width, @scrollbarWidth)) !important;
-  margin-left: calc(-50vw + var(--scrollbar-width, @scrollbarWidth) / 2) !important;
-  margin-right: calc(-50vw + var(--scrollbar-width, @scrollbarWidth) / 2) !important;
-}
-
-@media only screen and (min-width: @largestMobileScreen) {
-  body.has-toolbar {
-    .has--size--full:not(.block-editor-columnsBlock),
-    .full-width {
-      width: calc(100vw - @toolbarWidth - var(--scrollbar-width, @scrollbarWidth)) !important;
-      margin-left: calc(-50vw + (@toolbarWidth + var(--scrollbar-width, @scrollbarWidth)) / 2) !important;
-      margin-right: calc(-50vw + (@toolbarWidth + var(--scrollbar-width, @scrollbarWidth)) / 2) !important;
-    }
-  }
-
-  body.has-toolbar-collapsed {
-    .has--size--full:not(.block-editor-columnsBlock),
-    .full-width {
-      width: calc(100vw - @toolbarWidthMin - var(--scrollbar-width, @scrollbarWidth)) !important;
-      margin-left: calc(-50vw + (var(--scrollbar-width, @scrollbarWidth) + @toolbarWidthMin) / 2) !important;
-      margin-right: calc(-50vw + (var(--scrollbar-width, @scrollbarWidth) + @toolbarWidthMin) / 2) !important;
-    }
-  }
-}
-
-.section-add,
-.section-edit {
-  #page-add .container,
-  #page-edit .container {
-    max-width: @containerWidth !important;
-  }
-}
-
-/* Mobile */
-@media only screen and (max-width: @largestMobileScreen) {
-  .ui.container {
-    width: @mobileWidth !important;
-    margin-left: @mobileGutter !important;
-    margin-right: @mobileGutter !important;
-  }
-  .ui.grid.container {
-    width: @mobileGridWidth !important;
-  }
-  .ui.relaxed.grid.container {
-    width: @mobileRelaxedGridWidth !important;
-  }
-  .ui.very.relaxed.grid.container {
-    width: @mobileVeryRelaxedGridWidth !important;
-  }
-}
-
-body.has-toolbar {
-  /* Tablet */
-  @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
-    .ui.container {
-      width: calc(@tabletWidth - @toolbarWidth);
-    }
-    .ui.grid.container {
-      width: calc(@tabletGridWidth - @toolbarWidth) !important;
-    }
-    .ui.relaxed.grid.container {
-      width: calc(@tabletRelaxedGridWidth - @toolbarWidth) !important;
-    }
-    .ui.very.relaxed.grid.container {
-      width: calc(@tabletVeryRelaxedGridWidth - @toolbarWidth) !important;
-    }
-  }
-
-  /* Small Monitor */
-  @media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
-    .ui.container {
-      width: calc(@computerWidth - @toolbarWidth);
-    }
-    .ui.grid.container {
-      width: calc(@computerGridWidth - @toolbarWidth) !important;
-    }
-    .ui.relaxed.grid.container {
-      width: calc(@computerRelaxedGridWidth - @toolbarWidth) !important;
-    }
-    .ui.very.relaxed.grid.container {
-      width: calc(@computerVeryRelaxedGridWidth - @toolbarWidth) !important;
-    }
-  }
-
-  /* Large Monitor */
-  @media only screen and (min-width: @largeMonitorBreakpoint) {
-    .ui.container {
-      width: calc(@largeMonitorWidth - @toolbarWidth);
-    }
-    .ui.grid.container {
-      width: calc(@largeMonitorGridWidth - @toolbarWidth) !important;
-    }
-    .ui.relaxed.grid.container {
-      width: calc(@largeMonitorRelaxedGridWidth - @toolbarWidth) !important;
-    }
-    .ui.very.relaxed.grid.container {
-      width: calc(@largeMonitorVeryRelaxedGridWidth - @toolbarWidth) !important;
-    }
-  }
-}
-
-body.has-toolbar-collapsed {
-  /* Tablet */
-  @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
-    .ui.container {
-      width: calc(@tabletWidth - @toolbarWidthMin);
-    }
-    .ui.grid.container {
-      width: calc(@tabletGridWidth - @toolbarWidthMin) !important;
-    }
-    .ui.relaxed.grid.container {
-      width: calc(@tabletRelaxedGridWidth - @toolbarWidthMin) !important;
-    }
-    .ui.very.relaxed.grid.container {
-      width: calc(@tabletVeryRelaxedGridWidth - @toolbarWidthMin) !important;
-    }
-  }
-
-  /* Small Monitor */
-  @media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
-    .ui.container {
-      width: calc(@computerWidth - @toolbarWidthMin);
-    }
-    .ui.grid.container {
-      width: calc(@computerGridWidth - @toolbarWidthMin) !important;
-    }
-    .ui.relaxed.grid.container {
-      width: calc(@computerRelaxedGridWidth - @toolbarWidthMin) !important;
-    }
-    .ui.very.relaxed.grid.container {
-      width: calc(@computerVeryRelaxedGridWidth - @toolbarWidthMin) !important;
-    }
-  }
-
-  /* Large Monitor */
-  @media only screen and (min-width: @largeMonitorBreakpoint) {
-    .ui.container {
-      width: calc(@largeMonitorWidth - @toolbarWidthMin);
-    }
-    .ui.grid.container {
-      width: calc(@largeMonitorGridWidth - @toolbarWidthMin) !important;
-    }
-    .ui.relaxed.grid.container {
-      width: calc(@largeMonitorRelaxedGridWidth - @toolbarWidthMin) !important;
-    }
-    .ui.very.relaxed.grid.container {
-      width: calc(@largeMonitorVeryRelaxedGridWidth - @toolbarWidthMin) !important;
-    }
-  }
-}