@pi-spi/app 2.0.0 → 2.2.0

package/lib/module/shared/widgets/select_date_widget.js

@@ -1,57 +1,78 @@
 "use strict";
 
+import { MaterialIcons } from '@expo/vector-icons';
 import { useState } from 'react';
-import { ScrollView, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
 import { AppRouter, useAppRouter } from "../../core/router.js";
 import { Themer, useTheme } from "../../core/theme.js";
 import { useAppLocalizations } from "../../l10n/localizations.js";
 import { ElevatedButton } from "../material/buttons.js";
 import { showModalBottomSheet } from "../material/overlays.js";
+import { withAlpha } from "../utils/color.js";
 import { DateFormat } from "../utils/date_format.js";
 import { CalendarDatePicker } from "./calendar_date_picker.js";
+import { SelectionBoutons, SelectionSheet } from "./selection.js";
 
-/** Feuille avec un calendrier : titre, calendrier, plage choisie, « Valider ». */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Feuille avec un calendrier : poignée, titre, sous-titre, calendrier, date
+ * ou plage choisie ([resume]) puis « Valider » fixé en bas.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function DateSheet({
   title,
   subTitle,
   children,
-  footer
+  resume
 }) {
   const theme = useTheme();
   const router = useAppRouter();
   const traductions = useAppLocalizations();
-  const insets = useSafeAreaInsets();
-  const {
-    height
-  } = useWindowDimensions();
+  return /*#__PURE__*/_jsx(SelectionSheet, {
+    titre: title,
+    hauteurMax: 0.85,
+    entete: subTitle != null ? /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.displaySmall, {
+        color: Themer.neural03Color
+      }],
+      children: subTitle
+    }) : undefined,
+    contenu: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(ScrollView, {
+        bounces: false,
+        style: styles.flexShrink,
+        contentContainerStyle: styles.content,
+        children: [children, resume != null && /*#__PURE__*/_jsx(SelectDateResume, {
+          texte: resume
+        })]
+      }), /*#__PURE__*/_jsx(SelectionBoutons, {
+        boutons: [/*#__PURE__*/_jsx(ElevatedButton, {
+          onPress: () => AppRouter.pop(router),
+          children: traductions.popupSelectDateBtnValider
+        }, "valider")]
+      })]
+    })
+  });
+}
+
+/** Date ou plage choisie, mise en évidence sous le calendrier. */
+export function SelectDateResume({
+  texte
+}) {
+  const theme = useTheme();
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.sheet, {
-      backgroundColor: theme.colorScheme.surface,
-      maxHeight: height * 0.65,
-      paddingBottom: insets.bottom
+    style: [styles.resume, {
+      backgroundColor: withAlpha(Themer.successColor, 0.08),
+      borderColor: withAlpha(Themer.successColor, 0.25)
     }],
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.title,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: theme.textTheme.headlineMedium,
-        children: title
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.gap12
-      }), subTitle != null && /*#__PURE__*/_jsx(Text, {
-        style: theme.textTheme.displayMedium,
-        children: subTitle
-      })]
-    }), /*#__PURE__*/_jsx(ScrollView, {
-      style: styles.flexShrink,
-      children: children
-    }), footer, /*#__PURE__*/_jsx(View, {
-      style: styles.button,
-      children: /*#__PURE__*/_jsx(ElevatedButton, {
-        onPress: () => AppRouter.pop(router),
-        children: traductions.popupSelectDateBtnValider
-      })
+    children: [/*#__PURE__*/_jsx(MaterialIcons, {
+      name: "event-available",
+      size: 20,
+      color: Themer.successColor
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.displayLarge, styles.resumeTexte, {
+        color: Themer.successColor
+      }],
+      children: texte
     })]
   });
 }
