@plone/volto 18.20.0 → 19.0.0-alpha.1

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

@@ -0,0 +1,137 @@
+import { injectIntl } from 'react-intl';
+import ContentsDeleteModalComponent from './ContentsDeleteModal';
+import { RealStoreWrapper as Wrapper } from '@plone/volto/storybook';
+
+const IntlContentsDeleteModal = injectIntl(ContentsDeleteModalComponent);
+
+function StoryComponent(args) {
+  const { locale = 'en' } = args; // Default to 'en' if locale is not provided
+  const messages =
+    {
+      [locale]: require(`@plone/volto/../locales/${locale}.json`),
+    }[locale] || {};
+
+  return (
+    <Wrapper
+      customStore={{
+        linkIntegrity: {
+          result: args.linkIntegrityResult,
+          loading: args.loading,
+        },
+        intl: {
+          locale,
+          messages,
+        },
+      }}
+    >
+      <div id="toolbar" style={{ display: 'none' }} />
+      <div>{locale}</div>
+      <IntlContentsDeleteModal {...args} />
+    </Wrapper>
+  );
+}
+
+export const Default = StoryComponent.bind({});
+Default.args = {
+  locale: 'en',
+  open: true,
+  items: [
+    { '@id': '/news', UID: '123', title: 'News' },
+    { '@id': '/blog', UID: '456', title: 'Blog' },
+    { '@id': '/extra', UID: '789', title: 'Extra' },
+  ],
+  itemsToDelete: [{ UID: '456' }],
+  linkIntegrityResult: [
+    {
+      '@id': '/blog',
+      title: 'Blog',
+      items_total: 2,
+      breaches: [{ uid: '123', title: 'News', '@id': '/news' }],
+    },
+  ],
+  loading: false,
+  onOk: () => {},
+  onCancel: () => {},
+};
+
+export const DeleteMoreThanOne = StoryComponent.bind({});
+DeleteMoreThanOne.args = {
+  ...Default.args,
+  itemsToDelete: [{ UID: '456' }, { UID: '789' }],
+};
+
+export const NoContainedItems = StoryComponent.bind({});
+NoContainedItems.args = {
+  ...Default.args,
+  linkIntegrityResult: [
+    {
+      '@id': '/blog',
+      title: 'Blog',
+      items_total: 0,
+      breaches: [{ uid: '123', title: 'News', '@id': '/news' }],
+    },
+  ],
+};
+
+export const MultipleLinkIntegrityResults = StoryComponent.bind({});
+MultipleLinkIntegrityResults.args = {
+  ...Default.args,
+  itemsToDelete: [{ UID: '456' }, { UID: '789' }],
+  linkIntegrityResult: [
+    {
+      '@id': '/blog',
+      title: 'Blog',
+      items_total: 1,
+      breaches: [{ uid: '123', title: 'News', '@id': '/news' }],
+    },
+    {
+      '@id': '/extra',
+      title: 'Extra',
+      items_total: 0,
+      breaches: [{ uid: '123', title: 'News', '@id': '/news' }],
+    },
+  ],
+};
+
+export const MultipleBreaches = StoryComponent.bind({});
+MultipleBreaches.args = {
+  ...Default.args,
+  itemsToDelete: [{ UID: '789' }],
+  linkIntegrityResult: [
+    {
+      '@id': '/extra',
+      title: 'Extra',
+      items_total: 0,
+      breaches: [
+        { uid: '123', title: 'News', '@id': '/news' },
+        { uid: '456', title: 'Blog', '@id': '/blog' },
+      ],
+    },
+  ],
+};
+
+export const WithoutLinkIntegrityBreaches = StoryComponent.bind({});
+WithoutLinkIntegrityBreaches.args = {
+  ...Default.args,
+  linkIntegrityResult: [],
+};
+
+export default {
+  title: 'Public components/Contents/Contents Delete Modal',
+  component: Default,
+  decorators: [
+    (Story) => (
+      <div className="ui segment form attached" style={{ width: '400px' }}>
+        <Story />
+      </div>
+    ),
+  ],
+  argTypes: {
+    locale: {
+      options: ['en', 'fr', 'de', 'it', 'eu'],
+      control: {
+        type: 'radio',
+      },
+    },
+  },
+};

package/src/components/manage/Widgets/IdWidget.test.jsx

