@pagopa/selfcare-common-frontend 2.5.5 → 2.5.6

package/CHANGELOG.md

@@ -4,8 +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).
 
+#### [v2.5.6](https://github.com/pagopa/selfcare-common-frontend/compare/v2.5.5...v2.5.6)
+
+- chore: build cleanup, typecheck in CI, ESLint 9 [`#376`](https://github.com/pagopa/selfcare-common-frontend/pull/376)
+- chore: release v2.5.5 [`#375`](https://github.com/pagopa/selfcare-common-frontend/pull/375)
+
 #### [v2.5.5](https://github.com/pagopa/selfcare-common-frontend/compare/v2.5.4...v2.5.5)
 
+> 3 November 2026
+
 - chore: add AI docs and consumer-side package check [`#374`](https://github.com/pagopa/selfcare-common-frontend/pull/374)
 - chore: release v2.5.4 [`#372`](https://github.com/pagopa/selfcare-common-frontend/pull/372)
 

package/lib/components/Footer/Footer.js

@@ -5,7 +5,6 @@ import { Trans, useTranslation } from 'react-i18next';
 import { CONFIG, showStaticPrivacyPolicy } from '../../config/env';
 import i18n from '../../locale/locale-utils';
 import { LANGUAGES, pagoPALink } from './FooterConfig';
-// eslint-disable-next-line sonarjs/cognitive-complexity
 export default function Footer({ loggedUser, productsJsonUrl, onExit = (exitAction) => exitAction(), }) {
     const { t } = useTranslation();
     const currentLangByUrl = new URLSearchParams(window.location.search).get('lang');

package/lib/decorators/withLogin.js

@@ -24,7 +24,7 @@ export default function withLogin(WrappedComponent) {
                 // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 asyncAttemptSilentLogin().finally(() => setLoading(false));
             }
-        }, []); // eslint-disable-line react-hooks/exhaustive-deps
+        }, []);
         return user ? _jsx(WrappedComponent, { ...props }) : _jsx(_Fragment, {});
     };
     // eslint-disable-next-line functional/immutable-data

package/lib/redux/slices/productsSlice.js

