@plone/volto 18.0.0-alpha.4 → 18.0.0-alpha.41

package/types/reducers/index.d.ts

@@ -50,6 +50,46 @@ declare namespace reducers {
     export { navroot };
 }
 import reduxAsyncConnect from './asyncConnect/asyncConnect';
+import actions from '@plone/volto/reducers/actions/actions';
+import addons from '@plone/volto/reducers/addons/addons';
+import apierror from '@plone/volto/reducers/apierror/apierror';
+import aliases from '@plone/volto/reducers/aliases/aliases';
+import breadcrumbs from '@plone/volto/reducers/breadcrumbs/breadcrumbs';
+import browserdetect from '@plone/volto/reducers/browserdetect/browserdetect';
+import comments from '@plone/volto/reducers/comments/comments';
+import content from '@plone/volto/reducers/content/content';
+import controlpanels from '@plone/volto/reducers/controlpanels/controlpanels';
+import clipboard from '@plone/volto/reducers/clipboard/clipboard';
+import diff from '@plone/volto/reducers/diff/diff';
+import emailNotification from '@plone/volto/reducers/emailNotification/emailNotification';
+import emailSend from '@plone/volto/reducers/emailSend/emailSend';
+import form from '@plone/volto/reducers/form/form';
+import groups from '@plone/volto/reducers/groups/groups';
+import history from '@plone/volto/reducers/history/history';
+import messages from '@plone/volto/reducers/messages/messages';
+import navigation from '@plone/volto/reducers/navigation/navigation';
+import querystring from '@plone/volto/reducers/querystring/querystring';
+import querystringsearch from '@plone/volto/reducers/querystringsearch/querystringsearch';
+import relations from '@plone/volto/reducers/relations/relations';
+import roles from '@plone/volto/reducers/roles/roles';
+import rules from '@plone/volto/reducers/rules/rules';
+import controlpanelrule from '@plone/volto/reducers/controlPanelRule/controlPanelRule';
+import controlpanelrules from '@plone/volto/reducers/controlPanelRules/controlPanelRules';
+import contentrulesevents from '@plone/volto/reducers/contentRulesEvents/contentRulesEvents';
+import schema from '@plone/volto/reducers/schema/schema';
+import search from '@plone/volto/reducers/search/search';
+import sharing from '@plone/volto/reducers/sharing/sharing';
+import sidebar from '@plone/volto/reducers/sidebar/sidebar';
+import types from '@plone/volto/reducers/types/types';
+import users from '@plone/volto/reducers/users/users';
+import authRole from '@plone/volto/reducers/authRole/authRole';
+import userSession from '@plone/volto/reducers/userSession/userSession';
+import vocabularies from '@plone/volto/reducers/vocabularies/vocabularies';
+import workflow from '@plone/volto/reducers/workflow/workflow';
+import toolbar from '@plone/volto/reducers/toolbar/toolbar';
+import blocksClipboard from '@plone/volto/reducers/blocksClipboard/blocksClipboard';
+import lazyLibraries from '@plone/volto/reducers/lazyLibraries/lazyLibraries';
+import contextNavigation from '@plone/volto/reducers/contextNavigation/contextNavigation';
 import upgrade from './upgrade/upgrade';
 import workingCopy from './workingcopy/workingcopy';
 import transactions from './transactions/transactions';

package/types/registry.d.ts

@@ -1 +1,2 @@
 export default config;
+import config from '@plone/registry';

package/types/routes.d.ts

@@ -1,4 +1,6 @@
-export function getExternalRoutes(): any[];
+export function getExternalRoutes(): {
+    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+}[];
 /**
  * Default routes array.
  * @array
@@ -13,7 +15,20 @@ export const multilingualRoutes: ({
     component: any;
     exact: boolean;
 })[];
-export const defaultRoutes: any[];
+export const defaultRoutes: ({
+    path: string;
+    component: any;
+    exact?: undefined;
+} | {
+    path: string;
+    component: any;
+    exact: boolean;
+} | {
+    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+} | {
+    path: string[];
+    component: any;
+})[];
 export default routes;
 /**
  * Routes array.
@@ -23,5 +38,18 @@ export default routes;
 declare const routes: {
     path: string;
     component: any;
-    routes: any[];
+    routes: ({
+        path: string;
+        component: any;
+        exact?: undefined;
+    } | {
+        path: string;
+        component: any;
+        exact: boolean;
+    } | {
+        component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    } | {
+        path: string[];
+        component: any;
+    })[];
 }[];

package/types/server.d.ts

@@ -1,3 +1,3 @@
-export function defaultReadCriticalCss(): string;
+export function defaultReadCriticalCss(): any;
 export default server;
 declare const server: any;

package/types/start-client.d.ts

@@ -1,2 +1,2 @@
 export default function client(): void;
-export const history: any;
+export const history: import("history").History<unknown>;

package/types/storybook.d.ts

@@ -3,7 +3,7 @@
  * @class Wrapper
  * @extends Component
  */
