---
# System prepended metadata

title: Share

---

# Shared

## Checklist (perso)

- ✅ Question : Pourquoi l'input générique à la notion d'invalid. Juste pour le trait rouge. Ok si c'est le même mécanisme sur tous les composants
- ✅ Branche : ASTREE-XXX_astree_feature/storybook
- ✅ Ajouter un storybook dans common/react/form
- ✅ Ajouter form provider
- ✅ Stories InputField (base)
- ✅ Stories SelectField (base)
- ✅ Stories GenericField (base)
- ✅ Changer le port du storybook
- ✅ Améliorer stories
- 🟠 Faire une story formulaire avec un schéma yup
- 🟠 Faire une story Astrée du fleet form
- 🟠 Finir les branchements sur les react-form (onBlur, invalid, ref)
    - ✅ Rajouter prop `errorCheckMode` sur le `Form`
    - ✅ Branchement `InputField`
    - ⚪️ Branchement `BooleanRadioField`
    - ⚪️ Branchement `AsyncMultiSelectField`
    - ⚪️ Branchement `MultiSelectField`
    - ⚪️ Branchement `SelectField`
    - ⚪️ Branchement `SwitchField`
    - ⚪️ S'assurer que les erreurs s'affichent au onBlur
- ✅ Reprendre design (paddings, margins...)
    - ✅ Vérifier design tokens
    - ✅ Padding bottom
    - ✅ Refaire le style du conteneur AND/OR
- ⚪️ Vérifier que Switch (atom) n'a pas de state interne. On veut éviter pour les react-form
- ⚪️ DynamicForm
    - ✅ Créer dossier et fichiers
    - ⚪️ Reprendre arbo
    - ⚪️ Intégrer RadioGroup

## Checklist (avec Aaron)

- ✅ Setup submodule
- 🟠 Fix problèmes de types graphql
- ⚪️ Brancher mocks sur stories FleetEditPage.stories.tsx

## Checklist (backlog)

- ✅ Affiche icone poubelle uniquement quand il a plus d'un critère
- ✅ Sur le criteria Vessel, le champs AsyncSelectField doit utiliser, AsyncMultiselect plutôt que AsyncSelect
- ✅ Faire champs RadioField (booléen). Nouveau nom : BooleanRadioField
- ✅ Créer les mocks
- ✅ Arriver en édition sur le formulaire
- ✅ Le champs relation AND/OR doit être facultatif s'il n'y a qu'un champs
- ✅ Pour les criteria Flag/FishingType, utiliser le bon Select (pas besoin d'async)
- ✅ SwitchField ne set pas sa valeur dans le formulaire, il faut clicker une ou deux fois
- ✅ Réinit valeur du critère quand on change de critère
- ✅ Bug : release lock : quand on valide le formulaire, on ne revient pas à la liste des flottes
- ✅ BooleanRadioField n'affiche pas de valeur au chargement du form
- ✅ VesselAsyncMultiSelectField n'affiche pas de valeur au chargement du form
- ✅ Pour FleetFormType, faire une structure à plat comme FleetInput ?
- 🟠 fix TODOS and ts casts
- ⚪️ Considérer `RadioField<T>` (sur le même modèle que LabelValueSelectField). Accepter n'importe quel type (pas que string)
- ⚪️ Bug : Quand on rajoute plusieurs critères, qu'on focus sur l'input fleet name, et qu'on appuie sur enter, ça supprime des champs ? (comme si on avait le focus sur la première poubelle ?)
- ⚪️ Select en bas de page passe sous le footer
- ⚪️ Scroll sur le panel des critères et non toute la page
- ⚪️ Se brancher au back (actuellement on n'utilise que les mocks)
- ⚪️ i18n
- ⚪️ Faire les tests (sur storybook)
- ⚪️ Renommer FleetEdit
- ⚪️ Pourquoi erreur de type sur le resolver. Voir dans le composant Form ?
```tsx
<Form
	onSubmit={(values) => {
		console.log('onSubmit')
	}}
	resolver={yupResolver(complexSchema)}
>
```

## Bonus

- ⚪️ Typage dans les composants génériques
- ⚪️ Voir lock-manager. Considérer solution react-router