@eeacms/volto-cca-policy 0.3.72 → 0.3.74

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

@@ -1,428 +0,0 @@
-/**
- * ArrayWidget component.
- * @module components/manage/Widgets/ArrayWidget
- */
-
-import React, { Component } from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
-import PropTypes from 'prop-types';
-import { compose } from 'redux';
-import { connect } from 'react-redux';
-import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
-import { find, isObject } from 'lodash';
-
-import {
-  getVocabFromHint,
-  getVocabFromField,
-  getVocabFromItems,
-} from '@plone/volto/helpers';
-import { getVocabulary } from '@plone/volto/actions';
-
-import {
-  Option,
-  DropdownIndicator,
-  ClearIndicator,
-  selectTheme,
-  customSelectStyles,
-  MenuList,
-  SortableMultiValue,
-  SortableMultiValueLabel,
-  MultiValueContainer,
-} from '@plone/volto/components/manage/Widgets/SelectStyling';
-
-import { FormFieldWrapper } from '@plone/volto/components';
-
-const messages = defineMessages({
-  select: {
-    id: 'Select…',
-    defaultMessage: 'Select…',
-  },
-  no_value: {
-    id: 'No value',
-    defaultMessage: 'No value',
-  },
-  no_options: {
-    id: 'No options',
-    defaultMessage: 'No options',
-  },
-});
-
-function arrayMove(array, from, to) {
-  const slicedArray = array.slice();
-  slicedArray.splice(
-    to < 0 ? array.length + to : to,
-    0,
-    slicedArray.splice(from, 1)[0],
-  );
-  return slicedArray;
-}
-
-function normalizeArrayValue(choices, value) {
-  if (!value || !Array.isArray(value)) return [];
-  if (value.length === 0) return value;
-
-  if (typeof value[0] === 'string') {
-    // raw value like ['foo', 'bar']
-    return value.map((v) => {
-      return {
-        label: find(choices, (c) => c.value === v)?.label || v,
-        value: v,
-      };
-    });
-  }
-
-  if (
-    isObject(value[0]) &&
-    Object.keys(value[0]).includes('token') // Array of objects, w/ label+value
-  ) {
-    return value
-      .map((v) => {
-        const item = find(choices, (c) => c.value === v.token);
-        return item
-          ? {
-              label: item.label || item.title || item.token,
-              value: v.token,
-            }
-          : {
-              // avoid a crash if choices doesn't include this item
-              label: v.label,
-              value: v.token,
-            };
-      })
-      .filter((f) => !!f);
-  }
-
-  return [];
-}
-
-function normalizeChoices(choices) {
-  if (Array.isArray(choices) && choices.length && Array.isArray(choices[0])) {
-    return choices.map((option) => ({
-      value: option[0],
-      label:
-        // Fix "None" on the serializer, to remove when fixed in p.restapi
-        option[1] !== 'None' && option[1] ? option[1] : option[0],
-    }));
-  }
-
-  return choices;
-}
-
-/**
- * Compare values and return true if equal.
- * Consider upper and lower case.
- * @method compareOption
- * @param {*} inputValue
- * @param {*} option
- * @param {*} accessors
- * @returns {boolean}
- */
-const compareOption = (inputValue = '', option, accessors) => {
-  const candidate = String(inputValue);
-  const optionValue = String(accessors.getOptionValue(option));
-  const optionLabel = String(accessors.getOptionLabel(option));
-  return optionValue === candidate || optionLabel === candidate;
-};
-
-/**
- * ArrayWidget component class.
- * @class ArrayWidget
- * @extends Component
- *
- * A createable select array widget will be rendered if the named vocabulary is
- * in the widget definition (hint) like:
- *
- * ```
- * list_field_voc_unconstrained = schema.List(
- *     title=u"List field with values from vocabulary but not constrained to them.",
- *     description=u"zope.schema.List",
- *     value_type=schema.TextLine(),
- *     required=False,
- *     missing_value=[],
- * )
- * directives.widget(
- *     "list_field_voc_unconstrained",
- *     AjaxSelectFieldWidget,
- *     vocabulary="plone.app.vocabularies.PortalTypes",
- * )
- * ```
- */
-class ArrayWidget extends Component {
-  /**
-   * Property types.
-   * @property {Object} propTypes Property types.
-   * @static
-   */
-  static propTypes = {
-    id: PropTypes.string.isRequired,
-    title: PropTypes.string.isRequired,
-    description: PropTypes.string,
-    required: PropTypes.bool,
-    error: PropTypes.arrayOf(PropTypes.string),
-    getVocabulary: PropTypes.func.isRequired,
-    choices: PropTypes.arrayOf(
-      PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-    ),
-    vocabLoading: PropTypes.bool,
-    vocabLoaded: PropTypes.bool,
-    items: PropTypes.shape({
-      vocabulary: PropTypes.object,
-    }),
-    widgetOptions: PropTypes.shape({
-      vocabulary: PropTypes.object,
-    }),
-    value: PropTypes.arrayOf(
-      PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    ),
-    placeholder: PropTypes.string,
-    onChange: PropTypes.func.isRequired,
-    wrapped: PropTypes.bool,
-    creatable: PropTypes.bool, //if widget has no vocab and you want to be creatable
-  };
-
-  /**
-   * Default properties
-   * @property {Object} defaultProps Default properties.
-   * @static
-   */
-  static defaultProps = {
-    description: null,
-    required: false,
-    items: {
-      vocabulary: null,
-    },
-    widgetOptions: {
-      vocabulary: null,
-    },
-    error: [],
-    choices: [],
-    value: null,
-    creatable: false,
-  };
-
-  /**
-   * Constructor
-   * @method constructor
-   * @param {Object} props Component properties
-   * @constructs Actions
-   */
-  constructor(props) {
-    super(props);
-
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  /**
-   * Component did mount
-   * @method componentDidMount
-   * @returns {undefined}
-   */
-  componentDidMount() {
-    if (
-      !this.props.items?.choices?.length &&
-      !this.props.choices?.length &&
-      this.props.vocabBaseUrl
-    ) {
-      this.props.getVocabulary({
-        vocabNameOrURL: this.props.vocabBaseUrl,
-        size: -1,
-        subrequest: this.props.lang,
-      });
-    }
-  }
-
-  componentDidUpdate() {
-    if (
-      !this.props.items?.choices?.length &&
-      !this.props.choices?.length &&
-      this.props.vocabLoading === undefined &&
-      !this.props.vocabLoaded &&
-      this.props.vocabBaseUrl
-    ) {
-      this.props.getVocabulary({
-        vocabNameOrURL: this.props.vocabBaseUrl,
-        size: -1,
-        subrequest: this.props.lang,
-      });
-    }
-  }
-
-  /**
-   * Handle the field change, store it in the local state and back to simple
-   * array of tokens for correct serialization
-   * @method handleChange
-   * @param {array} selectedOption The selected options (already aggregated).
-   * @returns {undefined}
-   */
-  handleChange(selectedOption) {
-    this.props.onChange(
-      this.props.id,
-      selectedOption ? selectedOption.map((item) => item.value) : null,
-    );
-  }
-
-  onSortEnd = (selectedOption, { oldIndex, newIndex }) => {
-    const newValue = arrayMove(selectedOption, oldIndex, newIndex);
-
-    this.handleChange(newValue);
-  };
-
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const choices = normalizeChoices(this.props?.choices || []);
-    const selectedOption = normalizeArrayValue(choices, this.props.value);
-
-    const CreatableSelect = this.props.reactSelectCreateable.default;
-    const { SortableContainer } = this.props.reactSortableHOC;
-    const Select = this.props.reactSelect.default;
-    const SortableSelect =
-      // It will be only createable if the named vocabulary is in the widget definition
-      // (hint) like:
-      // list_field_voc_unconstrained = schema.List(
-      //     title=u"List field with values from vocabulary but not constrained to them.",
-      //     description=u"zope.schema.List",
-      //     value_type=schema.TextLine(),
-      //     required=False,
-      //     missing_value=[],
-      // )
-      // directives.widget(
-      //     "list_field_voc_unconstrained",
-      //     AjaxSelectFieldWidget,
-      //     vocabulary="plone.app.vocabularies.PortalTypes",
-      // )
-      this.props?.choices &&
-      !getVocabFromHint(this.props) &&
-      !this.props.creatable
-        ? SortableContainer(Select)
-        : SortableContainer(CreatableSelect);
-
-    return (
-      <FormFieldWrapper {...this.props}>
-        <SortableSelect
-          useDragHandle
-          // react-sortable-hoc props:
-          axis="xy"
-          onSortEnd={this.onSortEnd}
-          menuShouldScrollIntoView={false}
-          distance={4}
-          // small fix for https://github.com/clauderic/react-sortable-hoc/pull/352:
-          getHelperDimensions={({ node }) => node.getBoundingClientRect()}
-          id={`field-${this.props.id}`}
-          key={this.props.id}
-          isDisabled={this.props.disabled || this.props.isDisabled}
-          className="react-select-container"
-          classNamePrefix="react-select"
-          /* eslint-disable jsx-a11y/no-autofocus */
-          // start customization
-          // autoFocus={this.props.focus}
-          // end customization
-          /* eslint-enable jsx-a11y/no-autofocus */
-          options={
-            this.props.vocabBaseUrl
-              ? choices
-              : this.props.choices
-              ? [
-                  ...choices,
-                  ...(this.props.noValueOption &&
-                  (this.props.default === undefined ||
-                    this.props.default === null)
-                    ? [
-                        {
-                          label: this.props.intl.formatMessage(
-                            messages.no_value,
-                          ),
-                          value: 'no-value',
-                        },
-                      ]
-                    : []),
-                ]
-              : [
-                  {
-                    label: this.props.intl.formatMessage(messages.no_value),
-                    value: 'no-value',
-                  },
-                ]
-          }
-          styles={customSelectStyles}
-          theme={selectTheme}
-          components={{
-            ...(this.props.choices?.length > 25 && {
-              MenuList,
-            }),
-            MultiValueContainer,
-            MultiValue: SortableMultiValue,
-            MultiValueLabel: SortableMultiValueLabel,
-            DropdownIndicator,
-            ClearIndicator,
-            Option,
-          }}
-          value={selectedOption || []}
-          placeholder={
-            this.props.placeholder ??
-            this.props.intl.formatMessage(messages.select)
-          }
-          onChange={this.handleChange}
-          isValidNewOption={(
-            inputValue,
-            selectValue,
-            selectOptions,
-            accessors,
-          ) =>
-            !(
-              !inputValue ||
-              selectValue.some((option) =>
-                compareOption(inputValue, option, accessors),
-              ) ||
-              selectOptions.some((option) =>
-                compareOption(inputValue, option, accessors),
-              )
-            )
-          }
-          isClearable
-          isMulti
-        />
-      </FormFieldWrapper>
-    );
-  }
-}
-
-export const ArrayWidgetComponent = injectIntl(ArrayWidget);
-
-export default compose(
-  injectIntl,
-  injectLazyLibs(['reactSelect', 'reactSelectCreateable', 'reactSortableHOC']),
-  connect(
-    (state, props) => {
-      const vocabBaseUrl =
-        getVocabFromHint(props) ||
-        getVocabFromField(props) ||
-        getVocabFromItems(props);
-
-      const vocabState =
-        state.vocabularies?.[vocabBaseUrl]?.subrequests?.[state.intl.locale];
-
-      // If the schema already has the choices in it, then do not try to get the vocab,
-      // even if there is one
-      if (props.items?.choices) {
-        return {
-          choices: props.items.choices,
-          lang: state.intl.locale,
-        };
-      } else if (vocabState) {
-        return {
-          choices: vocabState.items,
-          vocabBaseUrl,
-          vocabLoading: vocabState.loading,
-          vocabLoaded: vocabState.loaded,
-          lang: state.intl.locale,
-        };
-      }
-      return { vocabBaseUrl, lang: state.intl.locale };
-    },
-    { getVocabulary },
-  ),
-)(ArrayWidget);

