@pi-spi/app 1.5.1 → 1.6.0

package/lib/module/modules/profile/presentation/pages/parametre/profile_parametre_page_notifications_son.js

@@ -2,7 +2,7 @@
 
 import { MaterialIcons } from '@expo/vector-icons';
 import { useState } from 'react';
-import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Images } from "../../../../../core/assets.js";
 import { useBloc } from "../../../../../core/bloc_react.js";
@@ -11,11 +11,12 @@ import { SoundManager } from "../../../../../core/sounds.js";
 import { useTheme } from "../../../../../core/theme.js";
 import { useAppLocalizations } from "../../../../../l10n/localizations.js";
 import { TextButton } from "../../../../../shared/material/buttons.js";
-import { Card } from "../../../../../shared/material/card.js";
+import { AppBar } from "../../../../../shared/material/scaffold.js";
 import { ConfigBloc } from "../../../../config/adapters/ui/bloc/config_bloc.js";
 import { ConfigChangeEvent } from "../../../../config/adapters/ui/bloc/config_event.js";
 import { ConfigKey } from "../../../../config/domain/models/config_keys.js";
-import { SettingToggle } from "./settings_widgets.js";
+import { ProfileMenuTile, ProfilePageMenu } from "../profile_menu.js";
+import { SwitchThemed } from "./settings_widgets.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NONE = 'NONE';
 
@@ -41,55 +42,53 @@ export function ProfileParametrePageNotificationsSon() {
       AppRouter.pop(router);
     }
   };
