@plone/volto 18.0.0-alpha.42 → 18.0.0-alpha.43

package/src/helpers/Blocks/Blocks.js

@@ -161,7 +161,7 @@ export function addBlock(formData, type, index, blocksConfig) {
 
   return [
     id,
-    _applyBlockInitialValue({
+    applyBlockInitialValue({
       id,
       value,
       blocksConfig,
@@ -197,8 +197,12 @@ export function addBlock(formData, type, index, blocksConfig) {
  * to call `onChangeBlock` at their creation time, as this is prone to racing
  * issue on block data storage.
  */
-const _applyBlockInitialValue = ({ id, value, blocksConfig, formData }) => {
-  const blocksFieldname = getBlocksFieldname(formData);
+export const applyBlockInitialValue = ({
+  id,
+  value,
+  blocksConfig,
+  formData,
+}) => {
   const type = value['@type'];
   blocksConfig = blocksConfig || config.blocks.blocksConfig;
 
@@ -208,6 +212,7 @@ const _applyBlockInitialValue = ({ id, value, blocksConfig, formData }) => {
       value,
       formData,
     });
+    const blocksFieldname = getBlocksFieldname(formData);
     formData[blocksFieldname][id] = value;
   }
 
@@ -238,7 +243,7 @@ export function mutateBlock(formData, id, value, blocksConfig) {
   const trailId = formData[blocksLayoutFieldname].items[index];
   if (trailId) {
     const block = formData[blocksFieldname][trailId];
-    newFormData = _applyBlockInitialValue({
+    newFormData = applyBlockInitialValue({
       id,
       value,
       blocksConfig,
@@ -256,7 +261,7 @@ export function mutateBlock(formData, id, value, blocksConfig) {
   }
 
   const idTrailingBlock = uuid();
-  newFormData = _applyBlockInitialValue({
+  newFormData = applyBlockInitialValue({
     id,
     value,
     blocksConfig,
@@ -307,8 +312,8 @@ export function insertBlock(
   });
 
   const newBlockId = uuid();
-  const newFormData = _applyBlockInitialValue({
-    id,
+  const newFormData = applyBlockInitialValue({
+    id: newBlockId,
     value,
     blocksConfig,
     formData: {

package/src/helpers/Blocks/Blocks.test.js

@@ -511,6 +511,21 @@ describe('Blocks', () => {
       });
     });
 
+    it('initializes data for new block with initialValue in insertBlock', () => {
+      const [newId, form] = insertBlock(
+        {
+          blocks: { a: { value: 1 }, b: { value: 2 } },
+          blocks_layout: { items: ['a', 'b'] },
+        },
+        'b',
+        { '@type': 'dummyText' },
+      );
+      expect(form.blocks[newId]).toStrictEqual({
+        '@type': 'dummyText',
+        marker: true,
+      });
+    });
+
     it('initializes data for new block based on schema defaults', () => {
       const [newId, form] = addBlock(
         {

package/src/helpers/Blocks/cloneBlocks.ts

@@ -4,7 +4,7 @@ import {
   getBlocksFieldname,
   getBlocksLayoutFieldname,
   hasBlocksData,
-} from './Blocks';
+} from '@plone/volto/helpers/Blocks/Blocks';
 import config from '@plone/registry';
 
 export function cloneBlocks(blocksData) {

package/src/helpers/FormValidation/FormValidation.jsx

@@ -1,5 +1,5 @@
 import { map, keys, intersection, isEmpty } from 'lodash';
-import { messages } from '../MessageLabels/MessageLabels';
+import { messages } from '@plone/volto/helpers/MessageLabels/MessageLabels';
 import config from '@plone/volto/registry';
 import { toast } from 'react-toastify';
 import Toast from '@plone/volto/components/manage/Toast/Toast';
@@ -35,7 +35,14 @@ export const tryParseJSON = (requestItem) => {
     try {
       resultObj = JSON.parse(requestItem.replace(/'/g, '"'));
     } catch (e) {
-      resultObj = null;
+      try {
+        // Treats strings like: `'String "double quotes"'`
+        resultObj = JSON.parse(
+          requestItem.replace(/"/g, '\\"').replace(/'/g, '"'),
+        );
+      } catch (e) {
+        resultObj = null;
+      }
     }
   }
   return resultObj;
@@ -338,3 +345,13 @@ export const validateFileUploadSize = (file, intlFunc) => {
   }
   return isValid;
 };
+
+/**
+ * Extract invariant errors given an array of errors.
+ * @param {Array} erros
+ */
+export const extractInvariantErrors = (erros) => {
+  return erros
+    .filter((errorItem) => !('field' in errorItem))
+    .map((errorItem) => errorItem['message']);
+};

package/src/helpers/FormValidation/validators.ts

@@ -1,4 +1,4 @@
-import { validationMessage } from './FormValidation';
+import { validationMessage } from '@plone/volto/helpers/FormValidation/FormValidation';
 import { messages } from '@plone/volto/helpers/MessageLabels/MessageLabels';
 
 type MinMaxValidator = {

package/src/helpers/Url/Url.test.js

@@ -255,11 +255,24 @@ describe('Url', () => {
     });
     it('isUrl test 4', () => {
       const href = `https://www`;
-      expect(isUrl(href)).toBe(false);
+      expect(isUrl(href)).toBe(true);
     });
     it('isUrl test 5', () => {
+      const href = `https://www/foo/bar`;
+      expect(isUrl(href)).toBe(true);
+    });
+    it('isUrl test 6', () => {
+      // at the end of the day, this is a strange, but valid, URL
       const href = `www.e`;
-      expect(isUrl(href)).toBe(false);
+      expect(isUrl(href)).toBe(true);
+    });
+    it('isUrl test 7', () => {
+      const href = `file://server/folder/file.txt`;
+      expect(isUrl(href)).toBe(true);
+    });
+    it('isUrl test 8', () => {
+      const href = `file://server.dir.internal/folder/file.txt`;
+      expect(isUrl(href)).toBe(true);
     });
   });
   describe('getFieldURL', () => {

package/src/helpers/Url/urlRegex.js

@@ -52,7 +52,7 @@ export const urlRegex = (_opts) => {
   })\\.?`;
   const port = '(?::\\d{2,5})?';
   const path = '(?:[/?#][^\\s"]*)?';
-  const regex = `(?:${protocol}|www\\.)${auth}(?:localhost|${ip}|${host}${domain}${tld})${port}${path}`;
+  const regex = `(?:${protocol}|www\\.)${auth}(?:localhost|${ip}|${host}${domain}${tld}|${host})${port}${path}`;
 
   return opts.exact
     ? new RegExp(`(?:^${regex}$)`, 'i')

package/src/helpers/index.js

@@ -40,6 +40,7 @@ export {
   getLanguageIndependentFields,
 } from '@plone/volto/helpers/Content/Content';
 export {
+  applyBlockInitialValue,
   addBlock,
   insertBlock,
   blockHasValue,
@@ -85,6 +86,7 @@ export { default as Helmet } from './Helmet/Helmet';
 export { default as FormValidation } from './FormValidation/FormValidation';
 export { validateFileUploadSize } from './FormValidation/FormValidation';
 export { tryParseJSON } from './FormValidation/FormValidation';
+export { extractInvariantErrors } from './FormValidation/FormValidation';
 export {
   difference,
   getColor,

package/src/middleware/api.js

@@ -222,7 +222,8 @@ const apiMiddlewareFactory =
           }
 
           const { settings } = config;
-          if (getState().apierror.connectionRefused) {
+          const state = getState();
+          if (state.apierror.connectionRefused) {
             next({
               ...rest,
               type: RESET_APIERROR,
@@ -232,7 +233,7 @@ const apiMiddlewareFactory =
             const lang = result?.language?.token;
             if (
               lang &&
-              getState().intl.locale !== toReactIntlLang(lang) &&
+              state.intl.locale !== toReactIntlLang(lang) &&
               !subrequest &&
               config.settings.supportedLanguages.includes(lang)
             ) {
@@ -244,6 +245,7 @@ const apiMiddlewareFactory =
               });
             }
           }
+
           if (type === LOGIN && settings.websockets) {
             const cookies = new Cookies();
             cookies.set(

package/src/middleware/index.js

@@ -11,3 +11,4 @@ export {
   protectLoadEnd,
   loadProtector,
 } from '@plone/volto/middleware/storeProtectLoadUtils';
+export { default as userSessionReset } from './userSessionReset';

package/src/middleware/userSessionReset.js

@@ -0,0 +1,46 @@
+import Cookies from 'universal-cookie';
+
+const LOCATION_CHANGE = '@@router/LOCATION_CHANGE';
+
+const userSessionReset =
+  ({ dispatch, getState }) =>
+  (next) =>
+  (action) => {
+    if (typeof action === 'function') {
+      return next(action);
+    }
+
+    switch (action.type) {
+      case LOCATION_CHANGE:
+        if (action.request?.subrequest || __SERVER__) {
+          return next(action);
+        }
+
+        const cookies = new Cookies();
+        const token = cookies.get('auth_token');
+        const state = getState();
+
+        if (token && !state.userSession?.token) {
+          const loginAction = {
+            type: 'LOGIN_SUCCESS',
+            result: {
+              token,
+            },
+          };
+          dispatch(loginAction);
+        } else if (!token && state.userSession?.token) {
+          const logoutAction = {
+            type: 'LOGOUT_SUCCESS',
+            result: {
+              token,
+            },
+          };
+          dispatch(logoutAction);
+        }
+        return next(action);
+      default:
+        return next(action);
+    }
+  };
+
+export default userSessionReset;

package/src/store.js

@@ -13,6 +13,7 @@ import {
   protectLoadStart,
   protectLoadEnd,
   loadProtector,
+  userSessionReset,
 } from '@plone/volto/middleware';
 
 const configureStore = (initialState, history, apiHelper) => {
@@ -22,6 +23,7 @@ const configureStore = (initialState, history, apiHelper) => {
     routerMiddleware(history),
     thunk,
     ...(apiHelper ? [api(apiHelper)] : []),
+    userSessionReset,
     protectLoadEnd,
     ...(__CLIENT__
       ? [save({ states: config.settings.persistentReducers, debounce: 500 })]

package/test-setup-config.jsx

@@ -20,6 +20,7 @@ import {
   controlPanelsIcons,
   filterControlPanels,
   filterControlPanelsSchema,
+  unwantedControlPanelsFields,
 } from '@plone/volto/config/ControlPanels';
 
 import ListingBlockSchema from '@plone/volto/components/manage/Blocks/Listing/schema';
@@ -31,6 +32,7 @@ config.set('settings', {
   defaultLanguage: 'en',
   supportedLanguages: ['en'],
   defaultPageSize: 25,
+  showTags: true,
   isMultilingual: false,
   nonContentRoutes,
   contentIcons: contentIcons,
@@ -49,6 +51,7 @@ config.set('settings', {
   controlPanelsIcons,
   filterControlPanels,
   filterControlPanelsSchema,
+  unwantedControlPanelsFields,
   apiExpanders: [],
   downloadableObjects: ['File'],
   viewableInBrowserObjects: [],

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

@@ -1120,6 +1120,12 @@ div.image-upload-widget-image {
     flex-direction: row;
     align-items: center;
     margin-right: 0.5em;
+
+    .sorted-label-value {
+      margin-right: 0.5em;
+      margin-left: 0.7em;
+      color: @lightGrey;
+    }
   }
 
   .sort-label {

package/types/components/manage/Actions/Actions.stories.d.ts

@@ -0,0 +1,8 @@
+export const Actions: any;
+declare namespace _default {
+    export let title: string;
+    export { Actions as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

package/types/components/manage/Blocks/LeadImage/Edit.d.ts

@@ -1,5 +1,14 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<any>> & {
-    WrappedComponent: React.ComponentType<any>;
-};
-export default _default;
-import React from 'react';
+export default Edit;
+declare function Edit(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace Edit {
+    namespace propTypes {
+        let properties: any;
+        let selected: any;
+        let block: any;
+        let index: any;
+        let data: any;
+        let pathname: any;
+        let onChangeBlock: any;
+        let openObjectBrowser: any;
+    }
+}

package/types/components/manage/Blocks/Search/widgets/SelectMetadataField.d.ts

@@ -1,10 +1,5 @@
 declare const _default: {
     (props: any): import("react/jsx-runtime").JSX.Element;
-    /**
-     * Property types.
-     * @property {Object} propTypes Property types.
-     * @static
-     */
     displayName: string;
 };
 export default _default;

package/types/components/manage/Blocks/ToC/Edit.d.ts

@@ -1,7 +1,2 @@
 export default Edit;
-declare class Edit extends React.Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-import React from 'react';
+declare function Edit(props: any): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Blocks/Video/Edit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/types/components/manage/Blocks/Video/Edit.stories.d.ts

@@ -0,0 +1,8 @@
+export const Video: any;
+declare namespace _default {
+    export let title: string;
+    export { Video as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

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

@@ -0,0 +1,8 @@
+export const ContentBreadcrumbs: any;
+declare namespace _default {
+    export let title: string;
+    export { ContentBreadcrumbs as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

package/types/components/manage/Contents/ContentsUploadModal.d.ts

@@ -1,2 +1,14 @@
-declare const _default: any;
-export default _default;
+export default ContentsUploadModal;
+declare function ContentsUploadModal(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace ContentsUploadModal {
+    namespace propTypes {
+        let pathname: any;
+        let open: any;
+        let onOk: any;
+        let onCancel: any;
+        let multiple: any;
+        let minSize: any;
+        let maxSize: any;
+        let accept: any;
+    }
+}

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

@@ -0,0 +1,8 @@
+export const ContentUploadModal: any;
+declare namespace _default {
+    export let title: string;
+    export { ContentUploadModal as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

package/types/components/manage/Contents/index.d.ts

@@ -3,7 +3,7 @@ export declare const ContentsRenameModal: import("@loadable/component").Loadable
 export declare const ContentsBreadcrumbs: import("@loadable/component").LoadableComponent<any>;
 export declare const ContentsIndexHeader: import("@loadable/component").LoadableClassComponent<any>;
 export declare const ContentsItem: import("@loadable/component").LoadableClassComponent<any>;
-export declare const ContentsUploadModal: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentsUploadModal: import("@loadable/component").LoadableComponent<any>;
 export declare const ContentsPropertiesModal: import("@loadable/component").LoadableComponent<any>;
 export declare const ContentsWorkflowModal: import("@loadable/component").LoadableComponent<any>;
 export declare const ContentsTagsModal: import("@loadable/component").LoadableComponent<any>;

package/types/components/manage/Controlpanels/AddonsControlpanel.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
-export default _default;
+export default AddonsControlpanel;
+declare function AddonsControlpanel(props: any): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Controlpanels/Aliases.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
-export default _default;
+export default Aliases;
+declare function Aliases(props: any): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Controlpanels/Aliases.stories.d.ts

@@ -0,0 +1,8 @@
+export const Aliases: any;
+declare namespace _default {
+    export let title: string;
+    export { Aliases as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

package/types/components/manage/Controlpanels/DatabaseInformation.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
-export default _default;
+export default DatabaseInformation;
+declare function DatabaseInformation(): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Controlpanels/Groups/RenderGroups.d.ts

@@ -1,5 +1,10 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<any>> & {
-    WrappedComponent: React.ComponentType<any>;
-};
-export default _default;
-import React from 'react';
+export default RenderGroups;
+declare function RenderGroups(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace RenderGroups {
+    namespace propTypes {
+        let group: any;
+        let roles: any;
+        let inheritedRole: any;
+        let onDelete: any;
+    }
+}

package/types/components/manage/Controlpanels/index.d.ts

@@ -9,11 +9,11 @@ export declare const UsersControlpanel: import("@loadable/component").LoadableCl
 export declare const RenderUsers: import("@loadable/component").LoadableClassComponent<any>;
 export declare const UserGroupMembershipControlPanel: import("@loadable/component").LoadableComponent<unknown>;
 export declare const GroupsControlpanel: import("@loadable/component").LoadableClassComponent<any>;
-export declare const RenderGroups: import("@loadable/component").LoadableComponent<import("react-intl").WithIntlProps<any>>;
+export declare const RenderGroups: import("@loadable/component").LoadableComponent<any>;
 export declare const RelationsControlpanel: import("@loadable/component").LoadableComponent<unknown>;
-export declare const AliasesControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const AliasesControlpanel: import("@loadable/component").LoadableComponent<any>;
 export declare const UndoControlpanel: import("@loadable/component").LoadableClassComponent<any>;
-export declare const AddonsControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const AddonsControlpanel: import("@loadable/component").LoadableComponent<any>;
 export declare const ContentType: import("@loadable/component").LoadableClassComponent<any>;
 export declare const ContentTypeLayout: import("@loadable/component").LoadableClassComponent<any>;
 export declare const ContentTypeSchema: import("@loadable/component").LoadableClassComponent<any>;
@@ -29,4 +29,4 @@ export declare const VersionOverview: import("@loadable/component").LoadableComp
 }>;
 export declare const UpgradeControlPanel: import("@loadable/component").LoadableClassComponent<any>;
 export declare const ModerateComments: import("@loadable/component").LoadableClassComponent<any>;
-export declare const DatabaseInformation: import("@loadable/component").LoadableClassComponent<any>;
+export declare const DatabaseInformation: import("@loadable/component").LoadableComponent<unknown>;

package/types/components/manage/Display/Display.stories.d.ts

@@ -0,0 +1,8 @@
+export const Display: any;
+declare namespace _default {
+    export let title: string;
+    export { Display as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

package/types/components/manage/Preferences/ChangePassword.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
-export default _default;
+export default ChangePassword;
+declare function ChangePassword(): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Preferences/ChangePassword.stories.d.ts

@@ -0,0 +1,8 @@
+export const ChangePassword: any;
+declare namespace _default {
+    export let title: string;
+    export { ChangePassword as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

package/types/components/manage/Preferences/PersonalInformation.d.ts

@@ -1,2 +1,7 @@
-declare const _default: any;
-export default _default;
+export default PersonalInformation;
+declare function PersonalInformation(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace PersonalInformation {
+    namespace propTypes {
+        let closeMenu: any;
+    }
+}

package/types/components/manage/Preferences/PersonalPreferences.d.ts

@@ -1,2 +1,6 @@
-declare const _default: any;
+declare const _default: import("react").ComponentType<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+}>;
 export default _default;

package/types/components/manage/Preferences/PersonalPreferences.stories.d.ts

@@ -0,0 +1,8 @@
+export const PersonalPreferences: any;
+declare namespace _default {
+    export let title: string;
+    export { PersonalPreferences as component };
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let argTypes: {};
+}
+export default _default;

package/types/components/manage/Toolbar/More.d.ts

@@ -1,5 +1,8 @@
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
-export default _default;
-import React from 'react';
+export default More;
+declare function More(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace More {
+    namespace propTypes {
+        let loadComponent: any;
+        let closeMenu: any;
+    }
+}