@plone/volto 18.0.0-alpha.4 → 18.0.0-alpha.41

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "18.0.0-alpha.4",
+  "version": "18.0.0-alpha.41",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -57,6 +57,7 @@
       "@plone/volto-slate/(.*)$": "<rootDir>/../volto-slate/src/$1",
       "@plone/registry": "<rootDir>/../registry/src",
       "@plone/registry/(.*)$": "<rootDir>/../registry/src/$1",
+      "@plone/volto": "<rootDir>/src/index.js",
       "~/config": "<rootDir>/src/config",
       "~/../locales/${lang}.json": "<rootDir>/locales/en.json",
       "(.*)/locales/(.*)": "<rootDir>/locales/$2",
@@ -77,9 +78,12 @@
     },
     "setupFiles": [
       "./test-setup-globals.js",
-      "./test-setup-config.js"
+      "./test-setup-config.jsx"
     ],
     "globalSetup": "./global-test-setup.js",
+    "setupFilesAfterEnv": [
+      "<rootDir>/jest-setup-afterenv.js"
+    ],
     "globals": {
       "__DEV__": true
     },
@@ -142,107 +146,43 @@
     "node": "^16 || ^18 || ^20"
   },
   "dependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/eslint-parser": "7.22.15",
-    "@babel/plugin-proposal-export-default-from": "7.18.10",
-    "@babel/plugin-proposal-export-namespace-from": "7.18.9",
-    "@babel/plugin-proposal-json-strings": "7.18.6",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
-    "@babel/plugin-proposal-throw-expressions": "7.18.6",
-    "@babel/plugin-syntax-export-namespace-from": "7.8.3",
-    "@babel/runtime": "7.20.6",
-    "@babel/types": "7.20.5",
-    "@loadable/babel-plugin": "5.13.2",
     "@loadable/component": "5.14.1",
     "@loadable/server": "5.14.0",
-    "@loadable/webpack-plugin": "5.15.2",
-    "autoprefixer": "10.4.8",
-    "axe-core": "4.4.2",
-    "babel-plugin-add-module-exports": "0.2.1",
-    "babel-plugin-lodash": "3.3.4",
-    "babel-plugin-react-intl": "5.1.17",
-    "babel-plugin-root-import": "6.1.0",
-    "babel-preset-razzle": "4.2.17",
-    "circular-dependency-plugin": "5.2.2",
+    "@redux-devtools/extension": "^3.3.0",
     "classnames": "2.2.6",
-    "commander": "8.2.0",
     "connected-react-router": "6.8.0",
-    "crypto-random-string": "3.2.0",
-    "css-loader": "5.2.7",
     "debug": "4.3.2",
     "decorate-component-with-props": "1.2.1",
-    "deep-freeze": "0.0.1",
     "dependency-graph": "0.10.0",
     "detect-browser": "5.1.0",
     "diff": "3.5.0",
-    "draft-js": "0.10.5",
-    "draft-js-block-breakout-plugin": "2.0.1",
-    "draft-js-buttons": "2.0.2",
-    "draft-js-import-html": "1.4.1",
-    "draft-js-inline-toolbar-plugin": "2.0.3",
-    "draft-js-plugins-editor": "2.1.1",
-    "draft-js-plugins-utils": "2.0.3",
-    "draftjs-filters": "2.3.0",
-    "eslint": "8.49.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-config-react-app": "7.0.1",
-    "eslint-import-resolver-alias": "1.1.2",
-    "eslint-import-resolver-babel-plugin-root-import": "1.1.1",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-prettier": "5.0.0",
-    "eslint-plugin-react": "7.33.2",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "express": "4.17.3",
+    "express": "4.19.2",
     "filesize": "6",
     "github-slugger": "1.4.0",
-    "glob": "7.1.6",
     "history": "4.10.1",
     "hoist-non-react-statics": "3.3.2",
-    "html-webpack-plugin": "5.5.0",
     "http-proxy-middleware": "2.0.1",
-    "identity-obj-proxy": "3.0.0",
     "image-extensions": "1.1.0",
     "immutable": "3",
     "is-hotkey": "0.2.0",
     "is-url": "1.2.4",
-    "jest-file": "1.0.0",
     "jotai": "2.0.3",
     "jwt-decode": "2.2.0",