+  const basculer = () => setSelectedSound(enabled ? NONE : SoundManager.liste[0]?.path ?? null);
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.flex, {
       paddingBottom: insets.bottom
     }],
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.bar,
-      children: [/*#__PURE__*/_jsx(Pressable, {
-        accessibilityRole: "button",
-        hitSlop: 12,
-        style: styles.back,
-        onPress: () => AppRouter.pop(router),
-        children: /*#__PURE__*/_jsx(MaterialIcons, {
-          name: "arrow-back",
-          size: 24,
-          color: theme.colorScheme.onSurface
-        })
-      }), /*#__PURE__*/_jsx(View, {
+    children: [/*#__PURE__*/_jsx(AppBar, {
+      backgroundColor: "transparent",
+      onBack: () => AppRouter.pop(router),
+      title: /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: theme.textTheme.headlineMedium,
+        children: traductions.appSettingPageMenuNotificationSonPageTitle
+      }),
+      actions: /*#__PURE__*/_jsx(View, {
         style: styles.save,
         children: /*#__PURE__*/_jsx(TextButton, {
           onPress: save,
           children: traductions.btnTextSave
         })
-      })]
+      })
     }), /*#__PURE__*/_jsxs(ScrollView, {
       style: styles.flex,
       contentContainerStyle: styles.content,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: theme.textTheme.headlineMedium,
-        children: traductions.appSettingPageMenuNotificationSonPageTitle
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.gap20
-      }), /*#__PURE__*/_jsx(SettingToggle, {
-        icon: Images.iconsCloche,
-        title: traductions.notificationPageTitle,
-        value: enabled,
-        onChange: value => setSelectedSound(value ? SoundManager.liste[0]?.path ?? null : NONE)
+      children: [/*#__PURE__*/_jsx(ProfilePageMenu, {
+        items: [/*#__PURE__*/_jsx(ProfileMenuTile, {
+          image: Images.iconsCloche,
+          titre: traductions.notificationPageTitle,
+          onPress: basculer,
+          trailing: /*#__PURE__*/_jsx(SwitchThemed, {
+            value: enabled,
+            onChange: basculer
+          })
+        }, "son")]
       }), /*#__PURE__*/_jsx(View, {
-        style: styles.gap20
-      }), /*#__PURE__*/_jsx(Text, {
-        style: theme.textTheme.headlineMedium,
-        children: traductions.appSettingPageMenuNotificationSonTitle
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.gap10
-      }), /*#__PURE__*/_jsxs(Card, {
-        children: [/*#__PURE__*/_jsx(SoundRow, {
+        style: styles.gap24
+      }), /*#__PURE__*/_jsx(ProfilePageMenu, {
+        titre: traductions.appSettingPageMenuNotificationSonTitle,
+        items: [
+        /*#__PURE__*/
+        // Aucun
+        _jsx(SoundRow, {
+          icone: "music-off",
           label: traductions.appSettingPageMenuNotificationStyleNone,
           checked: selectedSound === NONE,
           onPress: () => setSelectedSound(NONE)
-        }), SoundManager.liste.map(sound => /*#__PURE__*/_jsx(SoundRow, {
+        }, NONE), ...SoundManager.liste.map(sound => /*#__PURE__*/_jsx(SoundRow, {
+          icone: "music-note",
           label: sound.name,
           checked: selectedSound === sound.path,
           onPress: () => {
@@ -103,63 +102,47 @@ export function ProfileParametrePageNotificationsSon() {
     })]
   });
 }
+
+/** Son de la liste, coché quand il est choisi */
 function SoundRow({
+  icone,
   label,
   checked,
   onPress
 }) {
   const theme = useTheme();
-  return /*#__PURE__*/_jsxs(Pressable, {
-    accessibilityRole: "radio",
-    accessibilityState: {
-      checked
-    },
+  return /*#__PURE__*/_jsx(ProfileMenuTile, {
+    icone: icone,
+    titre: label,
     onPress: onPress,
-    style: ({
-      pressed
-    }) => [styles.row, pressed ? {
-      backgroundColor: theme.colorScheme.secondary
-    } : null],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [theme.textTheme.bodyLarge, styles.flex],
-      children: label
-    }), checked && /*#__PURE__*/_jsx(MaterialIcons, {
-      name: "check",
-      size: 18,
-      color: theme.colorScheme.onSurface
-    })]
+    trailing: checked ? /*#__PURE__*/_jsx(MaterialIcons, {
+      name: "check-circle",
+      size: 22,
+      color: theme.colorScheme.primary
+    }) : /*#__PURE__*/_jsx(View, {
+      style: styles.vide
+    })
   });
 }
 const styles = StyleSheet.create({
   flex: {
     flex: 1
   },
-  bar: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  },
-  back: {
-    padding: 12
-  },
   save: {
     paddingRight: 12
   },
   content: {
-    paddingTop: 12,
-    paddingHorizontal: 12
+    paddingTop: 8,
+    paddingHorizontal: 20
   },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 16,
-    minHeight: 52
-  },
-  gap10: {
-    height: 10
+  vide: {
+    width: 22
   },
   gap20: {
     height: 20
+  },
+  gap24: {
+    height: 24
   }
 });
 //# sourceMappingURL=profile_parametre_page_notifications_son.js.map

package/lib/module/modules/profile/presentation/pages/parametre/profile_parametre_page_notifications_son.js.map

@@ -1 +1 @@
-{"version":3,"names":["MaterialIcons","useState","Pressable","ScrollView","StyleSheet","Text","View","useSafeAreaInsets","Images","useBloc","AppRouter","useAppRouter","SoundManager","useTheme","useAppLocalizations","TextButton","Card","ConfigBloc","ConfigChangeEvent","ConfigKey","SettingToggle","jsx","_jsx","jsxs","_jsxs","NONE","ProfileParametrePageNotificationsSon","traductions","theme","router","insets","configBloc","selectedSound","setSelectedSound","state","configParams","params","notificationAlertSound","enabled","save","add","pop","style","styles","flex","paddingBottom","bottom","children","bar","accessibilityRole","hitSlop","back","onPress","name","size","color","colorScheme","onSurface","btnTextSave","contentContainerStyle","content","textTheme","headlineMedium","appSettingPageMenuNotificationSonPageTitle","gap20","icon","iconsCloche","title","notificationPageTitle","value","onChange","liste","path","appSettingPageMenuNotificationSonTitle","gap10","SoundRow","label","appSettingPageMenuNotificationStyleNone","checked","map","sound","playSound","accessibilityState","pressed","row","backgroundColor","secondary","bodyLarge","create","flexDirection","alignItems","justifyContent","padding","paddingRight","paddingTop","paddingHorizontal","minHeight","height"],"sourceRoot":"../../../../../../../src","sources":["modules/profile/presentation/pages/parametre/profile_parametre_page_notifications_son.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["MaterialIcons","useState","ScrollView","StyleSheet","Text","View","useSafeAreaInsets","Images","useBloc","AppRouter","useAppRouter","SoundManager","useTheme","useAppLocalizations","TextButton","AppBar","ConfigBloc","ConfigChangeEvent","ConfigKey","ProfileMenuTile","ProfilePageMenu","SwitchThemed","jsx","_jsx","jsxs","_jsxs","NONE","ProfileParametrePageNotificationsSon","traductions","theme","router","insets","configBloc","selectedSound","setSelectedSound","state","configParams","params","notificationAlertSound","enabled","save","add","pop","basculer","liste","path","style","styles","flex","paddingBottom","bottom","children","backgroundColor","onBack","title","numberOfLines","textTheme","headlineMedium","appSettingPageMenuNotificationSonPageTitle","actions","onPress","btnTextSave","contentContainerStyle","content","items","image","iconsCloche","titre","notificationPageTitle","trailing","value","onChange","gap24","appSettingPageMenuNotificationSonTitle","SoundRow","icone","label","appSettingPageMenuNotificationStyleNone","checked","map","sound","name","playSound","gap20","size","color","colorScheme","primary","vide","create","paddingRight","paddingTop","paddingHorizontal","width","height"],"sourceRoot":"../../../../../../../src","sources":["modules/profile/presentation/pages/parametre/profile_parametre_page_notifications_son.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/profile/presentation/pages/parametre/profile_parametre_page_qrcode.js

@@ -1,70 +1,56 @@
 "use strict";
 
-import { ScrollView, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { StyleSheet, Text, View } from 'react-native';
 import { Images } from "../../../../../core/assets.js";
 import { useBloc, useBlocBuilder } from "../../../../../core/bloc_react.js";
-import { useTheme } from "../../../../../core/theme.js";
+import { Themer, useTheme } from "../../../../../core/theme.js";
 import { useAppLocalizations } from "../../../../../l10n/localizations.js";
+import { SbSelectionSheet } from "../../../../../shared/widgets/selection.js";
 import { ConfigBloc } from "../../../../config/adapters/ui/bloc/config_bloc.js";
 import { ConfigChangeEvent } from "../../../../config/adapters/ui/bloc/config_event.js";
 import { ConfigLoadedState } from "../../../../config/adapters/ui/bloc/config_state.js";
 import { ConfigKey } from "../../../../config/domain/models/config_keys.js";
-import { SettingToggle } from "./settings_widgets.js";
+import { ProfileMenuTile, ProfilePageMenu } from "../profile_menu.js";
+import { SwitchThemed } from "./settings_widgets.js";
 
 /** Feuille « Mon QR code » : afficher ou non le QR code de l'alias sur l'accueil. */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function ProfileParametrePageQRcode() {
   const traductions = useAppLocalizations();
   const theme = useTheme();
-  const insets = useSafeAreaInsets();
-  const {
-    height
-  } = useWindowDimensions();
   const configBloc = useBloc(ConfigBloc);
   const state = useBlocBuilder(configBloc, (_p, current) => current instanceof ConfigLoadedState && current.updatedKey === ConfigKey.showQRcode);
   const showQRcode = state.configParams.params[ConfigKey.showQRcode] !== '0';
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.box, {
-      backgroundColor: theme.colorScheme.surface,
-      maxHeight: height * 0.5
-    }],
-    children: /*#__PURE__*/_jsxs(ScrollView, {
-      contentContainerStyle: [styles.content, {
-        paddingBottom: 20 + insets.bottom
+  const basculer = () => configBloc.add(new ConfigChangeEvent(ConfigKey.showQRcode, showQRcode ? '0' : '1'));
+  return /*#__PURE__*/_jsx(SbSelectionSheet, {
+    titre: traductions.appSettingPageMenuQrCodeTitle,
+    entete: /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.displaySmall, {
+        color: Themer.neural03Color
       }],
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: theme.textTheme.headlineLarge,
-        children: traductions.appSettingPageMenuQrCodeTitle
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.gap8
-      }), /*#__PURE__*/_jsx(Text, {
-        style: theme.textTheme.displaySmall,
-        children: showQRcode ? traductions.appSettingPageMenuQrCodeDeselectTitle : traductions.appSettingPageMenuQrCodeSelectTitle
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.gap15
-      }), /*#__PURE__*/_jsx(SettingToggle, {
-        icon: Images.homeFooterQrcode,
-        title: traductions.appSettingPageMenuQrCodeTitle,
-        value: showQRcode,
-        onChange: () => configBloc.add(new ConfigChangeEvent(ConfigKey.showQRcode, showQRcode ? '0' : '1'))
-      })]
+      children: showQRcode ? traductions.appSettingPageMenuQrCodeDeselectTitle : traductions.appSettingPageMenuQrCodeSelectTitle
+    }),
+    contenu: /*#__PURE__*/_jsx(View, {
+      style: styles.contenu,
+      children: /*#__PURE__*/_jsx(ProfilePageMenu, {
+        items: [/*#__PURE__*/_jsx(ProfileMenuTile, {
+          image: Images.homeFooterQrcode,
+          titre: traductions.appSettingPageMenuQrCodeTitle,
+          onPress: basculer,
+          trailing: /*#__PURE__*/_jsx(SwitchThemed, {
+            value: showQRcode,
+            onChange: basculer
+          })
+        }, "qrcode")]
+      })
     })
   });
 }
 const styles = StyleSheet.create({
-  box: {
-    borderRadius: 20,
-    overflow: 'hidden'
-  },
-  content: {
-    padding: 20
-  },
-  gap8: {
-    height: 8
-  },
-  gap15: {
-    height: 15
+  contenu: {
+    paddingHorizontal: 20,
+    paddingTop: 8,
+    paddingBottom: 20
   }
 });
 //# sourceMappingURL=profile_parametre_page_qrcode.js.map

package/lib/module/modules/profile/presentation/pages/parametre/profile_parametre_page_qrcode.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScrollView","StyleSheet","Text","useWindowDimensions","View","useSafeAreaInsets","Images","useBloc","useBlocBuilder","useTheme","useAppLocalizations","ConfigBloc","ConfigChangeEvent","ConfigLoadedState","ConfigKey","SettingToggle","jsx","_jsx","jsxs","_jsxs","ProfileParametrePageQRcode","traductions","theme","insets","height","configBloc","state","_p","current","updatedKey","showQRcode","configParams","params","style","styles","box","backgroundColor","colorScheme","surface","maxHeight","children","contentContainerStyle","content","paddingBottom","bottom","textTheme","headlineLarge","appSettingPageMenuQrCodeTitle","gap8","displaySmall","appSettingPageMenuQrCodeDeselectTitle","appSettingPageMenuQrCodeSelectTitle","gap15","icon","homeFooterQrcode","title","value","onChange","add","create","borderRadius","overflow","padding"],"sourceRoot":"../../../../../../../src","sources":["modules/profile/presentation/pages/parametre/profile_parametre_page_qrcode.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Text","View","Images","useBloc","useBlocBuilder","Themer","useTheme","useAppLocalizations","SbSelectionSheet","ConfigBloc","ConfigChangeEvent","ConfigLoadedState","ConfigKey","ProfileMenuTile","ProfilePageMenu","SwitchThemed","jsx","_jsx","ProfileParametrePageQRcode","traductions","theme","configBloc","state","_p","current","updatedKey","showQRcode","configParams","params","basculer","add","titre","appSettingPageMenuQrCodeTitle","entete","style","textTheme","displaySmall","color","neural03Color","children","appSettingPageMenuQrCodeDeselectTitle","appSettingPageMenuQrCodeSelectTitle","contenu","styles","items","image","homeFooterQrcode","onPress","trailing","value","onChange","create","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../../../../../../src","sources":["modules/profile/presentation/pages/parametre/profile_parametre_page_qrcode.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,MAAM,QAAQ,+BAA4B;AACnD,SAASC,OAAO,EAAEC,cAAc,QAAQ,mCAAgC;AACxE,SAASC,MAAM,EAAEC,QAAQ,QAAQ,8BAA2B;AAC5D,SAASC,mBAAmB,QAAQ,sCAAmC;AACvE,SAASC,gBAAgB,QAAQ,4CAAyC;AAC1E,SAASC,UAAU,QAAQ,oDAAiD;AAC5E,SAASC,iBAAiB,QAAQ,qDAAkD;AACpF,SAASC,iBAAiB,QAAQ,qDAAkD;AACpF,SAASC,SAAS,QAAQ,iDAA8C;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,oBAAiB;AAClE,SAASC,YAAY,QAAQ,uBAAoB;;AAEjD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,SAASC,0BAA0BA,CAAA,EAAG;EAC3C,MAAMC,WAAW,GAAGZ,mBAAmB,CAAC,CAAC;EACzC,MAAMa,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,UAAU,GAAGlB,OAAO,CAACM,UAAU,CAAC;EACtC,MAAMa,KAAK,GAAGlB,cAAc,CAC1BiB,UAAU,EACV,CAACE,EAAE,EAAEC,OAAO,KAAKA,OAAO,YAAYb,iBAAiB,IAAIa,OAAO,CAACC,UAAU,KAAKb,SAAS,CAACc,UAC5F,CAAC;EACD,MAAMA,UAAU,GAAGJ,KAAK,CAACK,YAAY,CAACC,MAAM,CAAChB,SAAS,CAACc,UAAU,CAAC,KAAK,GAAG;EAC1E,MAAMG,QAAQ,GAAGA,CAAA,KAAMR,UAAU,CAACS,GAAG,CAAC,IAAIpB,iBAAiB,CAACE,SAAS,CAACc,UAAU,EAAEA,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;EAE1G,oBACET,IAAA,CAACT,gBAAgB;IACfuB,KAAK,EAAEZ,WAAW,CAACa,6BAA8B;IACjDC,MAAM,eACJhB,IAAA,CAACjB,IAAI;MAACkC,KAAK,EAAE,CAACd,KAAK,CAACe,SAAS,CAACC,YAAY,EAAE;QAAEC,KAAK,EAAEhC,MAAM,CAACiC;MAAc,CAAC,CAAE;MAAAC,QAAA,EAC1Eb,UAAU,GAAGP,WAAW,CAACqB,qCAAqC,GAAGrB,WAAW,CAACsB;IAAmC,CAC7G,CACP;IACDC,OAAO,eACLzB,IAAA,CAAChB,IAAI;MAACiC,KAAK,EAAES,MAAM,CAACD,OAAQ;MAAAH,QAAA,eAC1BtB,IAAA,CAACH,eAAe;QACd8B,KAAK,EAAE,cACL3B,IAAA,CAACJ,eAAe;UAEdgC,KAAK,EAAE3C,MAAM,CAAC4C,gBAAiB;UAC/Bf,KAAK,EAAEZ,WAAW,CAACa,6BAA8B;UACjDe,OAAO,EAAElB,QAAS;UAClBmB,QAAQ,eAAE/B,IAAA,CAACF,YAAY;YAACkC,KAAK,EAAEvB,UAAW;YAACwB,QAAQ,EAAErB;UAAS,CAAE;QAAE,GAJ9D,QAKL,CAAC;MACF,CACH;IAAC,CACE;EACP,CACF,CAAC;AAEN;AAEA,MAAMc,MAAM,GAAG5C,UAAU,CAACoD,MAAM,CAAC;EAC/BT,OAAO,EAAE;IAAEU,iBAAiB,EAAE,EAAE;IAAEC,UAAU,EAAE,CAAC;IAAEC,aAAa,EAAE;EAAG;AACrE,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/profile/presentation/pages/parametre/profile_parametre_page_theme.js

@@ -1,21 +1,23 @@
 "use strict";
 
+import { MaterialIcons } from '@expo/vector-icons';
 import { Image } from 'expo-image';
+import { useState } from 'react';
 import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
 import { Images } from "../../../../../core/assets.js";
 import { useBloc, useBlocBuilder } from "../../../../../core/bloc_react.js";
-import { AppRouter, useAppRouter } from "../../../../../core/router.js";
 import { Themer, Themes, useTheme } from "../../../../../core/theme.js";
 import { useAppLocalizations } from "../../../../../l10n/localizations.js";
 import { Card } from "../../../../../shared/material/card.js";
-import { AppBar, Scaffold } from "../../../../../shared/material/scaffold.js";
+import { Scaffold } from "../../../../../shared/material/scaffold.js";
 import { MyPageContainer } from "../../../../../shared/widgets/my_page_container.js";
 import { ConfigBloc } from "../../../../config/adapters/ui/bloc/config_bloc.js";
 import { ConfigChangeEvent } from "../../../../config/adapters/ui/bloc/config_event.js";
 import { ConfigLoadedState } from "../../../../config/adapters/ui/bloc/config_state.js";
 import { ConfigKey } from "../../../../config/domain/models/config_keys.js";
-import { CheckedDot } from "./settings_widgets.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ProfileAppBar } from "../profile_app_bar.js";
+import { ProfileSectionTitre } from "../profile_menu.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function themeIcon(theme) {
   switch (theme) {
     case Themes.light:
@@ -47,47 +49,48 @@ function themeTitle(traductions, theme) {
 /** Choix du thème de l'application (route `profileParametreTheme`). */
 export function ProfileParametrePageTheme() {
   const traductions = useAppLocalizations();
-  const theme = useTheme();
-  const router = useAppRouter();
   const configBloc = useBloc(ConfigBloc);
   const state = useBlocBuilder(configBloc, (_p, current) => current instanceof ConfigLoadedState && current.updatedKey === ConfigKey.preferedTheme);
   const currentTheme = state.configParams.params[ConfigKey.preferedTheme];
+  const [largeurGrille, setLargeurGrille] = useState(0);
+  // Trois aperçus par ligne
+  // Arrondi vers le bas : sinon la troisième colonne peut passer à la ligne
+  const largeur = Math.floor((largeurGrille - 2 * ESPACE) / 3);
   return /*#__PURE__*/_jsx(Scaffold, {
-    appBar: /*#__PURE__*/_jsx(AppBar, {
-      onBack: () => AppRouter.pop(router)
+    appBar: /*#__PURE__*/_jsx(ProfileAppBar, {
+      titre: traductions.appSettingPageMenuThemePageTitle
     }),
     children: /*#__PURE__*/_jsx(MyPageContainer, {
       children: /*#__PURE__*/_jsxs(ScrollView, {
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: theme.textTheme.titleSmall,
-          children: traductions.appSettingPageMenuThemePageTitle
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.gap20
-        }), /*#__PURE__*/_jsx(Text, {
-          style: theme.textTheme.headlineMedium,
-          children: traductions.appSettingPageMenuThemeTitle
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.gap10
+        contentContainerStyle: styles.contenu,
+        children: [/*#__PURE__*/_jsx(ProfileSectionTitre, {
+          titre: traductions.appSettingPageMenuThemeTitle
         }), /*#__PURE__*/_jsx(Card, {
-          children: /*#__PURE__*/_jsxs(View, {
-            style: styles.wrap,
-            children: [Themer.customTheme != null && /*#__PURE__*/_jsx(ThemeOption, {
-              title: traductions.appSettingPageMenuThemeCustom,
-              selected: currentTheme === Themer.customThemeCode,
-              onSelect: () => configBloc.add(new ConfigChangeEvent(ConfigKey.preferedTheme, Themer.customThemeCode)),
-              preview: /*#__PURE__*/_jsx(CustomThemePreview, {
-                theme: Themer.customTheme
-              })
-            }), Themes.list().map(item => /*#__PURE__*/_jsx(ThemeOption, {
-              title: themeTitle(traductions, item),
-              selected: currentTheme === item,
-              onSelect: () => configBloc.add(new ConfigChangeEvent(ConfigKey.preferedTheme, item)),
-              preview: /*#__PURE__*/_jsx(Image, {
-                source: themeIcon(item),
-                style: styles.flex,
-                contentFit: "cover"
-              })
-            }, item))]
+          style: styles.card,
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.grille,
+            onLayout: e => setLargeurGrille(e.nativeEvent.layout.width - 2 * 14),
+            children: largeurGrille > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [Themer.customTheme != null && /*#__PURE__*/_jsx(ThemeOption, {
+                largeur: largeur,
+                title: traductions.appSettingPageMenuThemeCustom,
+                selected: currentTheme === Themer.customThemeCode,
+                onSelect: () => configBloc.add(new ConfigChangeEvent(ConfigKey.preferedTheme, Themer.customThemeCode)),
+                preview: /*#__PURE__*/_jsx(CustomThemePreview, {
+                  theme: Themer.customTheme
+                })
+              }), Themes.list().map(item => /*#__PURE__*/_jsx(ThemeOption, {
+                largeur: largeur,
+                title: themeTitle(traductions, item),
+                selected: currentTheme === item,
+                onSelect: () => configBloc.add(new ConfigChangeEvent(ConfigKey.preferedTheme, item)),
+                preview: /*#__PURE__*/_jsx(Image, {
+                  source: themeIcon(item),
+                  style: styles.flex,
+                  contentFit: "cover"
+                })
+              }, item))]
+            })
           })
         })]
       })
@@ -95,8 +98,9 @@ export function ProfileParametrePageTheme() {
   });
 }
 
-/** Une option de thème : aperçu, nom et pastille de sélection */
+/** Une option de thème : aperçu, entouré et coché quand il est choisi, puis son nom */
 function ThemeOption({
+  largeur,
   title,
   selected,
   onSelect,
@@ -105,25 +109,41 @@ function ThemeOption({
   const theme = useTheme();
   return /*#__PURE__*/_jsxs(Pressable, {
     accessibilityRole: "button",
+    accessibilityState: {
+      selected
+    },
     disabled: selected,
     onPress: onSelect,
-    style: styles.item,
+    style: [styles.item, {
+      width: largeur
+    }],
     children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.preview, {
-        backgroundColor: theme.colorScheme.surface
+      style: [styles.cadre, {
+        borderColor: selected ? theme.colorScheme.primary : 'transparent'
       }],
-      children: preview
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.gap5
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.apercu, {
+          backgroundColor: theme.colorScheme.surface
+        }],
+        children: preview
+      })
+    }), selected && /*#__PURE__*/_jsx(View, {
+      style: [styles.coche, {
+        backgroundColor: theme.colorScheme.primary,
+        borderColor: theme.colorScheme.surface
+      }],
+      children: /*#__PURE__*/_jsx(MaterialIcons, {
+        name: "check",
+        size: 14,
+        color: theme.colorScheme.onPrimary
+      })
     }), /*#__PURE__*/_jsx(Text, {
-      style: theme.textTheme.displayMedium,
+      style: [theme.textTheme.displayMedium, styles.libelle, {
+        fontWeight: selected ? '700' : '500'
+      }, selected ? null : {
+        color: Themer.neural03Color
+      }],
       children: title
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.gap5
-    }), /*#__PURE__*/_jsx(CheckedDot, {
-      value: selected
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.gap20
     })]
   });
 }
@@ -182,6 +202,7 @@ function CustomThemePreview({
     }, i))]
   });
 }
+const ESPACE = 12;
 const styles = StyleSheet.create({
   flex: {
     flex: 1
@@ -232,31 +253,46 @@ const styles = StyleSheet.create({
   gap14: {
     height: 14
   },
-  wrap: {
-    padding: 20,
+  contenu: {
+    paddingTop: 8,
+    paddingBottom: 16
+  },
+  card: {
+    margin: 0
+  },
+  grille: {
+    padding: 14,
     flexDirection: 'row',
     flexWrap: 'wrap',
-    justifyContent: 'space-between',
-    columnGap: 10,
-    rowGap: 10
+    columnGap: ESPACE,
+    rowGap: 16
   },
   item: {
     alignItems: 'center'
   },
-  preview: {
-    width: 120,
-    height: 200,
-    borderRadius: 8,
-    overflow: 'hidden'
+  cadre: {
+    alignSelf: 'stretch',
+    padding: 3,
+    borderWidth: 2,
+    borderRadius: 14
   },
-  gap5: {
-    height: 5
+  apercu: {
+    width: '100%',
+    aspectRatio: 0.6,
+    borderRadius: 10,
+    overflow: 'hidden'
   },
-  gap10: {
-    height: 10
+  coche: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    borderRadius: 12,
+    borderWidth: 2,
+    padding: 1
   },
-  gap20: {
-    height: 20
+  libelle: {
+    marginTop: 8,
+    textAlign: 'center'
   }
 });
 //# sourceMappingURL=profile_parametre_page_theme.js.map