-export default class Wrapper extends Component<any, any, any> {
+export default class Wrapper extends React.Component<any, any, any> {
     /**
      * Property types.
      * @property {Object} propTypes Property types.
@@ -1049,9 +1049,9 @@ export default class Wrapper extends Component<any, any, any> {
         };
         lazyLibraries: {};
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
-export class RealStoreWrapper extends Component<any, any, any> {
+export class RealStoreWrapper extends React.Component<any, any, any> {
     /**
      * Property types.
      * @property {Object} propTypes Property types.
@@ -2097,11 +2097,11 @@ export class RealStoreWrapper extends Component<any, any, any> {
         };
         lazyLibraries: {};
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export function FormUndoWrapper({ initialState, children, showControls, }: {
     initialState?: {};
     children: any;
     showControls?: boolean;
-}): JSX.Element;
-import { Component } from 'react';
+}): import("react/jsx-runtime").JSX.Element;
+import React from 'react';

package/webpack-plugins/webpack-bundle-analyze-plugin.js

@@ -7,7 +7,7 @@ const offline = process.env.OFFLINE_BUNDLE_ANALYZE === 'true' ? true : false;
 
 const defaultOptions = {
   concatenateModules: false,
-  analyzerHost: '0.0.0.0',
+  analyzerHost: '127.0.0.1',
   analyzerMode: offline ? 'static' : 'server',
   generateStatsFile: true,
   statsFilename: 'stats.json',

package/webpack-plugins/webpack-relative-resolver.js

@@ -5,8 +5,11 @@ class RelativeResolverPlugin {
     this.source = source || 'resolve';
     this.target = target || 'resolve';
     this.registry = registry;
+    this.voltoModulePath = registry.isVoltoProject
+      ? require.resolve('@plone/volto').split('/').slice(0, -1).join('/')
+      : `${registry.voltoPath}/src`;
     this.voltoPaths = Object.assign(
-      { '@plone/volto/': `${registry.voltoPath}/src` },
+      { '@plone/volto/': this.voltoModulePath },
       ...Object.keys(registry.packages).map((k) => ({
         [k]: registry.packages[k].modulePath,
       })),

package/src/components/manage/AnchorPlugin/components/Link/index.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers';
-
-const propTypes = {
-  className: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  entityKey: PropTypes.string,
-  getEditorState: PropTypes.func.isRequired,
-  target: PropTypes.string,
-};
-
-const Link = ({ children, className, entityKey, getEditorState, target }) => {
-  const entity = getEditorState().getCurrentContent().getEntity(entityKey);
-  const entityData = entity ? entity.get('data') : undefined;
-  const href = (entityData && entityData.url) || undefined;
-
-  return (
-    <a
-      className={className}
-      title={href}
-      href={isInternalURL(href) ? flattenToAppURL(href) : href}
-      target={target}
-      rel="noopener noreferrer"
-    >
-      {children}
-    </a>
-  );
-};
-
-Link.propTypes = propTypes;
-Link.defaultProps = {
-  className: null,
-  entityKey: null,
-  target: null,
-};
-export default Link;

package/src/components/manage/AnchorPlugin/components/LinkButton/index.jsx

@@ -1,126 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import EditorUtils from '../../utils/EditorUtils';
-import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
-import AddLinkForm from '@plone/volto/components/manage/AnchorPlugin/components/LinkButton/AddLinkForm';
-import Icon from '@plone/volto/components/theme/Icon/Icon';
-
-import linkSVG from '@plone/volto/icons/link.svg';
-import unlinkSVG from '@plone/volto/icons/unlink.svg';
-
-// import unionClassNames from 'union-class-names';
-//import EditorUtils from 'draft-js-plugins-utils';
-
-/**
- * Add link form class.
- * @class LinkButton
- * @extends Component
- */
-class LinkButton extends Component {
-  static propTypes = {
-    placeholder: PropTypes.string,
-    theme: PropTypes.shape({}).isRequired,
-    ownTheme: PropTypes.shape({}).isRequired,
-    onRemoveLinkAtSelection: PropTypes.func.isRequired,
-    onOverrideContent: PropTypes.func.isRequired,
-  };
-
-  constructor(props) {
-    super(props);
-
-    this.DraftEditorUtils = props.draftJsPluginsUtils.default;
-    this.EditorUtils = EditorUtils(props);
-  }
-
-  static defaultProps = {
-    placeholder: '',
-  };
-
-  onMouseDown = (event) => {
-    event.preventDefault();
-  };
-
-  onAddLinkClick = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const { ownTheme, placeholder, onOverrideContent } = this.props;
-    const link = this.EditorUtils.getCurrentEntity(
-      this.props.getEditorState(),
-    )?.getData()?.url;
-
-    const content = (props) => (
-      <AddLinkForm
-        {...props}
-        placeholder={placeholder}
-        theme={ownTheme}
-        block="draft-js"
-        data={{ url: link || '' }}
-        onChangeBlock={() => {}}
-        onClear={() => {
-          this.props.setEditorState(
-            this.DraftEditorUtils.removeLinkAtSelection(
-              this.props.getEditorState(),
-            ),
-          );
-        }}
-        onChangeValue={(url) => {
-          this.props.setEditorState(
-            this.DraftEditorUtils.createLinkAtSelection(
-              this.props.getEditorState(),
-              url,
-            ),
-          );
-        }}
-      />
-    );
-    onOverrideContent(content);
-  };
-
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const { theme } = this.props;
-    const hasLinkSelected = this.EditorUtils.hasEntity(
-      this.props.getEditorState(),
-      'LINK',
-    );
-    const className = hasLinkSelected
-      ? cx(theme.button, theme.active)
-      : theme.button;
-
-    return (
-      <div
-        className={theme.buttonWrapper}
-        onMouseDown={this.onMouseDown}
-        role="presentation"
-      >
-        <button
-          className={className}
-          onClick={
-            this.onAddLinkClick
-            // hasLinkSelected
-            //   ? () =>
-            //       onRemoveLinkAtSelection(
-            //         this.props.setEditorState,
-            //         this.props.getEditorState,
-            //       )
-            //   : this.onAddLinkClick
-          }
-          type="button"
-        >
-          {!hasLinkSelected ? (
-            <Icon name={linkSVG} size="24px" />
-          ) : (
-            <Icon name={unlinkSVG} size="24px" />
-          )}
-        </button>
-      </div>
-    );
-  }
-}
-
-export default injectLazyLibs(['draftJs', 'draftJsPluginsUtils'])(LinkButton);