-    "less": "3.11.1",
-    "less-loader": "11.1.0",
     "linkify-it": "3.0.2",
-    "lint-staged": "10.2.2",
     "locale": "0.1.0",
     "lodash": "4.17.21",
     "lodash-move": "1.1.1",
-    "lodash-webpack-plugin": "0.11.6",
-    "mini-css-extract-plugin": "2.7.2",
     "moment": "2.29.4",
-    "moment-locales-webpack-plugin": "1.2.0",
     "object-assign": "4.1.1",
-    "pofile": "1.0.10",
-    "postcss": "8.4.31",
-    "postcss-flexbugs-fixes": "5.0.2",
-    "postcss-less": "6.0.0",
-    "postcss-load-config": "3.1.4",
-    "postcss-loader": "7.0.2",
-    "postcss-overrides": "3.1.4",
-    "postcss-scss": "4.0.6",
     "prepend-http": "2",
-    "prettier": "3.0.3",
     "pretty-bytes": "5.3.0",
     "prismjs": "1.27.0",
     "process": "^0.11.10",
     "promise-file-reader": "1.0.2",
     "prop-types": "15.7.2",
     "query-string": "7.1.0",
-    "razzle": "4.2.18",
-    "razzle-dev-utils": "4.2.18",
-    "razzle-plugin-bundle-analyzer": "4.2.18",
-    "razzle-plugin-scss": "4.2.18",
     "rc-time-picker": "3.7.3",
-    "react": "17.0.2",
+    "react": "18.2.0",
     "react-anchor-link-smooth-scroll": "1.0.12",
     "react-animate-height": "2.0.17",
     "react-beautiful-dnd": "13.0.0",
@@ -251,17 +191,16 @@
     "react-detect-click-outside": "1.1.1",
     "react-dnd": "5.0.0",
     "react-dnd-html5-backend": "5.0.1",
-    "react-dom": "17.0.2",
+    "react-dom": "18.2.0",
     "react-dropzone": "11.1.0",
     "react-fast-compare": "2.0.4",
     "react-image-gallery": "1.2.7",
     "react-intersection-observer": "9.1.0",
-    "react-intl": "3.8.0",
-    "react-intl-redux": "2.2.0",
+    "react-intl": "3.12.1",
+    "react-intl-redux": "2.3.0",
     "react-medium-image-zoom": "3.0.15",
     "react-popper": "^2.3.0",
-    "react-portal": "4.2.1",
-    "react-redux": "7.2.4",
+    "react-redux": "8.1.2",
     "react-router": "5.2.0",
     "react-router-config": "5.1.1",
     "react-router-dom": "5.2.0",
@@ -269,37 +208,27 @@
     "react-select": "4.3.1",
     "react-select-async-paginate": "0.5.3",
     "react-share": "2.3.1",
-    "react-side-effect": "2.1.0",
+    "react-side-effect": "2.1.2",
     "react-simple-code-editor": "0.7.1",
     "react-sortable-hoc": "2.0.0",
-    "react-test-renderer": "17.0.2",
-    "react-toastify": "5.4.1",
+    "react-test-renderer": "18.2.0",
+    "react-toastify": "5.5.0",
     "react-transition-group": "4.4.5",
     "react-virtualized": "9.22.3",
-    "redraft": "0.10.2",
-    "redux": "4.1.0",
-    "redux-actions": "2.6.5",
+    "redux": "4.2.1",
+    "redux-actions": "3.0.0",
     "redux-connect": "10.0.0",
-    "redux-devtools-extension": "2.13.8",
-    "redux-localstorage-simple": "2.3.1",
+    "redux-localstorage-simple": "2.5.1",
     "redux-mock-store": "1.5.4",
-    "redux-thunk": "2.3.0",
+    "redux-thunk": "2.4.2",
     "rrule": "2.7.1",
     "semantic-ui-less": "2.4.1",
-    "semantic-ui-react": "2.0.3",
+    "semantic-ui-react": "2.1.5",
     "serialize-javascript": "3.1.0",
     "slate": "0.100.0",
     "slate-hyperscript": "0.100.0",
     "slate-react": "0.98.4",
-    "start-server-and-test": "1.14.0",
-    "style-loader": "3.3.1",
-    "stylelint": "15.10.3",
-    "stylelint-config-idiomatic-order": "9.0.0",
-    "stylelint-prettier": "4.0.2",
     "superagent": "3.8.2",
