@plone/volto 19.0.0-alpha.32 → 19.0.0-alpha.33

package/AGENTS.md

@@ -0,0 +1,47 @@
+# AGENTS.md
+
+This file applies only to `packages/volto` and its subdirectories.
+
+## What This Package Is
+
+- `@plone/volto` is the main Plone 6 frontend application package.
+- It is a React application built with Volto's Razzle-based toolchain.
+- This package is still mostly JavaScript, with selective TypeScript support.
+
+## Architecture Notes
+
+- The app is driven by configuration registry patterns, add-on extensibility, Redux state, and block-based editing.
+- `src/components/` contains most UI and editor code.
+- `src/config/` and registry-related wiring define app composition and extensibility points.
+- `theme/` contains Less and Semantic UI customization.
+- `cypress/` contains acceptance coverage and fixtures.
+
+## Editing Rules
+
+- Prefer TypeScript for all new modules and features, even though this package still contains substantial JavaScript.
+- Refactoring touched code toward TypeScript is welcome, but not required.
+- Respect add-on extensibility. Prefer configuration and composition points over hardcoded behavior when touching core features.
+- Keep block changes aligned with existing editor/view separation and serialization expectations.
+- Do not treat this package like a standalone Vite library; its build, theming, and test workflows are app-specific.
+- When editing runtime code that depends on `@plone/registry`, `@plone/components`, or `@plone/volto-slate`, validate the integration instead of only linting local files.
+- Be careful with imports from sibling packages. If a dependency is a workspace package, prefer its public API over deep internal paths.
+
+## Validation
+
+Choose the narrowest useful set:
+
+```sh
+pnpm --filter @plone/volto test --run
+pnpm --filter @plone/volto test:ci
+pnpm --filter @plone/volto lint
+pnpm --filter @plone/volto check:ts
+pnpm --filter @plone/volto build
+pnpm --filter @plone/volto storybook
+make ci-acceptance-test-run-all
+```
+
+## Additional Guidance
+
+- For style changes, use the package's lint and stylelint commands.
+- For i18n changes, validate with `pnpm --filter @plone/volto i18n:ci`.
+- For docs-related work inside this package, also consider the Sphinx docs under the repo root.

package/CHANGELOG.md

