@plone/volto 18.32.3 → 18.33.0

package/src/server.jsx

@@ -8,7 +8,6 @@ import express from 'express';
 import { renderToString } from 'react-dom/server';
 import { createMemoryHistory } from 'history';
 import { parse as parseUrl } from 'url';
-import keys from 'lodash/keys';
 import locale from 'locale';
 import { detect } from 'detect-browser';
 import path from 'path';
@@ -33,12 +32,8 @@ import {
 import { changeLanguage } from '@plone/volto/actions/language/language';
 
 import userSession from '@plone/volto/reducers/userSession/userSession';
-
-import ErrorPage from '@plone/volto/error';
-
-import languages from '@plone/volto/constants/Languages.cjs';
-
 import configureStore from '@plone/volto/store';
+import ErrorPage from '@plone/volto/error';
 import { ReduxAsyncConnect, loadOnServer } from './helpers/AsyncConnect';
 
 let locales = {};
@@ -46,11 +41,15 @@ let locales = {};
 if (config.settings) {
   config.settings.supportedLanguages.forEach((lang) => {
     const langFileName = toGettextLang(lang);
-    import(
-      /* @vite-ignore */ '@root/../locales/' + langFileName + '.json'
-    ).then((locale) => {
-      locales = { ...locales, [toReactIntlLang(lang)]: locale.default };
-    });
+    import(/* @vite-ignore */ '@root/../locales/' + langFileName + '.json')
+      .then((locale) => {
+        locales = { ...locales, [toReactIntlLang(lang)]: locale.default };
+      })
+      .catch(() => {
+        debug('i18n')(
+          `Locale file for ${lang} not found, using empty messages.`,
+        );
+      });
   });
 }
 
@@ -58,7 +57,10 @@ function reactIntlErrorHandler(error) {
   debug('i18n')(error);
 }
 
-const supported = new locale.Locales(keys(languages), 'en');
+const supported = new locale.Locales(
+  config.settings.supportedLanguages,
+  config.settings.defaultLanguage,
+);
 
 const server = express()
   .disable('x-powered-by')

package/test-setup-globals-vitest.js

@@ -44,3 +44,28 @@ vi.stubGlobal('sessionStorage', {
   removeItem: vi.fn(),
   clear: vi.fn(),
 });
+
+global.jest = {
+  fn: vi.fn.bind(vi),
+};
+
+// Mock IntersectionObserver for Vitest
+const IntersectionObserverMock = vi.fn((callback, options = {}) => {
+  const instance = {
+    thresholds: Array.isArray(options.threshold)
+      ? options.threshold
+      : [options.threshold ?? 0],
+    root: options.root ?? null,
+    rootMargin: options.rootMargin ?? '',
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+    disconnect: vi.fn(),
+    takeRecords: vi.fn(() => []),
+  };
+
+  return instance;
+});
+
+vi.stubGlobal('IntersectionObserver', IntersectionObserverMock);
+global.IntersectionObserver = IntersectionObserverMock;
+window.IntersectionObserver = IntersectionObserverMock;

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

@@ -391,8 +391,6 @@ button {
 }
 
 .users-control-panel .table {
-  overflow-x: scroll;
-
   &::-webkit-scrollbar {
     width: 3px;
     height: 3px; /* scrollbar height */

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

@@ -280,6 +280,23 @@ body.babel-view .field.language-independent-field {
     }
   }
 }
+// FileWidget
+.file-widget-dropzone {
+  .label-file-widget-input {
+    .visually-hidden {
+      position: absolute;
+      overflow: hidden;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      border: 0;
+      margin: -1px;
+      clip: rect(1px, 1px, 1px, 1px); /* IE-style CSS for compatibility */
+      white-space: nowrap;
+      word-wrap: normal;
+    }
+  }
+}
 
 // ### FormFieldWrapper ###
 .language-independent-field .wrapper > label {

package/types/components/manage/Toolbar/Types.crash.test.d.ts

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

package/types/components/manage/Widgets/FormFieldWrapper.d.ts

@@ -1,28 +1,5 @@
-export default FormFieldWrapper;
-/**
- * FormFieldWrapper component.
- * @function FormFieldWrapper
- * @param {Object} props - Component props
- * @returns {JSX.Element} Markup for the component.
- */
-declare function FormFieldWrapper({ id, title, description, fieldSet, required, error, wrapped, columns, draggable, onEdit, className, isDisabled, onDelete, noForInFieldLabel, multilingual_options, children, }: any): JSX.Element;
-declare namespace FormFieldWrapper {
-    namespace propTypes {
-        let id: any;
-        let title: any;
-        let description: any;
-        let required: any;
-        let error: any;
-        let wrapped: any;
-        let columns: any;
-        let draggable: any;
-        let isDisabled: any;
-        let onEdit: any;
-        let className: any;
-        let onDelete: any;
-        let fieldSet: any;
-        let noForInFieldLabel: any;
-        let multilingual_options: any;
-        let children: any;
-    }
-}
+declare const _default: React.FC<import("react-intl").WithIntlProps<any>> & {
+    WrappedComponent: React.ComponentType<any>;
+};
+export default _default;
+import React from 'react';

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

@@ -121,4 +121,4 @@ export declare const ColorPickerWidget: import("@loadable/component").LoadableCo
 export declare const DatetimeWidget: import("@loadable/component").LoadableClassComponent<any>;
 export declare const TimeWidget: import("@loadable/component").LoadableClassComponent<any>;
 export declare const RecurrenceWidget: import("@loadable/component").LoadableClassComponent<any>;
-export declare const FormFieldWrapper: import("@loadable/component").LoadableComponent<any>;
+export declare const FormFieldWrapper: import("@loadable/component").LoadableComponent<import("react-intl").WithIntlProps<any>>;

package/types/helpers/Utils/Utils.d.ts

@@ -35,6 +35,7 @@ export function normalizeString(str: string): string;
  */
 export function isInteractiveElement(element: node, interactiveElements?: string[]): boolean;
 export function safeWrapper(func: Function): (config: any) => any;
+export function getErrorMessage(error: object): string;
 export function getInitials(title: any, limit: any): string;
 export function getColor(name: any): any;
 export function parseDateTime(locale: string, value: string, format: string, moment: any): any | string;

package/vitest.config.mjs

@@ -12,58 +12,103 @@ const __dirname = path.dirname(__filename);
 
 const projectRoot = path.resolve(__dirname);
 
-export default defineConfig({
-  plugins: [
-    react(),
-    svgLoader({
-      svgoConfig: {
-        plugins: [
-          {
-            name: 'preset-default',
-            params: {
-              overrides: {
-                convertPathData: false,
-                removeViewBox: false,
-              },
+const sharedAliases = {
+  '@plone/volto': path.resolve(__dirname, 'src'),
+  '@plone/volto-slate': path.resolve(__dirname, '../volto-slate/src'),
+  '@root': path.resolve(__dirname, 'src'),
+  '@plone/components': path.resolve(__dirname, '../components/src'),
+  'promise-file-reader': require.resolve('promise-file-reader'),
+  'react-dropzone': require.resolve('react-dropzone'),
+  'prop-types': require.resolve('prop-types'),
+  'react-intl-redux': require.resolve('react-intl-redux'),
+};
+
+// volto-slate specific aliases 
+const voltoSlateAliases = {
+  ...sharedAliases,
+  'react-test-renderer': require.resolve('react-test-renderer'),
+  'redux': require.resolve('redux'), 
+};
+
+const sharedPlugins = [
+  react(),
+  svgLoader({
+    svgoConfig: {
+      plugins: [
+        {
+          name: 'preset-default',
+          params: {
+            overrides: {
+              convertPathData: false,
+              removeViewBox: false,
             },
           },
-          'removeTitle',
-          'removeUselessStrokeAndFill',
-        ],
-      },
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@plone/volto': path.resolve(__dirname, 'src'),
-      '@plone/volto-slate': path.resolve(__dirname, '../volto-slate/src'),
-      '@root': path.resolve(__dirname, 'src'),
-      'promise-file-reader': require.resolve('promise-file-reader'),
-      'react-dropzone': require.resolve('react-dropzone'),
-      'prop-types': require.resolve('prop-types'),
+        },
+        'removeTitle',
+        'removeUselessStrokeAndFill',
+      ],
     },
+  }),
+];
+
+export default defineConfig({
+  plugins: sharedPlugins,
+  resolve: {
+    alias: sharedAliases,
   },
   test: {
-    isolate: true,
-    deps: {
-      moduleDirectories: ['node_modules'],
-    },
-    snapshotFormat: { printBasicPrototype: false },
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: [
-      `${projectRoot}/test-setup-globals-vitest.js`,
-      `${projectRoot}/test-setup-config.jsx`,
-      `${projectRoot}/jest-setup-afterenv.js`,
-      `${projectRoot}/jest-addons-loader.js`,
+    projects: [
+      // Volto main project
+      {
+        test: {
+          name: 'volto',
+          root: '.',
+          isolate: true,
+          globals: true,
+          environment: 'jsdom',
+          setupFiles: [
+            `${projectRoot}/test-setup-globals-vitest.js`,
+            `${projectRoot}/test-setup-config.jsx`,
+            `${projectRoot}/jest-setup-afterenv.js`,
+            `${projectRoot}/jest-addons-loader.js`,
+          ],
+          globalSetup: `${projectRoot}/global-test-setup.js`,
+        },
+        resolve: {
+          alias: sharedAliases,
+        },
+        plugins: sharedPlugins,
+      },
+      // volto-slate project
+      {
+        test: {
+          name: 'volto-slate',
+          root: '../volto-slate',
+          isolate: true,
+          globals: true,
+          environment: 'jsdom',
+          setupFiles: [
+            `${projectRoot}/test-setup-globals-vitest.js`,
+            `${projectRoot}/test-setup-config.jsx`,
+            `${projectRoot}/jest-setup-afterenv.js`,
+            `${projectRoot}/jest-addons-loader.js`,
+          ],
+          globalSetup: `${projectRoot}/global-test-setup.js`,
+        },
+        resolve: {
+          alias: voltoSlateAliases,
+        },
+        plugins: sharedPlugins,
+      },
     ],
-    globalSetup: `${projectRoot}/global-test-setup.js`,
+    snapshotFormat: { printBasicPrototype: false },
     coverage: {
       provider: 'v8',
       reporter: ['text', 'json', 'html'],
       include: [
         'src/**/*.{test,spec}.{js,ts,jsx,tsx}',
         '__test__/**/*.{test,spec}.{js,ts,jsx,tsx}',
+        '../volto-slate/src/**/*.{test,spec}.{js,ts,jsx,tsx}',
       ],
       exclude: [
         'node_modules/**',
@@ -75,3 +120,4 @@ export default defineConfig({
     css: true,
   },
 });
+