-    "svg-loader": "0.0.2",
-    "svgo-loader": "3.0.3",
-    "terser-webpack-plugin": "5.3.6",
     "tlds": "1.203.1",
     "undoo": "0.5.0",
     "universal-cookie": "4.0.4",
@@ -307,55 +236,129 @@
     "url": "^0.11.3",
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^8.3.2",
-    "webpack": "5.76.1",
-    "webpack-dev-server": "4.11.1",
-    "webpack-node-externals": "3.0.0",
-    "xmlrpc": "1.3.2",
-    "yarnhook": "0.5.1",
-    "@plone/registry": "1.0.1",
-    "@plone/scripts": "3.1.0",
-    "@plone/volto-slate": "18.0.0-alpha.4"
+    "@plone/registry": "1.7.0",
+    "@plone/volto-slate": "18.0.0-alpha.17",
+    "@plone/scripts": "3.6.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/eslint-parser": "7.22.15",
+    "@babel/plugin-proposal-export-default-from": "7.18.10",
+    "@babel/plugin-proposal-export-namespace-from": "7.18.9",
+    "@babel/plugin-proposal-json-strings": "7.18.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+    "@babel/plugin-proposal-throw-expressions": "7.18.6",
+    "@babel/plugin-syntax-export-namespace-from": "7.8.3",
+    "@babel/runtime": "7.20.6",
+    "@babel/types": "7.20.5",
+    "@fiverr/afterbuild-webpack-plugin": "^1.0.0",
     "@jest/globals": "^29.7.0",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-controls": "6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/react": "^6.5.15",
-    "@testing-library/cypress": "9.0.0",
-    "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "12.1.5",
+    "@dnd-kit/core": "6.0.8",
+    "@dnd-kit/sortable": "7.0.2",
+    "@dnd-kit/utilities": "3.2.2",
+    "@loadable/babel-plugin": "5.13.2",
+    "@loadable/webpack-plugin": "5.15.2",
+    "@sinonjs/fake-timers": "^6.0.1",
+    "@storybook/addon-actions": "^8.0.4",
+    "@storybook/addon-controls": "^8.0.4",
+    "@storybook/addon-docs": "^8.0.4",
+    "@storybook/addon-essentials": "^8.0.4",
+    "@storybook/addon-links": "^8.0.4",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.0.4",
+    "@storybook/react-webpack5": "^8.0.4",
+    "@storybook/theming": "^8.0.4",
+    "@testing-library/cypress": "10.0.1",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.0",
     "@testing-library/react-hooks": "8.0.1",
+    "@types/history": "^4.7.11",
     "@types/jest": "^29.5.8",
-    "@types/react": "^17.0.52",
-    "@types/react-dom": "^17",
-    "@types/react-test-renderer": "18.0.1",
-    "@typescript-eslint/eslint-plugin": "6.7.0",
-    "@typescript-eslint/parser": "6.7.0",
+    "@types/loadable__component": "^5.13.9",
+    "@types/lodash": "^4.14.201",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-test-renderer": "18.0.7",
+    "@types/uuid": "^9.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "autoprefixer": "10.4.8",
+    "axe-core": "4.4.2",
     "babel-loader": "9.1.0",
+    "babel-plugin-add-module-exports": "0.2.1",
+    "babel-plugin-lodash": "3.3.4",
+    "babel-plugin-react-intl": "5.1.17",
+    "babel-plugin-root-import": "6.1.0",
+    "babel-preset-razzle": "4.2.18",
     "bundlewatch": "0.3.3",
-    "cypress": "13.1.0",
+    "circular-dependency-plugin": "5.2.2",
+    "css-loader": "5.2.7",
+    "cypress": "13.6.6",
     "cypress-axe": "1.5.0",
     "cypress-file-upload": "5.0.8",
+    "deep-freeze": "0.0.1",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-import-resolver-babel-plugin-root-import": "^1.1.1",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "full-icu": "1.4.0",
+    "html-webpack-plugin": "5.5.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
     "jest-environment-jsdom": "^26",
+    "jest-file": "1.0.0",
+    "jsdom": "^16.7.0",
     "jsonwebtoken": "9.0.0",
