@plone/volto-slate 18.10.0 → 18.10.1

package/CHANGELOG.md

@@ -8,6 +8,19 @@
 
 <!-- towncrier release notes start -->
 
+## 18.10.1 (2026-06-25)
+
+### Bugfix
+
+- Fixed unintended form submission triggered by table block buttons. @ilariamassa96 [#8329](https://github.com/plone/volto/issues/8329)
+- Fixed `redux-mock-store` used in production. @sneridagh 
+
+### Internal
+
+- Update devDependency: `@testing-library/react` 16.3.2. @wesleybl [#8294](https://github.com/plone/volto/issues/8294)
+- Update dependency: `uuid` 14.0.0. @davisagli 
+- Update devDependency: `release-it` 20.0.1. @davisagli 
+
 ## 18.10.0 (2026-05-19)
 
 ### Feature

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "18.10.0",
+  "version": "18.10.1",
   "description": "Slate.js integration with Volto",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -33,20 +33,21 @@
     "react-redux": "8.1.2",
     "react-router-dom": "5.2.0",
     "react-toastify": "5.5.0",
-    "redux-mock-store": "1.5.4",
+    "redux": "4.2.1",
     "semantic-ui-react": "2.1.5",
     "slate": "0.100.0",
     "slate-history": "0.100.0",
     "slate-hyperscript": "0.100.0",
     "slate-react": "0.98.4",
-    "uuid": "^9.0.1",
+    "uuid": "^14.0.0",
     "weak-key": "^1.0.2"
   },
   "devDependencies": {
-    "@testing-library/react": "14.3.1",
+    "@testing-library/react": "^16.3.2",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "jsdom": "23.0.0",
-    "release-it": "^19.0.5"
+    "redux-mock-store": "1.5.4",
+    "release-it": "^20.0.1"
   },
   "scripts": {
     "dry-release": "release-it --dry-run",

package/src/blocks/Table/TableBlockEdit.jsx

@@ -505,6 +505,7 @@ class Edit extends Component {
               <Button
                 icon
                 basic
+                type="button"
                 onClick={this.onInsertRowBefore}
                 title={this.props.intl.formatMessage(messages.insertRowBefore)}
                 aria-label={this.props.intl.formatMessage(
@@ -518,6 +519,7 @@ class Edit extends Component {
               <Button
                 icon
                 basic
+                type="button"
                 onClick={this.onInsertRowAfter}
                 title={this.props.intl.formatMessage(messages.insertRowAfter)}
                 aria-label={this.props.intl.formatMessage(
@@ -531,6 +533,7 @@ class Edit extends Component {
               <Button
                 icon
                 basic
+                type="button"
                 onClick={this.onDeleteRow}
                 disabled={this.props.data.table?.rows?.length === 1}
                 title={this.props.intl.formatMessage(messages.deleteRow)}
@@ -543,6 +546,7 @@ class Edit extends Component {
               <Button
                 icon
                 basic
+                type="button"
                 onClick={this.onInsertColBefore}
                 title={this.props.intl.formatMessage(messages.insertColBefore)}
                 aria-label={this.props.intl.formatMessage(
@@ -556,6 +560,7 @@ class Edit extends Component {
               <Button
                 icon
                 basic
+                type="button"
                 onClick={this.onInsertColAfter}
                 title={this.props.intl.formatMessage(messages.insertColAfter)}
                 aria-label={this.props.intl.formatMessage(
@@ -569,6 +574,7 @@ class Edit extends Component {
               <Button
                 icon
                 basic
+                type="button"
                 onClick={this.onDeleteCol}
                 disabled={this.props.data.table?.rows?.[0].cells.length === 1}
                 title={this.props.intl.formatMessage(messages.deleteCol)}

package/src/widgets/HtmlSlateWidget.jsx

@@ -4,7 +4,6 @@
 
 import React from 'react';
 import ReactDOMServer from 'react-dom/server';
-import configureStore from 'redux-mock-store';
 import { MemoryRouter } from 'react-router-dom';
 import { Provider, useSelector } from 'react-redux';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -23,6 +22,7 @@ import {
 import config from '@plone/volto/registry';
 
 import { ErrorBoundary } from './ErrorBoundary';
+import { createStaticStore } from './createStaticStore';
 
 import './style.css';
 
@@ -58,9 +58,8 @@ const HtmlSlateWidget = (props) => {
 
   const toHtml = React.useCallback(
     (value) => {
-      const mockStore = configureStore();
       const html = ReactDOMServer.renderToStaticMarkup(
-        <Provider store={mockStore({ userSession: { token } })}>
+        <Provider store={createStaticStore({ userSession: { token } })}>
           <MemoryRouter>{serializeNodes(value || [])}</MemoryRouter>
         </Provider>,
       );

package/src/widgets/createStaticStore.js

@@ -0,0 +1,4 @@
+import { createStore } from 'redux';
+
+export const createStaticStore = (state) =>
+  createStore((currentState = state) => currentState);

package/src/widgets/createStaticStore.test.js

@@ -0,0 +1,20 @@
+import { createStaticStore } from './createStaticStore';
+
+describe('createStaticStore', () => {
+  it('provides a stable Redux store for static rendering', () => {
+    const state = { userSession: { token: 'secret-token' } };
+    const store = createStaticStore(state);
+    const listener = vi.fn();
+
+    const unsubscribe = store.subscribe(listener);
+
+    expect(store.getState()).toEqual(state);
+
+    store.dispatch({ type: 'IGNORED' });
+
+    expect(store.getState()).toEqual(state);
+    expect(listener).toHaveBeenCalledTimes(1);
+
+    unsubscribe();
+  });
+});