@plone/volto-slate 19.0.0-alpha.12 → 19.0.0-alpha.14

package/CHANGELOG.md

@@ -8,6 +8,31 @@
 
 <!-- towncrier release notes start -->
 
+## 19.0.0-alpha.14 (2026-04-09)
+
+### Breaking
+
+- Change hotkey for strikethrough text to Ctrl+Shift+X / Cmd+Shift+X. @MAX-786 [#4196](https://github.com/plone/volto/issues/4196)
+
+### Bugfix
+
+- fix LinkEditor not opening from SlateEditor @CannedShroud [#4130](https://github.com/plone/volto/issues/4130)
+
+### Internal
+
+- Update devDependency: release-it 19.2.4. @davisagli 
+
+## 19.0.0-alpha.13 (2026-03-31)
+
+### Internal
+
+- Run volto-slate test suite as part of the Vitest multi-project setup. @Abhishek-17h [#7892](https://github.com/plone/volto/issues/7892)
+- Remove devDependency babel-plugin-transform-class-properties (now
+  @babel/plugin-transform-class-properties, which is included in
+  @babel/preset-env). @davisagli 
+- Update dependency: lodash 4.17.23. @davisagli 
+- Update devDependency: jsdom 28.1.0. @davisagli 
+
 ## 19.0.0-alpha.12 (2026-03-02)
 
 ### Bugfix

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "19.0.0-alpha.12",
+  "version": "19.0.0-alpha.14",
   "description": "Slate.js integration with Volto",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -23,8 +23,7 @@
     "image-extensions": "1.1.0",
     "is-hotkey": "0.2.0",
     "is-url": "1.2.4",
-    "jsdom": "^16.6.0",
-    "lodash": "4.17.21",
+    "lodash": "4.17.23",
     "react-intersection-observer": "9.1.0",
     "react-intl": "3.12.1",
     "react-redux": "8.1.2",
@@ -42,8 +41,8 @@
   },
   "devDependencies": {
     "@testing-library/react": "14.3.1",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "release-it": "^19.0.5"
+    "jsdom": "^28.1.0",
+    "release-it": "^19.2.4"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/src/blocks/Table/__snapshots__/Cell.test.jsx.snap

@@ -0,0 +1,3 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`renders a cell component 1`] = `null`;

package/src/blocks/Table/__snapshots__/{TableBlockEdit.test.js.snap → TableBlockEdit.test.jsx.snap}

@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders an edit table block component 1`] = `
 <div
   className="block table"
 >
   <table
-    className="ui table slate-table-block"
+    className="ui unstackable table slate-table-block"
   >
     <thead
       className=""

package/src/blocks/Table/__snapshots__/TableBlockView.test.jsx.snap

@@ -0,0 +1,38 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`renders a view table component 1`] = `
+<div
+  className="block slate-table"
+>
+  <div
+    className="block-inner-container"
+  >
+    <table
+      className="ui unstackable table slate-table-block"
+    >
+      <thead
+        className=""
+      >
+        <tr
+          className=""
+        >
+          <th
+            aria-sort="none"
+            className="left aligned middle aligned"
+            onClick={[Function]}
+            onKeyDown={[Function]}
+            tabIndex="-1"
+          >
+            <h2>
+              My header
+            </h2>
+          </th>
+        </tr>
+      </thead>
+      <tbody
+        className=""
+      />
+    </table>
+  </div>
+</div>
+`;

package/src/blocks/Table/deconstruct.test.js

@@ -18,7 +18,7 @@ describe('syncCreateTableBlock', () => {
     const [id, block] = syncCreateTableBlock(rows);
 
     expect(id).toBeDefined();
-    expect(block['@type']).toBe('slateTableaa');
+    expect(block['@type']).toBe('slateTable');
     expect(block.table.rows).toEqual(rows);
   });
 });

package/src/blocks/Text/TextBlockEdit.test.jsx

@@ -1,17 +1,22 @@
 import React from 'react';
-import configureStore from 'redux-mock-store';
-import { Provider } from 'react-intl-redux';
+import { createStore } from 'redux';
+import { Provider } from 'react-redux';
+import { IntlProvider } from 'react-intl';
 import { render } from '@testing-library/react';
 import config from '@plone/volto/registry';
 import TextBlockEdit from './TextBlockEdit';
 import { mockAllIsIntersecting } from 'react-intersection-observer/test-utils';
 
-const mockStore = configureStore();
+// Create a proper Redux store with initial state
+const createMockStore = (initialState) => {
+  const rootReducer = (state = initialState) => state;
+  return createStore(rootReducer, initialState);
+};
 
 window.getSelection = () => null;
 