+    "less": "3.11.1",
+    "less-loader": "11.1.0",
+    "lodash-webpack-plugin": "0.11.6",
+    "mini-css-extract-plugin": "2.7.2",
+    "moment-locales-webpack-plugin": "1.2.0",
+    "postcss": "8.4.31",
+    "postcss-flexbugs-fixes": "5.0.2",
+    "postcss-less": "6.0.0",
+    "postcss-load-config": "3.1.4",
+    "postcss-loader": "7.0.2",
+    "postcss-overrides": "3.1.4",
+    "postcss-scss": "4.0.6",
+    "prettier": "3.2.5",
+    "razzle": "4.2.18",
+    "razzle-dev-utils": "4.2.18",
+    "razzle-plugin-scss": "4.2.18",
+    "react-docgen-typescript-plugin": "^1.0.5",
     "react-error-overlay": "6.0.9",
-    "react-is": "^16.13.1",
-    "release-it": "^16.2.1",
+    "react-is": "^18.2.0",
+    "release-it": "^17.1.1",
     "semver": "^7.5.4",
+    "start-server-and-test": "1.14.0",
+    "storybook": "^8.0.4",
+    "style-loader": "3.3.1",
+    "stylelint": "^16.3.1",
+    "stylelint-config-idiomatic-order": "10.0.0",
+    "stylelint-prettier": "5.0.0",
+    "svg-loader": "0.0.2",
+    "svgo-loader": "3.0.3",
+    "terser-webpack-plugin": "5.3.6",
     "tmp": "0.2.1",
     "ts-jest": "^26.4.2",
     "ts-loader": "9.4.4",
-    "typescript": "5.2.2",
+    "typescript": "^5.4.2",
     "use-trace-update": "1.3.2",
     "wait-on": "6.0.0",
+    "webpack": "5.90.1",
+    "webpack-bundle-analyzer": "4.10.1",
+    "webpack-dev-server": "4.11.1",
+    "webpack-node-externals": "3.0.0",
     "why": "0.6.2",
+    "@plone/types": "1.0.0-alpha.17",
     "@plone/volto-coresandbox": "1.0.0"
   },
   "volta": {
@@ -363,22 +366,24 @@
   },
   "scripts": {
     "analyze": "BUNDLE_ANALYZE=true razzle build",
-    "start": "razzle start",
-    "start:coresandbox": "ADDONS=coresandbox razzle start",
-    "build": "razzle build --noninteractive",
-    "build:types": "tsc src/**/*.{js,jsx} --declaration --allowJs --emitDeclarationOnly --outDir types --skipLibCheck",
+    "start": "make build-deps && razzle start",
+    "start:coresandbox": "make build-deps && ADDONS=coresandbox razzle start",
+    "build": "make build-deps && razzle build --noninteractive",
+    "build:types": "tsc --project tsconfig.declarations.json",
     "test": "razzle test --maxWorkers=50%",
     "test:ci": "CI=true NODE_ICU_DATA=node_modules/full-icu razzle test",
     "test:husky": "CI=true yarn test --bail --findRelatedTests",
     "test:debug": "node --inspect node_modules/.bin/jest --runInBand",
     "start:prod": "NODE_ENV=production node build/server.js",
-    "prettier": "./node_modules/.bin/prettier --single-quote --check '{src,cypress}/**/*.{js,jsx,ts,tsx}' --check '*.js'",
-    "prettier:fix": "./node_modules/.bin/prettier --single-quote --write '{src,cypress}/**/*.{js,jsx,ts,tsx}' --write '*.js'",
-    "stylelint": "./node_modules/.bin/stylelint 'theme/**/*.{css,less}' 'src/**/*.{css,less}'",
-    "stylelint:overrides": "./node_modules/.bin/stylelint 'theme/**/*.overrides' 'src/**/*.overrides'",
+    "prettier": "prettier --single-quote --check '{src,cypress}/**/*.{js,jsx,ts,tsx}' --check '*.js'",
+    "prettier:fix": "prettier --single-quote --write '{src,cypress}/**/*.{js,jsx,ts,tsx}' --write '*.js'",
+    "prettier:husky": "prettier --single-quote --write",
+    "stylelint": "stylelint 'theme/**/*.{css,less}' 'src/**/*.{css,less}'",
+    "stylelint:overrides": "stylelint 'theme/**/*.overrides' 'src/**/*.overrides'",
     "stylelint:fix": "yarn stylelint --fix && yarn stylelint:overrides --fix",
-    "lint": "./node_modules/eslint/bin/eslint.js --max-warnings=0 'src/**/*.{js,jsx,ts,tsx,json}'",
-    "lint:fix": "./node_modules/eslint/bin/eslint.js --fix 'src/**/*.{js,jsx,ts,tsx,json}'",
+    "lint": "eslint --max-warnings=0 'src/**/*.{js,jsx,ts,tsx,json}'",
+    "lint:fix": "eslint --fix 'src/**/*.{js,jsx,ts,tsx,json}'",
+    "lint:husky": "eslint --max-warnings=0 --fix",
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n",
     "i18n:ci": "pnpm i18n && git diff -G'^[^\"POT]' --exit-code",
     "typecheck": "tsc --project tsconfig.json --noEmit",
@@ -386,7 +391,7 @@
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",
     "release-alpha": "release-it --preRelease=alpha",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }

