Passage au DSFR v1.14 (#241)

* Upgrade DSFR version

* Update search

* Add doc page for custom templatetags

* Improve doc of various components

* Fix links to DSFR site

* Update links

* No need to make a migration for that :)

Author: Ash-Crow

.pre-commit-config.yaml

@@ -6,7 +6,7 @@ repos:
   - id: djlint-reformat-django
   - id: djlint-django
 - repo: https://github.com/astral-sh/ruff-pre-commit
-  rev: v0.11.9
+  rev: v0.12.1
   hooks:
     - id: ruff
       args: [ --fix, --exit-non-zero-on-fix ]
@@ -23,7 +23,7 @@ repos:
       args:
         - --line-length=88
 - repo: https://github.com/PyCQA/bandit
-  rev: 1.8.3
+  rev: 1.8.5
   hooks:
     - id: bandit
       language_version: python3

README.md

@@ -16,7 +16,7 @@ Django-DSFR is a Django app to integrate the [French government Design System ("
 
 See the [documentation (in French)](https://numerique-gouv.github.io/django-dsfr/) for details.
 
-Django-DSFR implements the [version 1.13.1 of the DSFR](https://www.systeme-de-design.gouv.fr/a-propos/versions/version-courante)
+Django-DSFR implements the [version 1.14.0 of the DSFR](https://www.systeme-de-design.gouv.fr/a-propos/versions/version-courante)
 (see also the [Github releases page](https://github.com/GouvernementFR/dsfr/releases/))
 
 ## Requirements

doc/follow.md

@@ -13,12 +13,13 @@ Le bandeau de Lettre d’information et Réseaux Sociaux est géré grâce à un
 ```
 
 Il est alors possible de personnaliser la description de la lettre d’information, l’URL d’inscription ainsi que les réseaux sociaux via la configuration du site dans l’administration de Django.
-`
-- `<a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/pied-de-page" target="_blank" rel="noopener noreferrer">
+
+
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/pied-de-page" target="_blank" rel="noopener noreferrer">
         Voir la page de documentation du composant sur le Système de Design de l’État
         <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
-  </a>`
-- `<a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://main--ds-gouv.netlify.app/example/component/footer/" target="_blank" rel="noopener noreferrer">
+  </a>
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://main--ds-gouv.netlify.app/example/component/footer/" target="_blank" rel="noopener noreferrer">
         Voir la page d’exemple du Système de Design de l’État
         <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
   </a>

doc/footer.md

@@ -2,7 +2,8 @@ Le pied de page est géré grâce à une balise `include` dans le fichier `base.
 
 Il est alors possible de personnaliser la description ainsi que le bloc-marque via la configuration du site dans l’administration de Django.
 
-- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/pied-de-page" target="_blank" rel="noopener noreferrer">
+
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/pied-de-page" target="_blank" rel="noopener noreferrer">
         Voir la page de documentation du composant sur le Système de Design de l’État
         <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
   </a>

doc/forms.md

@@ -1,5 +1,5 @@
 # Formulaires – Documentation
-- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/composants-et-modeles/blocs-fonctionnels/formulaires" target="_blank" rel="noopener noreferrer">
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/formulaires" target="_blank" rel="noopener noreferrer">
         Voir la page de documentation du composant sur le Système de Design de l’État
         <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
   </a>

doc/header.md

@@ -2,7 +2,7 @@ L’en-tête est géré grâce à une balise `include` dans le fichier `base.htm
 
 Il est alors possible de personnaliser le titre, le sous-titre, ainsi que le bloc-marque, via la configuration du site dans l’administration de Django.
 
-- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/en-tete" target="_blank" rel="noopener noreferrer">
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/en-tete" target="_blank" rel="noopener noreferrer">
         Voir la page de documentation du composant sur le Système de Design de l’État
         <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
   </a>
@@ -18,8 +18,8 @@ Il est alors possible de personnaliser le titre, le sous-titre, ainsi que le blo
 ## Composants liés
 Le gabarit d’en-tête est également l’endroit où inclure les composants suivants :
 
-- Navigation principale (navigation) ([Documentation](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/navigation-principale) — [Exemple](https://main--ds-gouv.netlify.app/example/component/navigation/)), à insérer dans le bloc `main_menu`.
-- Sélecteur de langue (translate) : ([Documentation](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/selecteur-de-langue) — [Exemple](https://main--ds-gouv.netlify.app/example/component/translate/)), à insérer dans le bloc `header_tools`. L’application d’exemple donne un exemple d’implémentation ne traduisant que l’interface, et ne changeant pas l’URL, mais il est plutôt recommandé de définir un préfixe de langue dans l’URL, cf. la [documentation de Django](https://docs.djangoproject.com/fr/5.0/topics/i18n/translation/).
+- Navigation principale (navigation) ([Documentation](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/navigation-principale) — [Exemple](https://main--ds-gouv.netlify.app/example/component/navigation/)), à insérer dans le bloc `main_menu`.
+- Sélecteur de langues (translate) : ([Documentation](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/selecteur-de-langues) — [Exemple](https://main--ds-gouv.netlify.app/example/component/translate/)), à insérer dans le bloc `header_tools`. L’application d’exemple donne un exemple d’implémentation ne traduisant que l’interface, et ne changeant pas l’URL, mais il est plutôt recommandé de définir un préfixe de langue dans l’URL, cf. la [documentation de Django](https://docs.djangoproject.com/fr/5.0/topics/i18n/translation/).
 
 ## Personnaliser
 

dsfr/checksums.py

@@ -5,20 +5,20 @@
 
 # dsfr/static/dsfr/dist/dsfr/dsfr.module.min.js
 INTEGRITY_JS_MODULE = (
-    "sha384-l8g9Hsy5GI9+gVYLHCrBoaD2RBoVqjZ189s6ycWnyUMlBc4fJHgDv6Vy6srjghNj"
+    "sha384-41GU+RiqAUYv47wDfp2YXZiDUjD3kF13IEv7OxPu+c/vI226zUzWCLaxG3YFr+OE"
 )
 
 # dsfr/static/dsfr/dist/dsfr/dsfr.nomodule.min.js
 INTEGRITY_JS_NOMODULE = (
-    "sha384-n3DkLEpXk5jDW26QT+Rsm0VCNrSPDKpmFcCVIwlEkl9I6MgKB89KDVWuDiJpFktn"
+    "sha384-hm15UcyKDaqIboxtF7Jb9k5IxNtmYydj2vXiMAx0TaLn0tAI3hdjG/Gf0DxkYuHC"
 )
 
 # dsfr/static/dsfr/dist/dsfr/dsfr.min.css
 INTEGRITY_CSS = (
-    "sha384-hglg7vJT63v4rqjYrTSDzREjGYZb//5qqtcs8/7Ng8v1ihSg4LgdB+5lYdzAZXOt"
+    "sha384-xZ7d1FPuJPGbW8x0qwQK1S+SbDZzOJ/Aqxij+8BTibC5+4mOznRXv3dREsSH8LUY"
 )
 
 # dsfr/static/dsfr/dist/utility/utility.min.css
 INTEGRITY_UTILITY_CSS = (
-    "sha384-OF3yqHNd9CODR/aJcL4+uKOtkKyHvJxfNMO3eBRtIZpFy/iMuNJCyd0HbVArmrUC"
+    "sha384-fBRQe7b44hF/DeP+UL2ICVn+B9+t9YeHkHwp3d63HzY232x0KvifTaUjtByMIQL7"
 )

dsfr/constants.py

@@ -6,7 +6,7 @@
     ("fr", _("French")),
 ]
 
-# Color palettes, per https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-de-l-identite-de-l-etat/couleurs-palette/
+# Color palettes, per https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/couleurs--palette
 
 COLOR_CHOICES_PRIMARY = [
     ("blue-france", _("Blue France")),

dsfr/static/django-dsfr/icon-picker/assets/icons-libraries/dsfr-buildings.json

@@ -1 +1 @@
-{"prefix": "fr-icon-", "version": "v1.13.1", "icons": ["ancient-gate-fill", "ancient-gate-line", "ancient-pavilion-fill", "ancient-pavilion-line", "bank-fill", "bank-line", "building-fill", "building-line", "community-fill", "community-line", "government-fill", "government-line", "home-4-fill", "home-4-line", "hospital-fill", "hospital-line", "hotel-fill", "hotel-line", "store-fill", "store-line"], "icon-style": "dsfr-buildings", "list-label": "DSFR Buildings"}
+{"prefix": "fr-icon-", "version": "v1.14.0", "icons": ["ancient-gate-fill", "ancient-gate-line", "ancient-pavilion-fill", "ancient-pavilion-line", "bank-fill", "bank-line", "building-fill", "building-line", "community-fill", "community-line", "government-fill", "government-line", "home-4-fill", "home-4-line", "hospital-fill", "hospital-line", "hotel-fill", "hotel-line", "store-fill", "store-line"], "icon-style": "dsfr-buildings", "list-label": "DSFR Buildings"}

dsfr/static/django-dsfr/icon-picker/assets/icons-libraries/dsfr-business.json

@@ -1 +1 @@
-{"prefix": "fr-icon-", "version": "v1.13.1", "icons": ["archive-fill", "archive-line", "attachment-fill", "attachment-line", "award-fill", "award-line", "bar-chart-box-fill", "bar-chart-box-line", "bookmark-fill", "bookmark-line", "briefcase-fill", "briefcase-line", "calendar-2-fill", "calendar-2-line", "calendar-event-fill", "calendar-event-line", "calendar-fill", "calendar-line", "cloud-fill", "cloud-line", "copyright-fill", "copyright-line", "customer-service-fill", "customer-service-line", "flag-fill", "flag-line", "global-fill", "global-line", "line-chart-fill", "line-chart-line", "links-fill", "links-line", "mail-fill", "mail-line", "mail-open-fill", "mail-open-line", "medal-fill", "medal-line", "pie-chart-2-fill", "pie-chart-2-line", "pie-chart-box-fill", "pie-chart-box-line", "printer-fill", "printer-line", "profil-fill", "profil-line", "projector-2-fill", "projector-2-line", "send-plane-fill", "send-plane-line", "slideshow-fill", "slideshow-line", "window-fill", "window-line"], "icon-style": "dsfr-business", "list-label": "DSFR Business"}
+{"prefix": "fr-icon-", "version": "v1.14.0", "icons": ["archive-fill", "archive-line", "attachment-fill", "attachment-line", "award-fill", "award-line", "bar-chart-box-fill", "bar-chart-box-line", "bookmark-fill", "bookmark-line", "briefcase-fill", "briefcase-line", "calendar-2-fill", "calendar-2-line", "calendar-event-fill", "calendar-event-line", "calendar-fill", "calendar-line", "cloud-fill", "cloud-line", "copyright-fill", "copyright-line", "customer-service-fill", "customer-service-line", "flag-fill", "flag-line", "global-fill", "global-line", "line-chart-fill", "line-chart-line", "links-fill", "links-line", "mail-fill", "mail-line", "mail-open-fill", "mail-open-line", "medal-fill", "medal-line", "pie-chart-2-fill", "pie-chart-2-line", "pie-chart-box-fill", "pie-chart-box-line", "printer-fill", "printer-line", "profil-fill", "profil-line", "projector-2-fill", "projector-2-line", "send-plane-fill", "send-plane-line", "slideshow-fill", "slideshow-line", "window-fill", "window-line"], "icon-style": "dsfr-business", "list-label": "DSFR Business"}