package/src/customizations/volto/components/manage/Widgets/Readme.md

@@ -1,5 +0,0 @@
-Original: https://github.com/plone/volto/blob/16.x.x/src/components/manage/Widgets/ArrayWidget.jsx
-
-The issue can be reproduce in the metadata section block. The Select widget from the edit sidebar steals the focus when you try to edit a slate text after you edit the Select widget in the metadata section block.
-The quick solution was to comment the "autoFocus" prop in the Select component (see the customization part in ArrayWidget.jsx, line 321).
-This is a temporary fix until it is properly tested and fixed the issue in this ticket: https://taskman.eionet.europa.eu/issues/268852

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

@@ -1,96 +0,0 @@
-/**
- * Footer component.
- * @module components/theme/Footer/Footer
- */
-
-import React from 'react';
-import { useSelector, shallowEqual } from 'react-redux';
-import { flattenToAppURL } from '@plone/volto/helpers';
-import EEAFooter from '@eeacms/volto-eea-design-system/ui/Footer/Footer';
-import config from '@plone/volto/registry';
-import isArray from 'lodash/isArray';
-
-const Footer = () => {
-  const { eea } = config.settings;
-  const {
-    footerActions,
-    copyrightActions,
-    socialActions,
-    contactActions,
-    contactExtraActions,
-  } = useSelector(
-    (state) => ({
-      footerActions: state.actions?.actions?.footer_actions,
-      copyrightActions: state.actions?.actions?.copyright_actions,
-      socialActions: state.actions?.actions?.social_actions,
-      contactActions: state.actions?.actions?.contact_actions,
-      contactExtraActions: state.actions?.actions?.contact_extra_actions,
-    }),
-    shallowEqual,
-  );
-  // ZMI > portal_actions > footer_actions
-  const actions = isArray(footerActions)
-    ? footerActions.map((action) => ({
-        title: action.title,
-        url: flattenToAppURL(action.url),
-      }))
-    : eea.footerOpts.actions;
-
-  // ZMI > portal_actions > copyright_actions
-  const copyright = isArray(copyrightActions)
-    ? copyrightActions.map((action) => ({
-        title: action.title,
-        site: action.title,
-        url: flattenToAppURL(action.url),
-      }))
-    : eea.footerOpts.copyright;
-
-  // ZMI > portal_actions > social_actions
-  const social = isArray(socialActions)
-    ? socialActions.map((action) => ({
-        name: action.id,
-        icon: action.icon,
-        url: action.url,
-      }))
-    : eea.footerOpts.social;
-
-  // ZMI > portal_actions > contact_actions
-  const contacts = isArray(contactActions)
-    ? contactActions.map((action, idx) => ({
-        text: action.title,
-        icon: action.icon,
-        url: flattenToAppURL(action.url),
-        children:
-          idx === 0
-            ? (contactExtraActions || []).map((child) => ({
-                text: child.title,
-                icon: child.icon,
-                url: flattenToAppURL(child.url),
-              }))
-            : [],
-      }))
-    : eea.footerOpts.contacts;
-
-  // Update options with actions from backend
-  const options = {
-    ...eea.footerOpts,
-    social,
-    contacts,
-  };
-
-  return (
-    <EEAFooter>
-      <EEAFooter.Header>{eea.footerOpts.logosHeader}</EEAFooter.Header>
-      <EEAFooter.SubFooter {...options} />
-      <EEAFooter.Header>{eea.footerOpts.header}</EEAFooter.Header>
-      <EEAFooter.SitesButton
-        buttonName={eea.footerOpts.buttonName}
-        hrefButton={eea.footerOpts.hrefButton}
-      />
-      <EEAFooter.Social {...options} />
-      <EEAFooter.Actions actions={actions} copyright={copyright} />
-    </EEAFooter>
-  );
-};
-
-export default Footer;

