@eeacms/volto-eea-website-theme 3.6.2 → 3.6.3

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [3.6.3](https://github.com/eea/volto-eea-website-theme/compare/3.6.2...3.6.3) - 2 June 2025
+
+#### :bug: Bug Fixes
+
+- fix: IMS History diff is not showing charts- refs 286978 [Nilesh - [`7a8a3f7`](https://github.com/eea/volto-eea-website-theme/commit/7a8a3f771e2a8cad9df187e853c2aa255a39d91d)]
+
 ### [3.6.2](https://github.com/eea/volto-eea-website-theme/compare/3.6.1...3.6.2) - 2 June 2025
 
 #### :nail_care: Enhancements

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "3.6.2",
+  "version": "3.6.3",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/customizations/volto/components/manage/Diff/DiffField.jsx

@@ -11,7 +11,7 @@ import ReactDOMServer from 'react-dom/server';
 import { Provider } from 'react-intl-redux';
 import { createBrowserHistory } from 'history';
 import { ConnectedRouter } from 'connected-react-router';
-import { useSelector } from 'react-redux';
+import { useSelector, useStore } from 'react-redux';
 import config from '@plone/volto/registry';
 import { Api } from '@plone/volto/helpers';
 import configureStore from '@plone/volto/store';
@@ -164,6 +164,7 @@ const DiffField = ({
   schema,
   diffLib,
 }) => {
+  const reduxStore = useStore();
   const language = useSelector((state) => state.intl.locale);
   const readable_date_format = {
     dateStyle: 'full',
@@ -198,7 +199,8 @@ const DiffField = ({
       case 'json': {
         const api = new Api();
         const history = createBrowserHistory();
-        const store = configureStore(window.__data, history, api);
+        const currentState = reduxStore.getState();
+        const store = configureStore(currentState, history, api); //decouple the store from the redux store
         parts = diffWords(
           ReactDOMServer.renderToStaticMarkup(
             <Provider store={store}>
@@ -220,7 +222,8 @@ const DiffField = ({
       case 'slate': {
         const api = new Api();
         const history = createBrowserHistory();
-        const store = configureStore(window.__data, history, api);
+        const currentState = reduxStore.getState();
+        const store = configureStore(currentState, history, api);
         parts = diffWords(
           ReactDOMServer.renderToStaticMarkup(
             <Provider store={store}>
@@ -246,7 +249,8 @@ const DiffField = ({
         if (Widget) {
           const api = new Api();
           const history = createBrowserHistory();
-          const store = configureStore(window.__data, history, api);
+          const currentState = reduxStore.getState();
+          const store = configureStore(currentState, history, api);
           parts = diffWords(
             ReactDOMServer.renderToStaticMarkup(
               <Provider store={store}>