Merge pull request #49 from GouvernementFR/dev

🔖 chore(*): DSFR-chart v2.0.4

Author: zellerbaptiste

.storybook/preview.js

@@ -2,8 +2,8 @@ import '../node_modules/@gouvfr/dsfr/dist/dsfr.module.min.js';
 import '../node_modules/@gouvfr/dsfr/dist/dsfr.main.min.css';
 import '../node_modules/@gouvfr/dsfr/dist/utility/utility.main.min.css';
 
-import '../dist/DSFRChart/DSFRChart.js';
-import '../dist/DSFRChart/DSFRChart.css';
+import '../src/charts/main.js';
+import '../src/styles/style.scss';
 
 import { html } from 'lit';
 

CHANGELOG.md

@@ -6,6 +6,39 @@ Pour plus d’informations : [Voir la documentation](./README.md)
 
 > ## DSFR-Chart v2
 
+## v2.0.4
+
+### [v2.0.4](https://github.com/GouvernementFR/dsfr-chart/compare/v2.0.3...v2.0.4) - 19 Mai 2025
+
+#### 🔖 chore(*): DSFR-chart v2.0.4 [(#49)](https://github.com/GouvernementFR/dsfr-chart/pull/49)
+- mise à jour du path des fichiers storybook dans src
+- ajout du watch de toutes les props pour rerender les graphiques / tableaux
+- correction du shadow root sur les composants unitaires
+- ajout d'options d'exports dans le package.json pour permettre plus de possibilités
+- mise à disposition des composants unitaires
+- mise à jour des dépendances NPM
+
+## v2.0.3
+
+### [v2.0.3](https://github.com/GouvernementFR/dsfr-chart/compare/v2.0.2...v2.0.3) - 18 Fevrier 2025
+
+#### 🔖 chore(*): DSFR-chart v2.0.3 [(#35)](https://github.com/GouvernementFR/dsfr-chart/pull/35)
+- modifie le nom du script du composant d'export.
+
+## v2.0.2
+
+### [v2.0.2](https://github.com/GouvernementFR/dsfr-chart/compare/v2.0.1...v2.0.2) - 18 Fevrier 2025
+
+#### 🔖 chore(*): DSFR-chart v2.0.2 [(#34)](https://github.com/GouvernementFR/dsfr-chart/pull/34)
+- exporte le module principal et modifie le nom du script du composant.
+
+## v2.0.1
+
+### [v2.0.1](https://github.com/GouvernementFR/dsfr-chart/compare/v2.0.0...v2.0.1) - 17 Fevrier 2025
+
+#### 🔖 chore(*): DSFR-chart v2.0.1 [(#32)](https://github.com/GouvernementFR/dsfr-chart/pull/32)
+- mise à jour du README.md
+
 ## v2.0
 
 ### [v2.0.0](https://github.com/GouvernementFR/dsfr-chart/tree/v2.0.0) - 17 Février 2025

CONTRIBUTING.md

@@ -47,9 +47,9 @@ import { defineCustomElement } from 'vue';
 
 import NewChart from '@/components/NewChart.vue';
 
-const NewChartElement = defineCustomElement(NewChart);
+const NewChartElement = defineCustomElement(NewChart, { shadowRoot: false });
 
-customElements.define('bar-line-chart', NewChartElement, { shadowRoot: false });
+customElements.define('bar-line-chart', NewChartElement);
 ```
 
 Il est également important de rajouter cela dans le fichier `src/charts/main.js` qui permet de l'inclure dans la compilation de tous les web-components ainsi que dans le fichier `src/main.js` pour l'utiliser dans la documentation du `index.html`.

README.md

@@ -67,7 +67,7 @@ Il existe deux possibilités :
 <link rel="stylesheet" href="./DSFRChart.css" />
 ```
 
-- Charger uniquement un ou plusieurs composants nécessaires (ex : ScatterChart) :
+- Charger uniquement un ou plusieurs composants nécessaires à votre projet :
 
 ```html
 <!-- Avec le build ESM -->
@@ -86,10 +86,21 @@ Il existe deux possibilités :
 Pour importer la librairie dans un projet utilisant un bundler comme Vite, il est nécessaire d'importer les fichiers JavaScript et CSS dans votre fichier principal.
 
 ```javascript
-import '@gouvfr/dsfr-chart/dist/DSFRChart/DSFRChart.js';
-import '@gouvfr/dsfr-chart/dist/DSFRChart/DSFRChart.css';
+import '@gouvfr/dsfr-chart';
+import '@gouvfr/dsfr-chart/css';
 ```
 
+Il est également possible d'importer uniquement un ou plusieurs composants :
+
+```javascript
+import '@gouvfr/dsfr-chart/LineChart';
+import '@gouvfr/dsfr-chart/LineChart.css'; // Ou '@gouvfr/dsfr-chart/LineChart/css'
+import '@gouvfr/dsfr-chart/BarChart';
+import '@gouvfr/dsfr-chart/BarChart.css'; // Ou '@gouvfr/dsfr-chart/BarChart/css'
+```
+
+#### ⚠️ Important : Si vous importez plus que deux composants, il est préférable d'importer toute la librairie pour éviter de charger plusieurs fois le runtime de Vue.js.
+
 # Graphiques disponibles
 
 Ce catalogue présente l'ensemble des graphiques disponibles dans le module complémentaire au Système de design de l'État (DSFR) pour la visualisation de données. Les différents types de graphiques sont disponibles en thème clair et thème sombre. Par ailleurs, les options de chacun des graphiques sont également présentés dans ce document.

eslint.config.js

@@ -6,22 +6,24 @@ import pluginStorybook from 'eslint-plugin-storybook';
 /** @type {import('eslint').Linter.Config[]} */
 export default [
   {
-    files: ['**/*.{js,vue}']
+    files: ['**/*.{js,vue}'],
   },
   {
     languageOptions: {
-      globals: globals.browser,
-    }
+      globals: {
+        ...globals.browser,
+      },
+    },
   },
   pluginJs.configs.recommended,
   ...pluginVue.configs['flat/recommended'],
   ...pluginStorybook.configs['flat/recommended'],
   {
     rules: {
       'vue/multi-word-component-names': 'off',
-    }
+    },
   },
   {
-    ignores: ['!.storybook']
+    ignores: ['!.storybook'],
   },
 ];