package/src/components/manage/AnchorPlugin/index.jsx

@@ -1,82 +0,0 @@
-import decorateComponentWithProps from 'decorate-component-with-props';
-
-import DefaultLink from './components/Link';
-import LinkButton from './components/LinkButton';
-import linkStrategy, { matchesEntityType } from './linkStrategy';
-
-function unboundRemoveEntity(editorState) {
-  const contentState = editorState.getCurrentContent();
-  const selectionState = editorState.getSelection();
-  const startKey = selectionState.getStartKey();
-  const contentBlock = contentState.getBlockForKey(startKey);
-  const startOffset = selectionState.getStartOffset();
-  const entity = contentBlock.getEntityAt(startOffset);
-
-  if (!entity) {
-    return editorState;
-  }
-
-  let entitySelection = null;
-
-  contentBlock.findEntityRanges(
-    (character) => character.getEntity() === entity,
-    (start, end) => {
-      entitySelection = selectionState.merge({
-        anchorOffset: start,
-        focusOffset: end,
-        isBackward: false,
-      });
-    },
-  );
-
-  const newContentState = this.Modifier.applyEntity(
-    contentState,
-    entitySelection,
-    null,
-  );
-
-  const newEditorState = this.EditorState.push(
-    editorState,
-    newContentState,
-    'apply-entity',
-  );
-
-  return newEditorState;
-}
-
-export default function AnchorPlugin(config = {}) {
-  // ToDo: Get rif of the remainings of having the original CSS modules
-  const defaultTheme = {};
-
-  const {
-    theme = defaultTheme,
-    placeholder,
-    Link,
-    linkTarget,
-    libraries,
-  } = config;
-
-  const removeEntity = unboundRemoveEntity.bind(libraries);
-
-  return {
-    decorators: [
-      {
-        strategy: linkStrategy,
-        matchesEntityType,
-        component:
-          Link ||
-          decorateComponentWithProps(DefaultLink, {
-            className: 'link-anchorlink-theme',
-            target: linkTarget,
-          }),
-      },
-    ],
-
-    LinkButton: decorateComponentWithProps(LinkButton, {
-      ownTheme: theme,
-      placeholder,
-      onRemoveLinkAtSelection: (setEditorState, getEditorState) =>
-        setEditorState(removeEntity(getEditorState())),
-    }),
-  };
-}