-global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
-global.__CLIENT__ = false; // eslint-disable-line no-underscore-dangle
+global.__SERVER__ = true;
+global.__CLIENT__ = false;
 
 beforeAll(() => {
   config.widgets = {
@@ -60,7 +65,18 @@ beforeAll(() => {
 
 describe('TextBlockEdit', () => {
   it('renders w/o errors', async () => {
-    const store = mockStore({
+    const store = createMockStore({
+      userSession: {
+        token: null,
+      },
+      users: {
+        user: {},
+        get: {
+          loading: false,
+          loaded: false,
+          error: null,
+        },
+      },
       intl: {
         locale: 'en',
         messages: {},
@@ -69,36 +85,37 @@ describe('TextBlockEdit', () => {
 
     mockAllIsIntersecting(true);
 
-    // TODO: also test for the initial contents: My first paragraph.
     const { asFragment } = render(
       <Provider store={store}>
-        <TextBlockEdit
-          block="478923"
-          blockNode={{ current: {} }}
-          detached={false}
-          index={2}
-          onAddBlock={() => {}}
-          onChangeBlock={() => {}}
-          onDeleteBlock={() => {}}
-          onFocusNextBlock={() => {}}
-          onFocusPreviousBlock={() => {}}
-          onInsertBlock={() => {}}
-          onMutateBlock={() => {}}
-          onSelectBlock={() => {}}
-          properties={{}}
-          setSlateBlockSelection={() => {}}
-          data={{
-            '@type': 'slate',
-            plaintext: '',
-            value: [
-              {
-                type: 'p',
-                children: [{ text: '' /* My first paragraph. */ }],
-              },
-            ],
-          }}
-          selected={true}
-        />
+        <IntlProvider locale="en" messages={{}}>
+          <TextBlockEdit
+            block="478923"
+            blockNode={{ current: {} }}
+            detached={false}
+            index={2}
+            onAddBlock={() => {}}
+            onChangeBlock={() => {}}
+            onDeleteBlock={() => {}}
+            onFocusNextBlock={() => {}}
+            onFocusPreviousBlock={() => {}}
+            onInsertBlock={() => {}}
+            onMutateBlock={() => {}}
+            onSelectBlock={() => {}}
+            properties={{}}
+            setSlateBlockSelection={() => {}}
+            data={{
+              '@type': 'slate',
+              plaintext: '',
+              value: [
+                {
+                  type: 'p',
+                  children: [{ text: '' }],
+                },
+              ],
+            }}
+            selected={true}
+          />
+        </IntlProvider>
       </Provider>,
     );
 

package/src/blocks/Text/__snapshots__/{TextBlockEdit.test.js.snap → TextBlockEdit.test.jsx.snap}

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`TextBlockEdit renders w/o errors 1`] = `
+exports[`TextBlockEdit > renders w/o errors 1`] = `
 <DocumentFragment>
   <div
     class="text-slate-editor-inner"
@@ -13,6 +13,7 @@ exports[`TextBlockEdit renders w/o errors 1`] = `
         class="toolbar-wrapper"
       />
       <div
+        aria-labelledby="field-undefined"
         aria-multiline="false"
         autocapitalize="false"
         autocorrect="false"
@@ -49,13 +50,25 @@ exports[`TextBlockEdit renders w/o errors 1`] = `
     <button
       class="ui basic icon button block-add-button"
       title="Add block"
+      type="button"
     >
       <svg
         class="icon block-add-button"
-        style="height: 24px; width: auto; fill: currentColor;"
-        viewBox=""
-        xmlns=""
-      />
+        style="height: 24px; width: auto; fill: currentcolor;"
+        viewBox="0 0 36 36"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          fill-rule="evenodd"
+        >
+          <path
+            d="M19 9 17 9 17 17 9 17 9 19 17 19 17 27 19 27 19 19 27 19 27 17 19 17z"
+          />
+          <path
+            d="M18,31 C10.832,31 5,25.168 5,18 C5,10.832 10.832,5 18,5 C25.168,5 31,10.832 31,18 C31,25.168 25.168,31 18,31 M18,3 C9.729,3 3,9.729 3,18 C3,26.271 9.729,33 18,33 C26.271,33 33,26.271 33,18 C33,9.729 26.271,3 18,3"
+          />
+        </g>
+      </svg>
     </button>
   </div>
 </DocumentFragment>

package/src/editor/config.jsx

@@ -207,7 +207,7 @@ export const hotkeys = {
   'mod+b': { format: 'strong', type: 'inline' },
   'mod+i': { format: 'em', type: 'inline' },
   'mod+u': { format: 'u', type: 'inline' },
-  'mod+s': { format: 'del', type: 'inline' },
+  'mod+shift+x': { format: 'del', type: 'inline' },
   // 'mod+`': { format: 'code', type: 'inline' },
   // TODO: more hotkeys, including from plugins!
 };

package/src/editor/plugins/Link/index.jsx

@@ -91,7 +91,6 @@ const LinkEditor = (props) => {
         }}
         onOverrideContent={(c) => {
           dispatch(setPluginOptions(pid, { show_sidebar_editor: false }));
-          savedPosition.current = null;
         }}
       />
     </PositionedToolbar>

package/src/editor/ui/__snapshots__/{ToolbarButton.test.js.snap → ToolbarButton.test.jsx.snap}

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ToolbarButton renders a toolbar button 1`] = `
+exports[`ToolbarButton > renders a toolbar button 1`] = `
 <DocumentFragment>
   <div
     class="button-wrapper"

package/src/blocks/Table/__snapshots__/Cell.test.js.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders a cell component 1`] = `null`;

package/src/blocks/Table/__snapshots__/TableBlockView.test.js.snap

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders a view table component 1`] = `
-<table
-  className="ui table slate-table-block"
->
-  <thead
-    className=""
-  >
-    <tr
-      className=""
-    >
-      <th
-        className="left aligned middle aligned"
-        onClick={[Function]}
-      >
-        <h2>
-          My header
-        </h2>
-      </th>
-    </tr>
-  </thead>
-  <tbody
-    className=""
-  />
-</table>
-`;