package/razzle.config.js

@@ -15,11 +15,12 @@ const CircularDependencyPlugin = require('circular-dependency-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
+const AfterBuildPlugin = require('@fiverr/afterbuild-webpack-plugin');
 
 const fileLoaderFinder = makeLoaderFinder('file-loader');
 
 const projectRootPath = path.resolve('.');
-const languages = require('./src/constants/Languages');
+const languages = require('./src/constants/Languages.cjs');
 
 const packageJson = require(path.join(projectRootPath, 'package.json'));
 
@@ -30,6 +31,7 @@ const defaultModify = ({
   webpackConfig: config,
   webpackObject: webpack,
   options,
+  paths,
 }) => {
   // Compile language JSON files from po files
   poToJson({ registry, addonMode: false });
@@ -156,6 +158,66 @@ const defaultModify = ({
         placeholders: true,
       }),
     );
+
+    // This copies the publicPath files set in voltoConfigJS with the local `public`
+    // directory at build time
+    config.plugins.push(
+      new AfterBuildPlugin(() => {
+        const mergeDirectories = (sourceDir, targetDir) => {
+          const files = fs.readdirSync(sourceDir);
+          files.forEach((file) => {
+            const sourcePath = path.join(sourceDir, file);
+            const targetPath = path.join(targetDir, file);
+            const isDirectory = fs.statSync(sourcePath).isDirectory();
+            if (isDirectory) {
+              fs.mkdirSync(targetPath, { recursive: true });
+              mergeDirectories(sourcePath, targetPath);
+            } else {
+              fs.copyFileSync(sourcePath, targetPath);
+            }
+          });
+        };
+
+        // If we are in development mode, we copy the public directory to the
+        // public directory of the setup root, so the files are available
+        if (dev && !registry.isVoltoProject && registry.addonNames.length > 0) {
+          const devPublicPath = `${projectRootPath}/../../../public`;
+          if (!fs.existsSync(devPublicPath)) {
+            fs.mkdirSync(devPublicPath);
+          }
+          mergeDirectories(
+            path.join(projectRootPath, 'public'),
+            `${projectRootPath}/../../../public`,
+          );
+        }
+
+        registry.getAddonDependencies().forEach((addonDep) => {
+          // What comes from getAddonDependencies is in the form of `@package/addon:profile`
+          const addon = addonDep.split(':')[0];
+          // Check if the addon is available in the registry, just in case
+          if (registry.packages[addon]) {
+            const p = fs.realpathSync(
+              `${registry.packages[addon].modulePath}/../.`,
+            );
+            if (fs.existsSync(path.join(p, 'public'))) {
+              if (!dev) {
+                mergeDirectories(path.join(p, 'public'), paths.appBuildPublic);
+              }
+              if (
+                dev &&
+                !registry.isVoltoProject &&
+                registry.addonNames.length > 0
+              ) {
+                mergeDirectories(
+                  path.join(p, 'public'),
+                  `${projectRootPath}/../../../public`,
+                );
+              }
+            }
+          }
+        });
+      }),
+    );
   }
 
   if (target === 'node') {
@@ -166,6 +228,19 @@ const defaultModify = ({
       }),
     );
 
