fiche-action/participation-citoyenne: Save slug in BDD

app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionActeurs/FicheActionActeurs.tsx

@@ -1,18 +1,19 @@
 import { FicheAction } from '@tet/api/plan-actions';
-import { Button } from '@tet/ui';
+import { Button, getOptionLabel } from '@tet/ui';
 import classNames from 'classnames';
 import { useState } from 'react';
+import { ficheActionParticipationOptions } from '../../../../../../ui/dropdownLists/listesStatiques';
 import EmptyCard from '../EmptyCard';
 import ListeActeurs from './ListeActeurs';
 import ModaleActeurs from './ModaleActeurs';
 import CiblePicto from './PictosActeurs/CiblePicto';
+import CitoyenPicto from './PictosActeurs/CitoyenPicto';
 import EluPicto from './PictosActeurs/EluPicto';
 import EmptyActeursPicto from './PictosActeurs/EmptyActeursPicto';
 import PartenairePicto from './PictosActeurs/PartenairePicto';
 import PersonnePilotePicto from './PictosActeurs/PersonnePilotePicto';
 import ServicePilotePicto from './PictosActeurs/ServicePilotePicto';
 import StructurePilotePicto from './PictosActeurs/StructurePilotePicto';
-import CitoyenPicto from './PictosActeurs/CitoyenPicto';
 
 type FicheActionActeursProps = {
   isReadonly: boolean;
@@ -119,7 +120,12 @@ const FicheActionActeurs = ({
               titre="Participation citoyenne"
               liste={
                 participationCitoyenneType
-                  ? [participationCitoyenneType as string]
+                  ? [
+                      getOptionLabel(
+                        participationCitoyenneType,
+                        ficheActionParticipationOptions
+                      ) as string,
+                    ]
                   : undefined
               }
               comment={participationCitoyenne ?? undefined}

app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionPdf/Acteurs.tsx

@@ -1,12 +1,4 @@
-import {
-  Card,
-  List,
-  ListElement,
-  Paragraph,
-  Stack,
-  Title,
-} from 'ui/export-pdf/components';
-import { FicheActionPdfProps } from './FicheActionPdf';
+import { getOptionLabel } from '@tet/ui';
 import {
   CiblePicto,
   CitoyenPicto,
@@ -16,6 +8,16 @@ import {
   ServicePilotePicto,
   StructurePilotePicto,
 } from 'ui/export-pdf/assets/picto';
+import {
+  Card,
+  List,
+  ListElement,
+  Paragraph,
+  Stack,
+  Title,
+} from 'ui/export-pdf/components';
+import { ficheActionParticipationOptions } from '../../../../../../ui/dropdownLists/listesStatiques';
+import { FicheActionPdfProps } from './FicheActionPdf';
 
 type ListeActeursProps = {
   titre: string;
@@ -106,7 +108,12 @@ const Acteurs = ({ fiche }: FicheActionPdfProps) => {
         titre="Participation citoyenne"
         liste={
           participationCitoyenneType
-            ? [participationCitoyenneType as string]
+            ? [
+                getOptionLabel(
+                  participationCitoyenneType,
+                  ficheActionParticipationOptions
+                ) as string,
+              ]
             : undefined
         }
         comment={participationCitoyenne ?? undefined}

app.territoiresentransitions.react/src/ui/dropdownLists/ficheAction/ParticipationCitoyenneDropdown/ParticipationCitoyenneDropdown.tsx

@@ -1,6 +1,6 @@
-import { Select, SelectFilter, SelectMultipleProps } from '@tet/ui';
-import { ficheActionParticipationOptions } from '../../listesStatiques';
 import { ParticipationCitoyenne } from '@tet/api/plan-actions';
+import { Select, SelectMultipleProps } from '@tet/ui';
+import { ficheActionParticipationOptions } from '../../listesStatiques';
 
 type ParticipationCitoyenneDropdownProps = Omit<
   SelectMultipleProps,

app.territoiresentransitions.react/src/ui/dropdownLists/listesStatiques.ts

@@ -1,4 +1,4 @@
-import { Statut, ParticipationCitoyenne } from '@tet/api/plan-actions';
+import { ParticipationCitoyenne, Statut } from '@tet/api/plan-actions';
 import { ModifiedSince } from '@tet/api/plan-actions/fiche-resumes.list/domain/fetch-options.schema';
 import {
   TFicheActionCibles,
@@ -109,11 +109,11 @@ export const ficheActionEcheanceOptions: Options<TFicheActionEcheances> = [
 export const ficheActionParticipationOptions: Options<ParticipationCitoyenne> =
   [
     {
-      value: 'Pas de participation citoyenne',
+      value: 'pas-de-participation',
       label: 'Pas de participation citoyenne',
     },
-    { value: 'Information', label: 'Information' },
-    { value: 'Consultation', label: 'Consultation' },
-    { value: 'Concertation', label: 'Concertation' },
-    { value: 'Co-construction', label: 'Co-construction' },
+    { value: 'information', label: 'Information' },
+    { value: 'consultation', label: 'Consultation' },
+    { value: 'concertation', label: 'Concertation' },
+    { value: 'co-construction', label: 'Co-construction' },
   ];

backend/src/fiches/models/fiche-action.table.ts

@@ -118,11 +118,11 @@ export const ficheActionNiveauxPrioriteEnum = pgEnum(
 );
 
 export const ficheActionParticipationCitoyenneTypeEnumValues = [
-  'Pas de participation citoyenne',
-  'Information',
-  'Consultation',
-  'Concertation',
-  'Co-construction',
+  'pas-de-participation',
+  'information',
+  'consultation',
+  'concertation',
+  'co-construction',
 ] as const;
 
 export const ficheActionTable = pgTable('fiche_action', {

packages/api/src/plan-actions/domain/fiche-action.schema.ts

@@ -47,11 +47,11 @@ export const cibleSchema = z.enum([
 export type Cible = z.infer<typeof cibleSchema>;
 
 export const participationCitoyenneTypeSchema = z.enum([
-  'Pas de participation citoyenne',
-  'Information',
-  'Consultation',
-  'Concertation',
-  'Co-construction',
+  'pas-de-participation',
+  'information',
+  'consultation',
+  'concertation',
+  'co-construction',
 ]);
 
 export type ParticipationCitoyenne = z.infer<