package/src/policy.js

@@ -1,135 +0,0 @@
-import installCallout from '@plone/volto-slate/editor/plugins/Callout';
-
-// import { runtimeConfig } from '@plone/volto/runtime_config';
-// import installContextNavigationBlock from './components/manage/Blocks/ContextNavigation';
-// import installLayoutSettingsBlock from './components/manage/Blocks/LayoutSettings';
-
-const applyConfig = (config) => {
-  // if (process.env.NODE_ENV === 'production') {
-  //   // Restrict block-style to Layout only
-  //   config.settings.layoutOnlyBlockStyles = true;
-  //   // Restrict slate metadata mentions to Layout only
-  //   config.settings.layoutOnlySlateMetadataMentions = true;
-  // }
-  // Callout slate button
-  config = installCallout(config);
-
-  // Remove blockquote slate button
-  config.settings.slate.toolbarButtons = config.settings.slate.toolbarButtons.filter(
-    (item) => item !== 'blockquote',
-  );
-
-  // Disable tags on View
-  config.settings.showTags = false;
-
-  // Enable Title block
-  config.blocks.blocksConfig.title.restricted = false;
-
-  // Enable description block (also for cypress)
-  config.blocks.blocksConfig.description.restricted = false;
-  config.blocks.requiredBlocks = [];
-
-  // Date format for EU
-  config.settings.dateLocale = 'en-gb';
-
-  // #137187 Keycloak integration
-  // if (runtimeConfig['RAZZLE_KEYCLOAK'] === 'Yes') {
-  //   config.settings.externalRoutes = [
-  //     ...(config.settings.externalRoutes || []),
-  //     {
-  //       match: {
-  //         path: '/en/mission/login',
-  //         exact: true,
-  //         strict: false,
-  //       },
-  //     },
-  //     {
-  //       match: {
-  //         path: '/logout',
-  //         exact: true,
-  //         strict: false,
-  //       },
-  //     },
-  //   ];
-  // }
-
-  // Working-copy
-  config.settings.hasWorkingCopySupport = true;
-
-  // Multi-lingual
-  config.settings.isMultilingual = true;
-  config.settings.defaultLanguage =
-    config.settings.eea?.defaultLanguage || 'en';
-  // config.settings.supportedLanguages = config.settings.eea?.languages?.map(
-  //   (item) => item.code,
-  // ) || ['en'];
-  config.settings.supportedLanguages = ['en', 'de', 'fr', 'es', 'it'];
-
-  // 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;
-  }
-
-  // Enable volto-embed
-  if (config.blocks.blocksConfig.maps) {
-    config.blocks.blocksConfig.maps.restricted = false;
-  }
-
-  // Call to Action
-  if (config.blocks.blocksConfig.callToActionBlock) {
-    config.blocks.blocksConfig.callToActionBlock.mostUsed = true;
-  }
-
-  // Columns
-  if (config.blocks.blocksConfig.columnsBlock) {
-    config.blocks.blocksConfig.columnsBlock.mostUsed = true;
-  }
-
-  // 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)';
-  }
-
-  // Custom blocks
-  // context navigation
-  // config = [installContextNavigationBlock].reduce(
-  //   (acc, apply) => apply(acc),
-  //   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;
-  }
-
-  // Done
-  return config;
-};
-
-export default applyConfig;