@eeacms/volto-slate-footnote 6.1.3 → 6.1.4

package/CHANGELOG.md

@@ -4,6 +4,15 @@ 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).
 
+### [6.1.4](https://github.com/eea/volto-slate-footnote/compare/6.1.3...6.1.4) - 1 September 2023
+
+#### :bug: Bug Fixes
+
+- fix: force footnotes to open in the same tab - refs #257251 [dobri1408 - [`20bb988`](https://github.com/eea/volto-slate-footnote/commit/20bb988534413a837786ab10cc09244498dbcb7e)]
+
+#### :hammer_and_wrench: Others
+
+- increase code coverage [Dobricean Ioan Dorian - [`3ba3ef3`](https://github.com/eea/volto-slate-footnote/commit/3ba3ef3187b1119d7be96ac2f952a36368163b97)]
 ### [6.1.3](https://github.com/eea/volto-slate-footnote/compare/6.1.2...6.1.3) - 30 August 2023
 
 #### :bug: Bug Fixes

package/cypress/e2e/01-slate-footnote-block.cy.js

@@ -44,6 +44,28 @@ describe('Slate citations', () => {
     cy.get('[aria-label="Back to content"]').first().click();
   });
 
+  it('Test cancel Button', () => {
+    cy.getSlateEditorAndType('Colorless green ideas sleep furiously.')
+      .type('{selectAll}')
+      .dblclick();
+
+    // Footnote
+    cy.setSlateCursor('Colorless').dblclick();
+    cy.setSlateSelection('Colorless', 'green');
+    cy.clickSlateButton('Footnote');
+
+    cy.get('.sidebar-container .field-wrapper-footnote .react-select-container')
+      .click()
+      .type('Citation{enter}');
+
+    //click on the cancel button
+    cy.get('.sidebar-container .form .header button').first().next().click();
+
+    // Save
+    cy.get('#toolbar-save').click();
+    cy.url().should('eq', Cypress.config().baseUrl + '/cypress/my-page');
+  });
+
   it('Add Footnotes block and create multiple citations', () => {
     // Complete chained commands
     cy.getSlateEditorAndType('Colorless green ideas sleep furiously.')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-slate-footnote",
-  "version": "6.1.3",
+  "version": "6.1.4",
   "description": "volto-slate-footnote: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/Blocks/Footnote/FootnotesBlockView.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import {
   openAccordionIfContainsFootnoteReference,
   getAllBlocksAndSlateFields,
@@ -7,6 +7,8 @@ import {
 } from '@eeacms/volto-slate-footnote/editor/utils';
 import './less/public.less';
 
+import { UniversalLink } from '@plone/volto/components';
+
 const alphabet = 'abcdefghijklmnopqrstuvwxyz';
 
 /**
@@ -20,18 +22,10 @@ const alphabet = 'abcdefghijklmnopqrstuvwxyz';
 const FootnotesBlockView = (props) => {
   const { data, properties } = props;
   const { title, global, placeholder = 'Footnotes' } = data;
-  const [notesObj, setNodesObjs] = useState(null);
   const metadata = props.metadata ? props.metadata : properties;
-
-  useEffect(() => {
-    if (properties) {
-      const globalMetadata = global ? metadata : properties;
-      const blocks = getAllBlocksAndSlateFields(globalMetadata);
-      const notesObjResult = makeFootnoteListOfUniqueItems(blocks);
-
-      setNodesObjs(notesObjResult);
-    }
-  }, [properties]); // eslint-disable-line
+  const globalMetadata = global ? metadata : properties;
+  const blocks = getAllBlocksAndSlateFields(globalMetadata);
+  const notesObj = makeFootnoteListOfUniqueItems(blocks);
 
   return (
     <div className="footnotes-listing-block">
@@ -62,7 +56,7 @@ const FootnotesBlockView = (props) => {
                       id={`cite_ref-${refsList[0]}`}
                       key={`indice-${refsList[0]}`}
                     >
-                      <a
+                      <UniversalLink
                         href={`#ref-${parentUid || uid}`}
                         aria-label="Back to content"
                         onClick={() =>
@@ -72,12 +66,12 @@ const FootnotesBlockView = (props) => {
                         }
                       >
                         {alphabet[0]}
-                      </a>{' '}
+                      </UniversalLink>{' '}
                     </sup>
                     {/** following refs will have the uid of the one that references it*/}
                     {refsList.slice(1).map((ref, index) => (
                       <sup id={`cite_ref-${ref}`} key={`indice-${ref}`}>
-                        <a
+                        <UniversalLink
                           href={`#ref-${ref}`}
                           aria-label="Back to content"
                           onClick={() =>
@@ -87,14 +81,14 @@ const FootnotesBlockView = (props) => {
                           }
                         >
                           {alphabet[index + 1]}
-                        </a>{' '}
+                        </UniversalLink>{' '}
                       </sup>
                     ))}
                   </>
                 ) : (
                   <sup id={`cite_ref-${uid}`}>
                     {/** some footnotes are never parent so we need the parent to reference */}
-                    <a
+                    <UniversalLink
                       href={`#ref-${parentUid || uid}`}
                       aria-label="Back to content"
                       onClick={() =>
@@ -104,7 +98,7 @@ const FootnotesBlockView = (props) => {
                       }
                     >
                       ↵
-                    </a>{' '}
+                    </UniversalLink>{' '}
                   </sup>
                 )}
               </li>

package/src/editor/render.jsx

@@ -8,6 +8,7 @@ import {
 } from './utils';
 import { isEmpty } from 'lodash';
 import { useSelector } from 'react-redux';
+import { UniversalLink } from '@plone/volto/components';
 
 /**
  * Removes '<?xml version="1.0"?>' from footnote
@@ -110,7 +111,7 @@ export const FootnoteElement = (props) => {
             <Popup.Content>
               <List divided relaxed selection>
                 <List.Item
-                  as="a"
+                  as={UniversalLink}
                   href={`#footnote-${citationRefId}`}
                   onClick={() =>
                     openAccordionIfContainsFootnoteReference(
@@ -132,7 +133,7 @@ export const FootnoteElement = (props) => {
                 {data.extra &&
                   data.extra.map((item) => (
                     <List.Item
-                      as="a"
+                      as={UniversalLink}
                       href={`#footnote-${item.zoteroId || item.uid}`}
                       onClick={() =>
                         openAccordionIfContainsFootnoteReference(
@@ -174,7 +175,7 @@ export const FootnoteElement = (props) => {
           <Popup.Content>
             <List divided relaxed selection>
               <List.Item
-                as="a"
+                as={UniversalLink}
                 href={`#footnote-${citationRefId}`}
                 onClick={() =>
                   openAccordionIfContainsFootnoteReference(
@@ -196,7 +197,7 @@ export const FootnoteElement = (props) => {
               {data.extra &&
                 data.extra.map((item) => (
                   <List.Item
-                    as="a"
+                    as={UniversalLink}
                     href={`#footnote-${item.zoteroId || item.uid}`}
                     onClick={() =>
                       openAccordionIfContainsFootnoteReference(