@@ -60,7 +81,6 @@ function DateSheet({
 export async function showSelectDate(router, options) {
   let date = null;
   await showModalBottomSheet(router, {
-    themed: true,
     builder: () => /*#__PURE__*/_jsx(SelectDate, {
       ...options,
       onSelect: d => date = d
@@ -76,10 +96,12 @@ function SelectDate({
   lastDate,
   onSelect
 }) {
-  const [value, setValue] = useState(null);
+  const traductions = useAppLocalizations();
+  const [value, setValue] = useState(selected ?? null);
   return /*#__PURE__*/_jsx(DateSheet, {
     title: title,
     subTitle: subTitle,
+    resume: value != null ? new DateFormat('EEEE d MMMM yyyy', traductions.localeName).format(value) : null,
     children: /*#__PURE__*/_jsx(CalendarDatePicker, {
       type: "single",
       value: [value],
@@ -106,7 +128,6 @@ export function plageText(traductions, formatter, dateDebut, dateFin) {
 export async function showSelectDateRange(router, options) {
   let dates = [];
   await showModalBottomSheet(router, {
-    themed: true,
     builder: () => /*#__PURE__*/_jsx(SelectDateRange, {
       ...options,
       onSelect: d => dates = d
@@ -127,12 +148,7 @@ function SelectDateRange({
   const formatter = new DateFormat('d MMMM yyyy', traductions.localeName);
   return /*#__PURE__*/_jsx(DateSheet, {
     title: title,
-    footer: dateDebut != null ? /*#__PURE__*/_jsx(Text, {
-      style: [styles.plage, {
-        color: Themer.successColor
-      }],
-      children: plageText(traductions, formatter, dateDebut, dateFin)
-    }) : null,
+    resume: dateDebut != null ? plageText(traductions, formatter, dateDebut, dateFin) : null,
     children: /*#__PURE__*/_jsx(CalendarDatePicker, {
       type: "range",
       value: [dateDebut, dateFin],
@@ -146,28 +162,27 @@ function SelectDateRange({
   });
 }
 const styles = StyleSheet.create({
-  sheet: {
-    borderRadius: 20,
-    overflow: 'hidden'
-  },
-  title: {
-    paddingHorizontal: 20,
-    paddingTop: 30,
-    paddingBottom: 15
-  },
   flexShrink: {
     flexShrink: 1
   },
-  gap12: {
-    height: 12
+  content: {
+    paddingHorizontal: 4,
+    paddingBottom: 16
   },
-  plage: {
-    textAlign: 'center',
-    paddingHorizontal: 20
+  resume: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginHorizontal: 20,
+    marginTop: 4,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    borderRadius: 14,
+    borderWidth: 1
   },
-  button: {
-    paddingHorizontal: 20,
-    paddingVertical: 10
+  resumeTexte: {
+    flex: 1,
+    marginLeft: 10,
+    fontWeight: '600'
   }
 });
 //# sourceMappingURL=select_date_widget.js.map

package/lib/module/shared/widgets/select_date_widget.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","ScrollView","StyleSheet","Text","useWindowDimensions","View","useSafeAreaInsets","AppRouter","useAppRouter","Themer","useTheme","useAppLocalizations","ElevatedButton","showModalBottomSheet","DateFormat","CalendarDatePicker","jsx","_jsx","jsxs","_jsxs","DateSheet","title","subTitle","children","footer","theme","router","traductions","insets","height","style","styles","sheet","backgroundColor","colorScheme","surface","maxHeight","paddingBottom","bottom","textTheme","headlineMedium","gap12","displayMedium","flexShrink","button","onPress","pop","popupSelectDateBtnValider","showSelectDate","options","date","themed","builder","SelectDate","onSelect","d","selected","firstDate","lastDate","value","setValue","type","currentDate","Date","onValueChanged","dates","plageText","formatter","dateDebut","dateFin","transactionFormScheduleDateRange","format","transactionFormScheduleDateSelected","showSelectDateRange","SelectDateRange","initialDebut","initialFin","setDateDebut","setDateFin","localeName","plage","color","successColor","create","borderRadius","overflow","paddingHorizontal","paddingTop","textAlign","paddingVertical"],"sourceRoot":"../../../../src","sources":["shared/widgets/select_date_widget.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["MaterialIcons","useState","ScrollView","StyleSheet","Text","View","AppRouter","useAppRouter","Themer","useTheme","useAppLocalizations","ElevatedButton","showModalBottomSheet","withAlpha","DateFormat","CalendarDatePicker","SelectionBoutons","SelectionSheet","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DateSheet","title","subTitle","children","resume","theme","router","traductions","titre","hauteurMax","entete","style","textTheme","displaySmall","color","neural03Color","undefined","contenu","bounces","styles","flexShrink","contentContainerStyle","content","SelectDateResume","texte","boutons","onPress","pop","popupSelectDateBtnValider","backgroundColor","successColor","borderColor","name","size","displayLarge","resumeTexte","showSelectDate","options","date","builder","SelectDate","onSelect","d","selected","firstDate","lastDate","value","setValue","localeName","format","type","currentDate","Date","onValueChanged","dates","plageText","formatter","dateDebut","dateFin","transactionFormScheduleDateRange","transactionFormScheduleDateSelected","showSelectDateRange","SelectDateRange","initialDebut","initialFin","setDateDebut","setDateFin","create","paddingHorizontal","paddingBottom","flexDirection","alignItems","marginHorizontal","marginTop","paddingVertical","borderRadius","borderWidth","flex","marginLeft","fontWeight"],"sourceRoot":"../../../../src","sources":["shared/widgets/select_date_widget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/widgets/selection.js

@@ -1,20 +1,97 @@
 "use strict";
 
 import { MaterialIcons } from '@expo/vector-icons';
-import { Pressable, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { Image } from 'expo-image';
+import { ActivityIndicator, Keyboard, Platform, Pressable, ScrollView, StyleSheet, Text, TextInput, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Themer, useTheme } from "../../core/theme.js";
+import { Card } from "../material/card.js";
 import { withAlpha } from "../utils/color.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Champ de formulaire qui ouvre une feuille de sélection ([onPress]) :
+ * [libelle] seul tant que rien n'est choisi, sinon [pastille], [libelle]
+ * en petit, [valeur] et éventuellement [detail] (code BIC…). Sans
+ * [onPress], le champ affiche une information en lecture seule (pas de
+ * flèche), avec [suffixe] facultatif à droite (ex. bouton d'action).
+ */
+export function SelectionChamp({
+  libelle,
+  valeur,
+  detail,
+  pastille,
+  onPress,
+  chargement = false,
+  actif = true,
+  suffixe
+}) {
+  const theme = useTheme();
+  const desactive = onPress == null || chargement || !actif;
+  return /*#__PURE__*/_jsx(Card, {
+    style: [styles.champCarte, !actif ? styles.inactif : null],
+    children: /*#__PURE__*/_jsxs(Pressable, {
+      accessibilityRole: "button",
+      disabled: desactive,
+      onPress: () => {
+        Keyboard.dismiss();
+        onPress?.();
+      },
+      style: ({
+        pressed
+      }) => [styles.champ, pressed ? {
+        backgroundColor: theme.colorScheme.secondary
+      } : null],
+      children: [valeur != null && pastille != null && /*#__PURE__*/_jsx(View, {
+        style: styles.marge12,
+        children: pastille
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.flex,
+        children: valeur == null ? /*#__PURE__*/_jsx(Text, {
+          style: theme.textTheme.bodySmall,
+          children: libelle
+        }) : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: theme.textTheme.displaySmall,
+            children: libelle
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap2
+          }), /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 1,
+            style: theme.textTheme.displayMedium,
+            children: valeur
+          }), detail != null && detail.length > 0 && /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 1,
+            style: [theme.textTheme.displaySmall, {
+              color: Themer.neural03Color
+            }],
+            children: detail
+          })]
+        })
+      }), suffixe != null ? suffixe : onPress != null && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.gap8w
+        }), chargement ? /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: theme.colorScheme.primary
+        }) : /*#__PURE__*/_jsx(MaterialIcons, {
+          name: "keyboard-arrow-down",
+          size: 24,
+          color: theme.colorScheme.primary
+        })]
+      })]
+    })
+  });
+}
 
 /**
  * Feuille de sélection : poignée, [titre], [entete] facultatif, puis le
  * [contenu] (qui défile s'il est trop long : utiliser un ScrollView).
  * À ouvrir avec showModalBottomSheet.
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SelectionSheet({
   titre,
   titreSize,
+  hauteurMax = 0.75,
   entete,
   contenu
 }) {
@@ -25,7 +102,7 @@ export function SelectionSheet({
   } = useWindowDimensions();
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.sheet, {
-      maxHeight: height * 0.75,
+      maxHeight: height * hauteurMax,
       backgroundColor: theme.colorScheme.surface,
       paddingBottom: insets.bottom
     }],
@@ -50,8 +127,66 @@ export function SelectionSheet({
   });
 }
 
+/** Liste d'une feuille de sélection : les [lignes], ou [vide] s'il n'y en a aucune. */
+export function SelectionListe({
+  lignes,
+  vide
+}) {
+  const theme = useTheme();
+  if (lignes.length === 0) {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.vide,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [theme.textTheme.bodySmall, styles.centre],
+        children: vide
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(ScrollView, {
+    bounces: false,
+    keyboardShouldPersistTaps: "handled",
+    contentContainerStyle: styles.liste,
+    children: lignes
+  });
+}
+
+/** [texte] contient-il [motCle], sans tenir compte des accents ni de la casse ? */
+export function selectionContient(texte, motCle) {
+  if (texte == null) return false;
+  const normaliser = valeur => valeur.toLowerCase().trim().normalize('NFD').replace(/[̀-ͯ]/g, '');
+  return normaliser(texte).includes(normaliser(motCle));
+}
+
+/** Champ de recherche d'une feuille de sélection. */
+export function SelectionRecherche({
+  hintText,
+  onChanged
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(Card, {
+    style: styles.rechercheCarte,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.recherche, {
+        backgroundColor: theme.colorScheme.secondary
+      }],
+      children: [/*#__PURE__*/_jsx(MaterialIcons, {
+        name: "search",
+        size: 22,
+        color: Themer.neural03Color
+      }), /*#__PURE__*/_jsx(TextInput, {
+        style: [theme.textTheme.displayLarge, styles.rechercheInput],
+        placeholder: hintText,
+        placeholderTextColor: Themer.neural03Color,
+        returnKeyType: "search",
+        autoCorrect: false,
+        onChangeText: onChanged
+      })]
+    })
+  });
+}
+
 /** Ligne d'une feuille de sélection : [pastille], [texte], [detail] facultatif et coche si elle est [choisie]. */
-export function SbSelectionLigne({
+export function SelectionLigne({
   pastille,
   texte,
   detail,
@@ -93,7 +228,186 @@ export function SbSelectionLigne({
     })]
   });
 }
+
+/** Pastille d'une ligne : un code (EUR, CIV…) ou une icône ; pleine si la ligne est choisie. */
+export function SelectionPastille({
+  code,
+  icone,
+  choisie = false
+}) {
+  const theme = useTheme();
+  const primaire = theme.colorScheme.primary;
+  const couleur = choisie ? theme.colorScheme.onPrimary : primaire;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.pastille, {
+      backgroundColor: choisie ? primaire : withAlpha(primaire, 0.12)
+    }],
+    children: code != null ? /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.displaySmall, styles.pastilleCode, {
+        color: couleur
+      }],
+      children: code.toUpperCase()
+    }) : /*#__PURE__*/_jsx(MaterialIcons, {
+      name: icone ?? 'circle',
+      size: 20,
+      color: couleur
+    })
+  });
+}
+
+/**
+ * Option d'une feuille d'actions : pastille avec [icone] ou [image]
+ * (asset), [titre], [sousTitre] et flèche vers l'écran ouvert. [couleur]
+ * remplace la couleur principale (ex. rouge pour une action destructive).
+ */
+export function SelectionOption({
+  icone,
+  image,
+  titre,
+  sousTitre,
+  onPress,
+  couleur
+}) {
+  const theme = useTheme();
+  const primaire = couleur ?? theme.colorScheme.primary;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.option, {
+      backgroundColor: withAlpha(primaire, pressed ? 0.12 : 0.05),
+      borderColor: withAlpha(primaire, 0.12)
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.optionPastille, {
+        backgroundColor: withAlpha(primaire, 0.12)
+      }],
+      children: image != null ? /*#__PURE__*/_jsx(Image, {
+        source: image,
+        style: styles.optionImage,
+        tintColor: primaire,
+        contentFit: "contain"
+      }) : /*#__PURE__*/_jsx(MaterialIcons, {
+        name: icone ?? 'circle',
+        size: 24,
+        color: primaire
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.textes,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [theme.textTheme.displayLarge, styles.gras, couleur != null ? {
+          color: couleur
+        } : null],
+        children: titre
+      }), sousTitre != null && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.gap2
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [theme.textTheme.displaySmall, {
+            color: Themer.neural03Color
+          }],
+          children: sousTitre
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(MaterialIcons, {
+      name: Platform.OS === 'ios' ? 'arrow-forward-ios' : 'arrow-forward',
+      size: 18,
+      color: primaire
+    })]
+  });
+}
+
+/**
+ * Boutons fixés en bas d'une feuille, sous un trait : ils restent visibles
+ * quand le contenu défile ou que le clavier est ouvert. Les [boutons] sont
+ * côte à côte, sur la même largeur.
+ */
+export function SelectionBoutons({
+  boutons
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.boutons, {
+      borderTopColor: Themer.neural01Color
+    }],
+    children: boutons.map((bouton, i) => /*#__PURE__*/_jsx(View, {
+      style: [styles.flex, i > 0 ? styles.boutonSuivant : null],
+      children: bouton
+    }, i))
+  });
+}
+
+/** Choix d'une liste à choix unique (ex. motif d'annulation) : [texte] et rond coché si [choisi]. */
+export function SelectionChoix({
+  texte,
+  choisi,
+  onPress
+}) {
+  const theme = useTheme();
+  const primaire = theme.colorScheme.primary;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "radio",
+    accessibilityState: {
+      selected: choisi
+    },
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.choix, {
+      backgroundColor: choisi ? withAlpha(primaire, 0.08) : pressed ? theme.colorScheme.secondary : 'transparent',
+      borderColor: choisi ? primaire : withAlpha(Themer.neural03Color, 0.25)
+    }],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.displayLarge, styles.flex, {
+        fontWeight: choisi ? '600' : '400'
+      }],
+      children: texte
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap12w
+    }), /*#__PURE__*/_jsx(MaterialIcons, {
+      name: choisi ? 'check-circle' : 'radio-button-unchecked',
+      size: 22,
+      color: choisi ? primaire : Themer.neural03Color
+    })]
+  });
+}
 const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  centre: {
+    textAlign: 'center'
+  },
+  gras: {
+    fontWeight: '700'
+  },
+  inactif: {
+    opacity: 0.5
+  },
+  gap2: {
+    height: 2
+  },
+  gap8: {
+    height: 8
+  },
+  gap8w: {
+    width: 8
+  },
+  gap12w: {
+    width: 12
+  },
+  marge12: {
+    marginRight: 12
+  },
+  champCarte: {
+    margin: 0
+  },
+  champ: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
   sheet: {
     width: '100%',
     borderTopLeftRadius: 20,
@@ -117,8 +431,27 @@ const styles = StyleSheet.create({
   contenu: {
     flexShrink: 1
   },
-  gap8: {
-    height: 8
+  vide: {
+    padding: 24,
+    alignItems: 'center'
+  },
+  liste: {
+    paddingHorizontal: 12,
+    paddingBottom: 12
+  },
+  rechercheCarte: {
+    margin: 0
+  },
+  recherche: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: 40,
+    paddingHorizontal: 12
+  },
+  rechercheInput: {
+    flex: 1,
+    marginLeft: 8,
+    paddingVertical: 0
   },
   ligne: {
     flexDirection: 'row',
@@ -131,6 +464,54 @@ const styles = StyleSheet.create({
   textes: {
     flex: 1,
     marginHorizontal: 14
+  },
+  pastille: {
+    width: 48,
+    height: 36,
+    borderRadius: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  pastilleCode: {
+    fontWeight: '700',
+    letterSpacing: 0.5
+  },
+  option: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 14,
+    borderRadius: 16,
+    borderWidth: 1
+  },
+  optionPastille: {
+    width: 44,
+    height: 44,
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  optionImage: {
+    width: 20,
+    height: 20
+  },
+  boutons: {
+    flexDirection: 'row',
+    paddingHorizontal: 20,
+    paddingTop: 12,
+    paddingBottom: 8,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  boutonSuivant: {
+    marginLeft: 12
+  },
+  choix: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginVertical: 4,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    borderRadius: 14,
+    borderWidth: 1
   }
 });
 //# sourceMappingURL=selection.js.map