diff --git a/packages/common/src/static/__snapshots__/substancesLegales.test.ts.snap b/packages/common/src/static/__snapshots__/substancesLegales.test.ts.snap new file mode 100644 index 0000000000000000000000000000000000000000..e6df61632223177659479515ae8541c946bc2a81 --- /dev/null +++ b/packages/common/src/static/__snapshots__/substancesLegales.test.ts.snap @@ -0,0 +1,77 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`substancesFiscalesBySubstanceLegale 1`] = ` +[ + { + "calculFiscalite": { + "unite": "mkg", + }, + "description": "contenu dans les minerais", + "id": "auru", + "nom": "or", + "substanceLegaleId": "auru", + "uniteId": "mgr", + }, +] +`; + +exports[`substancesFiscalesBySubstanceLegale 2`] = ` +[ + { + "description": "bauxite nettes livrées", + "id": "aloh", + "nom": "bauxite", + "substanceLegaleId": "aloh", + "uniteId": "mtk", + }, + { + "description": "contenu dans les minerais", + "id": "cuiv", + "nom": "cuivre", + "substanceLegaleId": "cuiv", + "uniteId": "mtt", + }, + { + "description": "contenu dans les minerais", + "id": "etai", + "nom": "étain", + "substanceLegaleId": "etai", + "uniteId": "mtt", + }, + { + "description": "net livré", + "id": "fera", + "nom": "pyrite de fer", + "substanceLegaleId": "ferx", + "uniteId": "mtk", + }, + { + "description": "net livré", + "id": "ferb", + "nom": "minerais de fer", + "substanceLegaleId": "ferx", + "uniteId": "mtk", + }, + { + "description": "contenu dans les minerais", + "id": "mang", + "nom": "manganèse", + "substanceLegaleId": "mang", + "uniteId": "mtc", + }, + { + "description": "contenu dans les minerais", + "id": "plom", + "nom": "plomb", + "substanceLegaleId": "plom", + "uniteId": "mtc", + }, + { + "description": "contenu dans les minerais", + "id": "zinc", + "nom": "zinc", + "substanceLegaleId": "zinc", + "uniteId": "mtc", + }, +] +`; diff --git a/packages/common/src/static/substancesLegales.test.ts b/packages/common/src/static/substancesLegales.test.ts new file mode 100644 index 0000000000000000000000000000000000000000..3027b14c468bf7a6c49e9f1c46b06f3e131c339d --- /dev/null +++ b/packages/common/src/static/substancesLegales.test.ts @@ -0,0 +1,7 @@ +import { isTerreRare } from './substancesLegales' +import { test, expect } from 'vitest' + +test('isTerreRare', () => { + expect(isTerreRare('scan')).toBe(true) + expect(isTerreRare('auru')).toBe(false) +}) diff --git a/packages/common/src/static/substancesLegales.ts b/packages/common/src/static/substancesLegales.ts index fa80734ca18300ce9723c8e030ef7b32cd4870d8..94b29d0001330cf32e344d14e134d36277260cf0 100644 --- a/packages/common/src/static/substancesLegales.ts +++ b/packages/common/src/static/substancesLegales.ts @@ -716,3 +716,26 @@ export const SubstancesLegale: { } export const SubstancesLegales: Readonly<SubstanceLegale[]> = Object.values(SubstancesLegale) +// De https://www.vie-publique.fr/parole-dexpert/289457-terres-rares-quels-enjeux-pour-la-france-et-leurope +export const terresRares = [ + 'lant', + 'ceri', + 'pras', + 'neod', + 'prom', + 'sama', + 'euro', + 'gado', + 'terb', + 'dysp', + 'holm', + 'erbi', + 'thul', + 'ytte', + 'lute', + 'scan', + 'ytri', + 'trxx', +] as const satisfies SubstanceLegaleId[] +const terresRaresSet: Set<SubstanceLegaleId> = new Set(terresRares) +export const isTerreRare = (substance: SubstanceLegaleId): boolean => terresRaresSet.has(substance) 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 21700a4b84c031ec48bbe1a5bfd61414d466d859..8092d6cb6418e407f33a43609cf285d41d448944 100644 --- a/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html +++ b/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html @@ -142,7 +142,9 @@ </button> </div> </div> - <!----> + <div style="display: flex; gap: 1rem; align-self: end;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-2w" title="Ajouter toutes les terres rares" aria-label="Ajouter toutes les terres rares" type="button">Ajouter toutes les terres rares</button> + <!----> + </div> </div> </div> <!----> 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 a9ffa3aa674522b31083583a8ebc7ae3e33ed2f5..2da1e0e3a125198809ab3f13cc98b3366d2981ab 100644 --- a/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html +++ b/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html @@ -142,7 +142,9 @@ </button> </div> </div> - <!----> + <div style="display: flex; gap: 1rem; align-self: end;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-2w" title="Ajouter toutes les terres rares" aria-label="Ajouter toutes les terres rares" type="button">Ajouter toutes les terres rares</button> + <!----> + </div> </div> </div> <!----> 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 973d579e4fc773401993442df40dd95ea5396445..4c8625b8e1626cba6d8f75d495491389e4dc5a15 100644 --- a/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html +++ b/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html @@ -193,9 +193,12 @@ <!----> </button> </div> - </div><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line fr-mt-2w" title="Ajouter une substance" aria-label="Ajouter une substance" type="button" style="align-self: end;"> - <!----> - </button> + </div> + <div style="display: flex; gap: 1rem; align-self: end;"> + <!----><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line fr-mt-2w" title="Ajouter une substance" aria-label="Ajouter une substance" type="button"> + <!----> + </button> + </div> </div> </div> <!----> 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 bd77bc32af122012c9d97f6146e3bd90236ae021..5bd855628f10de3d9e349effe10b9ac19178ab1b 100644 --- a/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html +++ b/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html @@ -142,7 +142,9 @@ </button> </div> </div> - <!----> + <div style="display: flex; gap: 1rem; align-self: end;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-2w" title="Ajouter toutes les terres rares" aria-label="Ajouter toutes les terres rares" type="button">Ajouter toutes les terres rares</button> + <!----> + </div> </div> </div> <!----> diff --git a/packages/ui/src/components/etape/substances-edit.stories.tsx b/packages/ui/src/components/etape/substances-edit.stories.tsx index 79e7e31e2cf9d479cf6518e8586d0cf2a5eac2e8..de3793297d16cdb6f80259f65b115f26184cceab 100644 --- a/packages/ui/src/components/etape/substances-edit.stories.tsx +++ b/packages/ui/src/components/etape/substances-edit.stories.tsx @@ -2,7 +2,7 @@ import { action } from '@storybook/addon-actions' import { SubstancesEdit } from './substances-edit' import { Meta, StoryFn } from '@storybook/vue3' import { toCaminoDate } from 'camino-common/src/date' -import { SubstancesLegale } from 'camino-common/src/static/substancesLegales' +import { SubstancesLegale, terresRares } from 'camino-common/src/static/substancesLegales' import { FlattenEtape } from 'camino-common/src/etape-form' const meta: Meta = { @@ -28,3 +28,11 @@ export const AvecHeritage: StoryFn = () => ( ) export const SansSubstance: StoryFn = () => <SubstancesEdit substances={{ value: [], heritee: false, etapeHeritee: null }} updateSubstances={updateSubstancesAction} domaineId="m" /> + +export const AjouterToutesLesTerresRares: StoryFn = () => <SubstancesEdit substances={{ value: [], heritee: false, etapeHeritee: null }} updateSubstances={updateSubstancesAction} domaineId="m" /> + +export const AjouterToutesLesTerresRaresAvecPresaisie: StoryFn = () => ( + <SubstancesEdit substances={{ value: terresRares.slice(0, 4), heritee: false, etapeHeritee: null }} updateSubstances={updateSubstancesAction} domaineId="m" /> +) + +export const PasDeTerresRares: StoryFn = () => <SubstancesEdit substances={{ value: [], heritee: false, etapeHeritee: null }} updateSubstances={updateSubstancesAction} domaineId="g" /> diff --git a/packages/ui/src/components/etape/substances-edit.stories_snapshots_AjouterToutesLesTerresRares.html b/packages/ui/src/components/etape/substances-edit.stories_snapshots_AjouterToutesLesTerresRares.html new file mode 100644 index 0000000000000000000000000000000000000000..e0c445cfdc1a2272883c0a6ff3cd37e3c3412cfa --- /dev/null +++ b/packages/ui/src/components/etape/substances-edit.stories_snapshots_AjouterToutesLesTerresRares.html @@ -0,0 +1,111 @@ +<div class="fr-mb-1w"> + <div class="fr-input-group fr-mb-0"><label class="fr-label" for="typeahead_substances_0">Substances</label> + <div style="display: flex; flex-direction: column;"> + <div> + <div style="display: flex;" class="fr-mt-1w"> + <div id="typeahead_substances_0_wrapper" class="_typeahead_8eddf1"> + <div class="flex"><input id="typeahead_substances_0" type="text" title="" name="typeahead_substances_0" class="fr-input" placeholder="" autocomplete="off" role="combobox" aria-controls="typeahead_substances_0-control" aria-activedescendant="typeahead_substances_0-control" aria-expanded="false" aria-autocomplete="list" value=""></div> + <ul class="_typeahead-list_8eddf1 " tabindex="-1" id="typeahead_substances_0-control" role="listbox"> + <li class="_typeahead-list-item_8eddf1 _typeahead-list-item-active_8eddf1" aria-selected="false" id="typeahead_substances_0-control-0"><span>alun</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-1"><span>antimoine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-2"><span>argent</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-3"><span>arsenic</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-4"><span>autres éléments de terres rares</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-5"><span>bauxite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-6"><span>béryllium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-7"><span>bismuth</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-8"><span>cadmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-9"><span>calcaires bitumineux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-10"><span>cérium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-11"><span>césium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-12"><span>chrome</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-13"><span>cobalt</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-14"><span>cuivre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-15"><span>diamant</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-16"><span>dysprosium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-17"><span>erbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-18"><span>étain</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-19"><span>europium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-20"><span>fer</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-21"><span>fluorine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-22"><span>gadolinium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-23"><span>gallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-24"><span>gaz carbonique</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-25"><span>germanium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-26"><span>graphite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-27"><span>hafnium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-28"><span>hélium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-29"><span>holmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-30"><span>hydrogène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-31"><span>indium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-32"><span>iridium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-33"><span>lanthane</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-34"><span>lithium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-35"><span>lutécium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-36"><span>manganèse</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-37"><span>mercure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-38"><span>métaux connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-39"><span>métaux de base</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-40"><span>métaux de la mine du platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-41"><span>métaux précieux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-42"><span>minerais</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-43"><span>molybdène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-44"><span>néodyme</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-45"><span>nickel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-46"><span>niobium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-47"><span>non précisée(s)</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-48"><span>or</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-49"><span>osmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-50"><span>palladium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-51"><span>phosphates</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-52"><span>pierres précieuses</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-53"><span>platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-54"><span>plomb</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-55"><span>praséodyme</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-56"><span>prométhium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-57"><span>puits d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-58"><span>pyrite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-59"><span>rhénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-60"><span>rhodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-61"><span>rubidium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-62"><span>ruthénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-63"><span>samarium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-64"><span>scandium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-65"><span>sel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-66"><span>sel gemme</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-67"><span>sélénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-68"><span>sels</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-69"><span>sels de potassium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-70"><span>sels de sodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-71"><span>soufre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-72"><span>sources d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-73"><span>substances connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-74"><span>sulfates autres que les sulfates alcalino-terreux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-75"><span>tantale</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-76"><span>tellure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-77"><span>terbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-78"><span>thallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-79"><span>thulium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-80"><span>titane</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-81"><span>tous métaux associés</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-82"><span>tungstène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-83"><span>vanadium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-84"><span>ytterbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-85"><span>yttrium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-86"><span>zinc</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-87"><span>zirconium</span></li> + </ul> + </div> + <!----> + <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line fr-ml-2w" title="Supprimer la substance " aria-label="Supprimer la substance " type="button"> + <!----> + </button> + </div> + </div> + <div style="display: flex; gap: 1rem; align-self: end;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-2w" title="Ajouter toutes les terres rares" aria-label="Ajouter toutes les terres rares" type="button">Ajouter toutes les terres rares</button> + <!----> + </div> + </div> + </div> + <!----> +</div> \ No newline at end of file diff --git a/packages/ui/src/components/etape/substances-edit.stories_snapshots_AjouterToutesLesTerresRaresAvecPresaisie.html b/packages/ui/src/components/etape/substances-edit.stories_snapshots_AjouterToutesLesTerresRaresAvecPresaisie.html new file mode 100644 index 0000000000000000000000000000000000000000..918f7d45138c2819a8042279a33151cb0578d184 --- /dev/null +++ b/packages/ui/src/components/etape/substances-edit.stories_snapshots_AjouterToutesLesTerresRaresAvecPresaisie.html @@ -0,0 +1,404 @@ +<div class="fr-mb-1w"> + <div class="fr-input-group fr-mb-0"><label class="fr-label" for="typeahead_substances_3">Substances</label> + <div style="display: flex; flex-direction: column;"> + <div> + <div style="display: flex;" class="fr-mt-1w"> + <div id="typeahead_substances_0_wrapper" class="_typeahead_8eddf1"> + <div class="flex"><input id="typeahead_substances_0" type="text" title="" name="typeahead_substances_0" class="fr-input" placeholder="" autocomplete="off" role="combobox" aria-controls="typeahead_substances_0-control" aria-activedescendant="typeahead_substances_0-control" aria-expanded="false" aria-autocomplete="list" value="lanthane"></div> + <ul class="_typeahead-list_8eddf1 " tabindex="-1" id="typeahead_substances_0-control" role="listbox"> + <li class="_typeahead-list-item_8eddf1 _typeahead-list-item-active_8eddf1" aria-selected="false" id="typeahead_substances_0-control-0"><span>alun</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-1"><span>antimoine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-2"><span>argent</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-3"><span>arsenic</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-4"><span>autres éléments de terres rares</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-5"><span>bauxite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-6"><span>béryllium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-7"><span>bismuth</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-8"><span>cadmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-9"><span>calcaires bitumineux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-10"><span>césium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-11"><span>chrome</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-12"><span>cobalt</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-13"><span>cuivre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-14"><span>diamant</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-15"><span>dysprosium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-16"><span>erbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-17"><span>étain</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-18"><span>europium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-19"><span>fer</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-20"><span>fluorine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-21"><span>gadolinium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-22"><span>gallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-23"><span>gaz carbonique</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-24"><span>germanium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-25"><span>graphite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-26"><span>hafnium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-27"><span>hélium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-28"><span>holmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-29"><span>hydrogène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-30"><span>indium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-31"><span>iridium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-32"><span>lithium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-33"><span>lutécium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-34"><span>manganèse</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-35"><span>mercure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-36"><span>métaux connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-37"><span>métaux de base</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-38"><span>métaux de la mine du platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-39"><span>métaux précieux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-40"><span>minerais</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-41"><span>molybdène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-42"><span>nickel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-43"><span>niobium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-44"><span>non précisée(s)</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-45"><span>or</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-46"><span>osmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-47"><span>palladium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-48"><span>phosphates</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-49"><span>pierres précieuses</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-50"><span>platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-51"><span>plomb</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-52"><span>prométhium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-53"><span>puits d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-54"><span>pyrite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-55"><span>rhénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-56"><span>rhodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-57"><span>rubidium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-58"><span>ruthénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-59"><span>samarium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-60"><span>scandium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-61"><span>sel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-62"><span>sel gemme</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-63"><span>sélénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-64"><span>sels</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-65"><span>sels de potassium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-66"><span>sels de sodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-67"><span>soufre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-68"><span>sources d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-69"><span>substances connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-70"><span>sulfates autres que les sulfates alcalino-terreux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-71"><span>tantale</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-72"><span>tellure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-73"><span>terbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-74"><span>thallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-75"><span>thulium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-76"><span>titane</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-77"><span>tous métaux associés</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-78"><span>tungstène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-79"><span>vanadium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-80"><span>ytterbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-81"><span>yttrium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-82"><span>zinc</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-83"><span>zirconium</span></li> + </ul> + </div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-arrow-down-fill fr-ml-2w" title="Diminuer l’importance de la substance lanthane" aria-label="Diminuer l’importance de la substance lanthane" type="button"> + <!----> + </button> + <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line fr-ml-2w" title="Supprimer la substance lanthane" aria-label="Supprimer la substance lanthane" type="button"> + <!----> + </button> + </div> + </div> + <div> + <div style="display: flex;" class="fr-mt-1w"> + <div id="typeahead_substances_1_wrapper" class="_typeahead_8eddf1"> + <div class="flex"><input id="typeahead_substances_1" type="text" title="" name="typeahead_substances_1" class="fr-input" placeholder="" autocomplete="off" role="combobox" aria-controls="typeahead_substances_1-control" aria-activedescendant="typeahead_substances_1-control" aria-expanded="false" aria-autocomplete="list" value="cérium"></div> + <ul class="_typeahead-list_8eddf1 " tabindex="-1" id="typeahead_substances_1-control" role="listbox"> + <li class="_typeahead-list-item_8eddf1 _typeahead-list-item-active_8eddf1" aria-selected="false" id="typeahead_substances_1-control-0"><span>alun</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-1"><span>antimoine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-2"><span>argent</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-3"><span>arsenic</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-4"><span>autres éléments de terres rares</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-5"><span>bauxite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-6"><span>béryllium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-7"><span>bismuth</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-8"><span>cadmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-9"><span>calcaires bitumineux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-10"><span>césium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-11"><span>chrome</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-12"><span>cobalt</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-13"><span>cuivre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-14"><span>diamant</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-15"><span>dysprosium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-16"><span>erbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-17"><span>étain</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-18"><span>europium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-19"><span>fer</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-20"><span>fluorine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-21"><span>gadolinium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-22"><span>gallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-23"><span>gaz carbonique</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-24"><span>germanium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-25"><span>graphite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-26"><span>hafnium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-27"><span>hélium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-28"><span>holmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-29"><span>hydrogène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-30"><span>indium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-31"><span>iridium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-32"><span>lithium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-33"><span>lutécium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-34"><span>manganèse</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-35"><span>mercure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-36"><span>métaux connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-37"><span>métaux de base</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-38"><span>métaux de la mine du platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-39"><span>métaux précieux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-40"><span>minerais</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-41"><span>molybdène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-42"><span>nickel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-43"><span>niobium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-44"><span>non précisée(s)</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-45"><span>or</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-46"><span>osmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-47"><span>palladium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-48"><span>phosphates</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-49"><span>pierres précieuses</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-50"><span>platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-51"><span>plomb</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-52"><span>prométhium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-53"><span>puits d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-54"><span>pyrite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-55"><span>rhénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-56"><span>rhodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-57"><span>rubidium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-58"><span>ruthénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-59"><span>samarium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-60"><span>scandium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-61"><span>sel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-62"><span>sel gemme</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-63"><span>sélénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-64"><span>sels</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-65"><span>sels de potassium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-66"><span>sels de sodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-67"><span>soufre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-68"><span>sources d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-69"><span>substances connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-70"><span>sulfates autres que les sulfates alcalino-terreux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-71"><span>tantale</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-72"><span>tellure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-73"><span>terbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-74"><span>thallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-75"><span>thulium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-76"><span>titane</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-77"><span>tous métaux associés</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-78"><span>tungstène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-79"><span>vanadium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-80"><span>ytterbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-81"><span>yttrium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-82"><span>zinc</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_1-control-83"><span>zirconium</span></li> + </ul> + </div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-arrow-down-fill fr-ml-2w" title="Diminuer l’importance de la substance cérium" aria-label="Diminuer l’importance de la substance cérium" type="button"> + <!----> + </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-arrow-up-fill fr-ml-2w" title="Augmenter l’importance de la substance cérium" aria-label="Augmenter l’importance de la substance cérium" type="button"> + <!----> + </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line fr-ml-2w" title="Supprimer la substance cérium" aria-label="Supprimer la substance cérium" type="button"> + <!----> + </button> + </div> + </div> + <div> + <div style="display: flex;" class="fr-mt-1w"> + <div id="typeahead_substances_2_wrapper" class="_typeahead_8eddf1"> + <div class="flex"><input id="typeahead_substances_2" type="text" title="" name="typeahead_substances_2" class="fr-input" placeholder="" autocomplete="off" role="combobox" aria-controls="typeahead_substances_2-control" aria-activedescendant="typeahead_substances_2-control" aria-expanded="false" aria-autocomplete="list" value="praséodyme"></div> + <ul class="_typeahead-list_8eddf1 " tabindex="-1" id="typeahead_substances_2-control" role="listbox"> + <li class="_typeahead-list-item_8eddf1 _typeahead-list-item-active_8eddf1" aria-selected="false" id="typeahead_substances_2-control-0"><span>alun</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-1"><span>antimoine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-2"><span>argent</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-3"><span>arsenic</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-4"><span>autres éléments de terres rares</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-5"><span>bauxite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-6"><span>béryllium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-7"><span>bismuth</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-8"><span>cadmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-9"><span>calcaires bitumineux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-10"><span>césium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-11"><span>chrome</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-12"><span>cobalt</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-13"><span>cuivre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-14"><span>diamant</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-15"><span>dysprosium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-16"><span>erbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-17"><span>étain</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-18"><span>europium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-19"><span>fer</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-20"><span>fluorine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-21"><span>gadolinium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-22"><span>gallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-23"><span>gaz carbonique</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-24"><span>germanium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-25"><span>graphite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-26"><span>hafnium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-27"><span>hélium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-28"><span>holmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-29"><span>hydrogène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-30"><span>indium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-31"><span>iridium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-32"><span>lithium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-33"><span>lutécium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-34"><span>manganèse</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-35"><span>mercure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-36"><span>métaux connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-37"><span>métaux de base</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-38"><span>métaux de la mine du platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-39"><span>métaux précieux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-40"><span>minerais</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-41"><span>molybdène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-42"><span>nickel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-43"><span>niobium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-44"><span>non précisée(s)</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-45"><span>or</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-46"><span>osmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-47"><span>palladium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-48"><span>phosphates</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-49"><span>pierres précieuses</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-50"><span>platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-51"><span>plomb</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-52"><span>prométhium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-53"><span>puits d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-54"><span>pyrite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-55"><span>rhénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-56"><span>rhodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-57"><span>rubidium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-58"><span>ruthénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-59"><span>samarium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-60"><span>scandium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-61"><span>sel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-62"><span>sel gemme</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-63"><span>sélénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-64"><span>sels</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-65"><span>sels de potassium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-66"><span>sels de sodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-67"><span>soufre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-68"><span>sources d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-69"><span>substances connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-70"><span>sulfates autres que les sulfates alcalino-terreux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-71"><span>tantale</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-72"><span>tellure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-73"><span>terbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-74"><span>thallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-75"><span>thulium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-76"><span>titane</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-77"><span>tous métaux associés</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-78"><span>tungstène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-79"><span>vanadium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-80"><span>ytterbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-81"><span>yttrium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-82"><span>zinc</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_2-control-83"><span>zirconium</span></li> + </ul> + </div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-arrow-down-fill fr-ml-2w" title="Diminuer l’importance de la substance praséodyme" aria-label="Diminuer l’importance de la substance praséodyme" type="button"> + <!----> + </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-arrow-up-fill fr-ml-2w" title="Augmenter l’importance de la substance praséodyme" aria-label="Augmenter l’importance de la substance praséodyme" type="button"> + <!----> + </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line fr-ml-2w" title="Supprimer la substance praséodyme" aria-label="Supprimer la substance praséodyme" type="button"> + <!----> + </button> + </div> + </div> + <div> + <div style="display: flex;" class="fr-mt-1w"> + <div id="typeahead_substances_3_wrapper" class="_typeahead_8eddf1"> + <div class="flex"><input id="typeahead_substances_3" type="text" title="" name="typeahead_substances_3" class="fr-input" placeholder="" autocomplete="off" role="combobox" aria-controls="typeahead_substances_3-control" aria-activedescendant="typeahead_substances_3-control" aria-expanded="false" aria-autocomplete="list" value="néodyme"></div> + <ul class="_typeahead-list_8eddf1 " tabindex="-1" id="typeahead_substances_3-control" role="listbox"> + <li class="_typeahead-list-item_8eddf1 _typeahead-list-item-active_8eddf1" aria-selected="false" id="typeahead_substances_3-control-0"><span>alun</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-1"><span>antimoine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-2"><span>argent</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-3"><span>arsenic</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-4"><span>autres éléments de terres rares</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-5"><span>bauxite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-6"><span>béryllium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-7"><span>bismuth</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-8"><span>cadmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-9"><span>calcaires bitumineux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-10"><span>césium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-11"><span>chrome</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-12"><span>cobalt</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-13"><span>cuivre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-14"><span>diamant</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-15"><span>dysprosium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-16"><span>erbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-17"><span>étain</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-18"><span>europium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-19"><span>fer</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-20"><span>fluorine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-21"><span>gadolinium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-22"><span>gallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-23"><span>gaz carbonique</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-24"><span>germanium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-25"><span>graphite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-26"><span>hafnium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-27"><span>hélium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-28"><span>holmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-29"><span>hydrogène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-30"><span>indium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-31"><span>iridium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-32"><span>lithium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-33"><span>lutécium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-34"><span>manganèse</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-35"><span>mercure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-36"><span>métaux connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-37"><span>métaux de base</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-38"><span>métaux de la mine du platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-39"><span>métaux précieux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-40"><span>minerais</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-41"><span>molybdène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-42"><span>nickel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-43"><span>niobium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-44"><span>non précisée(s)</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-45"><span>or</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-46"><span>osmium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-47"><span>palladium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-48"><span>phosphates</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-49"><span>pierres précieuses</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-50"><span>platine</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-51"><span>plomb</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-52"><span>prométhium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-53"><span>puits d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-54"><span>pyrite</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-55"><span>rhénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-56"><span>rhodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-57"><span>rubidium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-58"><span>ruthénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-59"><span>samarium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-60"><span>scandium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-61"><span>sel</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-62"><span>sel gemme</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-63"><span>sélénium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-64"><span>sels</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-65"><span>sels de potassium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-66"><span>sels de sodium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-67"><span>soufre</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-68"><span>sources d'eau salée</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-69"><span>substances connexes</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-70"><span>sulfates autres que les sulfates alcalino-terreux</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-71"><span>tantale</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-72"><span>tellure</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-73"><span>terbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-74"><span>thallium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-75"><span>thulium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-76"><span>titane</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-77"><span>tous métaux associés</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-78"><span>tungstène</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-79"><span>vanadium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-80"><span>ytterbium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-81"><span>yttrium</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-82"><span>zinc</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_3-control-83"><span>zirconium</span></li> + </ul> + </div> + <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-arrow-up-fill fr-ml-2w" title="Augmenter l’importance de la substance néodyme" aria-label="Augmenter l’importance de la substance néodyme" type="button"> + <!----> + </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line fr-ml-2w" title="Supprimer la substance néodyme" aria-label="Supprimer la substance néodyme" type="button"> + <!----> + </button> + </div> + </div> + <div style="display: flex; gap: 1rem; align-self: end;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-2w" title="Ajouter toutes les terres rares" aria-label="Ajouter toutes les terres rares" type="button">Ajouter toutes les terres rares</button><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line fr-mt-2w" title="Ajouter une substance" aria-label="Ajouter une substance" type="button"> + <!----> + </button></div> + </div> + </div> + <!----> +</div> \ No newline at end of file diff --git a/packages/ui/src/components/etape/substances-edit.stories_snapshots_PasDeTerresRares.html b/packages/ui/src/components/etape/substances-edit.stories_snapshots_PasDeTerresRares.html new file mode 100644 index 0000000000000000000000000000000000000000..298558ecde422fe866a2397d4b55c7fd76004714 --- /dev/null +++ b/packages/ui/src/components/etape/substances-edit.stories_snapshots_PasDeTerresRares.html @@ -0,0 +1,30 @@ +<div class="fr-mb-1w"> + <div class="fr-input-group fr-mb-0"><label class="fr-label" for="typeahead_substances_0">Substances</label> + <div style="display: flex; flex-direction: column;"> + <div> + <div style="display: flex;" class="fr-mt-1w"> + <div id="typeahead_substances_0_wrapper" class="_typeahead_8eddf1"> + <div class="flex"><input id="typeahead_substances_0" type="text" title="" name="typeahead_substances_0" class="fr-input" placeholder="" autocomplete="off" role="combobox" aria-controls="typeahead_substances_0-control" aria-activedescendant="typeahead_substances_0-control" aria-expanded="false" aria-autocomplete="list" value=""></div> + <ul class="_typeahead-list_8eddf1 " tabindex="-1" id="typeahead_substances_0-control" role="listbox"> + <li class="_typeahead-list-item_8eddf1 _typeahead-list-item-active_8eddf1" aria-selected="false" id="typeahead_substances_0-control-0"><span>activités géothermiques de minime importance</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-1"><span>gîtes géothermiques basse énergie</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-2"><span>gîtes géothermiques basse température</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-3"><span>gîtes géothermiques haute énergie</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-4"><span>gîtes géothermiques haute température</span></li> + <li class="_typeahead-list-item_8eddf1 " aria-selected="false" id="typeahead_substances_0-control-5"><span>substances connexes</span></li> + </ul> + </div> + <!----> + <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line fr-ml-2w" title="Supprimer la substance " aria-label="Supprimer la substance " type="button"> + <!----> + </button> + </div> + </div> + <div style="display: flex; gap: 1rem; align-self: end;"> + <!----> + <!----> + </div> + </div> + </div> + <!----> +</div> \ No newline at end of file diff --git a/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html b/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html index 34be780e3e35dfaf6e86b1ee43a132f1eeede420..da4f4fcd1193d7bc1a7fe9123dd2f1c213dc7e32 100644 --- a/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html +++ b/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html @@ -100,9 +100,12 @@ <!----> </button> </div> - </div><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line fr-mt-2w" title="Ajouter une substance" aria-label="Ajouter une substance" type="button" style="align-self: end;"> - <!----> - </button> + </div> + <div style="display: flex; gap: 1rem; align-self: end;"> + <!----><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line fr-mt-2w" title="Ajouter une substance" aria-label="Ajouter une substance" type="button"> + <!----> + </button> + </div> </div> </div> <div class="fr-pt-2w fr-pb-2w"> diff --git a/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansSubstance.html b/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansSubstance.html index 6b7123c4722313dc7507a83e8dbd50b8db395e30..e0c445cfdc1a2272883c0a6ff3cd37e3c3412cfa 100644 --- a/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansSubstance.html +++ b/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansSubstance.html @@ -102,7 +102,9 @@ </button> </div> </div> - <!----> + <div style="display: flex; gap: 1rem; align-self: end;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-2w" title="Ajouter toutes les terres rares" aria-label="Ajouter toutes les terres rares" type="button">Ajouter toutes les terres rares</button> + <!----> + </div> </div> </div> <!----> diff --git a/packages/ui/src/components/etape/substances-edit.tsx b/packages/ui/src/components/etape/substances-edit.tsx index b22fb645bd3442546510c13800b8e0cbb1a6824e..6a71519b3dc01097b6a855f6bb2fca98d5df53d3 100644 --- a/packages/ui/src/components/etape/substances-edit.tsx +++ b/packages/ui/src/components/etape/substances-edit.tsx @@ -1,9 +1,9 @@ import { useState } from '@/utils/vue-tsx-utils' -import { SubstancesLegales, SubstancesLegale, SubstanceLegaleId } from 'camino-common/src/static/substancesLegales' +import { SubstancesLegales, SubstancesLegale, SubstanceLegaleId, isTerreRare, terresRares } from 'camino-common/src/static/substancesLegales' import { computed, defineComponent, watch } from 'vue' import { HeritageEdit } from '@/components/etape/heritage-edit' import { DomaineId } from 'camino-common/src/static/domaines' -import { isNotNullNorUndefined, isNotNullNorUndefinedNorEmpty, isNullOrUndefinedOrEmpty } from 'camino-common/src/typescript-tools' +import { isNotNullNorUndefined, isNotNullNorUndefinedNorEmpty, isNullOrUndefined, isNullOrUndefinedOrEmpty } from 'camino-common/src/typescript-tools' import { DsfrButtonIcon } from '../_ui/dsfr-button' import { SubstanceLegaleTypeahead } from '../_common/substance-legale-typeahead' import { DsfrTag } from '../_ui/tag' @@ -106,6 +106,21 @@ export const SubstancesEdit = defineComponent<Props>(props => { } } + const addAllTerresRares = () => { + setEditedSubstances({ ...editedSubstances.value, value: [...terresRares].sort((a, b) => SubstancesLegale[a].nom.localeCompare(SubstancesLegale[b].nom)) }) + } + + const canDisplayAddTerresRaresButton = computed<boolean>(() => { + if (terresRares.every(terreRare => editedSubstances.value.value.includes(terreRare))) { + return false + } + + return ( + terresRares.every(terreRare => substancesToDisplay.value.includes(terreRare) || editedSubstances.value.value.includes(terreRare)) && + editedSubstances.value.value.every(substance => isNullOrUndefined(substance) || isTerreRare(substance)) + ) + }) + return () => ( <HeritageEdit prop={{ ...editedSubstances.value, value: editedSubstances.value.value.filter(isNotNullNorUndefined) }} @@ -158,9 +173,22 @@ export const SubstancesEdit = defineComponent<Props>(props => { </div> ))} - {editedSubstances.value.value.every(substanceId => isNotNullNorUndefined(substanceId)) ? ( - <DsfrButtonIcon onClick={substanceAdd} buttonType="primary" icon="fr-icon-add-line" title="Ajouter une substance" class="fr-mt-2w" style={{ alignSelf: 'end' }} /> - ) : null} + <div style={{ display: 'flex', gap: '1rem', alignSelf: 'end' }}> + {canDisplayAddTerresRaresButton.value ? ( + <DsfrButtonIcon + onClick={addAllTerresRares} + buttonType="secondary" + icon="fr-icon-add-line" + title="Ajouter toutes les terres rares" + label="Ajouter toutes les terres rares" + class="fr-mt-2w" + /> + ) : null} + + {editedSubstances.value.value.every(substanceId => isNotNullNorUndefined(substanceId)) ? ( + <DsfrButtonIcon onClick={substanceAdd} buttonType="primary" icon="fr-icon-add-line" title="Ajouter une substance" class="fr-mt-2w" /> + ) : null} + </div> </div> </div> )}