@@ -17,6 +17,27 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 19.0.0-alpha.33 (2026-05-04)
+
+### Breaking
+
+- Removed the `@plone/client` package from the `main` branch. @sneridagh [#8170](https://github.com/plone/volto/issues/8170)
+- Replaced the dependencies `react-dnd`,  `react-dnd-html5-backend`, and `react-sortable-hoc` with `dnd-kit`.
+  See https://6.docs.plone.org/volto/upgrade-guide/index.html for more information.
+  @davisagli 
+
+### Bugfix
+
+- Force the proper setting of the I18NLANGUAGE cookie for non-multilingual sites too. @sneridagh 
+
+### Internal
+
+- Refactored the `ContentType` and `ControlPanel` components to be functional components. @Manik-Khajuria-5, @davisagli [#7705](https://github.com/plone/volto/issues/7705)
+- Refactored the `WeekdayOfTheMonthIndexField` component by converting it from a class-based component to a modern functional component. @Manik-Khajuria-5 [#7811](https://github.com/plone/volto/issues/7811)
+- Remove unused devDependency: `react-docgen-typescript-plugin`. @davisagli 
+- Standardized the TypeScript validation script name to `check:ts` and added package-specific `AGENTS.md` contributor guidance for `@plone/volto`. 
+- Update devDependency: `@vitest/ui` 3.2.4. @davisagli 
+
 ## 19.0.0-alpha.32 (2026-04-30)
 
 ### Breaking

package/README.md

@@ -45,7 +45,6 @@ This allows the code to be shared effectively, and unifies tracking of changes a
 
 | Package | Location |
 |---|---|
-| [`@plone/client`](https://www.npmjs.com/package/@plone/client) | [`packages/client`](https://github.com/plone/volto/tree/main/packages/client#readme) |
 | [`@plone/components`](https://www.npmjs.com/package/@plone/components) | [`packages/components`](https://github.com/plone/volto/tree/main/packages/components#readme) |
 | [`@plone/registry`](https://www.npmjs.com/package/@plone/registry) | [`packages/registry`](https://github.com/plone/volto/tree/main/packages/registry#readme) |
 | [`@plone/scripts`](https://www.npmjs.com/package/@plone/scripts) | [`packages/scripts`](https://github.com/plone/volto/tree/main/packages/scripts#readme) |

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "19.0.0-alpha.32",
+  "version": "19.0.0-alpha.33",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -87,8 +87,9 @@
     "node": "^22 || ^24"
   },
   "dependencies": {
-    "@dnd-kit/core": "6.0.8",
-    "@dnd-kit/sortable": "7.0.2",
+    "@dnd-kit/core": "6.3.1",
+    "@dnd-kit/modifiers": "9.0.0",
+    "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@loadable/component": "5.16.7",
     "@loadable/server": "5.16.7",
@@ -136,8 +137,6 @@
     "react-cookie": "4.1.1",
     "react-dates": "21.8.0",
     "react-detect-click-outside": "1.1.1",
-    "react-dnd": "5.0.0",
-    "react-dnd-html5-backend": "5.0.1",
     "react-dom": "18.2.0",
     "react-dropzone": "11.1.0",
     "react-fast-compare": "2.0.4",
@@ -156,7 +155,6 @@
     "react-select-async-paginate": "0.5.3",
     "react-side-effect": "2.1.2",
     "react-simple-code-editor": "0.7.1",
-    "react-sortable-hoc": "2.0.0",
     "react-test-renderer": "18.2.0",
     "react-toastify": "5.5.0",
     "react-transition-group": "4.4.5",
@@ -225,7 +223,7 @@
     "@typescript-eslint/eslint-plugin": "^7.7.0",
     "@typescript-eslint/parser": "^7.7.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/ui": "^2.1.8",
+    "@vitest/ui": "^3.2.4",
     "autoprefixer": "10.4.8",
     "axe-core": "4.4.2",
     "babel-loader": "9.1.0",
@@ -265,7 +263,6 @@
     "postcss-load-config": "^6.0.1",
     "postcss-loader": "^8.2.1",
     "postcss-scss": "4.0.9",
-    "react-docgen-typescript-plugin": "^1.0.8",
     "react-error-overlay": "6.0.9",
     "react-is": "^18.2.0",
     "release-it": "^20.0.1",
@@ -292,11 +289,11 @@
     "webpack-bundle-analyzer": "4.10.1",
     "webpack-dev-server": "^5.2.3",
     "webpack-node-externals": "3.0.0",
-    "@plone/razzle": "1.0.0-alpha.4",
-    "@plone/types": "2.0.0-alpha.17",
     "@plone/babel-preset-razzle": "^1.0.0-alpha.0",
     "@plone/volto-coresandbox": "1.0.0",
-    "@plone/razzle-dev-utils": "1.0.0-alpha.2"
+    "@plone/razzle": "1.0.0-alpha.5",
+    "@plone/razzle-dev-utils": "1.0.0-alpha.2",
+    "@plone/types": "2.0.0-alpha.18"
   },
   "scripts": {
     "analyze": "BUNDLE_ANALYZE=true razzle build",
@@ -320,7 +317,7 @@
     "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",
+    "check:ts": "tsc --project tsconfig.json --noEmit",
     "dry-release": "release-it --dry-run",
     "release": "release-it",
     "release-major-alpha": "release-it major --preRelease=alpha",

package/src/actions/controlpanels/controlpanels.js

@@ -12,7 +12,6 @@ import {
   SYSTEM_INFORMATION,
   DATABASE_INFORMATION,
 } from '@plone/volto/constants/ActionTypes';
-import { getSite } from '@plone/volto/actions/site/site';
 
 /**
  * Get controlpanel function.
@@ -88,17 +87,13 @@ export function listControlpanels() {
  * @returns {Object} Update controlpanel action.
  */
 export function updateControlpanel(url, data) {
-  return (dispatch) => {
-    dispatch({
-      type: UPDATE_CONTROLPANEL,
-      request: {
-        op: 'patch',
-        path: url,
-        data,
-      },
-    }).then(() => {
-      dispatch(getSite());
-    });
+  return {
+    type: UPDATE_CONTROLPANEL,
+    request: {
+      op: 'patch',
+      path: url,
+      data,
+    },
   };
 }
 

package/src/actions/controlpanels/controlpanels.test.js

@@ -36,10 +36,9 @@ describe('Controlpanels action', () => {
       const url = 'http://localhost';
       const data = 'Hello World!';
 
-      const dispatch = vi.fn().mockResolvedValue();
-      updateControlpanel(url, data)(dispatch);
+      const action = updateControlpanel(url, data);
 
-      expect(dispatch).toHaveBeenCalledWith({
+      expect(action).toEqual({
         type: UPDATE_CONTROLPANEL,
         request: {
           op: 'patch',