Add folder Chart in path when the component is a chart (#379)

Author: pgrandne

stories/charts/BarChart.stories.tsx

@@ -37,7 +37,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "vlinecolor": { "description": "Color of the horizontal lines", control: "object" },
         "hlinecolor": { "description": "Color of the vertical lines", control: "object" }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/charts/BarLineChart.stories.tsx

@@ -34,7 +34,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "vlinecolor": { "description": "Color of the horizontal lines", control: "object" },
         "hlinecolor": { "description": "Color of the vertical lines", control: "object" }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/charts/GaugeChart.stories.tsx

@@ -29,7 +29,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
             "description": "Color"
         }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/charts/LineChart.stories.tsx

@@ -31,7 +31,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "vlinecolor": { "description": "Color of the horizontal lines", control: "object" },
         "hlinecolor": { "description": "Color of the vertical lines", control: "object" }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/charts/MultiLineChart.stories.tsx

@@ -31,7 +31,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "vlinecolor": { "description": "Color of the horizontal lines", control: "object" },
         "hlinecolor": { "description": "Color of the vertical lines", control: "object" }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/charts/PieChart.stories.tsx

@@ -26,7 +26,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "color": { "description": "Array of color", control: "object" },
         "fill": { control: "boolean" }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/charts/RadarChart.stories.tsx

@@ -25,7 +25,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "name": { "description": "Array of name", control: "object" },
         "color": { "description": "Array of color", control: "object" }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/charts/ScatterChart.stories.tsx

@@ -31,7 +31,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "vlinecolor": { "description": "Color of the horizontal lines", control: "object" },
         "hlinecolor": { "description": "Color of the vertical lines", control: "object" }
     },
-    "disabledProps": ["lang"]
+    "disabledProps": ["lang"],
+    isChartComponent: true
 });
 
 export default meta;

stories/getStory.tsx

@@ -29,6 +29,7 @@ export function getStoryFactory<Props extends Record<string, any>>(params: {
     disabledProps?: ("containerWidth" | "lang" | "darkMode")[];
     /** Default false */
     doHideImportInstruction?: boolean;
+    isChartComponent?: boolean;
 }) {
     const {
         sectionName,
@@ -37,7 +38,8 @@ export function getStoryFactory<Props extends Record<string, any>>(params: {
         argTypes = {},
         defaultContainerWidth,
         disabledProps = [],
-        doHideImportInstruction = false
+        doHideImportInstruction = false,
+        isChartComponent = false
     } = params;
 
     const Component: any = Object.entries(wrappedComponent).map(([, component]) => component)[0];
@@ -138,6 +140,8 @@ export function getStoryFactory<Props extends Record<string, any>>(params: {
 
     const componentName = symToStr(wrappedComponent);
 
+    const pathComponent = isChartComponent ? `Chart/${componentName}` : componentName;
+
     return {
         "meta": id<Meta>({
             "title": `${sectionName}/${componentName}`,
@@ -151,7 +155,7 @@ export function getStoryFactory<Props extends Record<string, any>>(params: {
                                 : [
                                       `\`\`\`tsx  `,
                                       `  `,
-                                      `import { ${componentName} } from "@codegouvfr/react-dsfr/${componentName}";`,
+                                      `import { ${componentName} } from "@codegouvfr/react-dsfr/${pathComponent}";`,
                                       ` `,
                                       `\`\`\``
                                   ]),