@plone/volto 17.3.0 → 17.5.0

package/src/components/manage/Contents/Contents.jsx

@@ -411,7 +411,8 @@ class Contents extends Component {
       showWorkflow: false,
       itemsToDelete: [],
       containedItemsToDelete: [],
-      brokenReferences: [],
+      brokenReferences: 0,
+      breaches: [],
       showAllItemsToDelete: true,
       items: this.props.items,
       filter: '',
@@ -450,20 +451,37 @@ class Contents extends Component {
       const linkintegrityInfo = await this.props.linkIntegrityCheck(
         map(this.state.itemsToDelete, (item) => this.getFieldById(item, 'UID')),
       );
-      let containedItems = 0;
-      let brokenReferencesCount = 0;
+      const containedItems = linkintegrityInfo
+        .map((result) => result.items_total ?? 0)
+        .reduce((acc, value) => acc + value, 0);
+      const breaches = linkintegrityInfo.flatMap((result) =>
+        result.breaches.map((source) => ({
+          source: source,
+          target: result,
+        })),
+      );
+      const source_by_uid = breaches.reduce(
+        (acc, value) => acc.set(value.source.uid, value.source),
+        new Map(),
+      );
+      const by_source = breaches.reduce((acc, value) => {
+        if (acc.get(value.source.uid) === undefined) {
+          acc.set(value.source.uid, new Set());
+        }
+        acc.get(value.source.uid).add(value.target);
+        return acc;
+      }, new Map());
 
-      linkintegrityInfo.forEach((item) => {
-        containedItems += item.items_total ?? 0;
-        brokenReferencesCount += item.breaches.length;
-      });
       this.setState({
         containedItemsToDelete: containedItems,
-        brokenReferences: brokenReferencesCount,
-        brokenLinksList:
-          linkintegrityInfo.length === 1
-            ? linkintegrityInfo[0]['@id'] + '/links-to-item'
-            : null,
+        brokenReferences: by_source.size,
+        linksAndReferencesViewLink: linkintegrityInfo.length
+          ? linkintegrityInfo[0]['@id'] + '/links-to-item'
+          : null,
+        breaches: Array.from(by_source, (entry) => ({
+          source: source_by_uid.get(entry[0]),
+          targets: Array.from(entry[1]),
+        })),
         showAllItemsToDelete:
           this.state.itemsToDelete.length < this.deleteItemsToShowThreshold,
       });
@@ -1188,7 +1206,11 @@ class Contents extends Component {
                 <article id="content">
                   <Confirm
                     open={this.state.showDelete}
-                    confirmButton="Delete"
+                    confirmButton={
+                      this.state.brokenReferences === 0
+                        ? 'Delete'
+                        : 'Delete item and break links'
+                    }
                     header={
                       this.state.itemsToDelete.length === 1
                         ? this.props.intl.formatMessage(
@@ -1200,114 +1222,14 @@ class Contents extends Component {
                     }
                     content={
                       <div className="content">
-                        <p>
-                          {this.state.itemsToDelete.length > 1 ? (
-                            this.state.containedItemsToDelete > 0 ? (
-                              <>
-                                <FormattedMessage
-                                  id="Some items are also a folder.
-                              By deleting them you will delete {containedItemsToDelete} {variation} inside the folders."
-                                  defaultMessage="Some items are also a folder.
-                              By deleting them you will delete {containedItemsToDelete} {variation} inside the folders."
-                                  values={{
-                                    containedItemsToDelete: (
-                                      <span>
-                                        {this.state.containedItemsToDelete}
-                                      </span>
-                                    ),
-                                    variation: (
-                                      <span>
-                                        {this.state.containedItemsToDelete ===
-                                        1 ? (
-                                          <FormattedMessage
-                                            id="item"
-                                            defaultMessage="item"
-                                          />
-                                        ) : (
-                                          <FormattedMessage
-                                            id="items"
-                                            defaultMessage="items"
-                                          />
-                                        )}
-                                      </span>
-                                    ),
-                                  }}
-                                />
-                                {this.state.brokenReferences > 0 && (
-                                  <>
-                                    <br />
-                                    <FormattedMessage
-                                      id="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
-                                      defaultMessage="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
-                                      values={{
-                                        brokenReferences: (
-                                          <span>
-                                            {this.state.brokenReferences}
-                                          </span>
-                                        ),
-                                        variation: (
-                                          <span>
-                                            {this.state.brokenReferences ===
-                                            1 ? (
-                                              <FormattedMessage
-                                                id="reference"
-                                                defaultMessage="reference"
-                                              />
-                                            ) : (
-                                              <FormattedMessage
-                                                id="references"
-                                                defaultMessage="references"
-                                              />
-                                            )}
-                                          </span>
-                                        ),
-                                      }}
-                                    />
-                                  </>
-                                )}
-                              </>
-                            ) : (
-                              <>
-                                {this.state.brokenReferences > 0 && (
-                                  <>
-                                    <FormattedMessage
-                                      id="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
-                                      defaultMessage="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
-                                      values={{
-                                        brokenReferences: (
-                                          <span>
-                                            {this.state.brokenReferences}
-                                          </span>
-                                        ),
-                                        variation: (
-                                          <span>
-                                            {this.state.brokenReferences ===
-                                            1 ? (
-                                              <FormattedMessage
-                                                id="reference"
-                                                defaultMessage="reference"
-                                              />
-                                            ) : (
-                                              <FormattedMessage
-                                                id="references"
-                                                defaultMessage="references"
-                                              />
-                                            )}
-                                          </span>
-                                        ),
-                                      }}
-                                    />
-                                  </>
-                                )}
-                              </>
-                            )
-                          ) : this.state.containedItemsToDelete > 0 ? (
+                        {this.state.itemsToDelete.length > 1 ? (
+                          this.state.containedItemsToDelete > 0 ? (
                             <>
                               <FormattedMessage
-                                id="This item is also a folder.
-                            By deleting it you will delete {containedItemsToDelete} {variation} inside the folder."
-                                defaultMessage="This item is also a folder.
-                            By deleting it you will delete {containedItemsToDelete} {variation} inside the folder."
+                                id="Some items are also a folder.
+                              By deleting them you will delete {containedItemsToDelete} {variation} inside the folders."
+                                defaultMessage="Some items are also a folder.
+                              By deleting them you will delete {containedItemsToDelete} {variation} inside the folders."
                                 values={{
                                   containedItemsToDelete: (
                                     <span>
@@ -1336,8 +1258,41 @@ class Contents extends Component {
                                 <>
                                   <br />
                                   <FormattedMessage
-                                    id="This item is referenced by other items. By deleting it {brokenReferences} {variation} will be broken."
-                                    defaultMessage="This item is referenced by other items. By deleting it {brokenReferences} {variation} will be broken."
+                                    id="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
+                                    defaultMessage="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
+                                    values={{
+                                      brokenReferences: (
+                                        <span>
+                                          {this.state.brokenReferences}
+                                        </span>
+                                      ),
+                                      variation: (
+                                        <span>
+                                          {this.state.brokenReferences === 1 ? (
+                                            <FormattedMessage
+                                              id="reference"
+                                              defaultMessage="reference"
+                                            />
+                                          ) : (
+                                            <FormattedMessage
+                                              id="references"
+                                              defaultMessage="references"
+                                            />
+                                          )}
+                                        </span>
+                                      ),
+                                    }}
+                                  />
+                                </>
+                              )}
+                            </>
+                          ) : (
+                            <>
+                              {this.state.brokenReferences > 0 && (
+                                <>
+                                  <FormattedMessage
+                                    id="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
+                                    defaultMessage="Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken."
                                     values={{
                                       brokenReferences: (
                                         <span>
@@ -1361,62 +1316,183 @@ class Contents extends Component {
                                       ),
                                     }}
                                   />
-                                  <div className="broken-links-list-link-wrapper">
+                                </>
+                              )}
+                            </>
+                          )
+                        ) : this.state.containedItemsToDelete > 0 ? (
+                          <>
+                            <FormattedMessage
+                              id="This item is also a folder.
+                            By deleting it you will delete {containedItemsToDelete} {variation} inside the folder."
+                              defaultMessage="This item is also a folder.
+                            By deleting it you will delete {containedItemsToDelete} {variation} inside the folder."
+                              values={{
+                                containedItemsToDelete: (
+                                  <span>
+                                    {this.state.containedItemsToDelete}
+                                  </span>
+                                ),
+                                variation: (
+                                  <span>
+                                    {this.state.containedItemsToDelete === 1 ? (
+                                      <FormattedMessage
+                                        id="item"
+                                        defaultMessage="item"
+                                      />
+                                    ) : (
+                                      <FormattedMessage
+                                        id="items"
+                                        defaultMessage="items"
+                                      />
+                                    )}
+                                  </span>
+                                ),
+                              }}
+                            />
+                            {this.state.brokenReferences > 0 && (
+                              <>
+                                <br />
+                                <FormattedMessage
+                                  id="Deleting this item breaks {brokenReferences} {variation}."
+                                  defaultMessage="Deleting this item breaks {brokenReferences} {variation}."
+                                  values={{
+                                    brokenReferences: (
+                                      <span>{this.state.brokenReferences}</span>
+                                    ),
+                                    variation: (
+                                      <span>
+                                        {this.state.brokenReferences === 1 ? (
+                                          <FormattedMessage
+                                            id="reference"
+                                            defaultMessage="reference"
+                                          />
+                                        ) : (
+                                          <FormattedMessage
+                                            id="references"
+                                            defaultMessage="references"
+                                          />
+                                        )}
+                                      </span>
+                                    ),
+                                  }}
+                                />
+                                <div className="broken-links-list">
+                                  <FormattedMessage id="These items will have broken links" />
+                                  <ul>
+                                    {this.state.breaches.map((breach) => (
+                                      <li key={breach.source['@id']}>
+                                        <Link
+                                          to={flattenToAppURL(
+                                            breach.source['@id'],
+                                          )}
+                                          title="Navigate to this item"
+                                        >
+                                          {breach.source.title}
+                                        </Link>{' '}
+                                        refers to{' '}
+                                        {breach.targets
+                                          .map((target) => (
+                                            <Link
+                                              to={flattenToAppURL(
+                                                target['@id'],
+                                              )}
+                                              title="Navigate to this item"
+                                            >
+                                              {target.title}
+                                            </Link>
+                                          ))
+                                          .reduce((result, item) => (
+                                            <>
+                                              {result}, {item}
+                                            </>
+                                          ))}
+                                      </li>
+                                    ))}
+                                  </ul>
+                                  {this.state.linksAndReferencesViewLink && (
                                     <Link
                                       to={flattenToAppURL(
-                                        this.state.brokenLinksList,
+                                        this.state.linksAndReferencesViewLink,
                                       )}
                                     >
                                       <FormattedMessage
-                                        id="View broken links list"
-                                        defaultMessage="View broken links list"
+                                        id="View links and references to this item"
+                                        defaultMessage="View links and references to this item"
                                       />
                                     </Link>
-                                  </div>
-                                </>
-                              )}
-                            </>
-                          ) : this.state.brokenReferences > 0 ? (
-                            <>
-                              <FormattedMessage
-                                id="This item is referenced by other items. By deleting it {brokenReferences} {variation} will be broken."
-                                defaultMessage="This item is referenced by other items. By deleting it {brokenReferences} {variation} will be broken."
-                                values={{
-                                  brokenReferences: (
-                                    <span>{this.state.brokenReferences}</span>
-                                  ),
-                                  variation: (
-                                    <span>
-                                      {this.state.brokenReferences === 1 ? (
-                                        <FormattedMessage
-                                          id="reference"
-                                          defaultMessage="reference"
-                                        />
-                                      ) : (
-                                        <FormattedMessage
-                                          id="references"
-                                          defaultMessage="references"
-                                        />
-                                      )}
-                                    </span>
-                                  ),
-                                }}
-                              />
-                              <div className="broken-links-list-link-wrapper">
+                                  )}
+                                </div>
+                              </>
+                            )}
+                          </>
+                        ) : this.state.brokenReferences > 0 ? (
+                          <>
+                            <FormattedMessage
+                              id="Deleting this item breaks {brokenReferences} {variation}."
+                              defaultMessage="Deleting this item breaks {brokenReferences} {variation}."
+                              values={{
+                                brokenReferences: (
+                                  <span>{this.state.brokenReferences}</span>
+                                ),
+                                variation: (
+                                  <span>
+                                    {this.state.brokenReferences === 1 ? (
+                                      <FormattedMessage
+                                        id="reference"
+                                        defaultMessage="reference"
+                                      />
+                                    ) : (
+                                      <FormattedMessage id="references" />
+                                    )}
+                                  </span>
+                                ),
+                              }}
+                            />
+                            <div className="broken-links-list">
+                              <FormattedMessage id="These items will have broken links" />
+                              <ul>
+                                {this.state.breaches.map((breach) => (
+                                  <li key={breach.source['@id']}>
+                                    <Link
+                                      to={flattenToAppURL(breach.source['@id'])}
+                                      title="Navigate to this item"
+                                    >
+                                      {breach.source.title}
+                                    </Link>{' '}
+                                    refers to{' '}
+                                    {breach.targets
+                                      .map((target) => (
+                                        <Link
+                                          to={flattenToAppURL(target['@id'])}
+                                          title="Navigate to this item"
+                                        >
+                                          {target.title}
+                                        </Link>
+                                      ))
+                                      .reduce((result, item) => (
+                                        <>
+                                          {result}, {item}
+                                        </>
+                                      ))}
+                                  </li>
+                                ))}
+                              </ul>
+                              {this.state.linksAndReferencesViewLink && (
                                 <Link
                                   to={flattenToAppURL(
-                                    this.state.brokenLinksList,
+                                    this.state.linksAndReferencesViewLink,
                                   )}
                                 >
                                   <FormattedMessage
-                                    id="View broken links list"
-                                    defaultMessage="View broken links list"
+                                    id="View links and references to this item"
+                                    defaultMessage="View links and references to this item"
                                   />
                                 </Link>
-                              </div>
-                            </>
-                          ) : null}
-                        </p>
+                              )}
+                            </div>
+                          </>
+                        ) : null}
                       </div>
                     }
                     onCancel={this.onDeleteCancel}
@@ -2219,7 +2295,7 @@ export default compose(
   asyncConnect([
     {
       key: 'actions',
-      // Dispatch async/await to make the operation syncronous, otherwise it returns
+      // Dispatch async/await to make the operation synchronous, otherwise it returns
       // before the promise is resolved
       promise: async ({ location, store: { dispatch } }) =>
         await dispatch(listActions(getBaseUrl(location.pathname))),

package/src/components/manage/LinkMore/LinkMore.jsx

@@ -1,19 +1,9 @@
-/**
- * LinkMore component
- * @module components/manage/LinkMore/LinkMore
- */
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import { isInternalURL } from '@plone/volto/helpers/Url/Url';
 import { ConditionalLink, UniversalLink } from '@plone/volto/components';
 
-/**
- * LinkMore component.
- * @class LinkMore
- * @extends Component
- */
 const LinkMore = ({ data, isEditMode }) => {
   let href = data.linkHref?.[0]?.['@id'] || '';
   let link = null;

package/src/components/manage/Multilingual/TranslationObject.jsx

@@ -1,8 +1,3 @@
-/**
- * Add container.
- * @module components/manage/Add/Add
- */
-
 import React, { useEffect, useState } from 'react';
 import { map } from 'lodash';
 import { defineMessages, useIntl } from 'react-intl';
@@ -26,11 +21,6 @@ const messages = defineMessages({
   },
 });
 
-/**
- * TranslationObject class.
- * @class TranslationObject
- * @extends Component
- */
 const TranslationObject = ({
   translationObject,
   schema,

package/src/components/manage/TextLineEdit/TextLineEdit.jsx

@@ -174,7 +174,7 @@ export const TextLineEdit = (props) => {
     return <div />;
   }
   return (
-    <Slate editor={editor} onChange={handleChange} value={initialValue}>
+    <Slate editor={editor} onChange={handleChange} initialValue={initialValue}>
       <Editable
         readOnly={!editable}
         onKeyDown={handleKeyDown}

package/theme/themes/pastanaga/extras/blocks.less

@@ -42,6 +42,15 @@
   border-color: rgba(120, 192, 215, 0.75);
 }
 
+.block-editor-title,
+.block-editor-slate,
+.block-editor-slateTable,
+.slate-editor.selected {
+  :focus-visible {
+    outline: none;
+  }
+}
+
 .block .block:hover::before {
   border-color: rgba(120, 192, 215, 0.375);
 }

package/theme/themes/pastanaga/extras/contents.less

@@ -193,7 +193,7 @@
     word-break: break-all;
   }
 
-  .broken-links-list-link-wrapper {
+  .broken-links-list {
     margin-top: 30px;
   }
 }

package/types/actions/actions/actions.d.ts

@@ -0,0 +1,7 @@
+/**
+ * List actions.
+ * @function listActions
+ * @param {string} url Content url.
+ * @returns {Object} List actions action.
+ */
+export function listActions(url: string): any;

package/types/actions/actions/actions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/actions/addons/addons.d.ts

@@ -0,0 +1,27 @@
+/**
+ * List addons function
+ * @function listAddons
+ * @returns {Object} List addons action
+ */
+export function listAddons(): any;
+/**
+ * Install addon function.
+ * @function installAddon
+ * @param {string} id Addon id
+ * @returns {Object} install addon action.
+ */
+export function installAddon(id: string): any;
+/**
+ * Uninstall addon function.
+ * @function uninstallAddon
+ * @param {string} id Addon id
+ * @returns {Object} uninstall addon action.
+ */
+export function uninstallAddon(id: string): any;
+/**
+ * Uninstall addon function.
+ * @function upgradeAddon
+ * @param {string} id Addon id
+ * @returns {Object} id of addon to upgrade.
+ */
+export function upgradeAddon(id: string): any;

package/types/actions/addons/addons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/actions/aliases/aliases.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Get aliases function.
+ * @function getAliases
+ * @param {string} url Content url.
+ * @param {Object} options Options data.
+ * @returns {Object} Get aliases action.
+ */
+export function getAliases(url: string, options: any): any;
+/**
+ * Add alias function.
+ * @function addAliases
+ * @param {string} url Content url.
+ * @param {Object} data Aliases to add data object.
+ * @returns {Object} Add alias action.
+ */
+export function addAliases(url: string, data: any): any;
+/**
+ * Remove aliases function.
+ * @function removeAliases
+ * @param {string} url Content url.
+ * @param {Object} data Aliases to remove data object.
+ * @returns {Object} Remove alias action.
+ */
+export function removeAliases(url: string, data: any): any;

package/types/actions/aliases/aliases.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/actions/asyncConnect/asyncConnect.d.ts

@@ -0,0 +1,24 @@
+export function clearKey(key: any): {
+    type: string;
+    key: any;
+};
+export function beginGlobalLoad(): {
+    type: string;
+};
+export function endGlobalLoad(): {
+    type: string;
+};
+export function load(key: any): {
+    type: string;
+    key: any;
+};
+export function loadSuccess(key: any, data: any): {
+    type: string;
+    key: any;
+    data: any;
+};
+export function loadFail(key: any, error: any): {
+    type: string;
+    key: any;
+    error: any;
+};

package/types/actions/authRole/authRole.d.ts

@@ -0,0 +1,4 @@
+export function authenticatedRole(role: any): {
+    type: any;
+    result: any;
+};

package/types/actions/authRole/authRole.test.d.ts

@@ -0,0 +1 @@
+export {};