@@ -1,12 +1,14 @@
 import React from 'react';
 import { Provider } from 'react-intl-redux';
 import { render, waitFor } from '@testing-library/react';
-import configureStore from 'redux-mock-store';
+import configureMockStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
 import config from '@plone/volto/registry';
 
 import IdWidget from './IdWidget';
 
-const mockStore = configureStore();
+const middlewares = [thunk];
+const mockStore = configureMockStore(middlewares);
 
 describe('IdWidget', () => {
   test('renders an empty id widget component', async () => {

package/src/components/theme/View/LinkView.jsx

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import { useHistory } from 'react-router-dom';
 import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers/Url/Url';
@@ -8,10 +9,15 @@ import { Redirect } from 'react-router-dom';
 import { FormattedMessage } from 'react-intl';
 import config from '@plone/volto/registry';
 
-const LinkView = ({ token, content }) => {
+const LinkView = ({ content }) => {
   const history = useHistory();
+  const userCanEdit = useSelector(
+    (state) =>
+      !!state.actions.actions.object.find((action) => action.id === 'edit'),
+  );
+
   useEffect(() => {
-    if (!token) {
+    if (!userCanEdit) {
       const { remoteUrl } = content;
       if (isInternalURL(remoteUrl)) {
         history.replace(flattenToAppURL(remoteUrl));
@@ -19,8 +25,8 @@ const LinkView = ({ token, content }) => {
         window.location.href = flattenToAppURL(remoteUrl);
       }
     }
-  }, [content, history, token]);
-  if (__SERVER__ && !token && content.remoteUrl) {
+  }, [content, history, userCanEdit]);
+  if (__SERVER__ && !userCanEdit && content.remoteUrl) {
     return <Redirect to={content.remoteUrl} />;
   }
   const { title, description, remoteUrl } = content;

package/src/components/theme/View/LinkView.test.jsx

@@ -17,6 +17,15 @@ const store = mockStore({
     locale: 'en',
     messages: {},
   },
+  actions: {
+    actions: {
+      object: [
+        {
+          id: 'edit',
+        },
+      ],
+    },
+  },
 });
 
 test('renders a link view component', () => {
@@ -24,7 +33,6 @@ test('renders a link view component', () => {
     <Provider store={store}>
       <MemoryRouter>
         <LinkView
-          token="1234"
           content={{
             title: 'Hello World!',
             description: 'Hi',

package/src/config/Blocks.jsx

@@ -527,7 +527,7 @@ blocksConfig.gridBlock.blocksConfig.teaser.schemaEnhancer =
 blocksConfig.gridBlock.blocksConfig.image.schemaEnhancer =
   gridImageDisableSizeAndPositionHandlersSchema;
 
-const requiredBlocks = ['title'];
+const requiredBlocks = [];
 
 const initialBlocks = {};
 const initialBlocksFocus = {}; //{Document:'title'}

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

@@ -17,6 +17,9 @@
 
 body {
   display: flex;
+  // react-aria-components popovers have problems with the default declaration
+  // in Semantic UI that forces `overflow-x: hidden` on the body.
+  overflow-x: initial;
 
   @media only screen and (max-width: @largestMobileScreen) {
     flex-direction: column;

package/types/components/manage/Contents/ContentsDeleteModal.stories.d.ts

@@ -0,0 +1,20 @@
+export const Default: any;
+export const DeleteMoreThanOne: any;
+export const NoContainedItems: any;
+export const MultipleLinkIntegrityResults: any;
+export const MultipleBreaches: any;
+export const WithoutLinkIntegrityBreaches: any;
+declare namespace _default {
+    export let title: string;
+    export { Default as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export namespace argTypes {
+        namespace locale {
+            let options: string[];
+            namespace control {
+                let type: string;
+            }
+        }
+    }
+}
+export default _default;

package/types/components/theme/View/LinkView.d.ts

@@ -1,6 +1,5 @@
 export default LinkView;
-declare function LinkView({ token, content }: {
-    token: any;
+declare function LinkView({ content }: {
     content: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace LinkView {

package/types/config/Blocks.d.ts

@@ -3,7 +3,7 @@ export const groupBlocksOrder: {
     id: string;
     title: string;
 }[];
-export const requiredBlocks: string[];
+export const requiredBlocks: any[];
 export namespace blocksConfig {
     namespace gridBlock {
         namespace blocksConfig {