From 7bf08074cf946a328eb7c7ab88bff3b88ad6cef7 Mon Sep 17 00:00:00 2001
From: leleOFA <emanuele.didonato@pagopa.it>
Date: Fri, 28 Feb 2025 12:32:01 +0100
Subject: [PATCH] fix: fix for complete pr

---
 .../src/components/A11yContainerInvisible.tsx | 29 -------------------
 packages/pn-commons/src/components/index.ts   |  2 --
 .../Deleghe/DelegationsOfTheCompany.tsx       | 17 -----------
 .../FilterNotificationsFormActions.tsx        | 11 ++-----
 4 files changed, 3 insertions(+), 56 deletions(-)
 delete mode 100644 packages/pn-commons/src/components/A11yContainerInvisible.tsx

diff --git a/packages/pn-commons/src/components/A11yContainerInvisible.tsx b/packages/pn-commons/src/components/A11yContainerInvisible.tsx
deleted file mode 100644
index 488285697..000000000
--- a/packages/pn-commons/src/components/A11yContainerInvisible.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React, { ReactNode } from "react";
-
-type Props = {
-    field: ReactNode | string;
-    ariaLive?: 'assertive' | 'polite' | 'off';
-    role?: React.AriaRole;
-    id? : string;
-};
-// Questo componente fa leggere allo screen reader il field passato dai proprio quando viene renderizzato
-// role alert ha di default aria live assertive
-const A11yContainerInvisible: React.FC<Props> = ({ field, ariaLive, role, id }: Props) =>(
-        <div
-        aria-live={ariaLive}
-        role={role}
-        id={id || 'invisibleComponent'}
-        style={{
-          position: 'absolute',
-          width: '1px',
-          height: '1px',
-          overflow: 'hidden',
-          clip: 'rect(0 0 0 0)',
-          clipPath: 'inset(50%)',
-          whiteSpace: 'nowrap',
-          border: 0,
-        }}
-      >{field}</div>
-    );
-
-export default A11yContainerInvisible;
\ No newline at end of file
diff --git a/packages/pn-commons/src/components/index.ts b/packages/pn-commons/src/components/index.ts
index fd44c58a6..53f8dc2e4 100644
--- a/packages/pn-commons/src/components/index.ts
+++ b/packages/pn-commons/src/components/index.ts
@@ -78,10 +78,8 @@ import SideMenu from './SideMenu/SideMenu';
 import SnackBar from './SnackBar/SnackBar';
 import TabPanel from './TabPanel';
 import TitleBox from './TitleBox';
-import A11yContainerInvisible from './A11yContainerInvisible';
 
 export {
-  A11yContainerInvisible,
   ApiError,
   ApiErrorWrapper,
   AppMessage,
diff --git a/packages/pn-personagiuridica-webapp/src/components/Deleghe/DelegationsOfTheCompany.tsx b/packages/pn-personagiuridica-webapp/src/components/Deleghe/DelegationsOfTheCompany.tsx
index a942f3ad5..665cd1909 100644
--- a/packages/pn-personagiuridica-webapp/src/components/Deleghe/DelegationsOfTheCompany.tsx
+++ b/packages/pn-personagiuridica-webapp/src/components/Deleghe/DelegationsOfTheCompany.tsx
@@ -20,7 +20,6 @@ import {
   Typography,
 } from '@mui/material';
 import {
-  A11yContainerInvisible,
   ApiErrorWrapper,
   EmptyState,
   KnownSentiment,
@@ -380,14 +379,6 @@ const DelegationsOfTheCompany = () => {
                 />
               </Grid>
               <Grid item xs={12} lg={3} sx={{ justifyContent: 'space-between' }}>
-                {formik.values.groups && (
-                  <A11yContainerInvisible
-                    field={
-                      'gruppi selezionati, ' +
-                      formik.values.groups.map((group) => group.name).join(', ')
-                    }
-                  ></A11yContainerInvisible>
-                )}
                 {/* c''e ancora il bottone anche se non é raggiungibile o cliccabile */}
                 <PnAutocomplete
                   id="groups"
@@ -429,14 +420,6 @@ const DelegationsOfTheCompany = () => {
                   onInputChange={(_event, newInputValue) => setGroupInputValue(newInputValue)}
                 />
               </Grid>
-              {formik.values.groups && (
-                <A11yContainerInvisible
-                  field={
-                    'gruppi selezionati, ' +
-                    formik.values.groups.map((group) => group.name).join(', ')
-                  }
-                ></A11yContainerInvisible>
-              )}
               <Grid item xs={12} lg={3}>
                 <TextField
                   label={t('deleghe.table.status')}
diff --git a/packages/pn-personagiuridica-webapp/src/components/Notifications/FilterNotificationsFormActions.tsx b/packages/pn-personagiuridica-webapp/src/components/Notifications/FilterNotificationsFormActions.tsx
index b232f8e8b..19c7efa11 100644
--- a/packages/pn-personagiuridica-webapp/src/components/Notifications/FilterNotificationsFormActions.tsx
+++ b/packages/pn-personagiuridica-webapp/src/components/Notifications/FilterNotificationsFormActions.tsx
@@ -1,7 +1,7 @@
-import { Fragment, useState } from 'react';
+import { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button, Grid } from '@mui/material';
-import { A11yContainerInvisible, CustomMobileDialogAction } from '@pagopa-pn/pn-commons';
+import {  CustomMobileDialogAction } from '@pagopa-pn/pn-commons';
 
 type Props = {
   filtersApplied: boolean;
@@ -17,8 +17,7 @@ const FilterNotificationsFormActions = ({
   isInitialSearch,
 }: Props) => {
   const { t } = useTranslation(['common']);
-  const [feedbackSubmit, setFeedbackSubmit] = useState(false);
-  const [feedbackCancel, setFeedbackCancel] = useState(false);
+
 
   const handleCancel = () =>{
     setFeedbackCancel(true);
@@ -38,9 +37,6 @@ const FilterNotificationsFormActions = ({
       >
         {t('button.filtra')}
       </Button>
-      {feedbackSubmit && (
-      <A11yContainerInvisible field="Azione completata" ariaLive='assertive' role='alert'></A11yContainerInvisible>
-      )}
     </Grid>
   );
 
@@ -54,7 +50,6 @@ const FilterNotificationsFormActions = ({
       >
         {t('button.annulla filtro')}
       </Button>
-      {feedbackCancel && <A11yContainerInvisible field="Cancellazione Completata" ariaLive='assertive' role='alert'></A11yContainerInvisible>}
     </Grid>
   );