@plone/volto 19.0.0-alpha.21 → 19.0.0-alpha.23

package/CHANGELOG.md

@@ -17,6 +17,31 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 19.0.0-alpha.23 (2026-02-03)
+
+### Bugfix
+
+- Language control panel: fix validation of default language. @davisagli [#7720](https://github.com/plone/volto/issues/7720)
+- Set HTTP 503 status code for ConnectionRefused error page. @Shyam-Raghuwanshi [#7754](https://github.com/plone/volto/issues/7754)
+- Fix default case selection in ButtonsWidget. @iFlameing 
+
+## 19.0.0-alpha.22 (2026-01-26)
+
+### Feature
+
+- Add `aboveListingItems` slot to allow displaying custom listing disclamers. @danalvrz 
+- Enhanced `SlotRenderer`'s `GetSlotArgs` typings. @sneridagh 
+
+### Bugfix
+
+- Remove '__ac' cookie when authtoken expires @Tishasoumya-02 [#7783](https://github.com/plone/volto/issues/7783)
+
+### Internal
+
+- Removed apps folder from main branch, and related Plone's modular architecture packages (helpers, blocks, providers, theming, layout).
+  These packages are now only in `seven` branch. @sneridagh [#7785](https://github.com/plone/volto/issues/7785)
+- Fixed CI test call. Fixed missing tests fixed since then. @sneridagh [#7795](https://github.com/plone/volto/issues/7795)
+
 ## 19.0.0-alpha.21 (2026-01-14)
 
 ### Bugfix

package/README.md

@@ -47,8 +47,6 @@ This allows the code to be shared effectively, and unifies tracking of changes a
 |---|---|
 | [`@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/helpers`](https://www.npmjs.com/package/@plone/helpers) | [`packages/helpers`](https://github.com/plone/volto/tree/main/packages/helpers#readme) |
-| [`@plone/providers`](https://www.npmjs.com/package/@plone/providers) | [`packages/providers`](https://github.com/plone/volto/tree/main/packages/providers#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) |
 | [`@plone/types`](https://www.npmjs.com/package/@plone/types) | [`packages/types`](https://github.com/plone/volto/tree/main/packages/types#readme) |
@@ -140,7 +138,6 @@ To ensure your website gets the greatest exposure, add it both to [Awesome Volto
 - [Debabarreneko mankomunitatea](https://debabarrena.eus/eu) (Website of the Commonwealth of Debabarrena, community of municipalities to centralize waste handling services, developed by [CodeSyntax](https://www.codesyntax.com/en), 2022)
 - [Debako Udala / Ayuntamiento de Deba](https://www.deba.eus/eu) (Website of the municipality of Deba, developed by [CodeSyntax](https://www.codesyntax.com/en), 2022)
 - [European Environment Agency](https://www.eea.europa.eu/en) (Website of the European Environment Agency. Developed by [Eau de Web](https://eaudeweb.ro), 2023)
-- Excellence at Humboldt-Universität zu Berlin (Website for the excellence initiative of the [Humboldt University Berlin](https://www.hu-berlin.de/de), developed by [kitconcept GmbH](https://kitconcept.com/en), 2019)
 - [Film Basque Country](https://www.filmbasquecountry.eus/en) (Website to attract, guide, and support international productions, making it easier for them to film in the Basque Country, developed by [CodeSyntax](https://www.codesyntax.com/en), 2025)
 - [Forest Information System for Europe](https://forest.eea.europa.eu) (Thematic website focusing on European forests, developed by [Eau de Web](https://eaudeweb.ro/), 2019)
 - [Forschungszentrum Jülich](https://www.fz-juelich.de/de) (Website for Forschungzentrum Jülich, which is one of the largest research institutions in Europe, developed by [kitconcept GmbH](https://kitconcept.com/en), 2022)

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "19.0.0-alpha.21",
+  "version": "19.0.0-alpha.23",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -191,9 +191,9 @@
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^8.3.2",
     "@plone/components": "4.0.0-alpha.4",
-    "@plone/registry": "3.0.0-alpha.9",
+    "@plone/scripts": "4.0.0-alpha.4",
     "@plone/volto-slate": "19.0.0-alpha.9",
-    "@plone/scripts": "4.0.0-alpha.4"
+    "@plone/registry": "3.0.0-alpha.9"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
@@ -214,6 +214,7 @@
     "@storybook/addon-webpack5-compiler-babel": "3.0.3",
     "@storybook/react": "^8.0.4",
     "@storybook/react-webpack5": "^8.0.4",
+    "@storybook/test": "^8.0.4",
     "@storybook/theming": "^8.0.4",
     "@testing-library/cypress": "10.1.0",
     "@testing-library/jest-dom": "6.4.2",
@@ -306,10 +307,10 @@
     "webpack-bundle-analyzer": "4.10.1",
     "webpack-dev-server": "4.11.1",
     "webpack-node-externals": "3.0.0",
-    "@plone/babel-preset-razzle": "^1.0.0-alpha.0",
+    "@plone/types": "2.0.0-alpha.14",
     "@plone/razzle": "1.0.0-alpha.0",
-    "@plone/volto-coresandbox": "1.0.0",
-    "@plone/types": "2.0.0-alpha.12"
+    "@plone/babel-preset-razzle": "^1.0.0-alpha.0",
+    "@plone/volto-coresandbox": "1.0.0"
   },
   "volta": {
     "node": "20.9.0"

package/src/components/manage/Blocks/Block/BlocksForm.jsx

@@ -264,9 +264,11 @@ const BlocksForm = (props) => {
   // to be removed when the user saves the page next. Otherwise the invalid
   // blocks would linger for ever.
 
-  for (const [n, v] of blockList) {
-    if (!v) {
-      const newFormData = deleteBlock(properties, n, intl);
+  const blocksLayoutFieldname = getBlocksLayoutFieldname(properties);
+  const blocksFieldname = getBlocksFieldname(properties);
+  for (const id of properties?.[blocksLayoutFieldname]?.items || []) {
+    if (!properties?.[blocksFieldname]?.[id]) {
+      const newFormData = deleteBlock(properties, id, intl);
       onChangeFormData(newFormData);
     }
   }

package/src/components/manage/Blocks/Listing/ListingBody.jsx

@@ -12,6 +12,8 @@ import { normalizeString } from '@plone/volto/helpers/Utils/Utils';
 import paginationLeftSVG from '@plone/volto/icons/left-key.svg';
 import paginationRightSVG from '@plone/volto/icons/right-key.svg';
 
+import SlotRenderer from '@plone/volto/components/theme/SlotRenderer/SlotRenderer';
+
 const Headline = ({ headlineTag, id, data = {}, listingItems, isEditMode }) => {
   let attr = { id };
   const slug = Slugger.slug(normalizeString(data.headline));
@@ -46,6 +48,7 @@ const ListingBody = withQuerystringResults((props) => {
     isFolderContentsListing,
     hasLoaded,
     id,
+    content,
   } = props;
 
   let ListingBodyTemplate;
@@ -82,6 +85,7 @@ const ListingBody = withQuerystringResults((props) => {
           isEditMode={isEditMode}
         />
       )}
+      <SlotRenderer name="aboveListingItems" content={content} data={data} />
       {listingItems?.length > 0 ? (
         <div ref={listingRef}>
           <ListingBodyTemplate

package/src/components/manage/Widgets/ButtonsWidget.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import FormFieldWrapper from '@plone/volto/components/manage/Widgets/FormFieldWrapper';
 import Icon from '@plone/volto/components/theme/Icon/Icon';
 import { Radio, RadioGroup } from '@plone/components';
@@ -130,6 +130,25 @@ const ButtonsWidget = (props: ButtonsWidgetProps) => {
     }
   };
 
+  // Synchronize default value if no value is set to data prop.
+  useEffect(() => {
+    // If `value` already matches any normalized action value, do nothing.
+    const existingMatch = normalizedActions.find(({ value: actionValue }) =>
+      isEqual(value, actionValue),
+    );
+
+    if (existingMatch) return;
+
+    // Otherwise, if there's a default value set the default style.
+    if (!defaultSelectedActionName) return;
+    const selected = normalizedActions.find(
+      ({ name }) => name === defaultSelectedActionName,
+    );
+    if (!selected) return;
+
+    onChange(id, selected.value);
+  }, [value, defaultSelectedActionName, onChange, normalizedActions, id]);
+
   return (
     <FormFieldWrapper {...props} className="widget">
       <RadioGroup

package/src/components/theme/App/App.jsx

@@ -176,7 +176,9 @@ export class App extends Component {
             <main ref={this.mainRef}>
               <OutdatedBrowser />
               {this.props.connectionRefused ? (
-                <ConnectionRefusedView />
+                <ConnectionRefusedView
+                  staticContext={this.props.staticContext}
+                />
               ) : this.state.hasError ? (
                 <Error
                   message={this.state.error.message}

package/src/components/theme/ConnectionRefused/ConnectionRefused.jsx

@@ -1,5 +1,5 @@
 /**
- * Home container.
+ * Connection refused error page.
  * @module components/theme/ConnectionRefused/ConnectionRefused
  */
 
@@ -7,6 +7,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Container } from 'semantic-ui-react';
 import config from '@plone/volto/registry';
+import { withServerErrorCode } from '@plone/volto/helpers/Utils/Utils';
 
 const ConnectionRefused = () => (
   <Container
@@ -71,4 +72,4 @@ const ConnectionRefused = () => (
   </Container>
 );
 
-export default ConnectionRefused;
+export default withServerErrorCode(503)(ConnectionRefused);

package/src/components/theme/SlotRenderer/SlotRenderer.tsx

@@ -1,6 +1,10 @@
 import { useLocation } from 'react-router-dom';
 import config from '@plone/volto/registry';
-import type { Content } from '@plone/types';
+import type { GetSlotArgs } from '@plone/types';
+
+export interface SlotRendererProps extends GetSlotArgs {
+  name: string;
+}
 
 /*
 Usage:
@@ -11,20 +15,20 @@ const SlotRenderer = ({
   name,
   content,
   navRoot,
-}: {
-  name: string;
-  content: Content;
-  navRoot?: Content;
-}) => {
+  data,
+  ...rest
+}: SlotRendererProps) => {
   const location = useLocation();
 
   let slots = config.getSlot(name, {
+    ...rest,
     content,
     location: location as any, // Since we are using an older version of history, we need to cast it to any
     // This is to cover the use case while adding a new content and we don't have
     // have the navRoot information in the initial content. This will be
     // useful for SlotRenderers rendered in the `Add` route.
     navRoot: content?.['@components']?.navroot?.navroot || navRoot,
+    data,
   });
 
   if (!slots) {
@@ -45,10 +49,12 @@ const SlotRenderer = ({
           const SlotComponent = component;
           return (
             <SlotComponent
+              {...rest}
               key={name}
               content={content}
               location={location}
               navRoot={navRoot}
+              data={data}
             />
           );
         },

package/src/helpers/AuthToken/AuthToken.js

@@ -5,7 +5,6 @@
 
 import Cookies from 'universal-cookie';
 import jwtDecode from 'jwt-decode';
-
 import { loginRenew } from '@plone/volto/actions/userSession/userSession';
 import { getCookieOptions } from '@plone/volto/helpers/Cookies/cookies';
 import { push } from 'connected-react-router';
@@ -35,7 +34,6 @@ export function persistAuthToken(store, req) {
   } else {
     currentValue = cookies.get('auth_token');
   }
-
   /**
    * handleChange method.
    * @method handleChange
@@ -46,7 +44,6 @@ export function persistAuthToken(store, req) {
     const previousValue = currentValue;
     const state = store.getState();
     currentValue = state.userSession.token;
-
     if (
       module.hot &&
       module.hot.data &&
@@ -55,11 +52,11 @@ export function persistAuthToken(store, req) {
     ) {
       currentValue = previousValue;
     }
-
     if (previousValue !== currentValue || initial) {
       if (!currentValue) {
         if (previousValue) {
           cookies.remove('auth_token', { path: '/' });
+          cookies.remove('__ac', { path: '/' });
         }
       } else {
         if (previousValue !== currentValue) {
@@ -97,11 +94,9 @@ export function persistAuthToken(store, req) {
       }
     }
   }
-
   store.subscribe(handleChange);
   handleChange(true);
 }
-
 if (module?.hot) {
   module.hot.dispose((data) => {
     data.reloaded = true;

package/src/helpers/FormValidation/validators.ts

@@ -15,6 +15,17 @@ type Validator = {
   formatMessage: Function;
 };
 
+type Choice = {
+  token: string;
+  label: string;
+};
+type ChoiceValidator = {
+  value: string | Choice;
+  field: Record<string, any>;
+  formData: any;
+  formatMessage: Function;
+};
+
 export const isMaxPropertyValid = ({
   value,
   fieldSpec,
@@ -211,12 +222,13 @@ export const defaultLanguageControlPanelValidator = ({
   value,
   formData,
   formatMessage,
-}: Validator) => {
+}: ChoiceValidator) => {
+  const token = typeof value === 'object' ? value.token : value;
   const isValid =
-    value &&
+    token &&
     (formData.available_languages.find(
-      (lang: { token: string }) => lang.token === value,
+      (lang: { token: string }) => lang.token === token,
     ) ||
-      formData.available_languages.includes(value));
+      formData.available_languages.includes(token));
   return !isValid ? formatMessage(messages.defaultLanguage) : null;
 };

package/types/components/theme/ConnectionRefused/ConnectionRefused.d.ts

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

package/types/components/theme/SlotRenderer/SlotRenderer.d.ts

@@ -1,7 +1,6 @@
-import type { Content } from '@plone/types';
-declare const SlotRenderer: ({ name, content, navRoot, }: {
+import type { GetSlotArgs } from '@plone/types';
+export interface SlotRendererProps extends GetSlotArgs {
     name: string;
-    content: Content;
-    navRoot?: Content;
-}) => import("react/jsx-runtime").JSX.Element;
+}
+declare const SlotRenderer: ({ name, content, navRoot, data, ...rest }: SlotRendererProps) => import("react/jsx-runtime").JSX.Element;
 export default SlotRenderer;

package/types/config/Views.d.ts

@@ -42,7 +42,7 @@ export const errorViews: {
     403: (props: any) => import("react/jsx-runtime").JSX.Element;
     408: () => string;
     500: (props: any) => import("react/jsx-runtime").JSX.Element;
-    ECONNREFUSED: () => import("react/jsx-runtime").JSX.Element;
+    ECONNREFUSED: (props: any) => import("react/jsx-runtime").JSX.Element;
     corsError: () => string;
 };
 export namespace layoutViewsNamesMapping {

package/types/helpers/FormValidation/validators.d.ts

@@ -10,6 +10,16 @@ type Validator = {
     formData: any;
     formatMessage: Function;
 };
+type Choice = {
+    token: string;
+    label: string;
+};
+type ChoiceValidator = {
+    value: string | Choice;
+    field: Record<string, any>;
+    formData: any;
+    formatMessage: Function;
+};
 export declare const isMaxPropertyValid: ({ value, fieldSpec, criterion, formatMessage, }: MinMaxValidator) => any;
 export declare const isMinPropertyValid: ({ value, fieldSpec, criterion, formatMessage, }: MinMaxValidator) => any;
 export declare const minLengthValidator: ({ value, field, formatMessage, }: Validator) => any;
@@ -26,5 +36,5 @@ export declare const endEventDateRangeValidator: ({ value, field, formData, form
 export declare const patternValidator: ({ value, field, formatMessage, }: Validator) => any;
 export declare const maxItemsValidator: ({ value, field, formatMessage, }: Validator) => any;
 export declare const minItemsValidator: ({ value, field, formatMessage, }: Validator) => any;
-export declare const defaultLanguageControlPanelValidator: ({ value, formData, formatMessage, }: Validator) => any;
+export declare const defaultLanguageControlPanelValidator: ({ value, formData, formatMessage, }: ChoiceValidator) => any;
 export {};