@eeacms/volto-cca-policy 0.3.118 → 0.3.120

package/CHANGELOG.md

@@ -4,6 +4,22 @@ 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).
 
+### [0.3.120](https://github.com/eea/volto-cca-policy/compare/0.3.119...0.3.120) - 30 April 2026
+
+#### :bug: Bug Fixes
+
+- fix: hide ArchivedVersionListing for archived indicators in DatabaseItemView [kreafox - [`ff7bd0a`](https://github.com/eea/volto-cca-policy/commit/ff7bd0aab3b5facd2ebfba3bd46fd089e0a9fe8f)]
+
+### [0.3.119](https://github.com/eea/volto-cca-policy/compare/0.3.118...0.3.119) - 30 April 2026
+
+#### :rocket: New Features
+
+- feat: add ArchivedVersionListing component and update DatabaseItemView to display archived indicator versions [kreafox - [`858e868`](https://github.com/eea/volto-cca-policy/commit/858e868f124642cd112fea45f079a13dcd27d39e)]
+
+#### :hammer_and_wrench: Others
+
+- test: add unit tests for ArchivedVersionListing component [kreafox - [`010ef2c`](https://github.com/eea/volto-cca-policy/commit/010ef2c127bf851ab602cb1518d1e1012894e2d9)]
+- test: update ArchivedVersionNotice test cases to use archived_versions instead of relatedItems [kreafox - [`09a7619`](https://github.com/eea/volto-cca-policy/commit/09a761987dc28b710798effb62496eb6d6165543)]
 ### [0.3.118](https://github.com/eea/volto-cca-policy/compare/0.3.117...0.3.118) - 28 April 2026
 
 #### :rocket: New Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.3.118",
+  "version": "0.3.120",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/index.js

@@ -16,5 +16,6 @@ export { default as ImageWidget } from './theme/Widgets/ImageWidget';
 export { default as CreateArchivedCopyButton } from './manage/CreateArchivedCopyButton/CreateArchivedCopyButton';
 
 // Views
+export { default as ArchivedVersionListing } from './theme/Views/ArchivedVersionListing';
 export { default as ArchivedVersionNotice } from './theme/Views/ArchivedVersionNotice';
 export { default as VersionsGroup } from './theme/Views/VersionsGroup';

package/src/components/theme/Views/ArchivedVersionListing.jsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { FormattedMessage } from 'react-intl';
+import { flattenToAppURL } from '@plone/volto/helpers';
+import { AccordionList } from '@eeacms/volto-cca-policy/components';
+
+function ArchivedVersionListing({ content }) {
+  const { archived_versions } = content;
+
+  const items = archived_versions?.map((version) => (
+    <div key={version['@id']}>
+      <Link to={flattenToAppURL(version['@id'])}>
+        {version.title || flattenToAppURL(version['@id'])}
+      </Link>
+    </div>
+  ));
+
+  if (!items?.length) {
+    return null;
+  }
+
+  return (
+    <AccordionList
+      variation="secondary"
+      accordions={[
+        {
+          title: (
+            <FormattedMessage
+              id="Previous versions of this indicator"
+              defaultMessage="Previous versions of this indicator"
+            />
+          ),
+          content: items,
+        },
+      ]}
+    />
+  );
+}
+
+export default ArchivedVersionListing;

package/src/components/theme/Views/ArchivedVersionListing.test.jsx

@@ -0,0 +1,106 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import '@testing-library/jest-dom/extend-expect';
+import { render, screen } from '@testing-library/react';
+import ArchivedVersionListing from './ArchivedVersionListing';
+
+jest.mock('@plone/volto/helpers', () => ({
+  flattenToAppURL: (url) => url.replace('http://localhost:3000', ''),
+}));
+
+jest.mock('@eeacms/volto-cca-policy/components', () => ({
+  AccordionList: ({ accordions }) => (
+    <div className="accordion-list">
+      {accordions.map((accordion, index) => (
+        <div key={index}>
+          <div>{accordion.title}</div>
+          <div>{accordion.content}</div>
+        </div>
+      ))}
+    </div>
+  ),
+}));
+
+describe('ArchivedVersionListing', () => {
+  it('returns null when there are no archived versions', () => {
+    const content = {
+      archived_versions: [],
+    };
+
+    const { container } = render(
+      <MemoryRouter>
+        <ArchivedVersionListing content={content} />
+      </MemoryRouter>,
+    );
+
+    expect(container.innerHTML).toBe('');
+  });
+
+  it('returns null when archived_versions is missing', () => {
+    const content = {};
+
+    const { container } = render(
+      <MemoryRouter>
+        <ArchivedVersionListing content={content} />
+      </MemoryRouter>,
+    );
+
+    expect(container.innerHTML).toBe('');
+  });
+
+  it('renders archived version links', () => {
+    const content = {
+      archived_versions: [
+        {
+          '@id': 'http://localhost:3000/indicator-v1',
+          title: 'Indicator v1',
+        },
+        {
+          '@id': 'http://localhost:3000/indicator-v2',
+          title: 'Indicator v2',
+        },
+      ],
+    };
+
+    render(
+      <MemoryRouter>
+        <ArchivedVersionListing content={content} />
+      </MemoryRouter>,
+    );
+
+    expect(
+      screen.getByText('Previous versions of this indicator'),
+    ).toBeInTheDocument();
+
+    expect(screen.getByText('Indicator v1')).toHaveAttribute(
+      'href',
+      '/indicator-v1',
+    );
+
+    expect(screen.getByText('Indicator v2')).toHaveAttribute(
+      'href',
+      '/indicator-v2',
+    );
+  });
+
+  it('uses the URL as link text when title is missing', () => {
+    const content = {
+      archived_versions: [
+        {
+          '@id': 'http://localhost:3000/indicator-v1',
+        },
+      ],
+    };
+
+    render(
+      <MemoryRouter>
+        <ArchivedVersionListing content={content} />
+      </MemoryRouter>,
+    );
+
+    expect(screen.getByText('/indicator-v1')).toHaveAttribute(
+      'href',
+      '/indicator-v1',
+    );
+  });
+});

package/src/components/theme/Views/ArchivedVersionNotice.jsx

@@ -7,8 +7,8 @@ import { flattenToAppURL } from '@plone/volto/helpers';
 function ArchivedVersionNotice({ content }) {
   if (content?.review_state !== 'archived') return null;
 
-  const relatedItems = content?.relatedItems || [];
-  const latestVersion = relatedItems.find(
+  const archivedVersions = content?.archived_versions || [];
+  const latestVersion = archivedVersions.find(
     (item) => item.review_state === 'published',
   );
 

package/src/components/theme/Views/ArchivedVersionNotice.test.jsx

@@ -21,7 +21,7 @@ describe('ArchivedVersionNotice', () => {
     const content = {
       '@type': 'Document',
       review_state: 'published',
-      relatedItems: [],
+      archived_versions: [],
     };
     const { container } = render(
       <Provider store={store}>
@@ -37,13 +37,14 @@ describe('ArchivedVersionNotice', () => {
     const content = {
       '@type': 'Document',
       review_state: 'archived',
-      relatedItems: [
+      archived_versions: [
         {
           '@id': 'http://localhost:3000/another-archived',
           review_state: 'archived',
         },
       ],
     };
+
     const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
@@ -51,6 +52,7 @@ describe('ArchivedVersionNotice', () => {
         </MemoryRouter>
       </Provider>,
     );
+
     expect(container.innerHTML).toBe('');
   });
 
@@ -60,7 +62,7 @@ describe('ArchivedVersionNotice', () => {
       '@type': 'Indicator',
       review_state: 'archived',
       title: 'My Indicator (Archived)',
-      relatedItems: [
+      archived_versions: [
         {
           '@id': 'http://localhost:3000/my-indicator',
           review_state: 'published',
@@ -68,6 +70,7 @@ describe('ArchivedVersionNotice', () => {
         },
       ],
     };
+
     const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
@@ -75,6 +78,7 @@ describe('ArchivedVersionNotice', () => {
         </MemoryRouter>
       </Provider>,
     );
+
     expect(
       container.querySelector('.archived-version-notice'),
     ).toBeInTheDocument();

package/src/components/theme/Views/DatabaseItemView.jsx

@@ -30,6 +30,7 @@ import {
 } from '@eeacms/volto-cca-policy/helpers';
 import {
   ArchivedVersionNotice,
+  ArchivedVersionListing,
   // VersionsGroup, // commented out - relatedItems already shows versions
 } from '@eeacms/volto-cca-policy/components';
 
@@ -297,6 +298,10 @@ const DatabaseItemView = (props) => {
             </>
           )}
         </Grid>
+
+        {type === INDICATOR && content?.review_state !== 'archived' && (
+          <ArchivedVersionListing content={content} />
+        )}
       </Container>
     </div>
   );