diff --git a/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRemplis.html b/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRemplis.html
index 372ece1bfe8f0870c28246dec025f20a8787b5d6..8979145da4c6804c341f76bbcc47bf48e01501b7 100644
--- a/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRemplis.html
+++ b/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRemplis.html
@@ -76,25 +76,25 @@
</div>
<div class="fr-fieldset__element">
<div>
- <div class="fr-checkbox-group"><input checked="" name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">checkbox<span class="fr-hint-text">Description pour checkbox</span></label></div>
+ <div class="fr-checkbox-group"><input checked="" name="archive" id="checkbox" type="checkbox"><label class="fr-label" for="checkbox">checkbox<span class="fr-hint-text">Description pour checkbox</span></label></div>
</div>
</div>
<div class="fr-fieldset__element">
<div>
- <fieldset class="fr-fieldset" id="checkboxes_772" aria-labelledby="checkboxes_772-legend" style="flex-direction: column; align-items: flex-start;">
- <legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="checkboxes_772-legend">checkboxes<span class="fr-hint-text">Description pour checkboxes</span></legend>
+ <fieldset class="fr-fieldset" id="checkboxes_128" aria-labelledby="checkboxes_128-legend" style="flex-direction: column; align-items: flex-start;">
+ <legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="checkboxes_128-legend">checkboxes<span class="fr-hint-text">Description pour checkboxes</span></legend>
<div class="fr-fieldset__element">
- <div class="fr-checkbox-group" itemid="1"><input checked="" name="archive" id="checkboxes_772_0" type="checkbox"><label class="fr-label" for="checkboxes_772_0">Checkbox 1
+ <div class="fr-checkbox-group" itemid="1"><input checked="" name="archive" id="checkboxes_128_0" type="checkbox"><label class="fr-label" for="checkboxes_128_0">Checkbox 1
<!---->
</label></div>
</div>
<div class="fr-fieldset__element">
- <div class="fr-checkbox-group" itemid="2"><input checked="" name="archive" id="checkboxes_772_1" type="checkbox"><label class="fr-label" for="checkboxes_772_1">Checkbox2
+ <div class="fr-checkbox-group" itemid="2"><input checked="" name="archive" id="checkboxes_128_1" type="checkbox"><label class="fr-label" for="checkboxes_128_1">Checkbox2
<!---->
</label></div>
</div>
<div class="fr-fieldset__element">
- <div class="fr-checkbox-group" itemid="3"><input name="archive" id="checkboxes_772_2" type="checkbox"><label class="fr-label" for="checkboxes_772_2">Checkbox3
+ <div class="fr-checkbox-group" itemid="3"><input name="archive" id="checkboxes_128_2" type="checkbox"><label class="fr-label" for="checkboxes_128_2">Checkbox3
<!---->
</label></div>
</div>
@@ -103,7 +103,7 @@
</div>
<div class="fr-fieldset__element">
<div>
- <div class="fr-select-group"><label class="fr-label" for="select_453">select <span class="fr-hint-text">Description pour select</span></label><select class="fr-select" id="select_453" aria-label="select" name="select_453" value="deg">
+ <div class="fr-select-group"><label class="fr-label" for="select_772">select <span class="fr-hint-text">Description pour select</span></label><select class="fr-select" id="select_772" aria-label="select" name="select_772" value="deg">
<option selected="" value="deg">degré</option>
<option value="gon">grade</option>
<option value="km3">kilomètre cube</option>
diff --git a/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRequis.html b/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRequis.html
index da89125a8876da10fa4247e73dee9378199873b0..3eb94909be41e001547df42d3b6bee43ee00385f 100644
--- a/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRequis.html
+++ b/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsRequis.html
@@ -76,20 +76,20 @@
</div>
<div class="fr-fieldset__element">
<div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">checkbox<span class="fr-hint-text">Description pour checkbox</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="checkbox" type="checkbox"><label class="fr-label" for="checkbox">checkbox<span class="fr-hint-text">Description pour checkbox</span></label></div>
</div>
</div>
<div class="fr-fieldset__element">
<div>
- <fieldset class="fr-fieldset" id="checkboxes_772" aria-labelledby="checkboxes_772-legend" style="flex-direction: column; align-items: flex-start;">
- <legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="checkboxes_772-legend">checkboxes<span class="fr-hint-text">Description pour checkboxes</span></legend>
+ <fieldset class="fr-fieldset" id="checkboxes_128" aria-labelledby="checkboxes_128-legend" style="flex-direction: column; align-items: flex-start;">
+ <legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="checkboxes_128-legend">checkboxes<span class="fr-hint-text">Description pour checkboxes</span></legend>
<div class="fr-fieldset__element">
- <div class="fr-checkbox-group" itemid="1"><input name="archive" id="checkboxes_772_0" type="checkbox"><label class="fr-label" for="checkboxes_772_0">Checkbox 1
+ <div class="fr-checkbox-group" itemid="1"><input name="archive" id="checkboxes_128_0" type="checkbox"><label class="fr-label" for="checkboxes_128_0">Checkbox 1
<!---->
</label></div>
</div>
<div class="fr-fieldset__element">
- <div class="fr-checkbox-group" itemid="2"><input name="archive" id="checkboxes_772_1" type="checkbox"><label class="fr-label" for="checkboxes_772_1">Checkbox2
+ <div class="fr-checkbox-group" itemid="2"><input name="archive" id="checkboxes_128_1" type="checkbox"><label class="fr-label" for="checkboxes_128_1">Checkbox2
<!---->
</label></div>
</div>
@@ -98,7 +98,7 @@
</div>
<div class="fr-fieldset__element">
<div>
- <div class="fr-select-group"><label class="fr-label" for="select_453">select <span class="fr-hint-text">Description pour select</span></label><select class="fr-select" id="select_453" aria-label="select" name="select_453">
+ <div class="fr-select-group"><label class="fr-label" for="select_772">select <span class="fr-hint-text">Description pour select</span></label><select class="fr-select" id="select_772" aria-label="select" name="select_772">
<option value="deg">degré</option>
<option value="gon">grade</option>
<option value="km3">kilomètre cube</option>
diff --git a/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsVidesOptionnels.html b/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsVidesOptionnels.html
index fa54942fb644f4be5026d4279b5e7ba2d266532d..cd03008e6b86131fb966c3ddccc580c213d8dc7d 100644
--- a/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsVidesOptionnels.html
+++ b/packages/ui/src/components/_common/new-sections-edit.stories_snapshots_TousLesElementsVidesOptionnels.html
@@ -68,20 +68,20 @@
</div>
<div class="fr-fieldset__element">
<div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">checkbox<span class="fr-hint-text">Description pour checkbox</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="checkbox" type="checkbox"><label class="fr-label" for="checkbox">checkbox<span class="fr-hint-text">Description pour checkbox</span></label></div>
</div>
</div>
<div class="fr-fieldset__element">
<div>
- <fieldset class="fr-fieldset" id="checkboxes_772" aria-labelledby="checkboxes_772-legend" style="flex-direction: column; align-items: flex-start;">
- <legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="checkboxes_772-legend">checkboxes<span class="fr-hint-text">Description pour checkboxes</span></legend>
+ <fieldset class="fr-fieldset" id="checkboxes_128" aria-labelledby="checkboxes_128-legend" style="flex-direction: column; align-items: flex-start;">
+ <legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="checkboxes_128-legend">checkboxes<span class="fr-hint-text">Description pour checkboxes</span></legend>
<div class="fr-fieldset__element">
- <div class="fr-checkbox-group" itemid="1"><input name="archive" id="checkboxes_772_0" type="checkbox"><label class="fr-label" for="checkboxes_772_0">Checkbox 1
+ <div class="fr-checkbox-group" itemid="1"><input name="archive" id="checkboxes_128_0" type="checkbox"><label class="fr-label" for="checkboxes_128_0">Checkbox 1
<!---->
</label></div>
</div>
<div class="fr-fieldset__element">
- <div class="fr-checkbox-group" itemid="2"><input name="archive" id="checkboxes_772_1" type="checkbox"><label class="fr-label" for="checkboxes_772_1">Checkbox2
+ <div class="fr-checkbox-group" itemid="2"><input name="archive" id="checkboxes_128_1" type="checkbox"><label class="fr-label" for="checkboxes_128_1">Checkbox2
<!---->
</label></div>
</div>
@@ -90,7 +90,7 @@
</div>
<div class="fr-fieldset__element">
<div>
- <div class="fr-select-group"><label class="fr-label" for="select_453">select (optionnel)<span class="fr-hint-text">Description pour select</span></label><select class="fr-select" id="select_453" aria-label="select" name="select_453">
+ <div class="fr-select-group"><label class="fr-label" for="select_772">select (optionnel)<span class="fr-hint-text">Description pour select</span></label><select class="fr-select" id="select_772" aria-label="select" name="select_772">
<option value="deg">degré</option>
<option value="gon">grade</option>
<option value="km3">kilomètre cube</option>
diff --git a/packages/ui/src/components/_common/new-sections-edit.tsx b/packages/ui/src/components/_common/new-sections-edit.tsx
index a1a22d534b67ffc19eb2269f6c843555e15c2219..ce8d12a7155f721a17fd75ba5880e4a3a3c445ff 100644
--- a/packages/ui/src/components/_common/new-sections-edit.tsx
+++ b/packages/ui/src/components/_common/new-sections-edit.tsx
@@ -195,6 +195,7 @@ const InnerComponent: FunctionalComponent<SectionElementEditProps> = props => {
return (
<div>
<DsfrInputCheckbox
+ id={element.id}
initialValue={element.value}
legend={{ main: element.nom ?? '', description: element.description }}
valueChanged={(e: boolean) => props.onValueChange({ ...element, value: e })}
diff --git a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories.tsx b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories.tsx
index 52f0a88857214836e1f257c6416307400f0dbd99..ba0c01181d0ebe43aba8eb2a79ca88a3375a8e67 100644
--- a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories.tsx
+++ b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories.tsx
@@ -11,7 +11,7 @@ export default meta
const valueChangedAction = action('valueChanged')
-export const Checked: StoryFn = () => <DsfrInputCheckbox initialValue={true} legend={{ main: 'Label', description: 'Description' }} valueChanged={valueChangedAction} />
-export const NotChecked: StoryFn = () => <DsfrInputCheckbox initialValue={false} legend={{ main: 'Label' }} valueChanged={valueChangedAction} />
-export const Disabled: StoryFn = () => <DsfrInputCheckbox legend={{ main: 'C’est désactivé' }} disabled={true} valueChanged={valueChangedAction} />
-export const Small: StoryFn = () => <DsfrInputCheckbox legend={{ main: 'Label' }} size="sm" valueChanged={valueChangedAction} />
+export const Checked: StoryFn = () => <DsfrInputCheckbox id="check" initialValue={true} legend={{ main: 'Label', description: 'Description' }} valueChanged={valueChangedAction} />
+export const NotChecked: StoryFn = () => <DsfrInputCheckbox id="check" initialValue={false} legend={{ main: 'Label' }} valueChanged={valueChangedAction} />
+export const Disabled: StoryFn = () => <DsfrInputCheckbox id="check" legend={{ main: 'C’est désactivé' }} disabled={true} valueChanged={valueChangedAction} />
+export const Small: StoryFn = () => <DsfrInputCheckbox id="check" legend={{ main: 'Label' }} size="sm" valueChanged={valueChangedAction} />
diff --git a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Checked.html b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Checked.html
index 6e272694e301743c0807be164775c74cc5f1b4b7..af6efcc67eff2908e56cd6e3613fdbb7a4841fb7 100644
--- a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Checked.html
+++ b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Checked.html
@@ -1 +1 @@
-<div class="fr-checkbox-group"><input checked="" name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Label<span class="fr-hint-text">Description</span></label></div>
\ No newline at end of file
+<div class="fr-checkbox-group"><input checked="" name="archive" id="check" type="checkbox"><label class="fr-label" for="check">Label<span class="fr-hint-text">Description</span></label></div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Disabled.html b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Disabled.html
index f9761aa03cc05c4fc88868b54833081a061d43a7..a51556c7c72d59309cf825371d8f487a20a24352 100644
--- a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Disabled.html
+++ b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Disabled.html
@@ -1,3 +1,3 @@
-<div class="fr-checkbox-group"><input disabled="" name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">C’est désactivé
+<div class="fr-checkbox-group"><input disabled="" name="archive" id="check" type="checkbox"><label class="fr-label" for="check">C’est désactivé
<!---->
</label></div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_NotChecked.html b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_NotChecked.html
index 8fd593d528094f296c4803000e797d0c437c4fe1..d65f6b19541356be1240403709bbd477d5b91ddd 100644
--- a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_NotChecked.html
+++ b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_NotChecked.html
@@ -1,3 +1,3 @@
-<div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Label
+<div class="fr-checkbox-group"><input name="archive" id="check" type="checkbox"><label class="fr-label" for="check">Label
<!---->
</label></div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Small.html b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Small.html
index e09620aa79bd86ea8b8a08f3bf050e419f95b4f1..ac4f7814fc2b399537ee483b9fb1283e69ed91c5 100644
--- a/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Small.html
+++ b/packages/ui/src/components/_ui/dsfr-input-checkbox.stories_snapshots_Small.html
@@ -1,3 +1,3 @@
-<div class="fr-checkbox-group fr-checkbox-group--sm"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Label
+<div class="fr-checkbox-group fr-checkbox-group--sm"><input name="archive" id="check" type="checkbox"><label class="fr-label" for="check">Label
<!---->
</label></div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/dsfr-input-checkbox.tsx b/packages/ui/src/components/_ui/dsfr-input-checkbox.tsx
index 65e1012fe3f16c6ab591f1beaedab6af69cbc8f0..dc70401640187e458df37a59853c0311671e6e00 100644
--- a/packages/ui/src/components/_ui/dsfr-input-checkbox.tsx
+++ b/packages/ui/src/components/_ui/dsfr-input-checkbox.tsx
@@ -1,10 +1,10 @@
-import { isEventWithTarget, random } from '@/utils/vue-tsx-utils'
+import { isEventWithTarget } from '@/utils/vue-tsx-utils'
import { isNotNullNorUndefinedNorEmpty } from 'camino-common/src/typescript-tools'
import { defineComponent } from 'vue'
import { JSX } from 'vue/jsx-runtime'
export type Props = {
- id?: string
+ id: string
legend: { main: string | JSX.Element; description?: string }
size?: 'sm' | 'md'
disabled?: boolean
@@ -13,8 +13,6 @@ export type Props = {
}
export const DsfrInputCheckbox = defineComponent<Props>(props => {
- const id = props.id ?? `checkbox_${(random() * 1000).toFixed()}`
-
const updateFromEvent = (e: Event) => {
if (isEventWithTarget(e)) {
props.valueChanged(e.target.checked)
@@ -23,8 +21,8 @@ export const DsfrInputCheckbox = defineComponent<Props>(props => {
return () => (
<div class={['fr-checkbox-group', props.size === 'sm' ? 'fr-checkbox-group--sm' : null]}>
- <input onInput={updateFromEvent} disabled={props.disabled ?? false} checked={props.initialValue ?? false} name="archive" id={id} type="checkbox" />
- <label class="fr-label" for={id}>
+ <input onInput={updateFromEvent} disabled={props.disabled ?? false} checked={props.initialValue ?? false} name="archive" id={props.id} type="checkbox" />
+ <label class="fr-label" for={props.id}>
{props.legend.main}
{isNotNullNorUndefinedNorEmpty(props.legend.description) ? <span class="fr-hint-text">{props.legend.description}</span> : null}
</label>
diff --git a/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_AllFilters.html b/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_AllFilters.html
index a59483b686642577f80ba037f5acdc6a4e96c990..c412c4723f112ccaada9407a51f5f40be05be72a 100644
--- a/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_AllFilters.html
+++ b/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_AllFilters.html
@@ -310,35 +310,35 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Autorité
+ <div class="fr-checkbox-group"><input name="archive" id="aut" type="checkbox"><label class="fr-label" for="aut">Autorité
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">Dréal
+ <div class="fr-checkbox-group"><input name="archive" id="dre" type="checkbox"><label class="fr-label" for="dre">Dréal
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Ministère
+ <div class="fr-checkbox-group"><input name="archive" id="min" type="checkbox"><label class="fr-label" for="min">Ministère
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Opérateur
+ <div class="fr-checkbox-group"><input name="archive" id="ope" type="checkbox"><label class="fr-label" for="ope">Opérateur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">Préfecture
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Préfecture
<!---->
</label></div>
</div>
@@ -358,49 +358,49 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">Admin
+ <div class="fr-checkbox-group"><input name="archive" id="admin" type="checkbox"><label class="fr-label" for="admin">Admin
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">Bureau d'études
+ <div class="fr-checkbox-group"><input name="archive" id="bureau d'études" type="checkbox"><label class="fr-label" for="bureau d'études">Bureau d'études
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">Defaut
+ <div class="fr-checkbox-group"><input name="archive" id="defaut" type="checkbox"><label class="fr-label" for="defaut">Defaut
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Editeur
+ <div class="fr-checkbox-group"><input name="archive" id="editeur" type="checkbox"><label class="fr-label" for="editeur">Editeur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556">Entreprise
+ <div class="fr-checkbox-group"><input name="archive" id="entreprise" type="checkbox"><label class="fr-label" for="entreprise">Entreprise
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487">Lecteur
+ <div class="fr-checkbox-group"><input name="archive" id="lecteur" type="checkbox"><label class="fr-label" for="lecteur">Lecteur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796">Super
+ <div class="fr-checkbox-group"><input name="archive" id="super" type="checkbox"><label class="fr-label" for="super">Super
<!---->
</label></div>
</div>
@@ -420,56 +420,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -489,7 +489,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -500,7 +500,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -511,7 +511,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -522,7 +522,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -533,7 +533,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -544,7 +544,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -555,7 +555,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -566,7 +566,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -590,7 +590,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -598,7 +598,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -606,7 +606,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -614,7 +614,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -622,7 +622,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -630,7 +630,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -638,7 +638,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -659,56 +659,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_731" type="checkbox"><label class="fr-label" for="checkbox_731">Rapport d'exploitation (autorisations M)
+ <div class="fr-checkbox-group"><input name="archive" id="grx" type="checkbox"><label class="fr-label" for="grx">Rapport d'exploitation (autorisations M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Rapport d'exploitation (permis et concessions M)
+ <div class="fr-checkbox-group"><input name="archive" id="gra" type="checkbox"><label class="fr-label" for="gra">Rapport d'exploitation (permis et concessions M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_473" type="checkbox"><label class="fr-label" for="checkbox_473">Rapport d'exploitation (permis et concessions W)
+ <div class="fr-checkbox-group"><input name="archive" id="wrp" type="checkbox"><label class="fr-label" for="wrp">Rapport d'exploitation (permis et concessions W)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_251" type="checkbox"><label class="fr-label" for="checkbox_251">Rapport d'intensité d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pma" type="checkbox"><label class="fr-label" for="pma">Rapport d'intensité d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_292" type="checkbox"><label class="fr-label" for="checkbox_292">Rapport environnemental d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmc" type="checkbox"><label class="fr-label" for="pmc">Rapport environnemental d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_276" type="checkbox"><label class="fr-label" for="checkbox_276">Rapport financier d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmb" type="checkbox"><label class="fr-label" for="pmb">Rapport financier d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_252" type="checkbox"><label class="fr-label" for="checkbox_252">Rapport social et économique d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmd" type="checkbox"><label class="fr-label" for="pmd">Rapport social et économique d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_110" type="checkbox"><label class="fr-label" for="checkbox_110">Rapport trimestriel d'exploitation d'or en Guyane
+ <div class="fr-checkbox-group"><input name="archive" id="grp" type="checkbox"><label class="fr-label" for="grp">Rapport trimestriel d'exploitation d'or en Guyane
<!---->
</label></div>
</div>
@@ -728,7 +728,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_448" type="checkbox"><label class="fr-label" for="checkbox_448">
+ <div class="fr-checkbox-group"><input name="archive" id="abs" type="checkbox"><label class="fr-label" for="abs">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="absent" aria-label="absent">absent</p>
<!---->
</label></div>
@@ -736,7 +736,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_490" type="checkbox"><label class="fr-label" for="checkbox_490">
+ <div class="fr-checkbox-group"><input name="archive" id="fer" type="checkbox"><label class="fr-label" for="fer">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="cloturé" aria-label="cloturé">cloturé</p>
<!---->
</label></div>
@@ -744,7 +744,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_648" type="checkbox"><label class="fr-label" for="checkbox_648">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -752,7 +752,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_726" type="checkbox"><label class="fr-label" for="checkbox_726">
+ <div class="fr-checkbox-group"><input name="archive" id="enc" type="checkbox"><label class="fr-label" for="enc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -773,147 +773,147 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_380" type="checkbox"><label class="fr-label" for="checkbox_380">Amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="amo" type="checkbox"><label class="fr-label" for="amo">Amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_894" type="checkbox"><label class="fr-label" for="checkbox_894">Cession
+ <div class="fr-checkbox-group"><input name="archive" id="ces" type="checkbox"><label class="fr-label" for="ces">Cession
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">Conversion
+ <div class="fr-checkbox-group"><input name="archive" id="con" type="checkbox"><label class="fr-label" for="con">Conversion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_193" type="checkbox"><label class="fr-label" for="checkbox_193">Déchéance
+ <div class="fr-checkbox-group"><input name="archive" id="dec" type="checkbox"><label class="fr-label" for="dec">Déchéance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_557" type="checkbox"><label class="fr-label" for="checkbox_557">Demande de titre d'exploitation
+ <div class="fr-checkbox-group"><input name="archive" id="vct" type="checkbox"><label class="fr-label" for="vct">Demande de titre d'exploitation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_260" type="checkbox"><label class="fr-label" for="checkbox_260">Déplacement de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">Déplacement de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_287" type="checkbox"><label class="fr-label" for="checkbox_287">Extension de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="exp" type="checkbox"><label class="fr-label" for="exp">Extension de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_488" type="checkbox"><label class="fr-label" for="checkbox_488">Extension de substance
+ <div class="fr-checkbox-group"><input name="archive" id="exs" type="checkbox"><label class="fr-label" for="exs">Extension de substance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_800" type="checkbox"><label class="fr-label" for="checkbox_800">Fusion
+ <div class="fr-checkbox-group"><input name="archive" id="fus" type="checkbox"><label class="fr-label" for="fus">Fusion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_723" type="checkbox"><label class="fr-label" for="checkbox_723">Mutation
+ <div class="fr-checkbox-group"><input name="archive" id="mut" type="checkbox"><label class="fr-label" for="mut">Mutation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_152" type="checkbox"><label class="fr-label" for="checkbox_152">Mutation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="vut" type="checkbox"><label class="fr-label" for="vut">Mutation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_907" type="checkbox"><label class="fr-label" for="checkbox_907">Octroi
+ <div class="fr-checkbox-group"><input name="archive" id="oct" type="checkbox"><label class="fr-label" for="oct">Octroi
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_547" type="checkbox"><label class="fr-label" for="checkbox_547">Prolongation
+ <div class="fr-checkbox-group"><input name="archive" id="pro" type="checkbox"><label class="fr-label" for="pro">Prolongation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_234" type="checkbox"><label class="fr-label" for="checkbox_234">Prolongation 1
+ <div class="fr-checkbox-group"><input name="archive" id="pr1" type="checkbox"><label class="fr-label" for="pr1">Prolongation 1
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_280" type="checkbox"><label class="fr-label" for="checkbox_280">Prolongation 2
+ <div class="fr-checkbox-group"><input name="archive" id="pr2" type="checkbox"><label class="fr-label" for="pr2">Prolongation 2
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_537" type="checkbox"><label class="fr-label" for="checkbox_537">Prolongation exceptionnelle
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Prolongation exceptionnelle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_184" type="checkbox"><label class="fr-label" for="checkbox_184">Prorogation
+ <div class="fr-checkbox-group"><input name="archive" id="prr" type="checkbox"><label class="fr-label" for="prr">Prorogation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_76" type="checkbox"><label class="fr-label" for="checkbox_76">Renonciation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="rep" type="checkbox"><label class="fr-label" for="rep">Renonciation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_202" type="checkbox"><label class="fr-label" for="checkbox_202">Renonciation totale
+ <div class="fr-checkbox-group"><input name="archive" id="rec" type="checkbox"><label class="fr-label" for="rec">Renonciation totale
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">Résiliation anticipée d'amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="res" type="checkbox"><label class="fr-label" for="res">Résiliation anticipée d'amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_873" type="checkbox"><label class="fr-label" for="checkbox_873">Retrait
+ <div class="fr-checkbox-group"><input name="archive" id="ret" type="checkbox"><label class="fr-label" for="ret">Retrait
<!---->
</label></div>
</div>
@@ -933,21 +933,21 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_113" type="checkbox"><label class="fr-label" for="checkbox_113">Autorisation d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="aom" type="checkbox"><label class="fr-label" for="aom">Autorisation d'ouverture de travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_120" type="checkbox"><label class="fr-label" for="checkbox_120">Déclaration d'arrêt définitif des travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dam" type="checkbox"><label class="fr-label" for="dam">Déclaration d'arrêt définitif des travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_288" type="checkbox"><label class="fr-label" for="checkbox_288">Déclaration d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dot" type="checkbox"><label class="fr-label" for="dot">Déclaration d'ouverture de travaux
<!---->
</label></div>
</div>
@@ -967,7 +967,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_645" type="checkbox"><label class="fr-label" for="checkbox_645">
+ <div class="fr-checkbox-group"><input name="archive" id="acc" type="checkbox"><label class="fr-label" for="acc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
<!---->
</label></div>
@@ -975,7 +975,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_903" type="checkbox"><label class="fr-label" for="checkbox_903">
+ <div class="fr-checkbox-group"><input name="archive" id="acp" type="checkbox"><label class="fr-label" for="acp">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté et publié" aria-label="accepté et publié">accepté et publié</p>
<!---->
</label></div>
@@ -983,7 +983,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_244" type="checkbox"><label class="fr-label" for="checkbox_244">
+ <div class="fr-checkbox-group"><input name="archive" id="cls" type="checkbox"><label class="fr-label" for="cls">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="classé sans suite" aria-label="classé sans suite">classé sans suite</p>
<!---->
</label></div>
@@ -991,7 +991,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_416" type="checkbox"><label class="fr-label" for="checkbox_416">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -999,7 +999,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">
+ <div class="fr-checkbox-group"><input name="archive" id="des" type="checkbox"><label class="fr-label" for="des">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
<!---->
</label></div>
@@ -1007,7 +1007,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_983" type="checkbox"><label class="fr-label" for="checkbox_983">
+ <div class="fr-checkbox-group"><input name="archive" id="eco" type="checkbox"><label class="fr-label" for="eco">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -1015,7 +1015,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_694" type="checkbox"><label class="fr-label" for="checkbox_694">
+ <div class="fr-checkbox-group"><input name="archive" id="ins" type="checkbox"><label class="fr-label" for="ins">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en instruction" aria-label="en instruction">en instruction</p>
<!---->
</label></div>
@@ -1023,7 +1023,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="fpm" type="checkbox"><label class="fr-label" for="fpm">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
<!---->
</label></div>
@@ -1031,7 +1031,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_875" type="checkbox"><label class="fr-label" for="checkbox_875">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -1039,7 +1039,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_339" type="checkbox"><label class="fr-label" for="checkbox_339">
+ <div class="fr-checkbox-group"><input name="archive" id="ini" type="checkbox"><label class="fr-label" for="ini">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="initié" aria-label="initié">initié</p>
<!---->
</label></div>
@@ -1047,7 +1047,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_179" type="checkbox"><label class="fr-label" for="checkbox_179">
+ <div class="fr-checkbox-group"><input name="archive" id="rej" type="checkbox"><label class="fr-label" for="rej">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté" aria-label="rejeté">rejeté</p>
<!---->
</label></div>
@@ -1055,7 +1055,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_480" type="checkbox"><label class="fr-label" for="checkbox_480">
+ <div class="fr-checkbox-group"><input name="archive" id="rea" type="checkbox"><label class="fr-label" for="rea">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté après abrogation" aria-label="rejeté après abrogation">rejeté après abrogation</p>
<!---->
</label></div>
@@ -1063,7 +1063,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_617" type="checkbox"><label class="fr-label" for="checkbox_617">
+ <div class="fr-checkbox-group"><input name="archive" id="ter" type="checkbox"><label class="fr-label" for="ter">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_WithInitialValues.html b/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_WithInitialValues.html
index ed6562de17496148f66a5c0fba1654f2dd141d91..ab25122a0953e73ebd9ac5d6af1c7225b373ba13 100644
--- a/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_WithInitialValues.html
+++ b/packages/ui/src/components/_ui/filters/filters-checkboxes.stories_snapshots_WithInitialValues.html
@@ -2,7 +2,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input checked="" name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">
+ <div class="fr-checkbox-group"><input checked="" name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -13,7 +13,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -24,7 +24,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -35,7 +35,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -46,7 +46,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -57,7 +57,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -68,7 +68,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input checked="" name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">
+ <div class="fr-checkbox-group"><input checked="" name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -79,7 +79,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
diff --git a/packages/ui/src/components/_ui/filters/filters-checkboxes.tsx b/packages/ui/src/components/_ui/filters/filters-checkboxes.tsx
index 9c272d4edf34c7604277986a52592373e45c11cc..cb0e36ae1fd61fa2d21a60ea287c787c85fc1926 100644
--- a/packages/ui/src/components/_ui/filters/filters-checkboxes.tsx
+++ b/packages/ui/src/components/_ui/filters/filters-checkboxes.tsx
@@ -95,7 +95,12 @@ export const FiltersCheckboxes = defineComponent((props: Props) => {
{fullFilter.elements.map((element, index) => (
<li key={element.id} class={fr.cx('fr-p-1v')}>
<div style={{ display: 'flex', flexDirection: 'row' }}>
- <DsfrInputCheckbox legend={{ main: DrawComponent(props.filter, index) }} initialValue={selectedValues.value.includes(element.id)} valueChanged={checkboxToggle(element.id)} />
+ <DsfrInputCheckbox
+ id={element.id}
+ legend={{ main: DrawComponent(props.filter, index) }}
+ initialValue={selectedValues.value.includes(element.id)}
+ valueChanged={checkboxToggle(element.id)}
+ />
</div>
</li>
))}
diff --git a/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithValues.html b/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithValues.html
index 5229150f1d340d0ada24e3e959cf2f877043b672..e5130cd9b78dd068a06b3baa79291a912184bec0 100644
--- a/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithValues.html
+++ b/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithValues.html
@@ -467,35 +467,35 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Autorité
+ <div class="fr-checkbox-group"><input name="archive" id="aut" type="checkbox"><label class="fr-label" for="aut">Autorité
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">Dréal
+ <div class="fr-checkbox-group"><input name="archive" id="dre" type="checkbox"><label class="fr-label" for="dre">Dréal
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Ministère
+ <div class="fr-checkbox-group"><input name="archive" id="min" type="checkbox"><label class="fr-label" for="min">Ministère
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Opérateur
+ <div class="fr-checkbox-group"><input name="archive" id="ope" type="checkbox"><label class="fr-label" for="ope">Opérateur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">Préfecture
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Préfecture
<!---->
</label></div>
</div>
@@ -518,49 +518,49 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">Admin
+ <div class="fr-checkbox-group"><input name="archive" id="admin" type="checkbox"><label class="fr-label" for="admin">Admin
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">Bureau d'études
+ <div class="fr-checkbox-group"><input name="archive" id="bureau d'études" type="checkbox"><label class="fr-label" for="bureau d'études">Bureau d'études
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">Defaut
+ <div class="fr-checkbox-group"><input name="archive" id="defaut" type="checkbox"><label class="fr-label" for="defaut">Defaut
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Editeur
+ <div class="fr-checkbox-group"><input name="archive" id="editeur" type="checkbox"><label class="fr-label" for="editeur">Editeur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556">Entreprise
+ <div class="fr-checkbox-group"><input name="archive" id="entreprise" type="checkbox"><label class="fr-label" for="entreprise">Entreprise
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487">Lecteur
+ <div class="fr-checkbox-group"><input name="archive" id="lecteur" type="checkbox"><label class="fr-label" for="lecteur">Lecteur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796">Super
+ <div class="fr-checkbox-group"><input name="archive" id="super" type="checkbox"><label class="fr-label" for="super">Super
<!---->
</label></div>
</div>
@@ -583,56 +583,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -655,7 +655,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -666,7 +666,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -677,7 +677,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -688,7 +688,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -699,7 +699,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -710,7 +710,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -721,7 +721,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -732,7 +732,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -759,7 +759,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -767,7 +767,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -775,7 +775,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -783,7 +783,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -791,7 +791,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -799,7 +799,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -807,7 +807,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -831,56 +831,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_731" type="checkbox"><label class="fr-label" for="checkbox_731">Rapport d'exploitation (autorisations M)
+ <div class="fr-checkbox-group"><input name="archive" id="grx" type="checkbox"><label class="fr-label" for="grx">Rapport d'exploitation (autorisations M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Rapport d'exploitation (permis et concessions M)
+ <div class="fr-checkbox-group"><input name="archive" id="gra" type="checkbox"><label class="fr-label" for="gra">Rapport d'exploitation (permis et concessions M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_473" type="checkbox"><label class="fr-label" for="checkbox_473">Rapport d'exploitation (permis et concessions W)
+ <div class="fr-checkbox-group"><input name="archive" id="wrp" type="checkbox"><label class="fr-label" for="wrp">Rapport d'exploitation (permis et concessions W)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_251" type="checkbox"><label class="fr-label" for="checkbox_251">Rapport d'intensité d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pma" type="checkbox"><label class="fr-label" for="pma">Rapport d'intensité d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_292" type="checkbox"><label class="fr-label" for="checkbox_292">Rapport environnemental d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmc" type="checkbox"><label class="fr-label" for="pmc">Rapport environnemental d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_276" type="checkbox"><label class="fr-label" for="checkbox_276">Rapport financier d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmb" type="checkbox"><label class="fr-label" for="pmb">Rapport financier d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_252" type="checkbox"><label class="fr-label" for="checkbox_252">Rapport social et économique d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmd" type="checkbox"><label class="fr-label" for="pmd">Rapport social et économique d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_110" type="checkbox"><label class="fr-label" for="checkbox_110">Rapport trimestriel d'exploitation d'or en Guyane
+ <div class="fr-checkbox-group"><input name="archive" id="grp" type="checkbox"><label class="fr-label" for="grp">Rapport trimestriel d'exploitation d'or en Guyane
<!---->
</label></div>
</div>
@@ -903,7 +903,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_448" type="checkbox"><label class="fr-label" for="checkbox_448">
+ <div class="fr-checkbox-group"><input name="archive" id="abs" type="checkbox"><label class="fr-label" for="abs">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="absent" aria-label="absent">absent</p>
<!---->
</label></div>
@@ -911,7 +911,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_490" type="checkbox"><label class="fr-label" for="checkbox_490">
+ <div class="fr-checkbox-group"><input name="archive" id="fer" type="checkbox"><label class="fr-label" for="fer">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="cloturé" aria-label="cloturé">cloturé</p>
<!---->
</label></div>
@@ -919,7 +919,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_648" type="checkbox"><label class="fr-label" for="checkbox_648">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -927,7 +927,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_726" type="checkbox"><label class="fr-label" for="checkbox_726">
+ <div class="fr-checkbox-group"><input name="archive" id="enc" type="checkbox"><label class="fr-label" for="enc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -951,147 +951,147 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_380" type="checkbox"><label class="fr-label" for="checkbox_380">Amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="amo" type="checkbox"><label class="fr-label" for="amo">Amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_894" type="checkbox"><label class="fr-label" for="checkbox_894">Cession
+ <div class="fr-checkbox-group"><input name="archive" id="ces" type="checkbox"><label class="fr-label" for="ces">Cession
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">Conversion
+ <div class="fr-checkbox-group"><input name="archive" id="con" type="checkbox"><label class="fr-label" for="con">Conversion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_193" type="checkbox"><label class="fr-label" for="checkbox_193">Déchéance
+ <div class="fr-checkbox-group"><input name="archive" id="dec" type="checkbox"><label class="fr-label" for="dec">Déchéance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_557" type="checkbox"><label class="fr-label" for="checkbox_557">Demande de titre d'exploitation
+ <div class="fr-checkbox-group"><input name="archive" id="vct" type="checkbox"><label class="fr-label" for="vct">Demande de titre d'exploitation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_260" type="checkbox"><label class="fr-label" for="checkbox_260">Déplacement de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">Déplacement de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_287" type="checkbox"><label class="fr-label" for="checkbox_287">Extension de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="exp" type="checkbox"><label class="fr-label" for="exp">Extension de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_488" type="checkbox"><label class="fr-label" for="checkbox_488">Extension de substance
+ <div class="fr-checkbox-group"><input name="archive" id="exs" type="checkbox"><label class="fr-label" for="exs">Extension de substance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_800" type="checkbox"><label class="fr-label" for="checkbox_800">Fusion
+ <div class="fr-checkbox-group"><input name="archive" id="fus" type="checkbox"><label class="fr-label" for="fus">Fusion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_723" type="checkbox"><label class="fr-label" for="checkbox_723">Mutation
+ <div class="fr-checkbox-group"><input name="archive" id="mut" type="checkbox"><label class="fr-label" for="mut">Mutation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_152" type="checkbox"><label class="fr-label" for="checkbox_152">Mutation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="vut" type="checkbox"><label class="fr-label" for="vut">Mutation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_907" type="checkbox"><label class="fr-label" for="checkbox_907">Octroi
+ <div class="fr-checkbox-group"><input name="archive" id="oct" type="checkbox"><label class="fr-label" for="oct">Octroi
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_547" type="checkbox"><label class="fr-label" for="checkbox_547">Prolongation
+ <div class="fr-checkbox-group"><input name="archive" id="pro" type="checkbox"><label class="fr-label" for="pro">Prolongation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_234" type="checkbox"><label class="fr-label" for="checkbox_234">Prolongation 1
+ <div class="fr-checkbox-group"><input name="archive" id="pr1" type="checkbox"><label class="fr-label" for="pr1">Prolongation 1
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_280" type="checkbox"><label class="fr-label" for="checkbox_280">Prolongation 2
+ <div class="fr-checkbox-group"><input name="archive" id="pr2" type="checkbox"><label class="fr-label" for="pr2">Prolongation 2
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_537" type="checkbox"><label class="fr-label" for="checkbox_537">Prolongation exceptionnelle
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Prolongation exceptionnelle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_184" type="checkbox"><label class="fr-label" for="checkbox_184">Prorogation
+ <div class="fr-checkbox-group"><input name="archive" id="prr" type="checkbox"><label class="fr-label" for="prr">Prorogation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_76" type="checkbox"><label class="fr-label" for="checkbox_76">Renonciation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="rep" type="checkbox"><label class="fr-label" for="rep">Renonciation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_202" type="checkbox"><label class="fr-label" for="checkbox_202">Renonciation totale
+ <div class="fr-checkbox-group"><input name="archive" id="rec" type="checkbox"><label class="fr-label" for="rec">Renonciation totale
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">Résiliation anticipée d'amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="res" type="checkbox"><label class="fr-label" for="res">Résiliation anticipée d'amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_873" type="checkbox"><label class="fr-label" for="checkbox_873">Retrait
+ <div class="fr-checkbox-group"><input name="archive" id="ret" type="checkbox"><label class="fr-label" for="ret">Retrait
<!---->
</label></div>
</div>
@@ -1114,21 +1114,21 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_113" type="checkbox"><label class="fr-label" for="checkbox_113">Autorisation d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="aom" type="checkbox"><label class="fr-label" for="aom">Autorisation d'ouverture de travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_120" type="checkbox"><label class="fr-label" for="checkbox_120">Déclaration d'arrêt définitif des travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dam" type="checkbox"><label class="fr-label" for="dam">Déclaration d'arrêt définitif des travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_288" type="checkbox"><label class="fr-label" for="checkbox_288">Déclaration d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dot" type="checkbox"><label class="fr-label" for="dot">Déclaration d'ouverture de travaux
<!---->
</label></div>
</div>
@@ -1151,7 +1151,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_645" type="checkbox"><label class="fr-label" for="checkbox_645">
+ <div class="fr-checkbox-group"><input name="archive" id="acc" type="checkbox"><label class="fr-label" for="acc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
<!---->
</label></div>
@@ -1159,7 +1159,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_903" type="checkbox"><label class="fr-label" for="checkbox_903">
+ <div class="fr-checkbox-group"><input name="archive" id="acp" type="checkbox"><label class="fr-label" for="acp">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté et publié" aria-label="accepté et publié">accepté et publié</p>
<!---->
</label></div>
@@ -1167,7 +1167,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_244" type="checkbox"><label class="fr-label" for="checkbox_244">
+ <div class="fr-checkbox-group"><input name="archive" id="cls" type="checkbox"><label class="fr-label" for="cls">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="classé sans suite" aria-label="classé sans suite">classé sans suite</p>
<!---->
</label></div>
@@ -1175,7 +1175,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_416" type="checkbox"><label class="fr-label" for="checkbox_416">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -1183,7 +1183,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">
+ <div class="fr-checkbox-group"><input name="archive" id="des" type="checkbox"><label class="fr-label" for="des">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
<!---->
</label></div>
@@ -1191,7 +1191,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_983" type="checkbox"><label class="fr-label" for="checkbox_983">
+ <div class="fr-checkbox-group"><input name="archive" id="eco" type="checkbox"><label class="fr-label" for="eco">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -1199,7 +1199,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_694" type="checkbox"><label class="fr-label" for="checkbox_694">
+ <div class="fr-checkbox-group"><input name="archive" id="ins" type="checkbox"><label class="fr-label" for="ins">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en instruction" aria-label="en instruction">en instruction</p>
<!---->
</label></div>
@@ -1207,7 +1207,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="fpm" type="checkbox"><label class="fr-label" for="fpm">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
<!---->
</label></div>
@@ -1215,7 +1215,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_875" type="checkbox"><label class="fr-label" for="checkbox_875">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -1223,7 +1223,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_339" type="checkbox"><label class="fr-label" for="checkbox_339">
+ <div class="fr-checkbox-group"><input name="archive" id="ini" type="checkbox"><label class="fr-label" for="ini">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="initié" aria-label="initié">initié</p>
<!---->
</label></div>
@@ -1231,7 +1231,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_179" type="checkbox"><label class="fr-label" for="checkbox_179">
+ <div class="fr-checkbox-group"><input name="archive" id="rej" type="checkbox"><label class="fr-label" for="rej">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté" aria-label="rejeté">rejeté</p>
<!---->
</label></div>
@@ -1239,7 +1239,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_480" type="checkbox"><label class="fr-label" for="checkbox_480">
+ <div class="fr-checkbox-group"><input name="archive" id="rea" type="checkbox"><label class="fr-label" for="rea">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté après abrogation" aria-label="rejeté après abrogation">rejeté après abrogation</p>
<!---->
</label></div>
@@ -1247,7 +1247,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_617" type="checkbox"><label class="fr-label" for="checkbox_617">
+ <div class="fr-checkbox-group"><input name="archive" id="ter" type="checkbox"><label class="fr-label" for="ter">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithoutValues.html b/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithoutValues.html
index 4c5d0297adcf49412024660c63a5f7ff31edd1a5..e160eba410b27face0f9977593009b88aa6c9dfb 100644
--- a/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithoutValues.html
+++ b/packages/ui/src/components/_ui/filters/filters.stories_snapshots_AllFiltersWithoutValues.html
@@ -969,35 +969,35 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Autorité
+ <div class="fr-checkbox-group"><input name="archive" id="aut" type="checkbox"><label class="fr-label" for="aut">Autorité
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">Dréal
+ <div class="fr-checkbox-group"><input name="archive" id="dre" type="checkbox"><label class="fr-label" for="dre">Dréal
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Ministère
+ <div class="fr-checkbox-group"><input name="archive" id="min" type="checkbox"><label class="fr-label" for="min">Ministère
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Opérateur
+ <div class="fr-checkbox-group"><input name="archive" id="ope" type="checkbox"><label class="fr-label" for="ope">Opérateur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">Préfecture
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Préfecture
<!---->
</label></div>
</div>
@@ -1020,49 +1020,49 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">Admin
+ <div class="fr-checkbox-group"><input name="archive" id="admin" type="checkbox"><label class="fr-label" for="admin">Admin
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">Bureau d'études
+ <div class="fr-checkbox-group"><input name="archive" id="bureau d'études" type="checkbox"><label class="fr-label" for="bureau d'études">Bureau d'études
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">Defaut
+ <div class="fr-checkbox-group"><input name="archive" id="defaut" type="checkbox"><label class="fr-label" for="defaut">Defaut
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Editeur
+ <div class="fr-checkbox-group"><input name="archive" id="editeur" type="checkbox"><label class="fr-label" for="editeur">Editeur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556">Entreprise
+ <div class="fr-checkbox-group"><input name="archive" id="entreprise" type="checkbox"><label class="fr-label" for="entreprise">Entreprise
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487">Lecteur
+ <div class="fr-checkbox-group"><input name="archive" id="lecteur" type="checkbox"><label class="fr-label" for="lecteur">Lecteur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796">Super
+ <div class="fr-checkbox-group"><input name="archive" id="super" type="checkbox"><label class="fr-label" for="super">Super
<!---->
</label></div>
</div>
@@ -1085,56 +1085,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -1157,7 +1157,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -1168,7 +1168,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -1179,7 +1179,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -1190,7 +1190,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -1201,7 +1201,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -1212,7 +1212,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -1223,7 +1223,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -1234,7 +1234,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -1261,7 +1261,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -1269,7 +1269,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -1277,7 +1277,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -1285,7 +1285,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -1293,7 +1293,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -1301,7 +1301,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -1309,7 +1309,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -1333,56 +1333,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_731" type="checkbox"><label class="fr-label" for="checkbox_731">Rapport d'exploitation (autorisations M)
+ <div class="fr-checkbox-group"><input name="archive" id="grx" type="checkbox"><label class="fr-label" for="grx">Rapport d'exploitation (autorisations M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Rapport d'exploitation (permis et concessions M)
+ <div class="fr-checkbox-group"><input name="archive" id="gra" type="checkbox"><label class="fr-label" for="gra">Rapport d'exploitation (permis et concessions M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_473" type="checkbox"><label class="fr-label" for="checkbox_473">Rapport d'exploitation (permis et concessions W)
+ <div class="fr-checkbox-group"><input name="archive" id="wrp" type="checkbox"><label class="fr-label" for="wrp">Rapport d'exploitation (permis et concessions W)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_251" type="checkbox"><label class="fr-label" for="checkbox_251">Rapport d'intensité d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pma" type="checkbox"><label class="fr-label" for="pma">Rapport d'intensité d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_292" type="checkbox"><label class="fr-label" for="checkbox_292">Rapport environnemental d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmc" type="checkbox"><label class="fr-label" for="pmc">Rapport environnemental d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_276" type="checkbox"><label class="fr-label" for="checkbox_276">Rapport financier d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmb" type="checkbox"><label class="fr-label" for="pmb">Rapport financier d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_252" type="checkbox"><label class="fr-label" for="checkbox_252">Rapport social et économique d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmd" type="checkbox"><label class="fr-label" for="pmd">Rapport social et économique d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_110" type="checkbox"><label class="fr-label" for="checkbox_110">Rapport trimestriel d'exploitation d'or en Guyane
+ <div class="fr-checkbox-group"><input name="archive" id="grp" type="checkbox"><label class="fr-label" for="grp">Rapport trimestriel d'exploitation d'or en Guyane
<!---->
</label></div>
</div>
@@ -1405,7 +1405,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_448" type="checkbox"><label class="fr-label" for="checkbox_448">
+ <div class="fr-checkbox-group"><input name="archive" id="abs" type="checkbox"><label class="fr-label" for="abs">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="absent" aria-label="absent">absent</p>
<!---->
</label></div>
@@ -1413,7 +1413,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_490" type="checkbox"><label class="fr-label" for="checkbox_490">
+ <div class="fr-checkbox-group"><input name="archive" id="fer" type="checkbox"><label class="fr-label" for="fer">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="cloturé" aria-label="cloturé">cloturé</p>
<!---->
</label></div>
@@ -1421,7 +1421,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_648" type="checkbox"><label class="fr-label" for="checkbox_648">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -1429,7 +1429,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_726" type="checkbox"><label class="fr-label" for="checkbox_726">
+ <div class="fr-checkbox-group"><input name="archive" id="enc" type="checkbox"><label class="fr-label" for="enc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -1453,147 +1453,147 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_380" type="checkbox"><label class="fr-label" for="checkbox_380">Amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="amo" type="checkbox"><label class="fr-label" for="amo">Amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_894" type="checkbox"><label class="fr-label" for="checkbox_894">Cession
+ <div class="fr-checkbox-group"><input name="archive" id="ces" type="checkbox"><label class="fr-label" for="ces">Cession
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">Conversion
+ <div class="fr-checkbox-group"><input name="archive" id="con" type="checkbox"><label class="fr-label" for="con">Conversion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_193" type="checkbox"><label class="fr-label" for="checkbox_193">Déchéance
+ <div class="fr-checkbox-group"><input name="archive" id="dec" type="checkbox"><label class="fr-label" for="dec">Déchéance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_557" type="checkbox"><label class="fr-label" for="checkbox_557">Demande de titre d'exploitation
+ <div class="fr-checkbox-group"><input name="archive" id="vct" type="checkbox"><label class="fr-label" for="vct">Demande de titre d'exploitation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_260" type="checkbox"><label class="fr-label" for="checkbox_260">Déplacement de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">Déplacement de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_287" type="checkbox"><label class="fr-label" for="checkbox_287">Extension de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="exp" type="checkbox"><label class="fr-label" for="exp">Extension de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_488" type="checkbox"><label class="fr-label" for="checkbox_488">Extension de substance
+ <div class="fr-checkbox-group"><input name="archive" id="exs" type="checkbox"><label class="fr-label" for="exs">Extension de substance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_800" type="checkbox"><label class="fr-label" for="checkbox_800">Fusion
+ <div class="fr-checkbox-group"><input name="archive" id="fus" type="checkbox"><label class="fr-label" for="fus">Fusion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_723" type="checkbox"><label class="fr-label" for="checkbox_723">Mutation
+ <div class="fr-checkbox-group"><input name="archive" id="mut" type="checkbox"><label class="fr-label" for="mut">Mutation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_152" type="checkbox"><label class="fr-label" for="checkbox_152">Mutation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="vut" type="checkbox"><label class="fr-label" for="vut">Mutation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_907" type="checkbox"><label class="fr-label" for="checkbox_907">Octroi
+ <div class="fr-checkbox-group"><input name="archive" id="oct" type="checkbox"><label class="fr-label" for="oct">Octroi
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_547" type="checkbox"><label class="fr-label" for="checkbox_547">Prolongation
+ <div class="fr-checkbox-group"><input name="archive" id="pro" type="checkbox"><label class="fr-label" for="pro">Prolongation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_234" type="checkbox"><label class="fr-label" for="checkbox_234">Prolongation 1
+ <div class="fr-checkbox-group"><input name="archive" id="pr1" type="checkbox"><label class="fr-label" for="pr1">Prolongation 1
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_280" type="checkbox"><label class="fr-label" for="checkbox_280">Prolongation 2
+ <div class="fr-checkbox-group"><input name="archive" id="pr2" type="checkbox"><label class="fr-label" for="pr2">Prolongation 2
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_537" type="checkbox"><label class="fr-label" for="checkbox_537">Prolongation exceptionnelle
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Prolongation exceptionnelle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_184" type="checkbox"><label class="fr-label" for="checkbox_184">Prorogation
+ <div class="fr-checkbox-group"><input name="archive" id="prr" type="checkbox"><label class="fr-label" for="prr">Prorogation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_76" type="checkbox"><label class="fr-label" for="checkbox_76">Renonciation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="rep" type="checkbox"><label class="fr-label" for="rep">Renonciation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_202" type="checkbox"><label class="fr-label" for="checkbox_202">Renonciation totale
+ <div class="fr-checkbox-group"><input name="archive" id="rec" type="checkbox"><label class="fr-label" for="rec">Renonciation totale
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">Résiliation anticipée d'amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="res" type="checkbox"><label class="fr-label" for="res">Résiliation anticipée d'amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_873" type="checkbox"><label class="fr-label" for="checkbox_873">Retrait
+ <div class="fr-checkbox-group"><input name="archive" id="ret" type="checkbox"><label class="fr-label" for="ret">Retrait
<!---->
</label></div>
</div>
@@ -1616,21 +1616,21 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_113" type="checkbox"><label class="fr-label" for="checkbox_113">Autorisation d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="aom" type="checkbox"><label class="fr-label" for="aom">Autorisation d'ouverture de travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_120" type="checkbox"><label class="fr-label" for="checkbox_120">Déclaration d'arrêt définitif des travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dam" type="checkbox"><label class="fr-label" for="dam">Déclaration d'arrêt définitif des travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_288" type="checkbox"><label class="fr-label" for="checkbox_288">Déclaration d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dot" type="checkbox"><label class="fr-label" for="dot">Déclaration d'ouverture de travaux
<!---->
</label></div>
</div>
@@ -1653,7 +1653,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_645" type="checkbox"><label class="fr-label" for="checkbox_645">
+ <div class="fr-checkbox-group"><input name="archive" id="acc" type="checkbox"><label class="fr-label" for="acc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
<!---->
</label></div>
@@ -1661,7 +1661,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_903" type="checkbox"><label class="fr-label" for="checkbox_903">
+ <div class="fr-checkbox-group"><input name="archive" id="acp" type="checkbox"><label class="fr-label" for="acp">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté et publié" aria-label="accepté et publié">accepté et publié</p>
<!---->
</label></div>
@@ -1669,7 +1669,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_244" type="checkbox"><label class="fr-label" for="checkbox_244">
+ <div class="fr-checkbox-group"><input name="archive" id="cls" type="checkbox"><label class="fr-label" for="cls">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="classé sans suite" aria-label="classé sans suite">classé sans suite</p>
<!---->
</label></div>
@@ -1677,7 +1677,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_416" type="checkbox"><label class="fr-label" for="checkbox_416">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -1685,7 +1685,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">
+ <div class="fr-checkbox-group"><input name="archive" id="des" type="checkbox"><label class="fr-label" for="des">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
<!---->
</label></div>
@@ -1693,7 +1693,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_983" type="checkbox"><label class="fr-label" for="checkbox_983">
+ <div class="fr-checkbox-group"><input name="archive" id="eco" type="checkbox"><label class="fr-label" for="eco">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -1701,7 +1701,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_694" type="checkbox"><label class="fr-label" for="checkbox_694">
+ <div class="fr-checkbox-group"><input name="archive" id="ins" type="checkbox"><label class="fr-label" for="ins">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en instruction" aria-label="en instruction">en instruction</p>
<!---->
</label></div>
@@ -1709,7 +1709,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="fpm" type="checkbox"><label class="fr-label" for="fpm">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
<!---->
</label></div>
@@ -1717,7 +1717,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_875" type="checkbox"><label class="fr-label" for="checkbox_875">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -1725,7 +1725,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_339" type="checkbox"><label class="fr-label" for="checkbox_339">
+ <div class="fr-checkbox-group"><input name="archive" id="ini" type="checkbox"><label class="fr-label" for="ini">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="initié" aria-label="initié">initié</p>
<!---->
</label></div>
@@ -1733,7 +1733,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_179" type="checkbox"><label class="fr-label" for="checkbox_179">
+ <div class="fr-checkbox-group"><input name="archive" id="rej" type="checkbox"><label class="fr-label" for="rej">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté" aria-label="rejeté">rejeté</p>
<!---->
</label></div>
@@ -1741,7 +1741,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_480" type="checkbox"><label class="fr-label" for="checkbox_480">
+ <div class="fr-checkbox-group"><input name="archive" id="rea" type="checkbox"><label class="fr-label" for="rea">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté après abrogation" aria-label="rejeté après abrogation">rejeté après abrogation</p>
<!---->
</label></div>
@@ -1749,7 +1749,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_617" type="checkbox"><label class="fr-label" for="checkbox_617">
+ <div class="fr-checkbox-group"><input name="archive" id="ter" type="checkbox"><label class="fr-label" for="ter">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/activites.stories_snapshots_Full.html b/packages/ui/src/components/activites.stories_snapshots_Full.html
index 0974cd32992c67e7342722866052c12f454bc33c..ba1935f8bb689f1d03d1dfbaf781a1726230ef4c 100644
--- a/packages/ui/src/components/activites.stories_snapshots_Full.html
+++ b/packages/ui/src/components/activites.stories_snapshots_Full.html
@@ -396,7 +396,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -407,7 +407,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -418,7 +418,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -429,7 +429,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -440,7 +440,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -451,7 +451,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -462,7 +462,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -473,7 +473,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -500,56 +500,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -572,7 +572,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -580,7 +580,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -588,7 +588,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -596,7 +596,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -604,7 +604,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -612,7 +612,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -620,7 +620,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -710,56 +710,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">Rapport d'exploitation (autorisations M)
+ <div class="fr-checkbox-group"><input name="archive" id="grx" type="checkbox"><label class="fr-label" for="grx">Rapport d'exploitation (autorisations M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">Rapport d'exploitation (permis et concessions M)
+ <div class="fr-checkbox-group"><input name="archive" id="gra" type="checkbox"><label class="fr-label" for="gra">Rapport d'exploitation (permis et concessions M)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">Rapport d'exploitation (permis et concessions W)
+ <div class="fr-checkbox-group"><input name="archive" id="wrp" type="checkbox"><label class="fr-label" for="wrp">Rapport d'exploitation (permis et concessions W)
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">Rapport d'intensité d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pma" type="checkbox"><label class="fr-label" for="pma">Rapport d'intensité d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">Rapport environnemental d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmc" type="checkbox"><label class="fr-label" for="pmc">Rapport environnemental d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">Rapport financier d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmb" type="checkbox"><label class="fr-label" for="pmb">Rapport financier d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">Rapport social et économique d'exploration
+ <div class="fr-checkbox-group"><input name="archive" id="pmd" type="checkbox"><label class="fr-label" for="pmd">Rapport social et économique d'exploration
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">Rapport trimestriel d'exploitation d'or en Guyane
+ <div class="fr-checkbox-group"><input name="archive" id="grp" type="checkbox"><label class="fr-label" for="grp">Rapport trimestriel d'exploitation d'or en Guyane
<!---->
</label></div>
</div>
@@ -782,7 +782,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">
+ <div class="fr-checkbox-group"><input name="archive" id="abs" type="checkbox"><label class="fr-label" for="abs">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="absent" aria-label="absent">absent</p>
<!---->
</label></div>
@@ -790,7 +790,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">
+ <div class="fr-checkbox-group"><input name="archive" id="fer" type="checkbox"><label class="fr-label" for="fer">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="cloturé" aria-label="cloturé">cloturé</p>
<!---->
</label></div>
@@ -798,7 +798,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -806,7 +806,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">
+ <div class="fr-checkbox-group"><input name="archive" id="enc" type="checkbox"><label class="fr-label" for="enc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/administrations.stories_snapshots_Default.html b/packages/ui/src/components/administrations.stories_snapshots_Default.html
index 1696c9313c4fc0105540e991d8457492b6d975ca..5c898d471d5c07b8e5c057fab604c5f8ee057c71 100644
--- a/packages/ui/src/components/administrations.stories_snapshots_Default.html
+++ b/packages/ui/src/components/administrations.stories_snapshots_Default.html
@@ -971,35 +971,35 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Autorité
+ <div class="fr-checkbox-group"><input name="archive" id="aut" type="checkbox"><label class="fr-label" for="aut">Autorité
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">Dréal
+ <div class="fr-checkbox-group"><input name="archive" id="dre" type="checkbox"><label class="fr-label" for="dre">Dréal
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Ministère
+ <div class="fr-checkbox-group"><input name="archive" id="min" type="checkbox"><label class="fr-label" for="min">Ministère
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Opérateur
+ <div class="fr-checkbox-group"><input name="archive" id="ope" type="checkbox"><label class="fr-label" for="ope">Opérateur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">Préfecture
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Préfecture
<!---->
</label></div>
</div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories.tsx b/packages/ui/src/components/demarche/demarche-etape.stories.tsx
index 512a4a5af93f9232e7e568b9bb38fa27d3be0c21..da6b3df83d75af60b62a6ca6dbf7b38bda5622f4 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories.tsx
+++ b/packages/ui/src/components/demarche/demarche-etape.stories.tsx
@@ -17,6 +17,7 @@ import { DemarcheEtapeFondamentale, demarcheIdValidator } from 'camino-common/sr
import { DemarchesStatutsIds } from 'camino-common/src/static/demarchesStatuts'
import { ETAPES_TYPES } from 'camino-common/src/static/etapesTypes'
import { ETAPES_STATUTS } from 'camino-common/src/static/etapesStatuts'
+import { AVIS_STATUTS, AVIS_TYPES, AvisVisibilityIds } from 'camino-common/src/static/avisTypes'
const meta: Meta = {
title: 'Components/Demarche/Etape',
@@ -1307,6 +1308,59 @@ export const AvisDesServices: StoryFn = () => (
/>
)
+export const AvisDesServicesSansTelechargerToutLesDocuments: StoryFn = () => (
+ <DemarcheEtape
+ titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+ demarche={{
+ id: demarcheIdValidator.parse('demarcheId'),
+ demarche_statut_id: DemarchesStatutsIds.EnInstruction,
+ demarche_type_id: 'oct',
+ titulaireIds: [entrepriseIdValidator.parse('titulaire1')],
+ administrationsLocales: [],
+ sdom_zones: [],
+ etapes: [],
+ communes: [],
+ }}
+ router={routerPushMock}
+ user={{ ...testBlankUser, role: 'super' }}
+ etape={{
+ id: etapeIdValidator.parse('etapeId'),
+ slug: etapeSlugValidator.parse('etape-slug'),
+ note: { valeur: '', is_avertissement: false },
+ etape_type_id: EtapesTypesEtapesStatuts.avisDesServicesEtCommissionsConsultatives.FAIT.etapeTypeId,
+ etape_statut_id: EtapesTypesEtapesStatuts.avisDesServicesEtCommissionsConsultatives.FAIT.etapeStatutId,
+ is_brouillon: ETAPE_IS_BROUILLON,
+ date,
+ sections_with_values: [],
+ etape_documents: [],
+ entreprises_documents: [],
+ avis_documents: [
+ {
+ id: etapeAvisIdValidator.parse('avis'),
+ has_file: false,
+ description: '',
+ date: toCaminoDate('2025-01-01'),
+ avis_visibility_id: AvisVisibilityIds.Public,
+ avis_type_id: AVIS_TYPES.autreAvis,
+ avis_statut_id: AVIS_STATUTS.Favorable,
+ },
+ {
+ id: etapeAvisIdValidator.parse('avis2'),
+ has_file: true,
+ description: '',
+ date: toCaminoDate('2025-01-01'),
+ avis_visibility_id: AvisVisibilityIds.Public,
+ avis_type_id: AVIS_TYPES.autreAvis,
+ avis_statut_id: AVIS_STATUTS.Favorable,
+ },
+ ],
+ }}
+ apiClient={apiClient}
+ currentDate={toCaminoDate('3000-01-01')}
+ entreprises={entreprises}
+ />
+)
+
export const EtapeAvecNoteAvertissement: StoryFn = () => (
<DemarcheEtape
titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServicesSansTelechargerToutLesDocuments.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServicesSansTelechargerToutLesDocuments.html
new file mode 100644
index 0000000000000000000000000000000000000000..5fb9c0a44b05c1ca21e86b4523b40706af3862c3
--- /dev/null
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServicesSansTelechargerToutLesDocuments.html
@@ -0,0 +1,63 @@
+<div class="fr-pb-2w fr-pl-2w fr-pr-2w fr-tile--shadow">
+ <div class="_sticky_964a6e fr-pt-1w">
+ <div style="display: flex; justify-content: space-between; align-items: center;">
+ <div style="display: flex;">
+ <h4 class="fr-text--lg fr-mb-0" style="color: var(--text-title-blue-france); font-weight: 500;">Avis des services et commissions consultatives</h4>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-ml-1w fr-badge--new fr-badge--no-icon fr-ml-1w" title="Brouillon de l'étape Avis des services et commissions consultatives" aria-label="Brouillon de l'étape Avis des services et commissions consultatives">Brouillon</p>
+ </div>
+ <div style="display: flex; gap: 0.25rem;">
+ <!----><button class="fr-btn fr-btn--primary fr-btn--md" disabled="" title="Finaliser l'étape" aria-label="Finaliser l'étape" type="button">Finaliser</button><a href="/mocked-href" title="Modifier l’étape" class="fr-btn fr-btn--secondary fr-icon-pencil-line" aria-label="Modifier l’étape">Modifier l’étape</a><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer l’étape" aria-label="Supprimer l’étape" type="button">
+ <!---->
+ </button>
+ <!---->
+ </div>
+ </div>
+ <!---->
+ <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+ </div>
+ <!---->
+ <!---->
+ <!---->
+ <!---->
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre avis</span></td>
+ <td><span class="">01-01-2025</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/avisDocument/avis2" title="Télécharger l'avis Autre avis - nouvelle fenêtre" target="_blank">Autre avis</a></td>
+ <td><span class="">01-01-2025</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ <td><span class="">Public</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!---->
+ <!---->
+</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/demarche/demarche-etape.tsx b/packages/ui/src/components/demarche/demarche-etape.tsx
index 1e5ae79440f20fc62263b89d7ad207563e2284e4..841f4b05a56fa3c0a823f1a6b2f969dc9a26c443 100644
--- a/packages/ui/src/components/demarche/demarche-etape.tsx
+++ b/packages/ui/src/components/demarche/demarche-etape.tsx
@@ -134,7 +134,7 @@ export const DemarcheEtape = defineComponent<Props>(props => {
}
const canDownloadZip = computed<boolean>(() => {
- return props.etape.avis_documents.length + props.etape.entreprises_documents.length + props.etape.etape_documents.length > 1
+ return props.etape.avis_documents.filter(({ has_file }) => has_file).length + props.etape.entreprises_documents.length + props.etape.etape_documents.length > 1
})
const canDelete = computed<boolean>(() =>
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html b/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html
index ad17cdb91c46507195b75c5b8de6746a49776e1a..469765004d7dffcac05af960a2957e26408a8f69 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html
@@ -272,7 +272,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -283,7 +283,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -294,7 +294,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -305,7 +305,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -316,7 +316,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -327,7 +327,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -338,7 +338,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -349,7 +349,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -376,56 +376,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -448,7 +448,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -456,7 +456,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -464,7 +464,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -472,7 +472,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -480,7 +480,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -488,7 +488,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -496,7 +496,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -759,147 +759,147 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">Amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="amo" type="checkbox"><label class="fr-label" for="amo">Amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">Cession
+ <div class="fr-checkbox-group"><input name="archive" id="ces" type="checkbox"><label class="fr-label" for="ces">Cession
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">Conversion
+ <div class="fr-checkbox-group"><input name="archive" id="con" type="checkbox"><label class="fr-label" for="con">Conversion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">Déchéance
+ <div class="fr-checkbox-group"><input name="archive" id="dec" type="checkbox"><label class="fr-label" for="dec">Déchéance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">Demande de titre d'exploitation
+ <div class="fr-checkbox-group"><input name="archive" id="vct" type="checkbox"><label class="fr-label" for="vct">Demande de titre d'exploitation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">Déplacement de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">Déplacement de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">Extension de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="exp" type="checkbox"><label class="fr-label" for="exp">Extension de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">Extension de substance
+ <div class="fr-checkbox-group"><input name="archive" id="exs" type="checkbox"><label class="fr-label" for="exs">Extension de substance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">Fusion
+ <div class="fr-checkbox-group"><input name="archive" id="fus" type="checkbox"><label class="fr-label" for="fus">Fusion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">Mutation
+ <div class="fr-checkbox-group"><input name="archive" id="mut" type="checkbox"><label class="fr-label" for="mut">Mutation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">Mutation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="vut" type="checkbox"><label class="fr-label" for="vut">Mutation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">Octroi
+ <div class="fr-checkbox-group"><input name="archive" id="oct" type="checkbox"><label class="fr-label" for="oct">Octroi
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_731" type="checkbox"><label class="fr-label" for="checkbox_731">Prolongation
+ <div class="fr-checkbox-group"><input name="archive" id="pro" type="checkbox"><label class="fr-label" for="pro">Prolongation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Prolongation 1
+ <div class="fr-checkbox-group"><input name="archive" id="pr1" type="checkbox"><label class="fr-label" for="pr1">Prolongation 1
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_473" type="checkbox"><label class="fr-label" for="checkbox_473">Prolongation 2
+ <div class="fr-checkbox-group"><input name="archive" id="pr2" type="checkbox"><label class="fr-label" for="pr2">Prolongation 2
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_251" type="checkbox"><label class="fr-label" for="checkbox_251">Prolongation exceptionnelle
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Prolongation exceptionnelle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_292" type="checkbox"><label class="fr-label" for="checkbox_292">Prorogation
+ <div class="fr-checkbox-group"><input name="archive" id="prr" type="checkbox"><label class="fr-label" for="prr">Prorogation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_276" type="checkbox"><label class="fr-label" for="checkbox_276">Renonciation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="rep" type="checkbox"><label class="fr-label" for="rep">Renonciation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_252" type="checkbox"><label class="fr-label" for="checkbox_252">Renonciation totale
+ <div class="fr-checkbox-group"><input name="archive" id="rec" type="checkbox"><label class="fr-label" for="rec">Renonciation totale
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_110" type="checkbox"><label class="fr-label" for="checkbox_110">Résiliation anticipée d'amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="res" type="checkbox"><label class="fr-label" for="res">Résiliation anticipée d'amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_448" type="checkbox"><label class="fr-label" for="checkbox_448">Retrait
+ <div class="fr-checkbox-group"><input name="archive" id="ret" type="checkbox"><label class="fr-label" for="ret">Retrait
<!---->
</label></div>
</div>
@@ -922,7 +922,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_490" type="checkbox"><label class="fr-label" for="checkbox_490">
+ <div class="fr-checkbox-group"><input name="archive" id="acc" type="checkbox"><label class="fr-label" for="acc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
<!---->
</label></div>
@@ -930,7 +930,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_648" type="checkbox"><label class="fr-label" for="checkbox_648">
+ <div class="fr-checkbox-group"><input name="archive" id="acp" type="checkbox"><label class="fr-label" for="acp">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté et publié" aria-label="accepté et publié">accepté et publié</p>
<!---->
</label></div>
@@ -938,7 +938,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_726" type="checkbox"><label class="fr-label" for="checkbox_726">
+ <div class="fr-checkbox-group"><input name="archive" id="cls" type="checkbox"><label class="fr-label" for="cls">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="classé sans suite" aria-label="classé sans suite">classé sans suite</p>
<!---->
</label></div>
@@ -946,7 +946,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_380" type="checkbox"><label class="fr-label" for="checkbox_380">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -954,7 +954,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_894" type="checkbox"><label class="fr-label" for="checkbox_894">
+ <div class="fr-checkbox-group"><input name="archive" id="des" type="checkbox"><label class="fr-label" for="des">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
<!---->
</label></div>
@@ -962,7 +962,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">
+ <div class="fr-checkbox-group"><input name="archive" id="eco" type="checkbox"><label class="fr-label" for="eco">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -970,7 +970,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_193" type="checkbox"><label class="fr-label" for="checkbox_193">
+ <div class="fr-checkbox-group"><input name="archive" id="ins" type="checkbox"><label class="fr-label" for="ins">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en instruction" aria-label="en instruction">en instruction</p>
<!---->
</label></div>
@@ -978,7 +978,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_557" type="checkbox"><label class="fr-label" for="checkbox_557">
+ <div class="fr-checkbox-group"><input name="archive" id="fpm" type="checkbox"><label class="fr-label" for="fpm">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
<!---->
</label></div>
@@ -986,7 +986,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_260" type="checkbox"><label class="fr-label" for="checkbox_260">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -994,7 +994,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_287" type="checkbox"><label class="fr-label" for="checkbox_287">
+ <div class="fr-checkbox-group"><input name="archive" id="ini" type="checkbox"><label class="fr-label" for="ini">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="initié" aria-label="initié">initié</p>
<!---->
</label></div>
@@ -1002,7 +1002,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_488" type="checkbox"><label class="fr-label" for="checkbox_488">
+ <div class="fr-checkbox-group"><input name="archive" id="rej" type="checkbox"><label class="fr-label" for="rej">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté" aria-label="rejeté">rejeté</p>
<!---->
</label></div>
@@ -1010,7 +1010,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_800" type="checkbox"><label class="fr-label" for="checkbox_800">
+ <div class="fr-checkbox-group"><input name="archive" id="rea" type="checkbox"><label class="fr-label" for="rea">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté après abrogation" aria-label="rejeté après abrogation">rejeté après abrogation</p>
<!---->
</label></div>
@@ -1018,7 +1018,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_723" type="checkbox"><label class="fr-label" for="checkbox_723">
+ <div class="fr-checkbox-group"><input name="archive" id="ter" type="checkbox"><label class="fr-label" for="ter">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html b/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html
index 6a48ee4e9647d3a29fa447a13382b77f9a2582bb..6a06f9f1828a18727642b8f28edd8893baa05eb0 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html
@@ -161,7 +161,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -172,7 +172,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -183,7 +183,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -194,7 +194,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -205,7 +205,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -216,7 +216,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -227,7 +227,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -238,7 +238,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -265,56 +265,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -337,7 +337,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -345,7 +345,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -353,7 +353,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -361,7 +361,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -369,7 +369,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -377,7 +377,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -385,7 +385,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -648,147 +648,147 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">Amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="amo" type="checkbox"><label class="fr-label" for="amo">Amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">Cession
+ <div class="fr-checkbox-group"><input name="archive" id="ces" type="checkbox"><label class="fr-label" for="ces">Cession
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">Conversion
+ <div class="fr-checkbox-group"><input name="archive" id="con" type="checkbox"><label class="fr-label" for="con">Conversion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">Déchéance
+ <div class="fr-checkbox-group"><input name="archive" id="dec" type="checkbox"><label class="fr-label" for="dec">Déchéance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">Demande de titre d'exploitation
+ <div class="fr-checkbox-group"><input name="archive" id="vct" type="checkbox"><label class="fr-label" for="vct">Demande de titre d'exploitation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">Déplacement de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">Déplacement de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">Extension de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="exp" type="checkbox"><label class="fr-label" for="exp">Extension de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">Extension de substance
+ <div class="fr-checkbox-group"><input name="archive" id="exs" type="checkbox"><label class="fr-label" for="exs">Extension de substance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">Fusion
+ <div class="fr-checkbox-group"><input name="archive" id="fus" type="checkbox"><label class="fr-label" for="fus">Fusion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">Mutation
+ <div class="fr-checkbox-group"><input name="archive" id="mut" type="checkbox"><label class="fr-label" for="mut">Mutation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">Mutation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="vut" type="checkbox"><label class="fr-label" for="vut">Mutation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">Octroi
+ <div class="fr-checkbox-group"><input name="archive" id="oct" type="checkbox"><label class="fr-label" for="oct">Octroi
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_731" type="checkbox"><label class="fr-label" for="checkbox_731">Prolongation
+ <div class="fr-checkbox-group"><input name="archive" id="pro" type="checkbox"><label class="fr-label" for="pro">Prolongation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Prolongation 1
+ <div class="fr-checkbox-group"><input name="archive" id="pr1" type="checkbox"><label class="fr-label" for="pr1">Prolongation 1
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_473" type="checkbox"><label class="fr-label" for="checkbox_473">Prolongation 2
+ <div class="fr-checkbox-group"><input name="archive" id="pr2" type="checkbox"><label class="fr-label" for="pr2">Prolongation 2
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_251" type="checkbox"><label class="fr-label" for="checkbox_251">Prolongation exceptionnelle
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Prolongation exceptionnelle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_292" type="checkbox"><label class="fr-label" for="checkbox_292">Prorogation
+ <div class="fr-checkbox-group"><input name="archive" id="prr" type="checkbox"><label class="fr-label" for="prr">Prorogation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_276" type="checkbox"><label class="fr-label" for="checkbox_276">Renonciation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="rep" type="checkbox"><label class="fr-label" for="rep">Renonciation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_252" type="checkbox"><label class="fr-label" for="checkbox_252">Renonciation totale
+ <div class="fr-checkbox-group"><input name="archive" id="rec" type="checkbox"><label class="fr-label" for="rec">Renonciation totale
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_110" type="checkbox"><label class="fr-label" for="checkbox_110">Résiliation anticipée d'amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="res" type="checkbox"><label class="fr-label" for="res">Résiliation anticipée d'amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_448" type="checkbox"><label class="fr-label" for="checkbox_448">Retrait
+ <div class="fr-checkbox-group"><input name="archive" id="ret" type="checkbox"><label class="fr-label" for="ret">Retrait
<!---->
</label></div>
</div>
@@ -811,7 +811,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_490" type="checkbox"><label class="fr-label" for="checkbox_490">
+ <div class="fr-checkbox-group"><input name="archive" id="acc" type="checkbox"><label class="fr-label" for="acc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
<!---->
</label></div>
@@ -819,7 +819,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_648" type="checkbox"><label class="fr-label" for="checkbox_648">
+ <div class="fr-checkbox-group"><input name="archive" id="acp" type="checkbox"><label class="fr-label" for="acp">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté et publié" aria-label="accepté et publié">accepté et publié</p>
<!---->
</label></div>
@@ -827,7 +827,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_726" type="checkbox"><label class="fr-label" for="checkbox_726">
+ <div class="fr-checkbox-group"><input name="archive" id="cls" type="checkbox"><label class="fr-label" for="cls">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="classé sans suite" aria-label="classé sans suite">classé sans suite</p>
<!---->
</label></div>
@@ -835,7 +835,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_380" type="checkbox"><label class="fr-label" for="checkbox_380">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -843,7 +843,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_894" type="checkbox"><label class="fr-label" for="checkbox_894">
+ <div class="fr-checkbox-group"><input name="archive" id="des" type="checkbox"><label class="fr-label" for="des">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
<!---->
</label></div>
@@ -851,7 +851,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">
+ <div class="fr-checkbox-group"><input name="archive" id="eco" type="checkbox"><label class="fr-label" for="eco">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -859,7 +859,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_193" type="checkbox"><label class="fr-label" for="checkbox_193">
+ <div class="fr-checkbox-group"><input name="archive" id="ins" type="checkbox"><label class="fr-label" for="ins">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en instruction" aria-label="en instruction">en instruction</p>
<!---->
</label></div>
@@ -867,7 +867,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_557" type="checkbox"><label class="fr-label" for="checkbox_557">
+ <div class="fr-checkbox-group"><input name="archive" id="fpm" type="checkbox"><label class="fr-label" for="fpm">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
<!---->
</label></div>
@@ -875,7 +875,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_260" type="checkbox"><label class="fr-label" for="checkbox_260">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -883,7 +883,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_287" type="checkbox"><label class="fr-label" for="checkbox_287">
+ <div class="fr-checkbox-group"><input name="archive" id="ini" type="checkbox"><label class="fr-label" for="ini">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="initié" aria-label="initié">initié</p>
<!---->
</label></div>
@@ -891,7 +891,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_488" type="checkbox"><label class="fr-label" for="checkbox_488">
+ <div class="fr-checkbox-group"><input name="archive" id="rej" type="checkbox"><label class="fr-label" for="rej">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté" aria-label="rejeté">rejeté</p>
<!---->
</label></div>
@@ -899,7 +899,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_800" type="checkbox"><label class="fr-label" for="checkbox_800">
+ <div class="fr-checkbox-group"><input name="archive" id="rea" type="checkbox"><label class="fr-label" for="rea">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté après abrogation" aria-label="rejeté après abrogation">rejeté après abrogation</p>
<!---->
</label></div>
@@ -907,7 +907,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_723" type="checkbox"><label class="fr-label" for="checkbox_723">
+ <div class="fr-checkbox-group"><input name="archive" id="ter" type="checkbox"><label class="fr-label" for="ter">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html b/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html
index 5ace57d41ea4c0193285daaab35e8486ff9be6aa..6d964e6f271058d08e0ea4fe3f897b9dfe05ee33 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html
@@ -272,7 +272,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -283,7 +283,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -294,7 +294,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -305,7 +305,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -316,7 +316,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -327,7 +327,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -338,7 +338,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -349,7 +349,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -376,56 +376,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -448,7 +448,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -456,7 +456,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -464,7 +464,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -472,7 +472,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -480,7 +480,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -488,7 +488,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -496,7 +496,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -759,21 +759,21 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">Autorisation d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="aom" type="checkbox"><label class="fr-label" for="aom">Autorisation d'ouverture de travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">Déclaration d'arrêt définitif des travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dam" type="checkbox"><label class="fr-label" for="dam">Déclaration d'arrêt définitif des travaux
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">Déclaration d'ouverture de travaux
+ <div class="fr-checkbox-group"><input name="archive" id="dot" type="checkbox"><label class="fr-label" for="dot">Déclaration d'ouverture de travaux
<!---->
</label></div>
</div>
@@ -796,7 +796,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">
+ <div class="fr-checkbox-group"><input name="archive" id="acc" type="checkbox"><label class="fr-label" for="acc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
<!---->
</label></div>
@@ -804,7 +804,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">
+ <div class="fr-checkbox-group"><input name="archive" id="acp" type="checkbox"><label class="fr-label" for="acp">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté et publié" aria-label="accepté et publié">accepté et publié</p>
<!---->
</label></div>
@@ -812,7 +812,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">
+ <div class="fr-checkbox-group"><input name="archive" id="cls" type="checkbox"><label class="fr-label" for="cls">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="classé sans suite" aria-label="classé sans suite">classé sans suite</p>
<!---->
</label></div>
@@ -820,7 +820,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -828,7 +828,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">
+ <div class="fr-checkbox-group"><input name="archive" id="des" type="checkbox"><label class="fr-label" for="des">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
<!---->
</label></div>
@@ -836,7 +836,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">
+ <div class="fr-checkbox-group"><input name="archive" id="eco" type="checkbox"><label class="fr-label" for="eco">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -844,7 +844,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">
+ <div class="fr-checkbox-group"><input name="archive" id="ins" type="checkbox"><label class="fr-label" for="ins">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en instruction" aria-label="en instruction">en instruction</p>
<!---->
</label></div>
@@ -852,7 +852,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">
+ <div class="fr-checkbox-group"><input name="archive" id="fpm" type="checkbox"><label class="fr-label" for="fpm">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
<!---->
</label></div>
@@ -860,7 +860,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -868,7 +868,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_731" type="checkbox"><label class="fr-label" for="checkbox_731">
+ <div class="fr-checkbox-group"><input name="archive" id="ini" type="checkbox"><label class="fr-label" for="ini">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="initié" aria-label="initié">initié</p>
<!---->
</label></div>
@@ -876,7 +876,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">
+ <div class="fr-checkbox-group"><input name="archive" id="rej" type="checkbox"><label class="fr-label" for="rej">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté" aria-label="rejeté">rejeté</p>
<!---->
</label></div>
@@ -884,7 +884,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_473" type="checkbox"><label class="fr-label" for="checkbox_473">
+ <div class="fr-checkbox-group"><input name="archive" id="rea" type="checkbox"><label class="fr-label" for="rea">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté après abrogation" aria-label="rejeté après abrogation">rejeté après abrogation</p>
<!---->
</label></div>
@@ -892,7 +892,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_251" type="checkbox"><label class="fr-label" for="checkbox_251">
+ <div class="fr-checkbox-group"><input name="archive" id="ter" type="checkbox"><label class="fr-label" for="ter">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html b/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html
index 44449de0a32f5a2dee00d2bdf58a90addcbdd9fd..f9fb1b25d8dc9c3ae16a2869fb3b1918ab99fc1d 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html
@@ -163,7 +163,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">
+ <div class="fr-checkbox-group"><input name="archive" id="c" type="checkbox"><label class="fr-label" for="c">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine carrières" aria-label="Domaine carrières" style="min-width: 1.5rem; background-color: var(--background-contrast-green-archipel); color: black;">C</p>
<div class="fr-pl-1w">Carrières</div>
@@ -174,7 +174,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">
+ <div class="fr-checkbox-group"><input name="archive" id="f" type="checkbox"><label class="fr-label" for="f">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine combustibles fossiles" aria-label="Domaine combustibles fossiles" style="min-width: 1.5rem; background-color: var(--background-contrast-yellow-tournesol); color: black;">F</p>
<div class="fr-pl-1w">Combustibles fossiles</div>
@@ -185,7 +185,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">
+ <div class="fr-checkbox-group"><input name="archive" id="r" type="checkbox"><label class="fr-label" for="r">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine éléments radioactifs" aria-label="Domaine éléments radioactifs" style="min-width: 1.5rem; background-color: var(--background-contrast-orange-terre-battue); color: black;">R</p>
<div class="fr-pl-1w">Éléments radioactifs</div>
@@ -196,7 +196,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">
+ <div class="fr-checkbox-group"><input name="archive" id="g" type="checkbox"><label class="fr-label" for="g">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 1.5rem; background-color: var(--background-contrast-pink-tuile); color: black;">G</p>
<div class="fr-pl-1w">Géothermie</div>
@@ -207,7 +207,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">
+ <div class="fr-checkbox-group"><input name="archive" id="w" type="checkbox"><label class="fr-label" for="w">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-cumulus); color: black;">W</p>
<div class="fr-pl-1w">Granulats marins</div>
@@ -218,7 +218,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">
+ <div class="fr-checkbox-group"><input name="archive" id="h" type="checkbox"><label class="fr-label" for="h">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine hydrocarbures liquides ou gazeux" aria-label="Domaine hydrocarbures liquides ou gazeux" style="min-width: 1.5rem; background-color: var(--background-contrast-green-bourgeon); color: black;">H</p>
<div class="fr-pl-1w">Hydrocarbures liquides ou gazeux</div>
@@ -229,7 +229,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">
+ <div class="fr-checkbox-group"><input name="archive" id="m" type="checkbox"><label class="fr-label" for="m">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 1.5rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
<div class="fr-pl-1w">Minéraux et métaux</div>
@@ -240,7 +240,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_772" type="checkbox"><label class="fr-label" for="checkbox_772">
+ <div class="fr-checkbox-group"><input name="archive" id="s" type="checkbox"><label class="fr-label" for="s">
<div style="display: flex; align-items: baseline;">
<p class="fr-tag fr-tag--sm mono" title="Domaine stockages souterrains" aria-label="Domaine stockages souterrains" style="min-width: 1.5rem; background-color: var(--background-contrast-purple-glycine); color: black;">S</p>
<div class="fr-pl-1w">Stockages souterrains</div>
@@ -267,56 +267,56 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ax" type="checkbox"><label class="fr-label" for="ax"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ax"></rect></svg><span>Autorisation d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ap" type="checkbox"><label class="fr-label" for="ap"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ap"></rect></svg><span>Autorisation de prospections préalables</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_487" type="checkbox"><label class="fr-label" for="checkbox_487"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="ar" type="checkbox"><label class="fr-label" for="ar"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-ar"></rect></svg><span>Autorisation de recherches</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_796" type="checkbox"><label class="fr-label" for="checkbox_796"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="cx" type="checkbox"><label class="fr-label" for="cx"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-cx"></rect></svg><span>Concession</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="in" type="checkbox"><label class="fr-label" for="in"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-in"></rect></svg><span>Indéterminé</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="px" type="checkbox"><label class="fr-label" for="px"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-px"></rect></svg><span>Permis d'exploitation</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_585" type="checkbox"><label class="fr-label" for="checkbox_585"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pc" type="checkbox"><label class="fr-label" for="pc"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pc"></rect></svg><span>Permis exclusif de carrières</span></span>
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_759" type="checkbox"><label class="fr-label" for="checkbox_759"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
+ <div class="fr-checkbox-group"><input name="archive" id="pr" type="checkbox"><label class="fr-label" for="pr"><span><svg width="24" height="24" class="mr-s mb--xs"><rect width="24" height="24" class="svg-fill-pattern-pr"></rect></svg><span>Permis exclusif de recherches</span></span>
<!---->
</label></div>
</div>
@@ -339,7 +339,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_58" type="checkbox"><label class="fr-label" for="checkbox_58">
+ <div class="fr-checkbox-group"><input name="archive" id="dmc" type="checkbox"><label class="fr-label" for="dmc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
<!---->
</label></div>
@@ -347,7 +347,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_661" type="checkbox"><label class="fr-label" for="checkbox_661">
+ <div class="fr-checkbox-group"><input name="archive" id="dmi" type="checkbox"><label class="fr-label" for="dmi">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
<!---->
</label></div>
@@ -355,7 +355,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684">
+ <div class="fr-checkbox-group"><input name="archive" id="ech" type="checkbox"><label class="fr-label" for="ech">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
<!---->
</label></div>
@@ -363,7 +363,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_624" type="checkbox"><label class="fr-label" for="checkbox_624">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -371,7 +371,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_267" type="checkbox"><label class="fr-label" for="checkbox_267">
+ <div class="fr-checkbox-group"><input name="archive" id="mod" type="checkbox"><label class="fr-label" for="mod">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
<!---->
</label></div>
@@ -379,7 +379,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_119" type="checkbox"><label class="fr-label" for="checkbox_119">
+ <div class="fr-checkbox-group"><input name="archive" id="sup" type="checkbox"><label class="fr-label" for="sup">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
<!---->
</label></div>
@@ -387,7 +387,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_827" type="checkbox"><label class="fr-label" for="checkbox_827">
+ <div class="fr-checkbox-group"><input name="archive" id="val" type="checkbox"><label class="fr-label" for="val">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
<!---->
</label></div>
@@ -650,147 +650,147 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_173" type="checkbox"><label class="fr-label" for="checkbox_173">Amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="amo" type="checkbox"><label class="fr-label" for="amo">Amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_211" type="checkbox"><label class="fr-label" for="checkbox_211">Cession
+ <div class="fr-checkbox-group"><input name="archive" id="ces" type="checkbox"><label class="fr-label" for="ces">Cession
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_619" type="checkbox"><label class="fr-label" for="checkbox_619">Conversion
+ <div class="fr-checkbox-group"><input name="archive" id="con" type="checkbox"><label class="fr-label" for="con">Conversion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_686" type="checkbox"><label class="fr-label" for="checkbox_686">Déchéance
+ <div class="fr-checkbox-group"><input name="archive" id="dec" type="checkbox"><label class="fr-label" for="dec">Déchéance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_954" type="checkbox"><label class="fr-label" for="checkbox_954">Demande de titre d'exploitation
+ <div class="fr-checkbox-group"><input name="archive" id="vct" type="checkbox"><label class="fr-label" for="vct">Demande de titre d'exploitation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_132" type="checkbox"><label class="fr-label" for="checkbox_132">Déplacement de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">Déplacement de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_773" type="checkbox"><label class="fr-label" for="checkbox_773">Extension de périmètre
+ <div class="fr-checkbox-group"><input name="archive" id="exp" type="checkbox"><label class="fr-label" for="exp">Extension de périmètre
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_785" type="checkbox"><label class="fr-label" for="checkbox_785">Extension de substance
+ <div class="fr-checkbox-group"><input name="archive" id="exs" type="checkbox"><label class="fr-label" for="exs">Extension de substance
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_253" type="checkbox"><label class="fr-label" for="checkbox_253">Fusion
+ <div class="fr-checkbox-group"><input name="archive" id="fus" type="checkbox"><label class="fr-label" for="fus">Fusion
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_19" type="checkbox"><label class="fr-label" for="checkbox_19">Mutation
+ <div class="fr-checkbox-group"><input name="archive" id="mut" type="checkbox"><label class="fr-label" for="mut">Mutation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_35" type="checkbox"><label class="fr-label" for="checkbox_35">Mutation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="vut" type="checkbox"><label class="fr-label" for="vut">Mutation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_883" type="checkbox"><label class="fr-label" for="checkbox_883">Octroi
+ <div class="fr-checkbox-group"><input name="archive" id="oct" type="checkbox"><label class="fr-label" for="oct">Octroi
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_731" type="checkbox"><label class="fr-label" for="checkbox_731">Prolongation
+ <div class="fr-checkbox-group"><input name="archive" id="pro" type="checkbox"><label class="fr-label" for="pro">Prolongation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_453" type="checkbox"><label class="fr-label" for="checkbox_453">Prolongation 1
+ <div class="fr-checkbox-group"><input name="archive" id="pr1" type="checkbox"><label class="fr-label" for="pr1">Prolongation 1
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_473" type="checkbox"><label class="fr-label" for="checkbox_473">Prolongation 2
+ <div class="fr-checkbox-group"><input name="archive" id="pr2" type="checkbox"><label class="fr-label" for="pr2">Prolongation 2
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_251" type="checkbox"><label class="fr-label" for="checkbox_251">Prolongation exceptionnelle
+ <div class="fr-checkbox-group"><input name="archive" id="pre" type="checkbox"><label class="fr-label" for="pre">Prolongation exceptionnelle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_292" type="checkbox"><label class="fr-label" for="checkbox_292">Prorogation
+ <div class="fr-checkbox-group"><input name="archive" id="prr" type="checkbox"><label class="fr-label" for="prr">Prorogation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_276" type="checkbox"><label class="fr-label" for="checkbox_276">Renonciation partielle
+ <div class="fr-checkbox-group"><input name="archive" id="rep" type="checkbox"><label class="fr-label" for="rep">Renonciation partielle
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_252" type="checkbox"><label class="fr-label" for="checkbox_252">Renonciation totale
+ <div class="fr-checkbox-group"><input name="archive" id="rec" type="checkbox"><label class="fr-label" for="rec">Renonciation totale
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_110" type="checkbox"><label class="fr-label" for="checkbox_110">Résiliation anticipée d'amodiation
+ <div class="fr-checkbox-group"><input name="archive" id="res" type="checkbox"><label class="fr-label" for="res">Résiliation anticipée d'amodiation
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_448" type="checkbox"><label class="fr-label" for="checkbox_448">Retrait
+ <div class="fr-checkbox-group"><input name="archive" id="ret" type="checkbox"><label class="fr-label" for="ret">Retrait
<!---->
</label></div>
</div>
@@ -813,7 +813,7 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_490" type="checkbox"><label class="fr-label" for="checkbox_490">
+ <div class="fr-checkbox-group"><input name="archive" id="acc" type="checkbox"><label class="fr-label" for="acc">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
<!---->
</label></div>
@@ -821,7 +821,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_648" type="checkbox"><label class="fr-label" for="checkbox_648">
+ <div class="fr-checkbox-group"><input name="archive" id="acp" type="checkbox"><label class="fr-label" for="acp">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté et publié" aria-label="accepté et publié">accepté et publié</p>
<!---->
</label></div>
@@ -829,7 +829,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_726" type="checkbox"><label class="fr-label" for="checkbox_726">
+ <div class="fr-checkbox-group"><input name="archive" id="cls" type="checkbox"><label class="fr-label" for="cls">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="classé sans suite" aria-label="classé sans suite">classé sans suite</p>
<!---->
</label></div>
@@ -837,7 +837,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_380" type="checkbox"><label class="fr-label" for="checkbox_380">
+ <div class="fr-checkbox-group"><input name="archive" id="dep" type="checkbox"><label class="fr-label" for="dep">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="déposé" aria-label="déposé">déposé</p>
<!---->
</label></div>
@@ -845,7 +845,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_894" type="checkbox"><label class="fr-label" for="checkbox_894">
+ <div class="fr-checkbox-group"><input name="archive" id="des" type="checkbox"><label class="fr-label" for="des">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
<!---->
</label></div>
@@ -853,7 +853,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_822" type="checkbox"><label class="fr-label" for="checkbox_822">
+ <div class="fr-checkbox-group"><input name="archive" id="eco" type="checkbox"><label class="fr-label" for="eco">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
<!---->
</label></div>
@@ -861,7 +861,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_193" type="checkbox"><label class="fr-label" for="checkbox_193">
+ <div class="fr-checkbox-group"><input name="archive" id="ins" type="checkbox"><label class="fr-label" for="ins">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en instruction" aria-label="en instruction">en instruction</p>
<!---->
</label></div>
@@ -869,7 +869,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_557" type="checkbox"><label class="fr-label" for="checkbox_557">
+ <div class="fr-checkbox-group"><input name="archive" id="fpm" type="checkbox"><label class="fr-label" for="fpm">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
<!---->
</label></div>
@@ -877,7 +877,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_260" type="checkbox"><label class="fr-label" for="checkbox_260">
+ <div class="fr-checkbox-group"><input name="archive" id="ind" type="checkbox"><label class="fr-label" for="ind">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
<!---->
</label></div>
@@ -885,7 +885,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_287" type="checkbox"><label class="fr-label" for="checkbox_287">
+ <div class="fr-checkbox-group"><input name="archive" id="ini" type="checkbox"><label class="fr-label" for="ini">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="initié" aria-label="initié">initié</p>
<!---->
</label></div>
@@ -893,7 +893,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_488" type="checkbox"><label class="fr-label" for="checkbox_488">
+ <div class="fr-checkbox-group"><input name="archive" id="rej" type="checkbox"><label class="fr-label" for="rej">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté" aria-label="rejeté">rejeté</p>
<!---->
</label></div>
@@ -901,7 +901,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_800" type="checkbox"><label class="fr-label" for="checkbox_800">
+ <div class="fr-checkbox-group"><input name="archive" id="rea" type="checkbox"><label class="fr-label" for="rea">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="rejeté après abrogation" aria-label="rejeté après abrogation">rejeté après abrogation</p>
<!---->
</label></div>
@@ -909,7 +909,7 @@
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_723" type="checkbox"><label class="fr-label" for="checkbox_723">
+ <div class="fr-checkbox-group"><input name="archive" id="ter" type="checkbox"><label class="fr-label" for="ter">
<p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
<!---->
</label></div>
diff --git a/packages/ui/src/components/entreprise/edit-popup.stories_snapshots_Super.html b/packages/ui/src/components/entreprise/edit-popup.stories_snapshots_Super.html
index 2ef9cfb98353a512636ab9027c5a60d8698c758a..b7196c4f24c1aaa567dc7c083ccc8a73c970d20a 100644
--- a/packages/ui/src/components/entreprise/edit-popup.stories_snapshots_Super.html
+++ b/packages/ui/src/components/entreprise/edit-popup.stories_snapshots_Super.html
@@ -28,7 +28,7 @@
</label><input class="fr-input" name="input_74" id="input_74" type="text">
<!---->
</div>
- <div class="fr-checkbox-group fr-mt-2w"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Archivée
+ <div class="fr-checkbox-group fr-mt-2w"><input name="archive" id="archive" type="checkbox"><label class="fr-label" for="archive">Archivée
<!---->
</label></div>
</form>
diff --git a/packages/ui/src/components/entreprise/edit-popup.tsx b/packages/ui/src/components/entreprise/edit-popup.tsx
index 13f635e000aa28347e79baa45da74ef6eb3daf60..0f28fc6e791b569324f9f1d9eaed46425836f9b7 100644
--- a/packages/ui/src/components/entreprise/edit-popup.tsx
+++ b/packages/ui/src/components/entreprise/edit-popup.tsx
@@ -37,7 +37,7 @@ export const EntrepriseEditPopup = defineComponent<Props>(props => {
<DsfrInput required={false} legend={{ main: 'Adresse électronique' }} type={{ type: 'text' }} valueChanged={emailChange} initialValue={email.value} />
<DsfrInput required={false} legend={{ main: 'Site internet' }} type={{ type: 'text' }} valueChanged={urlChange} initialValue={url.value} />
- {isSuper(props.user) ? <DsfrInputCheckbox class="fr-mt-2w" legend={{ main: 'Archivée' }} initialValue={archive.value} valueChanged={archiveChange} /> : null}
+ {isSuper(props.user) ? <DsfrInputCheckbox id="archive" class="fr-mt-2w" legend={{ main: 'Archivée' }} initialValue={archive.value} valueChanged={archiveChange} /> : null}
</form>
)
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html b/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html
index a204086afead03ef038c6c7001ab4410e03599a1..f82835e79f758d22f8103085597928e4f7041272 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html
@@ -319,7 +319,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_453">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_453" id="textarea_453" value=""></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html b/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html
index cd66ff9111817703800e291e080186b44a077d83..815c56a4c94238ea16f18168cbbbbc353d2748ca 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html
@@ -367,7 +367,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_25">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_25" id="textarea_25" value=""></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html b/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html
index 57178a12de5cb5e7ad966b09958da781830273ce..2d2a1cf41cd2ea0d7d2fe3ac997e24628e1a96d6 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html
@@ -589,7 +589,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="2023-06-03-atf-ueoau">
+ <!----><select class="fr-select" id="select_482" aria-label="Choix du document pour [object Object]" name="select_482" value="2023-06-03-atf-ueoau">
<option selected="" disabled="" value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
@@ -608,7 +608,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="2023-06-23-cur-ueoau">
+ <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="2023-06-23-cur-ueoau">
<option selected="" disabled="" value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
@@ -627,7 +627,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="2023-06-23-idm-ueoaue">
+ <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="2023-06-23-idm-ueoaue">
<option selected="" disabled="" value="2023-06-23-idm-ueoaue">Identification de matériel : Facture pelle (23-06-2023)</option>
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
@@ -646,7 +646,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="2023-06-23-jid-eaoueo">
+ <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="2023-06-23-jid-eaoueo">
<option selected="" disabled="" value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
<option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
@@ -666,7 +666,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="2023-06-23-jct-ueoau">
+ <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="2023-06-23-jct-ueoau">
<option selected="" disabled="" value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
@@ -685,7 +685,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="2023-06-08-kbi-ueoau">
+ <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="2023-06-08-kbi-ueoau">
<option selected="" disabled="" value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
@@ -704,7 +704,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_267" aria-label="Choix du document pour [object Object]" name="select_267" value="2023-06-23-jcf-uueoau">
+ <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="2023-06-23-jcf-uueoau">
<option selected="" disabled="" value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
@@ -718,7 +718,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
+ <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
<option value="atf">Attestation fiscale</option>
<option value="sir">Avis de situation au répertoire Sirene</option>
<option value="cur">Curriculum vitae</option>
@@ -748,7 +748,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_216">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_216" id="textarea_216" value=""></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html b/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html
index 5fcd8a48dd18a307c5c5f52b12ff870a63d51cd6..aa4e366ba4defe4d59ce4bc1f4b777478fe419c8 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html
@@ -319,7 +319,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_453">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_453" id="textarea_453" value=""></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_556" type="checkbox"><label class="fr-label" for="checkbox_556">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html b/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html
index 2f9f0295bf6e5a4d16f2d76e0092faa1483bdf9f..52bf5b57113c3985b80ff9aa7b232af84d05d5a4 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html
@@ -420,7 +420,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
+ <!----><select class="fr-select" id="select_684" aria-label="Ajouter un nouveau type de document" name="select_684">
<option value="atf">Attestation fiscale</option>
<option value="jcf">Justificatif des capacités financières</option>
<option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
@@ -444,7 +444,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_661">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_661" id="textarea_661" value=""></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html
index 06d2d37e95d296b17f7cd89325315e5f85752987..602109e607953db539a5a167c9ee9f1b6477f383 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html
@@ -312,7 +312,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="">
+ <!----><select class="fr-select" id="select_482" aria-label="Choix du document pour [object Object]" name="select_482" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -331,7 +331,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="">
+ <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -350,7 +350,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="">
+ <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -369,7 +369,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="">
+ <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -388,7 +388,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="">
+ <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -407,7 +407,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="">
+ <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -420,7 +420,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
+ <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
<option value="atf">Attestation fiscale</option>
<option value="sir">Avis de situation au répertoire Sirene</option>
<option value="cur">Curriculum vitae</option>
@@ -467,7 +467,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_119" aria-label="Choix du document pour [object Object]" name="select_119" value="">
+ <!----><select class="fr-select" id="select_267" aria-label="Choix du document pour [object Object]" name="select_267" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -486,7 +486,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_827" aria-label="Choix du document pour [object Object]" name="select_827" value="">
+ <!----><select class="fr-select" id="select_119" aria-label="Choix du document pour [object Object]" name="select_119" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -505,7 +505,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_173" aria-label="Choix du document pour [object Object]" name="select_173" value="">
+ <!----><select class="fr-select" id="select_827" aria-label="Choix du document pour [object Object]" name="select_827" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -524,7 +524,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_211" aria-label="Choix du document pour [object Object]" name="select_211" value="">
+ <!----><select class="fr-select" id="select_173" aria-label="Choix du document pour [object Object]" name="select_173" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -543,7 +543,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_619" aria-label="Choix du document pour [object Object]" name="select_619" value="">
+ <!----><select class="fr-select" id="select_211" aria-label="Choix du document pour [object Object]" name="select_211" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -562,7 +562,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_686" aria-label="Choix du document pour [object Object]" name="select_686" value="">
+ <!----><select class="fr-select" id="select_619" aria-label="Choix du document pour [object Object]" name="select_619" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -575,7 +575,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_954" aria-label="Ajouter un nouveau type de document" name="select_954">
+ <!----><select class="fr-select" id="select_686" aria-label="Ajouter un nouveau type de document" name="select_686">
<option value="atf">Attestation fiscale</option>
<option value="sir">Avis de situation au répertoire Sirene</option>
<option value="cur">Curriculum vitae</option>
@@ -622,7 +622,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_132" aria-label="Choix du document pour [object Object]" name="select_132" value="">
+ <!----><select class="fr-select" id="select_954" aria-label="Choix du document pour [object Object]" name="select_954" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -641,7 +641,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_773" aria-label="Choix du document pour [object Object]" name="select_773" value="">
+ <!----><select class="fr-select" id="select_132" aria-label="Choix du document pour [object Object]" name="select_132" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -660,7 +660,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_785" aria-label="Choix du document pour [object Object]" name="select_785" value="">
+ <!----><select class="fr-select" id="select_773" aria-label="Choix du document pour [object Object]" name="select_773" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -679,7 +679,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_253" aria-label="Choix du document pour [object Object]" name="select_253" value="">
+ <!----><select class="fr-select" id="select_785" aria-label="Choix du document pour [object Object]" name="select_785" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -698,7 +698,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_19" aria-label="Choix du document pour [object Object]" name="select_19" value="">
+ <!----><select class="fr-select" id="select_253" aria-label="Choix du document pour [object Object]" name="select_253" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -717,7 +717,7 @@
</td>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_35" aria-label="Choix du document pour [object Object]" name="select_35" value="">
+ <!----><select class="fr-select" id="select_19" aria-label="Choix du document pour [object Object]" name="select_19" value="">
<option value="newDocument">Ajouter un nouveau document d'entreprise</option>
<option disabled="" hidden="" value="">Selectionnez une option</option>
</select>
@@ -730,7 +730,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_883" aria-label="Ajouter un nouveau type de document" name="select_883">
+ <!----><select class="fr-select" id="select_35" aria-label="Ajouter un nouveau type de document" name="select_35">
<option value="atf">Attestation fiscale</option>
<option value="sir">Avis de situation au répertoire Sirene</option>
<option value="cur">Curriculum vitae</option>
@@ -760,7 +760,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_216">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_216" id="textarea_216" value="Super notes de cette story"></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_482" type="checkbox"><label class="fr-label" for="checkbox_482">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html
index c0dac9688f0a57c187231258c46cecb4a5444587..f686bd1691b0637da3fbc4bd8936064bc37e0338 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html
@@ -149,7 +149,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_670">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_670" id="textarea_670" value="Super notes de cette story"></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html
index f2dc21bb336aa1346b061694de708cc6d8fa02e2..1aef2910c23974145599c4186252b762131997f0 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html
@@ -189,7 +189,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_796">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_796" id="textarea_796" value="Super notes de cette story"></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_216" type="checkbox"><label class="fr-label" for="checkbox_216">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html
index 8787232b42191fb642df11d3aa5d264dd155111a..39340aed2589400e814671c0c49c2318762de899 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html
@@ -412,7 +412,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
+ <!----><select class="fr-select" id="select_684" aria-label="Ajouter un nouveau type de document" name="select_684">
<option value="atf">Attestation fiscale</option>
<option value="sir">Avis de situation au répertoire Sirene</option>
<option value="cur">Curriculum vitae</option>
@@ -453,7 +453,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
+ <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
<option value="atf">Attestation fiscale</option>
<option value="sir">Avis de situation au répertoire Sirene</option>
<option value="cur">Curriculum vitae</option>
@@ -494,7 +494,7 @@
<tr>
<td>
<div class="fr-select-group">
- <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
+ <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
<option value="atf">Attestation fiscale</option>
<option value="sir">Avis de situation au répertoire Sirene</option>
<option value="cur">Curriculum vitae</option>
@@ -524,7 +524,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_661">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_661" id="textarea_661" value="Super notes de cette story"></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_684" type="checkbox"><label class="fr-label" for="checkbox_684">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html
index e56bfe773ed1af03e14944d55fa58712d74fed46..c8623bf671d862eeefa8f7f98096d5cd3d06488d 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html
@@ -149,7 +149,7 @@
<div class="fr-input-group fr-mt-2w" style="flex-grow: 1;"><label class="fr-label" for="textarea_670">Notes (optionnel)
<!---->
</label><textarea class="fr-input" name="textarea_670" id="textarea_670" value="Super notes de cette story"></textarea></div>
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
+ <div class="fr-checkbox-group"><input name="archive" id="is_avertissement" type="checkbox"><label class="fr-label" for="is_avertissement">Cette note est un avertissement<span class="fr-hint-text">Apparait sur le résumé de la démarche</span></label></div>
</div>
<!---->
<div class="fr-mt-2w fr-pt-2w fr-pb-2w" style="position: sticky; bottom: 0px; z-index: 100000; background: white;">
diff --git a/packages/ui/src/components/etape/etape-edit-form.tsx b/packages/ui/src/components/etape/etape-edit-form.tsx
index 6ffc39330980cef172d14dc8ceed396c0037db48..cd4e8541e45592a474402697394e22a5c19b71c2 100644
--- a/packages/ui/src/components/etape/etape-edit-form.tsx
+++ b/packages/ui/src/components/etape/etape-edit-form.tsx
@@ -698,6 +698,7 @@ const EtapeEditFormInternal = defineComponent<
<DsfrTextarea required={false} initialValue={props.etape.note.valeur} class="fr-mt-2w" style="flex-grow: 1" legend={{ main: 'Notes' }} valueChanged={onUpdateNotes} />
<DsfrInputCheckbox
+ id="is_avertissement"
legend={{ main: 'Cette note est un avertissement', description: 'Apparait sur le résumé de la démarche' }}
valueChanged={onUpdateNoteAvertissement}
initialValue={props.etape.note.is_avertissement}
diff --git a/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html b/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html
index 18aa7a6a9ce665f5826e612025d633999861fccc..ba37730b2a36c1411875d64b282aa44183b2e6c6 100644
--- a/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html
+++ b/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html
@@ -113,49 +113,49 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Admin
+ <div class="fr-checkbox-group"><input name="archive" id="admin" type="checkbox"><label class="fr-label" for="admin">Admin
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">Bureau d'études
+ <div class="fr-checkbox-group"><input name="archive" id="bureau d'études" type="checkbox"><label class="fr-label" for="bureau d'études">Bureau d'études
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Defaut
+ <div class="fr-checkbox-group"><input name="archive" id="defaut" type="checkbox"><label class="fr-label" for="defaut">Defaut
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Editeur
+ <div class="fr-checkbox-group"><input name="archive" id="editeur" type="checkbox"><label class="fr-label" for="editeur">Editeur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">Entreprise
+ <div class="fr-checkbox-group"><input name="archive" id="entreprise" type="checkbox"><label class="fr-label" for="entreprise">Entreprise
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">Lecteur
+ <div class="fr-checkbox-group"><input name="archive" id="lecteur" type="checkbox"><label class="fr-label" for="lecteur">Lecteur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">Super
+ <div class="fr-checkbox-group"><input name="archive" id="super" type="checkbox"><label class="fr-label" for="super">Super
<!---->
</label></div>
</div>
diff --git a/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html b/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html
index 0a86779e18c51fe8d4c80aedacdd796d103b5ff9..ecbca5e0340edda80cd7243359cf04eb21d3c203 100644
--- a/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html
+++ b/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html
@@ -151,49 +151,49 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Admin
+ <div class="fr-checkbox-group"><input name="archive" id="admin" type="checkbox"><label class="fr-label" for="admin">Admin
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">Bureau d'études
+ <div class="fr-checkbox-group"><input name="archive" id="bureau d'études" type="checkbox"><label class="fr-label" for="bureau d'études">Bureau d'études
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Defaut
+ <div class="fr-checkbox-group"><input name="archive" id="defaut" type="checkbox"><label class="fr-label" for="defaut">Defaut
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Editeur
+ <div class="fr-checkbox-group"><input name="archive" id="editeur" type="checkbox"><label class="fr-label" for="editeur">Editeur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">Entreprise
+ <div class="fr-checkbox-group"><input name="archive" id="entreprise" type="checkbox"><label class="fr-label" for="entreprise">Entreprise
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">Lecteur
+ <div class="fr-checkbox-group"><input name="archive" id="lecteur" type="checkbox"><label class="fr-label" for="lecteur">Lecteur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">Super
+ <div class="fr-checkbox-group"><input name="archive" id="super" type="checkbox"><label class="fr-label" for="super">Super
<!---->
</label></div>
</div>
diff --git a/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html b/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html
index a5afb566a21e26bc0bfb1788ac15385b4bfe027b..9df7abdd75ab7b13ad4b8d57fc46a00490d9ef52 100644
--- a/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html
+++ b/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html
@@ -153,49 +153,49 @@
<ul class="fr-pb-1w fr-pl-0" style="list-style-type: none; font-weight: normal;">
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_271" type="checkbox"><label class="fr-label" for="checkbox_271">Admin
+ <div class="fr-checkbox-group"><input name="archive" id="admin" type="checkbox"><label class="fr-label" for="admin">Admin
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_670" type="checkbox"><label class="fr-label" for="checkbox_670">Bureau d'études
+ <div class="fr-checkbox-group"><input name="archive" id="bureau d'études" type="checkbox"><label class="fr-label" for="bureau d'études">Bureau d'études
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_74" type="checkbox"><label class="fr-label" for="checkbox_74">Defaut
+ <div class="fr-checkbox-group"><input name="archive" id="defaut" type="checkbox"><label class="fr-label" for="defaut">Defaut
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_878" type="checkbox"><label class="fr-label" for="checkbox_878">Editeur
+ <div class="fr-checkbox-group"><input name="archive" id="editeur" type="checkbox"><label class="fr-label" for="editeur">Editeur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_967" type="checkbox"><label class="fr-label" for="checkbox_967">Entreprise
+ <div class="fr-checkbox-group"><input name="archive" id="entreprise" type="checkbox"><label class="fr-label" for="entreprise">Entreprise
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_25" type="checkbox"><label class="fr-label" for="checkbox_25">Lecteur
+ <div class="fr-checkbox-group"><input name="archive" id="lecteur" type="checkbox"><label class="fr-label" for="lecteur">Lecteur
<!---->
</label></div>
</div>
</li>
<li class="fr-p-1v">
<div style="display: flex; flex-direction: row;">
- <div class="fr-checkbox-group"><input name="archive" id="checkbox_128" type="checkbox"><label class="fr-label" for="checkbox_128">Super
+ <div class="fr-checkbox-group"><input name="archive" id="super" type="checkbox"><label class="fr-label" for="super">Super
<!---->
</label></div>
</div>