@pagopa/selfcare-common-frontend 1.34.63 → 1.34.65

package/CHANGELOG.md

@@ -4,8 +4,9 @@ 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).
 
-#### [v1.34.63](https://github.com/pagopa/selfcare-common-frontend/compare/v1.35.0...v1.34.63)
+#### [v1.34.65](https://github.com/pagopa/selfcare-common-frontend/compare/v1.35.0...v1.34.65)
 
+- [SELC-7518] feat: add useLiveAnnouncerWithRegion hook for live announcements [`#291`](https://github.com/pagopa/selfcare-common-frontend/pull/291)
 - [SELC-7243] feat: added hook useFocus to handle focus for accessibility [`#289`](https://github.com/pagopa/selfcare-common-frontend/pull/289)
 - handle status code 403 [`#288`](https://github.com/pagopa/selfcare-common-frontend/pull/288)
 - [SELC-7070] feat: handle list of success codes [`#287`](https://github.com/pagopa/selfcare-common-frontend/pull/287)
@@ -45,6 +46,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - SELC-2590 [`#186`](https://github.com/pagopa/selfcare-common-frontend/pull/186)
 - SELC-2590 - update common [`#185`](https://github.com/pagopa/selfcare-common-frontend/pull/185)
 - Used a environment variable to manage correct links in the footer based to product and actual environment [`#184`](https://github.com/pagopa/selfcare-common-frontend/pull/184)
+- [SELC-7518] feat: add useLiveAnnouncerWithRegion hook for live announcements (#291) [`#7518`](https://pagopa.atlassian.net/browse/7518)
 - [SELC-7243] feat: added hook useFocus to handle focus for accessibility (#289) [`#7243`](https://pagopa.atlassian.net/browse/7243)
 - [SELC-7070] feat: handle list of success codes (#287) [`#7070`](https://pagopa.atlassian.net/browse/7070)
 - [SELC-6995] feat: make the content of the diaolog avaible to the screen reader (#286) [`#6995`](https://pagopa.atlassian.net/browse/6995)
@@ -111,10 +113,21 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Bump validator and @types/validator [`bca7ef1`](https://github.com/pagopa/selfcare-common-frontend/commit/bca7ef12f16fa24b75d5acbe5a96e1509c479b9e)
 - Bump react and @types/react [`12e0229`](https://github.com/pagopa/selfcare-common-frontend/commit/12e02297e407502c4d1c4e97b1396e5e5de1cd9f)
 
-#### [v1.35.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.34.62...v1.35.0)
+#### [v1.35.0](https://github.com/pagopa/selfcare-common-frontend/compare/v1.34.64...v1.35.0)
 
 > 20 July 2023
 
+#### [v1.34.64](https://github.com/pagopa/selfcare-common-frontend/compare/v1.34.63...v1.34.64)
+
+> 17 July 2025
+
+#### [v1.34.63](https://github.com/pagopa/selfcare-common-frontend/compare/v1.34.62...v1.34.63)
+
+> 10 July 2025
+
+- [SELC-7243] feat: added hook useFocus to handle focus for accessibility [`#289`](https://github.com/pagopa/selfcare-common-frontend/pull/289)
+- [SELC-7243] feat: added hook useFocus to handle focus for accessibility (#289) [`#7243`](https://pagopa.atlassian.net/browse/7243)
+
 #### [v1.34.62](https://github.com/pagopa/selfcare-common-frontend/compare/v1.34.61...v1.34.62)
 
 > 24 June 2025

package/build.info

@@ -1,2 +1,2 @@
-20250710.1 - selfcare-common-frontend.deploy(222486)
-tags/v1.29.0~1^2 81538df74f2029cffeaebffc9e4495eeb3ce1afc
+20250801.1 - selfcare-common-frontend.deploy(226365)
+tags/v1.29.0~1^2 5daf6dcae5283d2ec5237f7d893efd08e801dedf

package/lib/hooks/useLiveAnnouncerWithRegion.d.ts

@@ -0,0 +1,4 @@
+export declare const useLiveAnnouncerWithRegion: () => {
+    announce: (msg: string) => void;
+    LiveRegion: import("react/jsx-runtime").JSX.Element;
+};

package/lib/hooks/useLiveAnnouncerWithRegion.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLiveAnnouncerWithRegion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useLiveAnnouncerWithRegion = () => {
+    const [message, setMessage] = (0, react_1.useState)('');
+    const timeoutRef = (0, react_1.useRef)(null);
+    const announce = (0, react_1.useCallback)((msg) => {
+        setMessage('');
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        // eslint-disable-next-line functional/immutable-data
+        timeoutRef.current = window.setTimeout(() => {
+            setMessage(msg);
+        }, 100);
+    }, []);
+    (0, react_1.useEffect)(() => () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+    }, []);
+    const LiveRegion = ((0, jsx_runtime_1.jsx)("div", { "aria-live": "polite", "aria-atomic": "true", "data-testid": "live-region-announcer", style: {
+            position: 'absolute',
+            left: '-9999px',
+            height: '1px',
+            width: '1px',
+            overflow: 'hidden',
+        }, children: message }));
+    return { announce, LiveRegion };
+};
+exports.useLiveAnnouncerWithRegion = useLiveAnnouncerWithRegion;
+//# sourceMappingURL=useLiveAnnouncerWithRegion.js.map

package/lib/hooks/useLiveAnnouncerWithRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveAnnouncerWithRegion.js","sourceRoot":"","sources":["../../../src/lib/hooks/useLiveAnnouncerWithRegion.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AAE1D,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAE/C,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAW,EAAE,EAAE;QAC3C,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAClC;QACD,qDAAqD;QACrD,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC1C,UAAU,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAClC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,CACjB,6CACY,QAAQ,iBACN,MAAM,iBACN,uBAAuB,EACnC,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,QAAQ;SACnB,YAEA,OAAO,GACJ,CACP,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAClC,CAAC,CAAC;AA1CW,QAAA,0BAA0B,8BA0CrC"}

package/lib/index.d.ts

@@ -32,4 +32,5 @@ export { default as withRetrievedValue } from './decorators/withRetrievedValue';
 export { default as useReduxCachedValue } from './hooks/useReduxCachedValue';
 export { default as CustomAlert } from './components/CustomAlert';
 export { default as useFakePagination } from './hooks/useFakePagination';
+export { useLiveAnnouncerWithRegion } from './hooks/useLiveAnnouncerWithRegion';
 export { usePermissions } from './hooks/usePermissions';

package/lib/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePermissions = exports.useFakePagination = exports.CustomAlert = exports.useReduxCachedValue = exports.withRetrievedValue = exports.useLogin = exports.withLogin = exports.useUnloadEventOnExit = exports.useUnloadEventLogout = exports.useUnloadEventInterceptorAndActivate = exports.useUnloadEventInterceptor = exports.UnloadEventHandler = exports.useUserNotify = exports.UserNotifyHandle = exports.useLoading = exports.LoadingOverlay = exports.useErrorDispatcher = exports.ErrorBoundary = exports.PagoPaMiniIcon = exports.PagoPaIcon = exports.FaultIcon = exports.ErrorIconExclamation = exports.ErrorIcon = exports.ConfirmIcon = exports.CheckIllustrationIcon = exports.ToastWrapper = exports.Toast = exports.TitleBox = exports.SessionModal = exports.NavigationBar = exports.LoadingOverlayComponent = exports.Header = exports.Footer = exports.FilterModal = exports.EndingPage = exports.CustomPagination = exports.CustomAvatar = exports.BackComponent = void 0;
+exports.usePermissions = exports.useLiveAnnouncerWithRegion = exports.useFakePagination = exports.CustomAlert = exports.useReduxCachedValue = exports.withRetrievedValue = exports.useLogin = exports.withLogin = exports.useUnloadEventOnExit = exports.useUnloadEventLogout = exports.useUnloadEventInterceptorAndActivate = exports.useUnloadEventInterceptor = exports.UnloadEventHandler = exports.useUserNotify = exports.UserNotifyHandle = exports.useLoading = exports.LoadingOverlay = exports.useErrorDispatcher = exports.ErrorBoundary = exports.PagoPaMiniIcon = exports.PagoPaIcon = exports.FaultIcon = exports.ErrorIconExclamation = exports.ErrorIcon = exports.ConfirmIcon = exports.CheckIllustrationIcon = exports.ToastWrapper = exports.Toast = exports.TitleBox = exports.SessionModal = exports.NavigationBar = exports.LoadingOverlayComponent = exports.Header = exports.Footer = exports.FilterModal = exports.EndingPage = exports.CustomPagination = exports.CustomAvatar = exports.BackComponent = void 0;
 var BackComponent_1 = require("./components/BackComponent");
 Object.defineProperty(exports, "BackComponent", { enumerable: true, get: function () { return __importDefault(BackComponent_1).default; } });
 var CustomAvatar_1 = require("./components/CustomAvatar");
@@ -75,6 +75,8 @@ var CustomAlert_1 = require("./components/CustomAlert");
 Object.defineProperty(exports, "CustomAlert", { enumerable: true, get: function () { return __importDefault(CustomAlert_1).default; } });
 var useFakePagination_1 = require("./hooks/useFakePagination");
 Object.defineProperty(exports, "useFakePagination", { enumerable: true, get: function () { return __importDefault(useFakePagination_1).default; } });
+var useLiveAnnouncerWithRegion_1 = require("./hooks/useLiveAnnouncerWithRegion");
+Object.defineProperty(exports, "useLiveAnnouncerWithRegion", { enumerable: true, get: function () { return useLiveAnnouncerWithRegion_1.useLiveAnnouncerWithRegion; } });
 var usePermissions_1 = require("./hooks/usePermissions");
 Object.defineProperty(exports, "usePermissions", { enumerable: true, get: function () { return usePermissions_1.usePermissions; } });
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":";;;;;;AAAA,4DAAsE;AAA7D,+HAAA,OAAO,OAAiB;AACjC,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAChC,kEAA4E;AAAnE,qIAAA,OAAO,OAAoB;AACpC,sDAAgE;AAAvD,yHAAA,OAAO,OAAc;AAC9B,wDAAkE;AAAzD,2HAAA,OAAO,OAAe;AAC/B,qDAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,qDAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,gFAA0F;AAAjF,mJAAA,OAAO,OAA2B;AAC3C,4DAAsE;AAA7D,+HAAA,OAAO,OAAiB;AACjC,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAChC,kDAA4D;AAAnD,qHAAA,OAAO,OAAY;AAC5B,4CAAsD;AAA7C,+GAAA,OAAO,OAAS;AACzB,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAEhC,kFAA4F;AAAnF,+IAAA,OAAO,OAAyB;AACzC,8DAAwE;AAA/D,2HAAA,OAAO,OAAe;AAC/B,0DAAoE;AAA3D,uHAAA,OAAO,OAAa;AAC7B,gFAA0F;AAAjF,6IAAA,OAAO,OAAwB;AACxC,0DAAoE;AAA3D,uHAAA,OAAO,OAAa;AAC7B,4DAAsE;AAA7D,yHAAA,OAAO,OAAc;AAC9B,oEAA8E;AAArE,iIAAA,OAAO,OAAkB;AAElC,0EAAoF;AAA3E,+HAAA,OAAO,OAAiB;AACjC,iEAA2E;AAAlE,yIAAA,OAAO,OAAsB;AAEtC,sEAAgF;AAAvE,iIAAA,OAAO,OAAkB;AAClC,iDAA2D;AAAlD,yHAAA,OAAO,OAAc;AAE9B,kEAA4E;AAAnE,qIAAA,OAAO,OAAoB;AACpC,uDAAiE;AAAxD,+HAAA,OAAO,OAAiB;AAEjC,sEAAgF;AAAvE,yIAAA,OAAO,OAAsB;AACtC,+EAG2C;AAFzC,sIAAA,yBAAyB,OAAA;AACzB,iJAAA,oCAAoC,OAAA;AAAE,iIAAA,oBAAoB,OAAA;AAAE,iIAAA,oBAAoB,OAAA;AAGlF,oDAA8D;AAArD,uHAAA,OAAO,OAAa;AAC7B,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AAEjB,sEAAgF;AAAvE,yIAAA,OAAO,OAAsB;AACtC,mEAA6E;AAApE,2IAAA,OAAO,OAAuB;AAEvC,wDAAkE;AAAzD,2HAAA,OAAO,OAAe;AAC/B,+DAAyE;AAAhE,uIAAA,OAAO,OAAqB;AACrC,yDAAwD;AAA/C,gHAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":";;;;;;AAAA,4DAAsE;AAA7D,+HAAA,OAAO,OAAiB;AACjC,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAChC,kEAA4E;AAAnE,qIAAA,OAAO,OAAoB;AACpC,sDAAgE;AAAvD,yHAAA,OAAO,OAAc;AAC9B,wDAAkE;AAAzD,2HAAA,OAAO,OAAe;AAC/B,qDAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,qDAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,gFAA0F;AAAjF,mJAAA,OAAO,OAA2B;AAC3C,4DAAsE;AAA7D,+HAAA,OAAO,OAAiB;AACjC,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAChC,kDAA4D;AAAnD,qHAAA,OAAO,OAAY;AAC5B,4CAAsD;AAA7C,+GAAA,OAAO,OAAS;AACzB,0DAAoE;AAA3D,6HAAA,OAAO,OAAgB;AAEhC,kFAA4F;AAAnF,+IAAA,OAAO,OAAyB;AACzC,8DAAwE;AAA/D,2HAAA,OAAO,OAAe;AAC/B,0DAAoE;AAA3D,uHAAA,OAAO,OAAa;AAC7B,gFAA0F;AAAjF,6IAAA,OAAO,OAAwB;AACxC,0DAAoE;AAA3D,uHAAA,OAAO,OAAa;AAC7B,4DAAsE;AAA7D,yHAAA,OAAO,OAAc;AAC9B,oEAA8E;AAArE,iIAAA,OAAO,OAAkB;AAElC,0EAAoF;AAA3E,+HAAA,OAAO,OAAiB;AACjC,iEAA2E;AAAlE,yIAAA,OAAO,OAAsB;AAEtC,sEAAgF;AAAvE,iIAAA,OAAO,OAAkB;AAClC,iDAA2D;AAAlD,yHAAA,OAAO,OAAc;AAE9B,kEAA4E;AAAnE,qIAAA,OAAO,OAAoB;AACpC,uDAAiE;AAAxD,+HAAA,OAAO,OAAiB;AAEjC,sEAAgF;AAAvE,yIAAA,OAAO,OAAsB;AACtC,+EAK2C;AAJzC,sIAAA,yBAAyB,OAAA;AACzB,iJAAA,oCAAoC,OAAA;AACpC,iIAAA,oBAAoB,OAAA;AACpB,iIAAA,oBAAoB,OAAA;AAGtB,oDAA8D;AAArD,uHAAA,OAAO,OAAa;AAC7B,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AAEjB,sEAAgF;AAAvE,yIAAA,OAAO,OAAsB;AACtC,mEAA6E;AAApE,2IAAA,OAAO,OAAuB;AAEvC,wDAAkE;AAAzD,2HAAA,OAAO,OAAe;AAC/B,+DAAyE;AAAhE,uIAAA,OAAO,OAAqB;AACrC,iFAAgF;AAAvE,wIAAA,0BAA0B,OAAA;AACnC,yDAAwD;AAA/C,gHAAA,cAAc,OAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagopa/selfcare-common-frontend",
   "description": "Shared React components for the pagopa selfcare project",
-  "version": "1.34.63",
+  "version": "1.34.65",
   "license": "MIT",
   "repository": "https://github.com/pagopa/selfcare-common-frontend",
   "author": "https://www.pagopa.gov.it",