@plone/volto-slate 19.0.1 → 19.0.3

package/CHANGELOG.md

@@ -8,6 +8,22 @@
 
 <!-- towncrier release notes start -->
 
+## 19.0.3 (2026-07-01)
+
+### Bugfix
+
+- Fixed unintended form submission triggered by table block buttons. @ilariamassa96 [#8330](https://github.com/plone/volto/issues/8330)
+
+## 19.0.2 (2026-05-28)
+
+### Bugfix
+
+- 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)
+
 ## 19.0.1 (2026-05-28)
 
 ### Documentation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "19.0.1",
+  "version": "19.0.3",
   "description": "Slate.js integration with Volto",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -29,7 +29,7 @@
     "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.118.1",
     "slate-dom": "0.118.1",
@@ -40,8 +40,9 @@
     "weak-key": "^1.0.2"
   },
   "devDependencies": {
-    "@testing-library/react": "14.3.1",
+    "@testing-library/react": "^16.3.2",
     "jsdom": "^28.1.0",
+    "redux-mock-store": "1.5.4",
     "release-it": "^20.0.1"
   },
   "peerDependencies": {

package/src/blocks/Table/TableBlockEdit.jsx

@@ -355,6 +355,7 @@ const Edit = (props) => {
             <Button
               icon
               basic
+              type="button"
               onClick={onInsertRowBefore}
               title={intl.formatMessage(messages.insertRowBefore)}
               aria-label={intl.formatMessage(messages.insertRowBefore)}
@@ -366,6 +367,7 @@ const Edit = (props) => {
             <Button
               icon
               basic
+              type="button"
               onClick={onInsertRowAfter}
               title={intl.formatMessage(messages.insertRowAfter)}
               aria-label={intl.formatMessage(messages.insertRowAfter)}
@@ -377,6 +379,7 @@ const Edit = (props) => {
             <Button
               icon
               basic
+              type="button"
               onClick={onDeleteRow}
               disabled={data.table?.rows?.length === 1}
               title={intl.formatMessage(messages.deleteRow)}
@@ -389,6 +392,7 @@ const Edit = (props) => {
             <Button
               icon
               basic
+              type="button"
               onClick={onInsertColBefore}
               title={intl.formatMessage(messages.insertColBefore)}
               aria-label={intl.formatMessage(messages.insertColBefore)}
@@ -400,6 +404,7 @@ const Edit = (props) => {
             <Button
               icon
               basic
+              type="button"
               onClick={onInsertColAfter}
               title={intl.formatMessage(messages.insertColAfter)}
               aria-label={intl.formatMessage(messages.insertColAfter)}
@@ -411,6 +416,7 @@ const Edit = (props) => {
             <Button
               icon
               basic
+              type="button"
               onClick={onDeleteCol}
               disabled={data.table?.rows?.[0].cells.length === 1}
               title={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, IntlProvider } 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 } })}>
           <IntlProvider
             locale={intl.locale}
             messages={intl.messages}

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();
+  });
+});