(PC-33786) feat(accessibility): add noMawWidth in SecondaryPageWithBl…

…urHeader and use in accessibility
pass-culture · Jan 10, 2025 · 78e96fa · 78e96fa
1 parent d5be5f6
commit 78e96fa
Show file tree

Hide file tree

Showing 28 changed files with 62 additions and 37 deletions.
diff --git a/__snapshots__/features/achievements/pages/Achievements.native.test.tsx.native-snap b/__snapshots__/features/achievements/pages/Achievements.native.test.tsx.native-snap
@@ -167,6 +167,7 @@ exports[`<Achievements/> should match snapshot 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...h/pages/forgottenPassword/ForgottenPassword/ForgottenPassword.native.test.tsx.native-snap b/...h/pages/forgottenPassword/ForgottenPassword/ForgottenPassword.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<ForgottenPassword /> should match snapshot 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...s/forgottenPassword/ReinitializePassword/ReinitializePassword.native.test.tsx.native-snap b/...s/forgottenPassword/ReinitializePassword/ReinitializePassword.native.test.tsx.native-snap
@@ -252,6 +252,7 @@ exports[`ReinitializePassword Page should match snapshot 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...rgottenPassword/ResetPasswordEmailSent/ResetPasswordEmailSent.native.test.tsx.native-snap b/...rgottenPassword/ResetPasswordEmailSent/ResetPasswordEmailSent.native.test.tsx.native-snap
@@ -180,6 +180,7 @@ exports[`<ResetPasswordEmailSent /> should match snapshot 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/features/auth/pages/login/Login.native.test.tsx.native-snap b/__snapshots__/features/auth/pages/login/Login.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<Login/> should render correctly when feature flag is enabled 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...p/SignupConfirmationEmailSent/SignupConfirmationEmailSentPage.native.test.tsx.native-snap b/...p/SignupConfirmationEmailSent/SignupConfirmationEmailSentPage.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<SignupConfirmationEmailSentPage /> should render correctly 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/features/favorites/pages/FavoritesSorts.native.test.tsx.native-snap b/__snapshots__/features/favorites/pages/FavoritesSorts.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<FavoritesSorts/> should render correctly 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/features/profile/pages/Accessibility/Accessibility.native.test.tsx.native-snap b/__snapshots__/features/profile/pages/Accessibility/Accessibility.native.test.tsx.native-snap
@@ -184,12 +184,13 @@ exports[`Accessibility should render correctly 1`] = `
     contentContainerStyle={
       {
         "alignSelf": "center",
-        "maxWidth": 500,
+        "maxWidth": "100%",
         "paddingHorizontal": 24,
         "paddingVertical": 24,
         "width": "100%",
       }
     }
+    noMaxWidth={true}
     scrollEnabled={true}
     style={
       [

diff --git a/.../features/profile/pages/Accessibility/AccessibilityActionPlan.native.test.tsx.native-snap b/.../features/profile/pages/Accessibility/AccessibilityActionPlan.native.test.tsx.native-snap
@@ -184,12 +184,13 @@ exports[`AccessibilityActionPlan should render correctly 1`] = `
     contentContainerStyle={
       {
         "alignSelf": "center",
-        "maxWidth": 500,
+        "maxWidth": "100%",
         "paddingHorizontal": 24,
         "paddingVertical": 24,
         "width": "100%",
       }
     }
+    noMaxWidth={true}
     scrollEnabled={true}
     style={
       [

diff --git a/...features/profile/pages/Accessibility/AccessibilityDeclaration.native.test.tsx.native-snap b/...features/profile/pages/Accessibility/AccessibilityDeclaration.native.test.tsx.native-snap
@@ -184,12 +184,13 @@ exports[`AccessibilityDeclaration should render correctly 1`] = `
     contentContainerStyle={
       {
         "alignSelf": "center",
-        "maxWidth": 500,
+        "maxWidth": "100%",
         "paddingHorizontal": 24,
         "paddingVertical": 24,
         "width": "100%",
       }
     }
+    noMaxWidth={true}
     scrollEnabled={true}
     style={
       [
@@ -315,7 +316,7 @@ exports[`AccessibilityDeclaration should render correctly 1`] = `
               >
                 <View>
                   <View
-                    accessibilityLabel="Schéma pluriannuel d’accessibilité 2022 - 2024"
+                    accessibilityLabel="Schéma pluriannuel d’accessibilité 2022 - 2025"
                     accessibilityRole="link"
                     accessibilityState={
                       {
@@ -358,7 +359,7 @@ exports[`AccessibilityDeclaration should render correctly 1`] = `
                         },
                       ]
                     }
-                    testID="Schéma pluriannuel d’accessibilité 2022 - 2024"
+                    testID="Schéma pluriannuel d’accessibilité 2022 - 2025"
                   >
                     <View
                       paddingForIcon={0}
@@ -404,7 +405,7 @@ exports[`AccessibilityDeclaration should render correctly 1`] = `
                         }
                         typography="BodyAccentXs"
                       >
-                        Schéma pluriannuel d’accessibilité 2022 - 2024
+                        Schéma pluriannuel d’accessibilité 2022 - 2025
                       </Text>
                     </View>
                   </View>
@@ -485,7 +486,7 @@ exports[`AccessibilityDeclaration should render correctly 1`] = `
               >
                 <View>
                   <View
-                    accessibilityLabel="Actions réalisées en 2022 et 2023"
+                    accessibilityLabel="Actions réalisées depuis 2022"
                     accessibilityRole="link"
                     accessibilityState={
                       {
@@ -528,7 +529,7 @@ exports[`AccessibilityDeclaration should render correctly 1`] = `
                         },
                       ]
                     }
-                    testID="Actions réalisées en 2022 et 2023"
+                    testID="Actions réalisées depuis 2022"
                   >
                     <View
                       paddingForIcon={0}
@@ -574,7 +575,7 @@ exports[`AccessibilityDeclaration should render correctly 1`] = `
                         }
                         typography="BodyAccentXs"
                       >
-                        Actions réalisées en 2022 et 2023
+                        Actions réalisées depuis 2022
                       </Text>
                     </View>
                   </View>

diff --git a/.../features/profile/pages/Accessibility/AccessibilityEngagement.native.test.tsx.native-snap b/.../features/profile/pages/Accessibility/AccessibilityEngagement.native.test.tsx.native-snap
@@ -184,12 +184,13 @@ exports[`AccessibilityEngagement should render correctly 1`] = `
     contentContainerStyle={
       {
         "alignSelf": "center",
-        "maxWidth": 500,
+        "maxWidth": "100%",
         "paddingHorizontal": 24,
         "paddingVertical": 24,
         "width": "100%",
       }
     }
+    noMaxWidth={true}
     scrollEnabled={true}
     style={
       [

diff --git a/...shots__/features/profile/pages/Accessibility/RecommendedPaths.native.test.tsx.native-snap b/...shots__/features/profile/pages/Accessibility/RecommendedPaths.native.test.tsx.native-snap
@@ -184,12 +184,13 @@ exports[`RecommendedPaths should render correctly 1`] = `
     contentContainerStyle={
       {
         "alignSelf": "center",
-        "maxWidth": 500,
+        "maxWidth": "100%",
         "paddingHorizontal": 24,
         "paddingVertical": 24,
         "width": "100%",
       }
     }
+    noMaxWidth={true}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/features/profile/pages/ChangeEmail/ChangeEmail.native.test.tsx.native-snap b/__snapshots__/features/profile/pages/ChangeEmail/ChangeEmail.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<ChangeEmail/> should render correctly 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...s/profile/pages/ChangeEmailSetPassword/ChangeEmailSetPassword.native.test.tsx.native-snap b/...s/profile/pages/ChangeEmailSetPassword/ChangeEmailSetPassword.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<ChangeEmailSetPassword /> should match snapshot 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...pshots__/features/profile/pages/ChangePassword/ChangePassword.native.test.tsx.native-snap b/...pshots__/features/profile/pages/ChangePassword/ChangePassword.native.test.tsx.native-snap
@@ -191,6 +191,7 @@ exports[`ChangePassword should render correctly 1`] = `
       }
     }
     keyboardShouldPersistTaps="handled"
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...hots__/features/profile/pages/ConsentSettings/ConsentSettings.native.test.tsx.native-snap b/...hots__/features/profile/pages/ConsentSettings/ConsentSettings.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<ConsentSettings/> should render correctly 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/features/profile/pages/LegalNotices/LegalNotices.native.test.tsx.native-snap b/__snapshots__/features/profile/pages/LegalNotices/LegalNotices.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`LegalNotices should render correctly 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...__/features/profile/pages/NewEmailSelection/NewEmailSelection.native.test.tsx.native-snap b/...__/features/profile/pages/NewEmailSelection/NewEmailSelection.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<NewEmailSelection /> should match snapshot 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/...ures/profile/pages/NotificationSettings/NotificationsSettings.native.test.tsx.native-snap b/...ures/profile/pages/NotificationSettings/NotificationsSettings.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`NotificationsSettings should render correctly when user is logged in 1`
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [
@@ -2574,6 +2575,7 @@ exports[`NotificationsSettings should render correctly when user is not logged i
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/features/profile/pages/PersonalData/PersonalData.native.test.tsx.native-snap b/__snapshots__/features/profile/pages/PersonalData/PersonalData.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`PersonalData should render personal data success 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/features/search/pages/SearchFilter/SearchFilter.native.test.tsx.native-snap b/__snapshots__/features/search/pages/SearchFilter/SearchFilter.native.test.tsx.native-snap
@@ -199,6 +199,7 @@ exports[`<SearchFilter/> should render correctly 1`] = `
       }
     }
     keyboardShouldPersistTaps="always"
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/__snapshots__/ui/pages/SecondaryPageWithBlurHeader.native.test.tsx.native-snap b/__snapshots__/ui/pages/SecondaryPageWithBlurHeader.native.test.tsx.native-snap
@@ -190,6 +190,7 @@ exports[`<SecondaryPageWithBlurHeader /> should render correctly 1`] = `
         "width": "100%",
       }
     }
+    noMaxWidth={false}
     scrollEnabled={true}
     style={
       [

diff --git a/src/features/profile/pages/Accessibility/Accessibility.tsx b/src/features/profile/pages/Accessibility/Accessibility.tsx
@@ -42,7 +42,7 @@ const sections = [
 
 export function Accessibility() {
   return (
-    <SecondaryPageWithBlurHeader title="Accessibilité">
+    <SecondaryPageWithBlurHeader title="Accessibilité" noMaxWidth>
       <AccessibleUnorderedList items={sections} Separator={<Separator.Horizontal />} />
     </SecondaryPageWithBlurHeader>
   )

diff --git a/src/features/profile/pages/Accessibility/AccessibilityActionPlan.tsx b/src/features/profile/pages/Accessibility/AccessibilityActionPlan.tsx
@@ -18,7 +18,7 @@ import { getHeadingAttrs } from 'ui/theme/typographyAttrs/getHeadingAttrs'
 
 export function AccessibilityActionPlan() {
   return (
-    <SecondaryPageWithBlurHeader title="Schéma pluriannuel" scrollable>
+    <SecondaryPageWithBlurHeader title="Schéma pluriannuel" noMaxWidth>
       <TypoDS.BodyItalic>Schéma pluriannuel d’accessibilité 2022 - 2024</TypoDS.BodyItalic>
       <Spacer.Column numberOfSpaces={6} />
       <TypoDS.Body>

diff --git a/src/features/profile/pages/Accessibility/AccessibilityDeclaration.tsx b/src/features/profile/pages/Accessibility/AccessibilityDeclaration.tsx
@@ -2,7 +2,6 @@ import React from 'react'
 import styled from 'styled-components/native'
 
 import { contactSupport } from 'features/auth/helpers/contactSupport'
-import { RootNavigateParams } from 'features/navigation/RootNavigator/types'
 import { WEBAPP_V2_URL } from 'libs/environment'
 import { BulletListItem } from 'ui/components/BulletListItem'
 import { ButtonInsideText } from 'ui/components/buttons/buttonInsideText/ButtonInsideText'
@@ -18,10 +17,6 @@ import { getSpacing, Spacer, TypoDS } from 'ui/theme'
 import { DOUBLE_LINE_BREAK } from 'ui/theme/constants'
 import { getHeadingAttrs } from 'ui/theme/typographyAttrs/getHeadingAttrs'
 
-const actionPlanScreen: { screen: RootNavigateParams[0] } = {
-  screen: 'AccessibilityActionPlan',
-}
-
 const webappUrl = { url: WEBAPP_V2_URL }
 const homeUrl = { url: `${WEBAPP_V2_URL}/accueil` }
 const signupUrl = { url: `${WEBAPP_V2_URL}/creation-compte` }
@@ -40,7 +35,7 @@ const rightsDelegateUrl = { url: 'https://www.defenseurdesdroits.fr/saisir/deleg
 
 export function AccessibilityDeclaration() {
   return (
-    <SecondaryPageWithBlurHeader title="Déclaration d’accessibilité">
+    <SecondaryPageWithBlurHeader title="Déclaration d’accessibilité" noMaxWidth>
       <TypoDS.Body>
         Le pass Culture s’engage à rendre son site internet accessible conformément à l’article 47
         de la loi n° 2005-102 du 11 février 2005. À cette fin, il met en œuvre la stratégie et les
@@ -53,9 +48,9 @@ export function AccessibilityDeclaration() {
             <InternalTouchableLink
               as={ButtonInsideText}
               typography="BodyAccentXs"
-              wording="Schéma pluriannuel d’accessibilité 2022 - 2024"
+              wording="Schéma pluriannuel d’accessibilité 2022 - 2025"
               icon={PlainArrowNext}
-              navigateTo={actionPlanScreen}
+              navigateTo={{ screen: 'AccessibilityActionPlan' }}
             />
           </TypoDS.BodyXs>
         </BulletListItem>
@@ -64,9 +59,9 @@ export function AccessibilityDeclaration() {
             <InternalTouchableLink
               as={ButtonInsideText}
               typography="BodyAccentXs"
-              wording="Actions réalisées en 2022 et 2023"
+              wording="Actions réalisées depuis 2022"
               icon={PlainArrowNext}
-              navigateTo={actionPlanScreen}
+              navigateTo={{ screen: 'AccessibilityActionPlan' }}
             />
           </TypoDS.BodyXs>
         </BulletListItem>
@@ -77,7 +72,7 @@ export function AccessibilityDeclaration() {
               typography="BodyAccentXs"
               wording="Plan d’actions 2024"
               icon={PlainArrowNext}
-              navigateTo={actionPlanScreen}
+              navigateTo={{ screen: 'AccessibilityActionPlan' }}
             />
           </TypoDS.BodyXs>
         </BulletListItem>

diff --git a/src/features/profile/pages/Accessibility/AccessibilityEngagement.tsx b/src/features/profile/pages/Accessibility/AccessibilityEngagement.tsx
@@ -13,7 +13,7 @@ import { getHeadingAttrs } from 'ui/theme/typographyAttrs/getHeadingAttrs'
 
 export function AccessibilityEngagement() {
   return (
-    <SecondaryPageWithBlurHeader title="Les engagements du pass Culture" scrollable>
+    <SecondaryPageWithBlurHeader title="Les engagements du pass Culture" noMaxWidth>
       <TypoDS.BodyItalic>Date de publication&nbsp;: 19 mai 2022</TypoDS.BodyItalic>
       <Spacer.Column numberOfSpaces={6} />
       <TypoDS.Body>

diff --git a/src/features/profile/pages/Accessibility/RecommendedPaths.tsx b/src/features/profile/pages/Accessibility/RecommendedPaths.tsx
@@ -11,7 +11,7 @@ import { DOUBLE_LINE_BREAK, LINE_BREAK } from 'ui/theme/constants'
 
 export function RecommendedPaths() {
   return (
-    <SecondaryPageWithBlurHeader title="Parcours recommandés" scrollable>
+    <SecondaryPageWithBlurHeader title="Parcours recommandés" noMaxWidth>
       <TypoDS.Body>
         En complément de la mise en conformité du pass Culture au regard des critères du RGAA qui
         reste partielle, les équipes du pass Culture se sont attachées à travailler des parcours
-Original file line number
+Diff line change
@@ Expand Up / @@ -167,6 +167,7 @@ exports[`<Achievements/> should match snapshot 1`] = ` @@
             "width": "100%",
           }
         }
+        noMaxWidth={false}
         scrollEnabled={true}
         style={
           [
@@ Expand Down @@