From a57678d48f5f403f6d87ae46fb658ac7b9218842 Mon Sep 17 00:00:00 2001
From: Vincent Sagniez <vincent.sagniez@ign.fr>
Date: Tue, 15 Oct 2024 15:27:29 +0200
Subject: [PATCH 1/2] Ajout page format .csv

---
 public/markdown/format-csv.md                 | 23 +++++++++++
 .../format-csv/page.styled.tsx                | 24 +++++++++++
 .../telechargements/format-csv/page.tsx       | 41 +++++++++++++++++++
 src/app/outils/telechargements/page.tsx       |  1 +
 4 files changed, 89 insertions(+)
 create mode 100644 public/markdown/format-csv.md
 create mode 100644 src/app/outils/telechargements/format-csv/page.styled.tsx
 create mode 100644 src/app/outils/telechargements/format-csv/page.tsx

diff --git a/public/markdown/format-csv.md b/public/markdown/format-csv.md
new file mode 100644
index 000000000..723d0b454
--- /dev/null
+++ b/public/markdown/format-csv.md
@@ -0,0 +1,23 @@
+---
+title: Format CSV
+
+---
+
+## Format .csv pour un usage classique
+
+Emprise : nationale et départementale
+Schéma des données “Adresses” au format CSV
+Le séparateur point-virgule et l'encodage UTF-8 sont utilisés. 
+
+[Schéma de données](https://github.com/BaseAdresseNationale/adresse.data.gouv.fr/blob/master/public/schemas/adresses-csv.md)
+
+Le contenu de ce fichier est optimisé pour satisfaire la majorité des usages. 
+Cependant, il ne met pas à disposition l'intégralité des informations présentes dans la BAN. 
+En particulier : 
+- une seule position par adresse est servie
+- la dénomination est présentée en une seule langue
+- Les évolutions sur les nouveaux Idban ne peuvent être intégrées dans ce fichier sans briser la rétrocompatibilité. 
+
+Deux versions temporaires des fichiers sont donc également mis à disposition pour récupérer ces éléments : 
+- Un fichier csv intégrant les nouveaux id BAN : csv-with-ids
+- Un fichier csv département au format BAL intégrant les noms en langues régionales : csv-bal-with-lang
\ No newline at end of file
diff --git a/src/app/outils/telechargements/format-csv/page.styled.tsx b/src/app/outils/telechargements/format-csv/page.styled.tsx
new file mode 100644
index 000000000..598882678
--- /dev/null
+++ b/src/app/outils/telechargements/format-csv/page.styled.tsx
@@ -0,0 +1,24 @@
+'use client'
+import styled from 'styled-components'
+
+export const TextWrapper = styled.div`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 1rem;
+
+    article {
+      flex: 65;
+      min-width: 600px;
+
+      img {
+        max-width: 100%;
+      }
+    }
+
+    aside {
+      flex: 35;
+      min-width: 300px;
+    }
+`
diff --git a/src/app/outils/telechargements/format-csv/page.tsx b/src/app/outils/telechargements/format-csv/page.tsx
new file mode 100644
index 000000000..21eb36629
--- /dev/null
+++ b/src/app/outils/telechargements/format-csv/page.tsx
@@ -0,0 +1,41 @@
+import { Suspense } from 'react'
+import { CallOut } from '@codegouvfr/react-dsfr/CallOut'
+
+import Section from '@/components/Section'
+import HtmlViewer from '@/components/HtmlViewer'
+import { getMarkdown } from '@/lib/markdown'
+import type { DataType } from '@/lib/markdown'
+import Breadcrumb from '@/layouts/Breadcrumb'
+
+import { TextWrapper } from './page.styled'
+
+export default async function formatCSV() {
+  const { contentHtml, data }: { contentHtml?: string, data?: DataType } = await getMarkdown('format-csv') || {}
+
+  return (
+    <>
+      <Section>
+        <TextWrapper>
+          <Suspense fallback={<p>Chargement...</p>}>
+            <article>
+              {contentHtml && <HtmlViewer html={contentHtml} />}
+            </article>
+            {
+              data?.aside && (
+                <aside>{data?.aside?.map(
+                  ({ data }) =>
+                    data?.contentHtml && (
+                      <CallOut key={`${data?.data?.title}`}>
+                        <HtmlViewer html={data?.contentHtml} />
+                      </CallOut>
+                    )
+                )}
+                </aside>
+              )
+            }
+          </Suspense>
+        </TextWrapper>
+      </Section>
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/app/outils/telechargements/page.tsx b/src/app/outils/telechargements/page.tsx
index 4f425e48c..82260ac73 100644
--- a/src/app/outils/telechargements/page.tsx
+++ b/src/app/outils/telechargements/page.tsx
@@ -66,6 +66,7 @@ export default async function PageDownloadBan() {
                     <li>Fichier d’usage général recommandé dans la majorité des cas</li>
                     <li>Couverture nationale</li>
                     <li>Une position par adresse</li>
+                    <li><a href="telechargements/format-csv">Plus d'informations</a></li>
                   </ul>
                 </>
               )}

From cef0eb3595ee83d0c151a7c5d9d0542b6eebd4b0 Mon Sep 17 00:00:00 2001
From: Vincent Sagniez <vincent.sagniez@ign.fr>
Date: Tue, 15 Oct 2024 15:54:55 +0200
Subject: [PATCH 2/2] Correct lint

---
 src/app/outils/telechargements/format-csv/page.tsx | 2 +-
 src/app/outils/telechargements/page.tsx            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/outils/telechargements/format-csv/page.tsx b/src/app/outils/telechargements/format-csv/page.tsx
index 21eb36629..b8bd6deef 100644
--- a/src/app/outils/telechargements/format-csv/page.tsx
+++ b/src/app/outils/telechargements/format-csv/page.tsx
@@ -38,4 +38,4 @@ export default async function formatCSV() {
       </Section>
     </>
   )
-}
\ No newline at end of file
+}
diff --git a/src/app/outils/telechargements/page.tsx b/src/app/outils/telechargements/page.tsx
index 82260ac73..555aa0730 100644
--- a/src/app/outils/telechargements/page.tsx
+++ b/src/app/outils/telechargements/page.tsx
@@ -66,7 +66,7 @@ export default async function PageDownloadBan() {
                     <li>Fichier d’usage général recommandé dans la majorité des cas</li>
                     <li>Couverture nationale</li>
                     <li>Une position par adresse</li>
-                    <li><a href="telechargements/format-csv">Plus d'informations</a></li>
+                    <li><a href="telechargements/format-csv">En savoir plus</a></li>
                   </ul>
                 </>
               )}