@@ -1,4 +1,3 @@
-/* eslint-disable functional/immutable-data */
 import { createSlice } from '@reduxjs/toolkit';
 export var StatusEnum;
 (function (StatusEnum) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagopa/selfcare-common-frontend",
   "description": "Shared React components for the pagopa selfcare project",
-  "version": "2.5.5",
+  "version": "2.5.6",
   "license": "MIT",
   "repository": "https://github.com/pagopa/selfcare-common-frontend",
   "author": "https://www.pagopa.gov.it",
@@ -40,25 +40,23 @@
   },
   "scripts": {
     "clean": "npm-run-all clean:*",
-    "setTsConfigStart": "copyfiles tsconfigStart.json build && renamer --replace tsconfig.json build/tsconfigStart.json && copyfiles -u 1 build/tsconfig.json . && rimraf build/tsconfig.json",
     "start": "vite",
-    "build": "vite build",
-    "clean:build": "rimraf build",
-    "setTsConfigDist": "copyfiles tsconfigDist.json build && renamer --replace tsconfig.json build/tsconfigDist.json && copyfiles -u 1 build/tsconfig.json . && rimraf build/tsconfig.json",
     "cpDistStatic": "copyfiles -u 2 src/lib/index.css src/lib/utils/fixSwagger20ArraySchemaDef.js dist && copyfiles package.json README.md CHANGELOG.md dist",
-    "dist": "yarn setTsConfigDist && tsc && yarn cpDistStatic",
+    "dist": "tsc -p tsconfigDist.json && yarn cpDistStatic",
     "clean:dist": "rimraf dist",
     "check:package": "yarn clean:dist && yarn dist && node scripts/check-package.mjs",
     "clean:package-check": "rimraf .package-check",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "clean:coverage": "rimraf coverage",
-    "lint-autofix": "yarn setTsConfigStart && eslint . -c .eslintrc.js --ext .ts,.tsx --fix",
-    "lint": "yarn setTsConfigStart && eslint . -c .eslintrc.js --ext .ts,.tsx ",
+    "lint-autofix": "eslint . --fix",
+    "lint": "eslint .",
+    "typecheck": "tsc -p tsconfig.json",
     "prettify": "prettier --write \"./**/*.{ts,tsx}\"",
     "version": "auto-changelog -p --config .auto-changelog.json && git add CHANGELOG.md"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.5",
     "@pagopa/openapi-codegen-ts": "^14.2.0",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^14.1.2",
@@ -71,28 +69,27 @@
     "@types/react-redux": "^7.1.33",
     "@types/react-router-dom": "^5.1.8",
     "@types/redux-logger": "^3.0.9",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@typescript-eslint/parser": "^5.0.0",
     "@vitejs/plugin-react": "^5.2.0",
     "@vitest/browser": "4.1.10",
     "@vitest/coverage-v8": "4.1.10",
     "auto-changelog": "^2.3.0",
     "copyfiles": "^2.4.1",
-    "eslint": "7.11.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-functional": "^3.7.2",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-react": "^7.26.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-sonarjs": "^0.10.0",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-functional": "^9.0.5",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-sonarjs": "^4.2.2",
+    "globals": "^17.14.0",
     "jsdom": "^28.1.0",
     "mkdirp": "^1.0.4",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.6.2",
     "regex-replace": "^2.3.1",
-    "renamer": "^4.0.0",
     "rimraf": "^6.0.1",
     "typescript": "^5.9.2",
+    "typescript-eslint": "^8.72.1",
     "vite": "^8.1.5",
     "vite-plugin-html": "^3.2.2",
     "vitest": "4.1.10"

package/examples/locale/en.d.ts

@@ -1,20 +0,0 @@
-declare const _default: {
-    'session modal button': string;
-    labelTitle: string;
-    boldDescriptionText: string;
-    boldDescriptionTwo: string;
-    description: {
-        part1: string;
-        part2: string;
-    };
-    key: string;
-    key2: string;
-    nesting1: string;
-    nesting2: string;
-    nesting3: string;
-    arrayJoinWithInterpolation: string[];
-    arrayOfObjects: {
-        name: string;
-    }[];
-};
-export default _default;

package/examples/locale/en.js

@@ -1,18 +0,0 @@
-const descriptionEn = 'bold description';
-export default {
-    'session modal button': 'Translate Example Session Modal',
-    labelTitle: 'name Title',
-    boldDescriptionText: ' Test Description with bold text',
-    boldDescriptionTwo: `view ${descriptionEn}`,
-    description: {
-        part1: 'eng: description test-part1',
-        part2: 'eng: description test-part2',
-    },
-    key: '{{what}} {{and}} {{how}}!!',
-    key2: 'I am <1>{{author}}</1> not bold',
-    nesting1: '1 $t(nesting2)',
-    nesting2: '2 $t(nesting3)',
-    nesting3: '3',
-    arrayJoinWithInterpolation: ['you', 'can', '{{myVar}}'],
-    arrayOfObjects: [{ name: 'tom' }, { name: 'steve' }],
-};

package/examples/locale/index.d.ts

@@ -1 +0,0 @@
-export {};

package/examples/locale/index.js

@@ -1,4 +0,0 @@
-import { configureI18n } from '../../lib/locale/locale-utils';
-import en from './en';
-import it from './it';
-configureI18n({ en, it });

package/examples/locale/it.d.ts

@@ -1,20 +0,0 @@
-declare const _default: {
-    'session modal button': string;
-    labelTitle: string;
-    boldDescriptionText: string;
-    boldDescriptionTwo: string;
-    description: {
-        part1: string;
-        part2: string;
-    };
-    key: string;
-    key2: string;
-    nesting1: string;
-    nesting2: string;
-    nesting3: string;
-    arrayJoinWithInterpolation: string[];
-    arrayOfObjects: {
-        name: string;
-    }[];
-};
-export default _default;

package/examples/locale/it.js

@@ -1,19 +0,0 @@
-const labelTitle = 'nome Titolo';
-const descriptionIt = 'descrizione in grassetto';
-export default {
-    'session modal button': 'Esempio Traduzione SessionModal',
-    labelTitle: `${labelTitle}`,
-    boldDescriptionText: ' testo in grassetto',
-    boldDescriptionTwo: `visualizza la ${descriptionIt}`,
-    description: {
-        part1: 'ita: descrizione test-parte1',
-        part2: 'ita: descrizione test-parte2',
-    },
-    key: '{{what}} {{e}} {{how}}!!',
-    key2: 'sono <1>{{author}}</1> non in grassetto',
-    nesting1: '1 $t(nesting2)',
-    nesting2: '2 $t(nesting3)',
-    nesting3: '3',
-    arrayJoinWithInterpolation: ['tu', 'puoi', '{{myVar}}'],
-    arrayOfObjects: [{ name: 'tom' }, { name: ' steve' }],
-};

package/lib/components/tests/FilterModal.test.d.ts

@@ -1 +0,0 @@
-import './../../../examples/locale';

package/lib/components/tests/FilterModal.test.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import FilterModal from '../FilterModal';
-import './../../../examples/locale';
-vi.mock('i18next-browser-languagedetector');
-const data = [
-    { id: '1', label: 'Option 1' },
-    { id: '2', label: 'Option 2' },
-    { id: '3', label: 'Option 3' },
-];
-const filterModalConfig = {
-    data,
-    getLabel: (e) => e.label,
-    getValue: (e) => e.id,
-    onFilterChange: vi.fn(),
-};
-describe('FilterModal Component', () => {
-    test('should display the radio buttons with the correct labels', () => {
-        render(_jsx(FilterModal, { open: true, handleClose: () => { }, title: "Test Title", filterModalConfig: filterModalConfig }));
-        data.forEach((item) => {
-            expect(screen.getByLabelText(item.label)).not.toBeNull();
-        });
-    });
-    test('should call onFilterChange with the correct value when a radio button is selected and the button is clicked', () => {
-        render(_jsx(FilterModal, { open: true, handleClose: () => { }, title: "Test Title", filterModalConfig: filterModalConfig }));
-        fireEvent.click(screen.getByLabelText('Option 2'));
-        fireEvent.click(screen.getByText('Filtra'));
-        expect(filterModalConfig.onFilterChange).toHaveBeenCalledWith(data[1]);
-    });
-    test('should call handleClose when the apply filter button is clicked', () => {
-        const handleClose = vi.fn();
-        render(_jsx(FilterModal, { open: true, handleClose: handleClose, title: "Test Title", filterModalConfig: filterModalConfig }));
-        fireEvent.click(screen.getByLabelText('Option 2'));
-        fireEvent.click(screen.getByText('Filtra'));
-        expect(handleClose).toHaveBeenCalled();
-    });
-});