@plone/volto 18.0.0-alpha.28 → 18.0.0-alpha.29

package/CHANGELOG.md

@@ -17,6 +17,17 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 18.0.0-alpha.29 (2024-04-26)
+
+### Feature
+
+- Add Vite (client only, no SSR) build. Update Next.js 14.2.2 and Remix to 2.8.0 @sneridagh [#5970](https://github.com/plone/volto/issues/5970)
+
+### Bugfix
+
+- Add possibility to pass down `locale`, `messages` and `defaultLocale` properties inside the `customStore` object to `IntlProvider`. With this change we can control react-intl language provider from inside storybook and switch for example from english to german with storybook args. [#5976](https://github.com/plone/volto/issues/5976)
+- Fix no router link in logo @sneridagh [#5981](https://github.com/plone/volto/issues/5981)
+
 ## 18.0.0-alpha.28 (2024-04-23)
 
 ### Bugfix

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "18.0.0-alpha.28",
+  "version": "18.0.0-alpha.29",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -236,8 +236,8 @@
     "url": "^0.11.3",
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^8.3.2",
-    "@plone/volto-slate": "18.0.0-alpha.12",
     "@plone/registry": "1.5.6",
+    "@plone/volto-slate": "18.0.0-alpha.12",
     "@plone/scripts": "3.6.1"
   },
   "devDependencies": {
@@ -353,7 +353,7 @@
     "webpack-dev-server": "4.11.1",
     "webpack-node-externals": "3.0.0",
     "why": "0.6.2",
-    "@plone/types": "1.0.0-alpha.10",
+    "@plone/types": "1.0.0-alpha.11",
     "@plone/volto-coresandbox": "1.0.0"
   },
   "volta": {

package/src/components/theme/Logo/Logo.jsx

@@ -7,7 +7,7 @@ import { useEffect } from 'react';
 import { Image } from 'semantic-ui-react';
 import LogoImage from '@plone/volto/components/theme/Logo/Logo.svg';
 import { useSelector, useDispatch } from 'react-redux';
-import { useLocation } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import { getNavroot } from '@plone/volto/actions';
 import {
   flattenToAppURL,
@@ -48,7 +48,7 @@ const Logo = () => {
   const navRootPath = flattenToAppURL(navroot?.navroot?.['@id']) || '/';
 
   return (
-    <a href={navRootPath} aria-label={intl.formatMessage(messages.home)}>
+    <Link to={navRootPath} aria-label={intl.formatMessage(messages.home)}>
       <Image
         src={
           site['plone.site_logo']
@@ -59,7 +59,7 @@ const Logo = () => {
           intl.formatMessage(messages.logoOf) + ' ' + site['plone.site_title']
         }
       />
-    </a>
+    </Link>
   );
 };
 

package/src/storybook.jsx

@@ -1387,11 +1387,16 @@ export default class Wrapper extends Component {
   render() {
     const mockStore = configureStore();
     const store = mockStore(this.customState());
+    const state = store.getState();
 
     return (
       <Provider store={store}>
         <PluggablesProvider>
-          <IntlProvider locale="en">
+          <IntlProvider
+            locale={state.intl.locale}
+            messages={state.intl.messages}
+            defaultLocale={state.intl.defaultLocale ?? 'en'}
+          >
             <StaticRouter location={this.props.location}>
               <div className="volto-storybook-container">
                 {this.props.children}
@@ -1434,11 +1439,16 @@ export class RealStoreWrapper extends Component {
     // If thunk is not included there's a complaint about async actions
     const history = createBrowserHistory();
     const store = configureRealStore(this.customState(), history);
+    const state = store.getState();
 
     return (
       <Provider store={store}>
         <PluggablesProvider>
-          <IntlProvider locale="en">
+          <IntlProvider
+            locale={state.intl.locale}
+            messages={state.intl.messages}
+            defaultLocale={state.intl.defaultLocale ?? 'en'}
+          >
             <StaticRouter location={this.props.location}>
               <div className="volto-storybook-container">
                 {this.props.children}