+    // Make the TerserPlugin accept ESNext features, since we are in 2024
+    // If this is not true, libraries already compiled for using only ESNext features
+    // won't work (eg. using a chaining operator)
+    config.optimization = Object.assign({}, config.optimization, {
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            parse: { ecma: 'ESNext' },
+          },
+        }),
+      ],
+    });
+
     // Razzle sets some of its basic env vars in the default config injecting them (for
     // the client use, mainly) in a `DefinePlugin` instance. However, this also ends in
     // the server build, removing the ability of the server node process to read from
@@ -328,6 +403,9 @@ const defaultModify = ({
               // Add support for addons to include externals (ie. node_modules npm published packages)
               ...addonsAsExternals,
               /^@plone\/volto/,
+              /^@plone\/components/,
+              /^@plone\/client/,
+              /^@plone\/providers/,
             ].filter(Boolean),
           }),
         ]
@@ -371,12 +449,14 @@ module.exports = {
     webpackConfig,
     webpackObject,
     options,
+    paths,
   }) => {
     const defaultConfig = defaultModify({
       env: { target, dev },
       webpackConfig,
       webpackObject,
       options,
+      paths,
     });
 
     const res = addonExtenders.reduce(

package/src/actions/content/content.js

@@ -14,10 +14,24 @@ import {
   LOCK_CONTENT,
   UNLOCK_CONTENT,
   LINK_INTEGRITY_CHECK,
+  UPDATE_UPLOADED_FILES,
 } from '@plone/volto/constants/ActionTypes';
 import { nestContent } from '@plone/volto/helpers';
 import config from '@plone/volto/registry';
 
+/**
+ * update uploaded files count function
+ * @function updateUploadedFiles
+ * @param {number} number of files uploaded
+ * @returns {Object} update uploaded files action
+ */
+export function updateUploadedFiles(uploadedFiles) {
+  return {
+    type: UPDATE_UPLOADED_FILES,
+    uploadedFiles: uploadedFiles,
+  };
+}
+
 /**
  * Create content function.
  * @function createContent

package/src/actions/content/content.test.js

@@ -8,6 +8,7 @@ import {
   sortContent,
   lockContent,
   unlockContent,
+  updateUploadedFiles,
 } from './content';
 import {
   CREATE_CONTENT,
@@ -18,6 +19,7 @@ import {
   RESET_CONTENT,
   LOCK_CONTENT,
   UNLOCK_CONTENT,
+  UPDATE_UPLOADED_FILES,
 } from '@plone/volto/constants/ActionTypes';
 
 describe('Content action', () => {
@@ -307,4 +309,16 @@ describe('Content action', () => {
       expect(action.request[1].path).toEqual(`${urls[1]}/@lock`);
     });
   });
+
+  describe('Uploaded Files action', () => {
+    describe('updateUploadedFiles', () => {
+      it('should create an action to update the number of uploaded files', () => {
+        const uploadedFiles = 5;
+        const action = updateUploadedFiles(uploadedFiles);
+
+        expect(action.type).toEqual(UPDATE_UPLOADED_FILES);
+        expect(action.uploadedFiles).toEqual(5);
+      });
+    });
+  });
 });

package/src/actions/form/form.js

@@ -0,0 +1,35 @@
+/**
+ * Form actions.
+ * @module actions/form/form
+ */
+
+import {
+  SET_FORM_DATA,
+  SET_UI_STATE,
+} from '@plone/volto/constants/ActionTypes';
+
+/**
+ * Set form data function.
+ * @function setFormData
+ * @param {Object} data New form data.
+ * @returns {Object} Set form data action.
+ */
+export function setFormData(data) {
+  return {
+    type: SET_FORM_DATA,
+    data,
+  };
+}
+
+/**
+ * Set ui state function.
+ * @function setUIState
+ * @param {Object} ui New ui state.
+ * @returns {Object} Set ui state action.
+ */
+export function setUIState(ui) {
+  return {
+    type: SET_UI_STATE,
+    ui,
+  };
+}

package/src/actions/form/form.test.js

@@ -0,0 +1,14 @@
+import { setFormData } from './form';
+import { SET_FORM_DATA } from '@plone/volto/constants/ActionTypes';
+
+describe('Form action', () => {
+  describe('setFormData', () => {
+    it('should create an action to set the form data', () => {
+      const data = { foo: 'bar' };
+      const action = setFormData(data);
+
+      expect(action.type).toEqual(SET_FORM_DATA);
+      expect(action.data).toEqual(data);
+    });
+  });
+});