eionet2-dashboard 3.2.4 → 3.2.6

package/CHANGELOG.md

@@ -4,12 +4,19 @@ 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.2.6](https://github.com/eea/eionet2-dashboard/compare/3.2.5...3.2.6) - 14 May 2026
+
+#### :house: Internal changes
+
+- chore: sonar [Mihai Nicolae - [`b60d90b`](https://github.com/eea/eionet2-dashboard/commit/b60d90b945ce2d76b273edccda547042b1327e16)]
+
+### [3.2.5](https://github.com/eea/eionet2-dashboard/compare/3.2.4...3.2.5) - 14 May 2026
+
 ### [3.2.4](https://github.com/eea/eionet2-dashboard/compare/3.2.3...3.2.4) - 14 May 2026
 
 #### :house: Internal changes
 
 - chore: sonar fix [Mihai Nicolae - [`8f86721`](https://github.com/eea/eionet2-dashboard/commit/8f8672179694b26bd95ca2fc8c5092e2eca0bc7a)]
-- chore: sonar [Mihai Nicolae - [`12a2a41`](https://github.com/eea/eionet2-dashboard/commit/12a2a41084b8dcc4c11ae5e3149a8a359bf5369c)]
 
 ### [3.2.3](https://github.com/eea/eionet2-dashboard/compare/3.2.2...3.2.3) - 24 April 2026
 

package/Jenkinsfile

@@ -30,7 +30,9 @@ pipeline {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { changelog '.*^Automated release [0-9\\.]+$' }
+          expression {
+            return !(sh(returnStdout: true, script: 'git log -1 --pretty=%s').trim() ==~ /Automated release [0-9.]+/)
+          }
         }
       }
       steps {
@@ -47,7 +49,9 @@ pipeline {
         when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { changelog '.*^Automated release [0-9\\.]+$' }
+          expression {
+            return !(sh(returnStdout: true, script: 'git log -1 --pretty=%s').trim() ==~ /Automated release [0-9.]+/)
+          }
         }
       }
                  steps {
@@ -61,7 +65,9 @@ pipeline {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { changelog '.*^Automated release [0-9\\.]+$' }
+          expression {
+            return !(sh(returnStdout: true, script: 'git log -1 --pretty=%s').trim() ==~ /Automated release [0-9.]+/)
+          }
         }
       }
                  steps {   
@@ -98,7 +104,9 @@ pipeline {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { changelog '.*^Automated release [0-9\\.]+$' }
+          expression {
+            return !(sh(returnStdout: true, script: 'git log -1 --pretty=%s').trim() ==~ /Automated release [0-9.]+/)
+          }
           anyOf {
             branch 'master'
             branch 'develop'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eionet2-dashboard",
-    "version": "3.2.4",
+    "version": "3.2.6",
     "description": "",
     "author": "",
     "scripts": {

package/tabs/src/components/BottomMenu.jsx

@@ -44,8 +44,10 @@ export function BottomMenu({ configuration }) {
             anchorEl={anchorEl}
             open={open}
             onClose={handleClose}
-            MenuListProps={{
-              'aria-labelledby': 'basic-button',
+            slotProps={{
+              list: {
+                'aria-labelledby': 'basic-button',
+              },
             }}
           >
             <MenuItem

package/tabs/src/components/ResizableGrid.jsx

@@ -31,10 +31,10 @@ export default function ResizableGrid(props) {
   return (
     <DataGrid
       sx={{ height: '98%' }}
-      components={{
-        ColumnResizeIcon: ColumnResizeIcon,
+      slots={{
+        columnResizeIcon: ColumnResizeIcon,
       }}
-      componentsProps={{
+      slotProps={{
         panel: {
           placement: 'auto',
         },

package/tabs/src/components/ResizableGrid.test.jsx

@@ -36,11 +36,11 @@ describe('ResizableGrid', () => {
     const props = DataGrid.mock.calls[0][0];
     expect(props.columns).toEqual(columns);
     expect(props.getRowHeight()).toBe(Constants.GridRowHeight);
-    expect(props.components).toMatchObject({
-      ColumnResizeIcon: expect.any(Function),
+    expect(props.slots).toMatchObject({
+      columnResizeIcon: expect.any(Function),
     });
 
-    renderToStaticMarkup(<props.components.ColumnResizeIcon />);
+    renderToStaticMarkup(<props.slots.columnResizeIcon />);
     expect(mockResizeIcon).toHaveBeenCalledWith(
       expect.objectContaining({ id: 'grid1', onWidthChanged: expect.any(Function) }),
     );

package/tabs/src/components/Tab.jsx

@@ -350,8 +350,10 @@ export default function Tab() {
                     anchorEl={anchorEl}
                     open={openMobileMenu}
                     onClose={handleMenuClose}
-                    MenuListProps={{
-                      'aria-labelledby': 'basic-button',
+                    slotProps={{
+                      list: {
+                        'aria-labelledby': 'basic-button',
+                      },
                     }}
                   >
                     <MenuItem
@@ -391,7 +393,7 @@ export default function Tab() {
                       width: 80,
                     },
                   }}
-                  componentsProps={{
+                  slotProps={{
                     paper: {
                       sx: {
                         width: 100,

package/tabs/src/components/TabConfig.jsx

@@ -10,31 +10,31 @@ import * as microsoftTeams from '@microsoft/teams-js';
 class TabConfig extends React.Component {
   render() {
     // Initialize the Microsoft Teams SDK
-    microsoftTeams.initialize();
-
-    /**
-     * When the user clicks "Save", save the url for your configured tab.
-     * This allows for the addition of query string parameters based on
-     * the settings selected by the user.
-     */
-    microsoftTeams.settings.registerOnSaveHandler((saveEvent) => {
-      const baseUrl = `https://${window.location.hostname}:${window.location.port}`;
-      microsoftTeams.settings.setSettings({
-        suggestedDisplayName: 'Eionet2 Dashboard',
-        entityId: 'dashboard',
-        contentUrl: baseUrl + '/index.html#/tab',
-        websiteUrl: baseUrl + '/index.html#/tab',
+    microsoftTeams.app.initialize().then(() => {
+      /**
+       * When the user clicks "Save", save the url for your configured tab.
+       * This allows for the addition of query string parameters based on
+       * the settings selected by the user.
+       */
+      microsoftTeams.pages.config.registerOnSaveHandler((saveEvent) => {
+        const baseUrl = `https://${window.location.hostname}:${window.location.port}`;
+        microsoftTeams.pages.config.setConfig({
+          suggestedDisplayName: 'Eionet2 Dashboard',
+          entityId: 'dashboard',
+          contentUrl: baseUrl + '/index.html#/tab',
+          websiteUrl: baseUrl + '/index.html#/tab',
+        });
+        saveEvent.notifySuccess();
       });
-      saveEvent.notifySuccess();
-    });
 
-    /**
-     * After verifying that the settings for your tab are correctly
-     * filled in by the user you need to set the state of the dialog
-     * to be valid.  This will enable the save button in the configuration
-     * dialog.
-     */
-    microsoftTeams.settings.setValidityState(true);
+      /**
+       * After verifying that the settings for your tab are correctly
+       * filled in by the user you need to set the state of the dialog
+       * to be valid.  This will enable the save button in the configuration
+       * dialog.
+       */
+      microsoftTeams.pages.config.setValidityState(true);
+    });
 
     return (
       <div>

package/tabs/src/components/TabConfig.test.jsx

@@ -4,24 +4,30 @@ import TabConfig from './TabConfig';
 import * as microsoftTeams from '@microsoft/teams-js';
 
 jest.mock('@microsoft/teams-js', () => ({
-  initialize: jest.fn(),
-  settings: {
-    registerOnSaveHandler: jest.fn(),
-    setSettings: jest.fn(),
-    setValidityState: jest.fn(),
+  app: {
+    initialize: jest.fn(() => Promise.resolve()),
+  },
+  pages: {
+    config: {
+      registerOnSaveHandler: jest.fn(),
+      setConfig: jest.fn(),
+      setValidityState: jest.fn(),
+    },
   },
 }));
 
 describe('TabConfig', () => {
-  test('renders configuration content and initializes teams settings', () => {
+  test('renders configuration content and initializes teams settings', async () => {
     const originalWindow = global.window;
     global.window = { location: { hostname: 'localhost', port: '3000' } };
     const html = renderToStaticMarkup(<TabConfig />);
 
+    await Promise.resolve();
+
     expect(html).toContain('Tab Configuration');
-    expect(microsoftTeams.initialize).toHaveBeenCalled();
-    expect(microsoftTeams.settings.registerOnSaveHandler).toHaveBeenCalled();
-    expect(microsoftTeams.settings.setValidityState).toHaveBeenCalledWith(true);
+    expect(microsoftTeams.app.initialize).toHaveBeenCalled();
+    expect(microsoftTeams.pages.config.registerOnSaveHandler).toHaveBeenCalled();
+    expect(microsoftTeams.pages.config.setValidityState).toHaveBeenCalledWith(true);
     global.window = originalWindow;
   });
 });

package/tabs/src/components/UserMenu.jsx

@@ -62,12 +62,14 @@ export function UserMenu({
       </Button>
       <Menu
         id="demo-customized-menu"
-        MenuListProps={{
-          'aria-labelledby': 'demo-customized-button',
-        }}
-        PaperProps={{
-          style: {
-            width: 300,
+        slotProps={{
+          list: {
+            'aria-labelledby': 'demo-customized-button',
+          },
+          paper: {
+            style: {
+              width: 300,
+            },
           },
         }}
         anchorEl={anchorEl}

package/tabs/src/components/event_registration/EventExternalRegistration.jsx

@@ -137,7 +137,7 @@ export function EventExternalRegistration({ event, userInfo }) {
           onChange={(e) => {
             participant.ParticipantName = e.target.value;
           }}
-          inputProps={{ style: { textTransform: 'capitalize' } }}
+          slotProps={{ htmlInput: { style: { textTransform: 'capitalize' } } }}
           error={Boolean(errors?.name)}
           helperText={errors?.name}
           onBlur={validateField}

package/tabs/src/components/event_registration/EventExternalRegistration.test.jsx

@@ -14,6 +14,9 @@ import { postParticipant } from '../../data/sharepointProvider';
 import { getUserByMail } from '../../data/provider';
 
 const buttonHandlers = [];
+const fieldHandlers = {};
+const checkboxHandlers = [];
+const stateSetters = [];
 
 jest.mock('@mui/material', () => {
   const ReactLocal = require('react');
@@ -38,14 +41,27 @@ jest.mock('@mui/material', () => {
   return {
     Alert: passthrough(),
     Box: passthrough(),
-    Checkbox: passthrough('input'),
-    TextField: ({ label }) => <div>{label || ''}</div>,
-    Button: ({ onClick, children }) => {
+    Checkbox: ({ onChange, checked, disabled }) => {
+      checkboxHandlers.push({ onChange, checked, disabled });
+      return ReactLocal.createElement('input', { type: 'checkbox' });
+    },
+    TextField: ({ label, id, onChange, onBlur }) => {
+      if (id) {
+        fieldHandlers[id] = { onChange, onBlur };
+      }
+      return <div>{label || ''}</div>;
+    },
+    Button: ({ onClick, children, endIcon }) => {
       const label = labelToText(children);
       if (onClick) {
         buttonHandlers.push({ label, onClick });
       }
-      return <button>{children}</button>;
+      return (
+        <button>
+          {children}
+          {endIcon}
+        </button>
+      );
     },
     FormControlLabel: ({ label, control }) => (
       <div>
@@ -83,17 +99,20 @@ jest.mock('../HtmlBox', () => ({
 
 function mockStateSequence(values) {
   let index = 0;
+  stateSetters.length = 0;
   React.useState.mockImplementation((initialValue) => {
+    const setter = jest.fn();
+    stateSetters.push(setter);
     if (index < values.length) {
       const current = values[index];
       index += 1;
-      return [current, jest.fn()];
+      return [current, setter];
     }
-    return [initialValue, jest.fn()];
+    return [initialValue, setter];
   });
 }
 
-function buildState(participantOverride = {}) {
+function buildState(participantOverride = {}, overrides = {}) {
   const participant = {
     MeetingId: 1,
     ParticipantName: 'John Doe',
@@ -109,7 +128,15 @@ function buildState(participantOverride = {}) {
     ...participantOverride,
   };
 
-  return [participant, false, '', {}, false, false, false];
+  return [
+    participant,
+    overrides.loading ?? false,
+    overrides.errorText ?? '',
+    overrides.errors ?? {},
+    overrides.successRegister ?? false,
+    overrides.physical ?? false,
+    overrides.reimbursement ?? false,
+  ];
 }
 
 describe('EventExternalRegistration', () => {
@@ -123,7 +150,14 @@ describe('EventExternalRegistration', () => {
   beforeEach(() => {
     jest.clearAllMocks();
     buttonHandlers.length = 0;
-    React.useState.mockImplementation((initialValue) => [initialValue, jest.fn()]);
+    checkboxHandlers.length = 0;
+    stateSetters.length = 0;
+    Object.keys(fieldHandlers).forEach((k) => delete fieldHandlers[k]);
+    React.useState.mockImplementation((initialValue) => {
+      const setter = jest.fn();
+      stateSetters.push(setter);
+      return [initialValue, setter];
+    });
     getUserByMail.mockResolvedValue(null);
     postParticipant.mockResolvedValue({ id: 77 });
   });
@@ -216,4 +250,194 @@ describe('EventExternalRegistration', () => {
     expect(getUserByMail).toHaveBeenCalledWith('existing@domain.org');
     expect(postParticipant).not.toHaveBeenCalled();
   });
+
+  test('rejects emails containing a plus sign', async () => {
+    const state = buildState({ Email: 'user+alias@example.org', ParticipantName: 'Valid Name' });
+    mockStateSequence(state);
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    const register = buttonHandlers.find((b) => b.label === 'Register');
+    await register.onClick();
+
+    expect(getUserByMail).not.toHaveBeenCalled();
+    expect(postParticipant).not.toHaveBeenCalled();
+  });
+
+  test('skips registration when required fields are empty', async () => {
+    const event = { ...baseEvent, Participants: [] };
+    const state = buildState({ ParticipantName: '', Email: '' });
+    mockStateSequence(state);
+
+    renderToStaticMarkup(<EventExternalRegistration event={event} userInfo={{ country: 'RO' }} />);
+
+    const register = buttonHandlers.find((b) => b.label === 'Register');
+    await register.onClick();
+
+    expect(getUserByMail).not.toHaveBeenCalled();
+    expect(postParticipant).not.toHaveBeenCalled();
+    expect(event.Participants.length).toBe(0);
+  });
+
+  test('does not mutate event when postParticipant returns no response', async () => {
+    postParticipant.mockResolvedValueOnce(undefined);
+    const event = { ...baseEvent, Participants: [] };
+    const state = buildState({ Email: 'new@example.org', ParticipantName: 'New One' });
+    const participant = state[0];
+    mockStateSequence(state);
+
+    renderToStaticMarkup(<EventExternalRegistration event={event} userInfo={{ country: 'RO' }} />);
+
+    const register = buttonHandlers.find((b) => b.label === 'Register');
+    await register.onClick();
+
+    expect(postParticipant).toHaveBeenCalled();
+    expect(participant.id).toBeUndefined();
+    expect(event.Participants.length).toBe(0);
+  });
+
+  test('field onChange handlers mutate the participant', () => {
+    const state = buildState();
+    const participant = state[0];
+    mockStateSequence(state);
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    fieldHandlers.name.onChange({ target: { value: 'Jane Roe' } });
+    fieldHandlers.email.onChange({ target: { value: 'jane.roe@example.org' } });
+
+    expect(participant.ParticipantName).toBe('Jane Roe');
+    expect(participant.Email).toBe('jane.roe@example.org');
+  });
+
+  test('validateField records a name error on blur of an empty name field', () => {
+    const state = buildState({ ParticipantName: '' });
+    mockStateSequence(state);
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    const setErrors = stateSetters[3];
+    fieldHandlers.name.onBlur({ target: { id: 'name' } });
+
+    expect(setErrors).toHaveBeenCalled();
+    expect(setErrors.mock.calls[0][0].name).toBeTruthy();
+  });
+
+  test('validateField records an email error on blur of an empty email field', () => {
+    const state = buildState({ Email: '' });
+    mockStateSequence(state);
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    const setErrors = stateSetters[3];
+    fieldHandlers.email.onBlur({ target: { id: 'email' } });
+
+    expect(setErrors).toHaveBeenCalled();
+    expect(setErrors.mock.calls[0][0].email).toBeTruthy();
+  });
+
+  test('validateField logs a warning for an unknown field id', () => {
+    mockStateSequence(buildState());
+    const logSpy = jest.spyOn(console, 'log').mockImplementation(() => {});
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    fieldHandlers.name.onBlur({ target: { id: 'unknown' } });
+
+    expect(logSpy).toHaveBeenCalledWith('Undefined field for validation');
+    logSpy.mockRestore();
+  });
+
+  test('checking physical participation updates the participant', () => {
+    const state = buildState();
+    const participant = state[0];
+    mockStateSequence(state);
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    checkboxHandlers[0].onChange({}, true);
+
+    expect(participant.PhysicalParticipation).toBe(true);
+    expect(stateSetters[5]).toHaveBeenCalledWith(true);
+  });
+
+  test('unchecking physical participation also resets reimbursement', () => {
+    const state = buildState(
+      { PhysicalParticipation: true, EEAReimbursementRequested: true },
+      { physical: true, reimbursement: true },
+    );
+    const participant = state[0];
+    mockStateSequence(state);
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    checkboxHandlers[0].onChange({}, false);
+
+    expect(participant.PhysicalParticipation).toBe(false);
+    expect(participant.EEAReimbursementRequested).toBe(false);
+    expect(stateSetters[6]).toHaveBeenCalledWith(false);
+  });
+
+  test('checking reimbursement updates the participant', () => {
+    const state = buildState({ PhysicalParticipation: true }, { physical: true });
+    const participant = state[0];
+    mockStateSequence(state);
+
+    renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    checkboxHandlers[1].onChange({}, true);
+
+    expect(participant.EEAReimbursementRequested).toBe(true);
+    expect(stateSetters[6]).toHaveBeenCalledWith(true);
+  });
+
+  test('does not render offline checkboxes when the event is online', () => {
+    mockStateSequence(buildState());
+
+    renderToStaticMarkup(
+      <EventExternalRegistration
+        event={{ ...baseEvent, IsOffline: false }}
+        userInfo={{ country: 'RO' }}
+      />,
+    );
+
+    expect(checkboxHandlers).toHaveLength(0);
+  });
+
+  test('renders the error alert when errorText is set', () => {
+    mockStateSequence(buildState({}, { errorText: 'Something went wrong' }));
+
+    const html = renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    expect(html).toContain('Something went wrong');
+  });
+
+  test('renders the success alert with a check icon when registration succeeded', () => {
+    mockStateSequence(buildState({}, { successRegister: true }));
+
+    const html = renderToStaticMarkup(
+      <EventExternalRegistration event={{ ...baseEvent }} userInfo={{ country: 'RO' }} />,
+    );
+
+    expect(html).toContain('Invitation success');
+    expect(html).toContain('check-icon');
+  });
 });

package/tabs/src/components/my_country/CountryProgress.jsx

@@ -49,12 +49,14 @@ export function CountryProgress({ lastYears, configuration }) {
             Yearly overview:
           </Typography>
           <Tabs
-            TabIndicatorProps={{
-              sx: {
-                bottom: 0,
-                height: 10,
-                backgroundColor: 'secondary.main',
-                clipPath: 'polygon(50% 0, 0 100%, 100% 100%)',
+            slotProps={{
+              indicator: {
+                sx: {
+                  bottom: 0,
+                  height: 10,
+                  backgroundColor: 'secondary.main',
+                  clipPath: 'polygon(50% 0, 0 100%, 100% 100%)',
+                },
               },
             }}
             value={tabsValue}

package/tabs/src/components/self_service/UserEdit.jsx

@@ -164,7 +164,7 @@ export function UserEdit({ user, configuration }) {
                     user.FirstName = e.target.value;
                     validateField(e);
                   }}
-                  inputProps={{ style: { textTransform: 'capitalize' } }}
+                  slotProps={{ htmlInput: { style: { textTransform: 'capitalize' } } }}
                   error={Boolean(errors?.firstName)}
                   helperText={errors?.firstName}
                   onBlur={validateField}
@@ -181,7 +181,7 @@ export function UserEdit({ user, configuration }) {
                     user.LastName = e.target.value;
                     validateField(e);
                   }}
-                  inputProps={{ style: { textTransform: 'capitalize' } }}
+                  slotProps={{ htmlInput: { style: { textTransform: 'capitalize' } } }}
                   error={Boolean(errors?.lastName)}
                   helperText={errors?.lastName}
                   onBlur={validateField}
@@ -197,7 +197,7 @@ export function UserEdit({ user, configuration }) {
                     user.JobTitle = e.target.value;
                     validateField(e);
                   }}
-                  inputProps={{ style: { textTransform: 'capitalize' } }}
+                  slotProps={{ htmlInput: { style: { textTransform: 'capitalize' } } }}
                 />
                 <TextField
                   autoComplete="off"
@@ -210,7 +210,7 @@ export function UserEdit({ user, configuration }) {
                     user.Phone = e.target.value;
                     validateField(e);
                   }}
-                  inputProps={{ maxLength: 15 }}
+                  slotProps={{ htmlInput: { maxLength: 15 } }}
                   error={Boolean(errors?.phone)}
                   helperText={errors?.phone}
                   onBlur={validateField}