package/src/components/manage/AnchorPlugin/linkStrategy.js

@@ -1,21 +0,0 @@
-export const matchesEntityType = (type) => type === 'LINK';
-
-/**
- *
- *
- * @export strategy
- * @param {*} contentBlock contentBlock
- * @param {*} cb cb
- * @param {*} contentState contentState
- * @returns {*} string
- */
-export default function strategy(contentBlock, cb, contentState) {
-  if (!contentState) return;
-  contentBlock.findEntityRanges((character) => {
-    const entityKey = character.getEntity();
-    return (
-      entityKey !== null &&
-      matchesEntityType(contentState.getEntity(entityKey).getType())
-    );
-  }, cb);
-}

package/src/components/manage/AnchorPlugin/utils/EditorUtils.js

@@ -1,47 +0,0 @@
-const EditorUtils = ({ draftJs }) => ({
-  createLinkAtSelection(editorState, url) {
-    const contentState = editorState
-      .getCurrentContent()
-      .createEntity('LINK', 'MUTABLE', { url });
-    const entityKey = contentState.getLastCreatedEntityKey();
-    const withLink = draftJs.RichUtils.toggleLink(
-      editorState,
-      editorState.getSelection(),
-      entityKey,
-    );
-    return draftJs.EditorState.forceSelection(
-      withLink,
-      editorState.getSelection(),
-    );
-  },
-
-  removeLinkAtSelection(editorState) {
-    const selection = editorState.getSelection();
-    return draftJs.RichUtils.toggleLink(editorState, selection, null);
-  },
-
-  getCurrentEntityKey(editorState) {
-    const selection = editorState.getSelection();
-    const anchorKey = selection.getAnchorKey();
-    const contentState = editorState.getCurrentContent();
-    const anchorBlock = contentState.getBlockForKey(anchorKey);
-    const index = selection.isBackward
-      ? selection.focusOffset
-      : selection.anchorOffset;
-
-    return anchorBlock.getEntityAt(index);
-  },
-
-  getCurrentEntity(editorState) {
-    const contentState = editorState.getCurrentContent();
-    const entityKey = this.getCurrentEntityKey(editorState);
-    return entityKey ? contentState.getEntity(entityKey) : null;
-  },
-
-  hasEntity(editorState, entityType) {
-    const entity = this.getCurrentEntity(editorState);
-    return entity && entity.getType() === entityType;
-  },
-});
-
-export default EditorUtils;

package/src/components/manage/Blocks/HeroImageLeft/Data.jsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { useIntl } from 'react-intl';
-import schemaHero from './schema.js';
-import { BlockDataForm } from '@plone/volto/components';
-
-const HeroImageLeftBlockData = (props) => {
-  const { block, data, onChangeBlock } = props;
-  const intl = useIntl();
-  const schema = schemaHero({ ...props, intl });
-  return (
-    <BlockDataForm
-      schema={schema}
-      title={schema.title}
-      onChangeField={(id, value) => {
-        onChangeBlock(block, {
-          ...data,
-          [id]: value,
-        });
-      }}
-      onChangeBlock={onChangeBlock}
-      formData={data}
-      block={block}
-    />
-  );
-};
-
-export default HeroImageLeftBlockData;