[HOTFIX] - Page datasets update (#7309)

* increase version

* expose function

* types for datasets

* simple updater function

* e2e test

* revert change to config

app/react/Pages/PageView.js

@@ -1,5 +1,5 @@
 import React from 'react';
-
+import { isClient } from 'app/utils';
 import { actions } from 'app/BasicReducer';
 import { unselectAllDocuments } from 'app/Library/actions/libraryActions';
 import { wrapDispatch } from 'app/Multireducer';
@@ -11,6 +11,7 @@ import { trackPage } from 'app/App/GoogleAnalytics';
 import { ErrorBoundary } from 'app/V2/Components/ErrorHandling';
 import { PageViewer } from './components/PageViewer';
 import { getPageAssets } from './utils/getPageAssets';
+import { updatePageDatasets } from './utils/updatePageDatasets';
 
 class PageViewComponent extends RouteHandler {
   static async requestState(requestParams) {
@@ -32,6 +33,9 @@ class PageViewComponent extends RouteHandler {
 
   componentDidMount() {
     this.closeSidePanel();
+    if (isClient) {
+      window.updatePageDatasets = updatePageDatasets;
+    }
   }
 
   componentWillUnmount() {

app/react/Pages/specs/PageView.spec.js

@@ -104,4 +104,10 @@ describe('PageView', () => {
       });
     });
   });
+
+  describe('dataset functions', () => {
+    it('should expose a function to update page datasets', () => {
+      expect(window.updatePageDatasets).not.toBeUndefined();
+    });
+  });
 });

app/react/Pages/utils/specs/updatePageDatasets.spec.ts

@@ -0,0 +1,43 @@
+/**
+ * @jest-environment jsdom
+ */
+import { fromJS } from 'immutable';
+import { Store } from 'redux';
+import create from 'app/store';
+import { IStore } from 'app/istore';
+import { updatePageDatasets } from '../updatePageDatasets';
+
+describe('Update page datasets', () => {
+  let ReduxStore: Store<IStore>;
+
+  beforeEach(() => {
+    ReduxStore = create({
+      page: {
+        datasets: fromJS({
+          default: { rows: [], totalRows: 10, aggregations: {} },
+          dataset1: { rows: [], totalRows: 10, aggregations: {} },
+        }),
+      },
+    });
+
+    spyOn(ReduxStore, 'dispatch');
+  });
+
+  it('should update the selected dataset', () => {
+    updatePageDatasets('dataset1', { rows: [], totalRows: 7, aggregations: { new: 'info' } });
+
+    expect(ReduxStore.dispatch).toHaveBeenCalledWith({
+      type: 'page/datasets/SET',
+      value: {
+        default: { rows: [], totalRows: 10, aggregations: {} },
+        dataset1: { rows: [], totalRows: 7, aggregations: { new: 'info' } },
+      },
+    });
+  });
+
+  it('should not dispatch if there is no dataset', () => {
+    updatePageDatasets('dataset2', { rows: [], totalRows: 7, aggregations: { new: 'info' } });
+
+    expect(ReduxStore.dispatch).not.toHaveBeenCalled();
+  });
+});

app/react/Pages/utils/updatePageDatasets.ts

@@ -0,0 +1,23 @@
+import { actions } from 'app/BasicReducer';
+import { store } from 'app/store';
+
+declare global {
+  interface Window {
+    updatePageDatasets: (name: string, data: any) => void;
+  }
+}
+
+const updatePageDatasets = (name: string, data: any) => {
+  if (!store) {
+    return;
+  }
+
+  const currentDatasets = store.getState().page.datasets?.toJS();
+
+  if (currentDatasets && currentDatasets[name]) {
+    currentDatasets[name] = data;
+    store.dispatch(actions.set('page/datasets', currentDatasets));
+  }
+};
+
+export { updatePageDatasets };

app/react/istore.d.ts

@@ -193,6 +193,9 @@ export interface IStore {
     data: PageType;
     uiState: IImmutable<{ savingPage: boolean }>;
     formState: any;
+    datasets?: IImmutable<{
+      [name: string]: { rows: any[]; totalRows: number; aggregations: any };
+    }>;
   };
   pages: IImmutable<PageType>;
   relationTypes: IImmutable<RelationshipTypesType[]>;

cypress/e2e/pages/graphs.cy.ts

@@ -1,5 +1,10 @@
 import { clearCookiesAndLogin } from '../helpers/login';
 
+const updateDatasetScript = `window.updatePageDatasets("default",{rows:[],totalRows:292,relation:"eq",aggregations:
+{all:{tipo:{meta:{},doc_count:915,buckets:[{key:"57d8a9c4-f0cd-4290-b15e-ddf2b3c6ef91",doc_count:6,filtered:
+{meta:{},doc_count:2},label:"De asunto"},{key:"d79ab686-a987-4a1e-a26a-0a604a5f3aae",doc_count:6,filtered:
+{meta:{},doc_count:2},label:"En casos"}],count:11}}}});`;
+
 const graphs = {
   barChart: '<BarChart property="tipo" context="58ada34c299e8267485450fb" />',
   pieChart: '<PieChart property="tipo" context="58ada34c299e8267485450fb" />',
@@ -81,4 +86,27 @@ describe('Graphs in Page ', () => {
   it('should insert List chart with nested graph in created page', () => {
     testChart(graphs.listChartScatter, 'List chart with nested graph');
   });
+
+  describe('dataset updates', () => {
+    it('should update a graph via the page script using the updated function', () => {
+      cy.contains('a', 'Settings').click();
+      cy.contains('a', 'Pages').click();
+      cy.contains('tr', 'Bar chart graph').contains('button', 'Edit').click();
+      cy.contains('Javascript').click();
+      // delete extra closing keys added by the code editor when writing this text
+      // eslint-disable-next-line cypress/unsafe-to-chain-command
+      cy.get('div[data-mode-id="javascript"]')
+        .type(updateDatasetScript, {
+          parseSpecialCharSequences: false,
+          delay: 0,
+        })
+        .type('{backspace}{backspace}');
+      // wait for editor to update
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(501);
+      savePage();
+      visitPage();
+      takeSnapshot();
+    });
+  });
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "uwazi",
-  "version": "1.187.2",
+  "version": "1.187.3",
   "description": "Uwazi is a free, open-source solution for organising, analysing and publishing your documents.",
   "keywords": [
     "react"