@plone/volto 18.11.1 → 18.12.0

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

@@ -1,33 +1,33 @@
-export declare const AlignWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ButtonsWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ArrayWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const CheckboxWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const FileWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const IdWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const PasswordWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const QueryWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const QuerySortOnWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const QuerystringWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SchemaWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SelectWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const TextareaWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const TextWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const TokenWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const WysiwygWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const UrlWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const InternalUrlWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const EmailWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const NumberWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ImageSizeWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const RegistryImageWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ReferenceWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ObjectBrowserWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ObjectWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ObjectListWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const VocabularyTermsWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SelectMetadataWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SelectAutoComplete: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ColorPickerWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const DatetimeWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const RecurrenceWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const FormFieldWrapper: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
+export declare const AlignWidget: any;
+export declare const ButtonsWidget: any;
+export declare const ArrayWidget: any;
+export declare const CheckboxWidget: any;
+export declare const FileWidget: any;
+export declare const IdWidget: any;
+export declare const PasswordWidget: any;
+export declare const QueryWidget: any;
+export declare const QuerySortOnWidget: any;
+export declare const QuerystringWidget: any;
+export declare const SchemaWidget: any;
+export declare const SelectWidget: any;
+export declare const TextareaWidget: any;
+export declare const TextWidget: any;
+export declare const TokenWidget: any;
+export declare const WysiwygWidget: any;
+export declare const UrlWidget: any;
+export declare const InternalUrlWidget: any;
+export declare const EmailWidget: any;
+export declare const NumberWidget: any;
+export declare const ImageSizeWidget: any;
+export declare const RegistryImageWidget: any;
+export declare const ReferenceWidget: any;
+export declare const ObjectBrowserWidget: any;
+export declare const ObjectWidget: any;
+export declare const ObjectListWidget: any;
+export declare const VocabularyTermsWidget: any;
+export declare const SelectMetadataWidget: any;
+export declare const SelectAutoComplete: any;
+export declare const ColorPickerWidget: any;
+export declare const DatetimeWidget: any;
+export declare const RecurrenceWidget: any;
+export declare const FormFieldWrapper: any;

package/types/helpers/Loadable/__mocks__/Loadable.d.ts

@@ -1,3 +1,3 @@
 export function __setLoadables(): Promise<void>;
-export const injectLazyLibs: jest.Mock<any, any, any>;
-export const preloadLazyLibs: jest.Mock<any, any, any>;
+export const injectLazyLibs: any;
+export const preloadLazyLibs: any;

package/types/server.d.ts

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

package/vite-plugins/svg.js

@@ -0,0 +1,81 @@
+import { promises as fs } from 'fs';
+import { optimize as optimizeSvg } from 'svgo';
+import _debug from 'debug';
+
+const debug = _debug('volto-vite-svg-loader');
+
+export function svgLoader(options = {}) {
+  const { svgoConfig, svgo, defaultImport } = options;
+
+  const svgRegex = /icons\/.*\.svg(\?(raw|skipsvgo))?$/;
+
+  return {
+    name: 'svg-loader',
+    enforce: 'pre',
+
+    async load(id) {
+      if (!id.match(svgRegex)) {
+        return;
+      }
+
+      debug('\n', `Processing: ${id}.`);
+
+      const [path, query] = id.split('?', 2);
+      const importType = query || defaultImport;
+
+      if (importType === 'url') {
+        return; // Use default svg loader
+      }
+
+      let content;
+      try {
+        content = await fs.readFile(path, 'utf-8');
+      } catch (ex) {
+        debug(
+          '\n',
+          `${id} couldn't be loaded by vite-svg-loader, fallback to default loader`,
+        );
+
+        return;
+      }
+
+      if (importType === 'raw') {
+        return `export default ${JSON.stringify(content)}`;
+      }
+
+      if (svgo !== false && query !== 'skipsvgo') {
+        content = optimizeSvg(content, {
+          ...svgoConfig,
+          path,
+        }).data;
+      }
+
+      const match = content.match(/<svg([^>]+)+>([\s\S]+)<\/svg>/i);
+      let attrs = {};
+      // console.log(content);
+      if (match) {
+        attrs = match[1];
+        if (attrs) {
+          attrs = attrs
+            .match(/([\w-:]+)(=)?("[^<>"]*"|'[^<>']*'|[\w-:]+)/g)
+            .reduce(function (obj, attr) {
+              var split = attr.split('=');
+              var name = split[0];
+              var value = true;
+              if (split && split[1]) {
+                value = split[1].replace(/['"]/g, '');
+              }
+              obj[name] = value;
+              return obj;
+            }, {});
+        }
+
+        content = match[2] || '';
+      }
+
+      content = content.replace(/\n/g, ' ').trim();
+
+      return `export default ${JSON.stringify({ attributes: attrs, content: content })}`;
+    },
+  };
+}

package/vitest.config.ts

@@ -0,0 +1,61 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import { svgLoader } from './vite-plugins/svg.js';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    svgLoader({
+      svgoConfig: {
+        plugins: [
+          {
+            name: 'removeViewBox',
+            active: false,
+          },
+        ],
+      },
+    }) as any,
+  ],
+  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'),
+    },
+  },
+  test: {
+    isolate: true,
+    deps: {
+      moduleDirectories: ['node_modules'],
+    },
+    snapshotFormat: { printBasicPrototype: false },
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: [
+      './test-setup-globals.js',
+      './test-setup-config.jsx',
+      './jest-setup-afterenv.js',
+      './jest-addons-loader.js',
+    ],
+    globalSetup: './global-test-setup.js',
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      include: [
+        'src/**/*.{test,spec}.{js,ts,jsx,tsx}',
+        '__test__/**/*.{test,spec}.{js,ts,jsx,tsx}',
+      ],
+      exclude: [
+        'node_modules/**',
+        '**/dist/**',
+        '**/*.config.{js,ts}',
+        '**/jest-*.js',
+      ],
+    },
+    css: true,
+  },
+});