@eeacms/volto-eea-website-theme 3.5.5 → 3.6.0

package/CHANGELOG.md

@@ -4,7 +4,18 @@ 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.5.5](https://github.com/eea/volto-eea-website-theme/compare/3.5.4...3.5.5) - 15 April 2025
+### [3.6.0](https://github.com/eea/volto-eea-website-theme/compare/3.5.5...3.6.0) - 30 April 2025
+
+#### :bug: Bug Fixes
+
+- fix: Create widgets for creators and contributors full name - refs #284007 [Teodor Voicu - [`a3f73ae`](https://github.com/eea/volto-eea-website-theme/commit/a3f73ae02a6a8f92793d7e747e7ba9bbe1f51e05)]
+- fix: Add email tooltip for users in creators and contributors metadata - refs #274362 [Teodor Voicu - [`f00d2bc`](https://github.com/eea/volto-eea-website-theme/commit/f00d2bcb5c0115db40d95f7e4d9618ce7164b71a)]
+
+#### :hammer_and_wrench: Others
+
+- Release 3.6.0 [Alin Voinea - [`645d434`](https://github.com/eea/volto-eea-website-theme/commit/645d434318c3cf5a0f1765fa0aa539cb2ecedd74)]
+- Update ImageViewWidget [Miu Razvan - [`7b574be`](https://github.com/eea/volto-eea-website-theme/commit/7b574beac1ef64f1ec54c8f42b4c907291d182ea)]
+### [3.5.5](https://github.com/eea/volto-eea-website-theme/compare/3.5.4...3.5.5) - 25 April 2025
 
 #### :bug: Bug Fixes
 
@@ -12,8 +23,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using fise-frontend addons list [EEA Jenkins - [`3d50874`](https://github.com/eea/volto-eea-website-theme/commit/3d50874281ebcb91a1ae3727248f656a6f26c603)]
-- Add Sonarqube tag using ied-frontend addons list [EEA Jenkins - [`a3f7676`](https://github.com/eea/volto-eea-website-theme/commit/a3f76767d99cb6dd93cc7fa0eafdea57e9000b2c)]
 ### [3.5.4](https://github.com/eea/volto-eea-website-theme/compare/3.5.3...3.5.4) - 30 January 2025
 
 #### :bug: Bug Fixes
@@ -114,7 +123,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`e417f83`](https://github.com/eea/volto-eea-website-theme/commit/e417f839312045c56b67ab8134fe5b0622b3e2c3)]
 ## [3.0.0](https://github.com/eea/volto-eea-website-theme/compare/2.4.0...3.0.0) - 21 October 2024
 
 #### :nail_care: Enhancements
@@ -200,7 +208,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #269520 - other_organisation test [Tripon Eugen - [`7558b27`](https://github.com/eea/volto-eea-website-theme/commit/7558b27a9d1cd6d3480a32b296c7325c796006c9)]
 - Refs #269520 - other_organisation token widget edit mode [Tripon Eugen - [`b6df127`](https://github.com/eea/volto-eea-website-theme/commit/b6df127bd91b6f55dda8f468e1107037d43752ff)]
 - Refs #269520 - other_organisation token widget [Tripon Eugen - [`6fd7543`](https://github.com/eea/volto-eea-website-theme/commit/6fd7543894bd2c593a1729116befd95c82ea3c8f)]
-- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`cbc36c7`](https://github.com/eea/volto-eea-website-theme/commit/cbc36c74dfcd5f7cb1013a4c673d9c02e0023766)]
 ### [2.1.1](https://github.com/eea/volto-eea-website-theme/compare/2.1.0...2.1.1) - 28 May 2024
 
 #### :bug: Bug Fixes
@@ -285,7 +292,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using insitu-frontend addons list [EEA Jenkins - [`adc6730`](https://github.com/eea/volto-eea-website-theme/commit/adc6730e21a37afb865b842182624401de6a29f5)]
 ### [1.33.1](https://github.com/eea/volto-eea-website-theme/compare/1.33.0...1.33.1) - 4 April 2024
 
 #### :bug: Bug Fixes
@@ -419,8 +425,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - bump version [Razvan - [`721e939`](https://github.com/eea/volto-eea-website-theme/commit/721e939d12e324b459ebfa78a2e656ee7142a3d6)]
 - merge master into this branch [Razvan - [`586c8f9`](https://github.com/eea/volto-eea-website-theme/commit/586c8f910bac55a043bd8dda60e9444bd2ae1663)]
-- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`fd90044`](https://github.com/eea/volto-eea-website-theme/commit/fd9004442a9d1d465f7601ecdefe3e23c61e6a9c)]
-- Add Sonarqube tag using insitu-frontend addons list [EEA Jenkins - [`4bc3dd3`](https://github.com/eea/volto-eea-website-theme/commit/4bc3dd3ae412a66befd04b5b80fab3716c929240)]
 - test: Update jest,Jenkinsfile,lint to volto-addons-template PR30 [valentinab25 - [`c4dbd28`](https://github.com/eea/volto-eea-website-theme/commit/c4dbd289358205bc2d849aab7edb11ccf3b89cee)]
 - fix tests [Razvan - [`042330b`](https://github.com/eea/volto-eea-website-theme/commit/042330bc97d32ffe7ba769b4f2453f71cffed706)]
 - remove RemoveSchema logic [Razvan - [`08d10f8`](https://github.com/eea/volto-eea-website-theme/commit/08d10f8bf6f75478260e4e4c66d7316ba87b907a)]
@@ -515,11 +519,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - test: Add real image to cypress test [Alin Voinea - [`4ff591a`](https://github.com/eea/volto-eea-website-theme/commit/4ff591ae3318c9588b4e2114582c0fa6cfdf31ae)]
 - test: Add cypress tests for Image block styling position and align [Alin Voinea - [`7341ef7`](https://github.com/eea/volto-eea-website-theme/commit/7341ef7b92714fc0cc3ab0c31c39033e7b3e19e7)]
 - Revert "change(tests): commented out rss test since title block config is missing" [Alin Voinea - [`fb61191`](https://github.com/eea/volto-eea-website-theme/commit/fb611918d6ca380b89b594f283dcf9f685a4b294)]
-- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`6a3be30`](https://github.com/eea/volto-eea-website-theme/commit/6a3be3092589411af7808a235f76de5222fd3868)]
-- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`c3978f2`](https://github.com/eea/volto-eea-website-theme/commit/c3978f23375ef066e9fd6f6c2e34ba6c1c058f69)]
-- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`f672779`](https://github.com/eea/volto-eea-website-theme/commit/f672779e845bec9240ccc901e9f53ec80c5a1819)]
-- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`ae5d8e3`](https://github.com/eea/volto-eea-website-theme/commit/ae5d8e3f4e04dc2808d47ce2ee886e1b23b528da)]
-- test: [JENKINS] Improve cypress time [valentinab25 - [`170ff0c`](https://github.com/eea/volto-eea-website-theme/commit/170ff0c8e3b30e69479bdf1117e811fea94f1027)]
 ### [1.23.0](https://github.com/eea/volto-eea-website-theme/compare/1.22.1...1.23.0) - 2 November 2023
 
 #### :rocket: New Features
@@ -532,7 +531,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Refactor automated testing [valentinab25 - [`f28fce3`](https://github.com/eea/volto-eea-website-theme/commit/f28fce3d1eb815f95fb9aa40de42b10b7e8e30c5)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`6d15088`](https://github.com/eea/volto-eea-website-theme/commit/6d150886c5aeb2ca0b569270486e60f7cc274e2c)]
 - chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`20c0323`](https://github.com/eea/volto-eea-website-theme/commit/20c032380b33c0077c869a05136f93e2fb68e5d4)]
 
@@ -718,7 +716,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Deprecate circularity website [valentinab25 - [`370dcbf`](https://github.com/eea/volto-eea-website-theme/commit/370dcbfbf1a8135ce7b1b3b271b004552a631837)]
 
 #### :hammer_and_wrench: Others
 
@@ -874,7 +871,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`6c5e2f8`](https://github.com/eea/volto-eea-website-theme/commit/6c5e2f80456e2061d9e9c15fd0a0b91b9ac70568)]
 ### [1.9.1](https://github.com/eea/volto-eea-website-theme/compare/1.9.0...1.9.1) - 28 February 2023
 
 #### :bug: Bug Fixes
@@ -1021,7 +1017,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - For some reasons types is a string [Alin Voinea - [`3769a09`](https://github.com/eea/volto-eea-website-theme/commit/3769a0981181d5b633f3498daebbe96be8b4b833)]
 - Fix(redirect): o.filter - refs #157627 [Alin Voinea - [`deb23da`](https://github.com/eea/volto-eea-website-theme/commit/deb23da846444cc96539697fd798429ae0abe89e)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`f1fffc5`](https://github.com/eea/volto-eea-website-theme/commit/f1fffc5db96725440863d545580b4e76cce4b796)]
 ### [1.5.0](https://github.com/eea/volto-eea-website-theme/compare/1.4.2...1.5.0) - 9 January 2023
 
 #### :hammer_and_wrench: Others
@@ -1055,7 +1050,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Release 1.4.0 [Alin Voinea - [`bd42a0d`](https://github.com/eea/volto-eea-website-theme/commit/bd42a0d26e928cac5d99933194755da3db06b341)]
 - bump version to use as volto-eea-design-system [David Ichim - [`f4be047`](https://github.com/eea/volto-eea-website-theme/commit/f4be047328b46399b03b612d378b18aaf82e7dc1)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`9b7cfef`](https://github.com/eea/volto-eea-website-theme/commit/9b7cfefb4d34fc1c948015e491feb370f9795bd8)]
 - test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`df252a9`](https://github.com/eea/volto-eea-website-theme/commit/df252a9bfed0bb86cadf53c59dd1603b1e2cd822)]
 ### [1.3.2](https://github.com/eea/volto-eea-website-theme/compare/1.3.1...1.3.2) - 16 December 2022
 
@@ -1065,7 +1059,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`a43c658`](https://github.com/eea/volto-eea-website-theme/commit/a43c658a7920c8df95e763b9a637f38ce77eba2c)]
 - Better razzle.config [Tiberiu Ichim - [`81dbf48`](https://github.com/eea/volto-eea-website-theme/commit/81dbf48815fb27facb4f82c9b764540fdf188b2e)]
 - Better razzle.config [Tiberiu Ichim - [`7bc9da2`](https://github.com/eea/volto-eea-website-theme/commit/7bc9da2cd837ab62a95cd29979cdd9b0055b7d67)]
 ### [1.3.1](https://github.com/eea/volto-eea-website-theme/compare/1.3.0...1.3.1) - 28 November 2022
@@ -1076,7 +1069,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- yarn 3 [Alin Voinea - [`ea7a709`](https://github.com/eea/volto-eea-website-theme/commit/ea7a7094945312776e9b6f44e371178603e92139)]
 ### [1.3.0](https://github.com/eea/volto-eea-website-theme/compare/1.2.0...1.3.0) - 22 November 2022
 
 #### :rocket: New Features
@@ -1117,7 +1109,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Add subsite class to body [Tiberiu Ichim - [`74d700f`](https://github.com/eea/volto-eea-website-theme/commit/74d700fbfd6249a8604762a7e4e49cce857db0f3)]
 - Add subsite info to header [Tiberiu Ichim - [`47daf8b`](https://github.com/eea/volto-eea-website-theme/commit/47daf8bb6374a1222040626b19d4154df7ba1b83)]
 - fix eslint [Miu Razvan - [`eb8d0a7`](https://github.com/eea/volto-eea-website-theme/commit/eb8d0a790bc70c0aae256c6ff35f63c4885f338e)]
-- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`cc578a4`](https://github.com/eea/volto-eea-website-theme/commit/cc578a413b205a8e61e091fab3a88f94cedefc89)]
 ### [1.1.0](https://github.com/eea/volto-eea-website-theme/compare/1.0.0...1.1.0) - 28 October 2022
 
 #### :nail_care: Enhancements
@@ -1165,7 +1156,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`33b56ac`](https://github.com/eea/volto-eea-website-theme/commit/33b56acb13fbaf0c5b79e8fc6e13c4b699c79c90)]
 ### [0.7.3](https://github.com/eea/volto-eea-website-theme/compare/0.7.2...0.7.3) - 22 September 2022
 
 #### :hammer_and_wrench: Others
@@ -1433,7 +1423,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Header refactor, add custom logo #5 [ichim-david - [`4950235`](https://github.com/eea/volto-eea-website-theme/commit/49502358105437cfeac3b144e6d301cb59aa2346)]
 - Update footer.config with new publication card component [ichim-david - [`2e38e9a`](https://github.com/eea/volto-eea-website-theme/commit/2e38e9a417f835009d60c80d4eb4b30229f55e45)]
 - feature(breadcrumbs): implement eea-design-system breadcrumb as Volto component #32 #7 [ichim-david - [`181af41`](https://github.com/eea/volto-eea-website-theme/commit/181af4125ce2b9ddac56dab4723cb11c26633221)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`da8ceb6`](https://github.com/eea/volto-eea-website-theme/commit/da8ceb68ea68bfbc9504e48ccd4d68277f11ab9a)]
 - use breadcrumbs from eea-design-system [nileshgulia1 - [`db2f9e9`](https://github.com/eea/volto-eea-website-theme/commit/db2f9e9a4327420a3cce9a9903cd88549b129eab)]
 - Update theme.config [ichim-david - [`8eca4f4`](https://github.com/eea/volto-eea-website-theme/commit/8eca4f40397a4aeca6d39029c92db78968d37064)]
 - Added keyContent component to theme.config [ichim-david - [`d86f202`](https://github.com/eea/volto-eea-website-theme/commit/d86f202d0274d839487a88b51cae9a0e899beb23)]
@@ -1475,5 +1464,4 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- yarn bootstrap [Alin Voinea - [`6995e9e`](https://github.com/eea/volto-eea-website-theme/commit/6995e9e091f21fdbbdffa8a44fc0e2c626f6d46a)]
 - Initial commit [Alin Voinea - [`6a9c03a`](https://github.com/eea/volto-eea-website-theme/commit/6a9c03a7cebe71ca87e82cf58c42904063e9d8d3)]

package/package.json

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

package/src/components/manage/Blocks/Title/variations/WebReport.test.jsx

@@ -0,0 +1,134 @@
+import React from 'react';
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import WebReport from './WebReport';
+
+// Mock Portal since we are not in real DOM
+jest.mock('react-portal', () => ({
+  Portal: ({ children }) => <div data-testid="portal">{children}</div>,
+}));
+
+jest.mock('@plone/volto/helpers', () => ({
+  BodyClass: ({ className }) => (
+    <div data-testid="body-class" className={className} />
+  ),
+}));
+
+jest.mock('@plone/volto/components', () => ({
+  MaybeWrap: ({ condition, as: As, children }) =>
+    condition ? <As>{children}</As> : children,
+}));
+
+jest.mock(
+  '@eeacms/volto-eea-website-theme/components/theme/Banner/View',
+  () => (props) => (
+    <div data-testid="banner-view">
+      {props.data.aboveTitle}
+      {props.data.belowTitle}
+    </div>
+  ),
+);
+
+jest.mock('@eeacms/volto-eea-design-system/ui/Banner/Banner', () => {
+  const Subtitle = ({ children }) => (
+    <div data-testid="banner-subtitle">{children}</div>
+  );
+  return {
+    Subtitle,
+  };
+});
+
+describe('WebReport', () => {
+  it('renders with content type and subtitle', () => {
+    const props = {
+      isEditMode: false,
+      data: {
+        hero_header: true,
+        content_type: 'Report',
+        subtitle: 'This is a subtitle',
+      },
+      properties: {
+        type_title: 'Fallback Title',
+      },
+    };
+
+    render(<WebReport {...props} />);
+
+    // Check portal wrapping
+    expect(screen.getByTestId('portal')).toBeInTheDocument();
+
+    // Check BodyClass applied
+    expect(screen.getByTestId('body-class')).toHaveClass(
+      'homepage-inverse',
+      'homepage-header',
+      'light-header',
+      'hero-header',
+    );
+
+    // Check BannerView rendered
+    expect(screen.getByTestId('banner-view')).toBeInTheDocument();
+
+    // Content Type shown
+    expect(screen.getByText('Report')).toBeInTheDocument();
+
+    // Subtitle shown
+    expect(screen.getByText('This is a subtitle')).toBeInTheDocument();
+  });
+
+  it('renders fallback type_title when content_type missing', () => {
+    const props = {
+      isEditMode: false,
+      data: {
+        hero_header: true,
+        subtitle: 'Another subtitle',
+      },
+      properties: {
+        type_title: 'Fallback Title',
+      },
+    };
+
+    render(<WebReport {...props} />);
+
+    // Fallback title used
+    expect(screen.getByText('Fallback Title')).toBeInTheDocument();
+  });
+
+  it('hides content type if hideContentType is true', () => {
+    const props = {
+      isEditMode: false,
+      data: {
+        hero_header: false,
+        hideContentType: true,
+        subtitle: 'Hidden subtitle',
+      },
+      properties: {
+        type_title: 'Hidden Title',
+      },
+    };
+
+    render(<WebReport {...props} />);
+
+    // Should NOT find content type div
+    expect(screen.queryByText('Hidden Title')).not.toBeInTheDocument();
+  });
+
+  it('renders directly without portal in edit mode', () => {
+    const props = {
+      isEditMode: true,
+      data: {
+        subtitle: 'Edit mode subtitle',
+      },
+      properties: {
+        type_title: 'Edit Title',
+      },
+    };
+
+    render(<WebReport {...props} />);
+
+    // Should not wrap with Portal when in edit mode
+    expect(screen.queryByTestId('portal')).not.toBeInTheDocument();
+
+    // Banner still rendered
+    expect(screen.getByTestId('banner-view')).toBeInTheDocument();
+  });
+});

package/src/components/theme/Widgets/ContributorsViewWidget.jsx

@@ -0,0 +1,23 @@
+import cx from 'classnames';
+
+const ContributorsViewWidget = ({ value, content, children, className }) => {
+  const resolvedValue = content?.contributors_fullname || value || [];
+  return resolvedValue ? (
+    <span className={cx(className, 'array', 'widget')}>
+      {resolvedValue.map((item, key) => (
+        <>
+          {key ? ', ' : ''}
+          <span key={item.token || item.title || item}>
+            {children
+              ? children(item.title || item.token || item)
+              : item.title || item.token || item}
+          </span>
+        </>
+      ))}
+    </span>
+  ) : (
+    ''
+  );
+};
+
+export default ContributorsViewWidget;

package/src/components/theme/Widgets/ContributorsViewWidget.test.jsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import ContributorsViewWidget from './ContributorsViewWidget';
+
+describe('ContributorsViewWidget', () => {
+  it('renders an empty array view widget component', () => {
+    const component = renderer.create(<ContributorsViewWidget />);
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a simple array view widget component', () => {
+    const component = renderer.create(
+      <ContributorsViewWidget className="metadata" value={['foo', 'bar']} />,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a vocabulary array view widget component', () => {
+    const component = renderer.create(
+      <ContributorsViewWidget
+        className="metadata"
+        value={[{ title: 'Foo' }, { title: 'Bar' }]}
+      />,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a full vocabulary array view widget component', () => {
+    const component = renderer.create(
+      <ContributorsViewWidget
+        className="metadata"
+        value={[
+          { title: 'Foo', token: 'foo' },
+          { title: 'Bar', token: 'bar' },
+        ]}
+      />,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a full vocabulary array view widget component with children', () => {
+    const component = renderer.create(
+      <ContributorsViewWidget
+        className="metadata"
+        value={[
+          { title: 'Foo', token: 'foo' },
+          { title: 'Bar', token: 'bar' },
+        ]}
+      >
+        {(child) => <strong>{child}</strong>}
+      </ContributorsViewWidget>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Widgets/CreatorsViewWidget.jsx

@@ -0,0 +1,23 @@
+import cx from 'classnames';
+
+const CreatorsViewWidget = ({ value, content, children, className }) => {
+  const resolvedValue = content?.creators_fullname || value || [];
+  return resolvedValue ? (
+    <span className={cx(className, 'array', 'widget')}>
+      {resolvedValue.map((item, key) => (
+        <>
+          {key ? ', ' : ''}
+          <span key={item.token || item.title || item}>
+            {children
+              ? children(item.title || item.token || item)
+              : item.title || item.token || item}
+          </span>
+        </>
+      ))}
+    </span>
+  ) : (
+    ''
+  );
+};
+
+export default CreatorsViewWidget;

package/src/components/theme/Widgets/CreatorsViewWidget.test.jsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import CreatorsViewWidget from './CreatorsViewWidget';
+
+describe('CreatorsViewWidget', () => {
+  it('renders an empty array view widget component', () => {
+    const component = renderer.create(<CreatorsViewWidget />);
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a simple array view widget component', () => {
+    const component = renderer.create(
+      <CreatorsViewWidget className="metadata" value={['foo', 'bar']} />,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a vocabulary array view widget component', () => {
+    const component = renderer.create(
+      <CreatorsViewWidget
+        className="metadata"
+        value={[{ title: 'Foo' }, { title: 'Bar' }]}
+      />,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a full vocabulary array view widget component', () => {
+    const component = renderer.create(
+      <CreatorsViewWidget
+        className="metadata"
+        value={[
+          { title: 'Foo', token: 'foo' },
+          { title: 'Bar', token: 'bar' },
+        ]}
+      />,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders a full vocabulary array view widget component with children', () => {
+    const component = renderer.create(
+      <CreatorsViewWidget
+        className="metadata"
+        value={[
+          { title: 'Foo', token: 'foo' },
+          { title: 'Bar', token: 'bar' },
+        ]}
+      >
+        {(child) => <strong>{child}</strong>}
+      </CreatorsViewWidget>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Widgets/ImageViewWidget.jsx

@@ -1,3 +1,3 @@
 export default function ImageViewWidget({ value }) {
-  return <img src={value.download} alt={value.filename} />;
+  return <img src={value?.download} alt={value?.filename} />;
 }