Add type array of string for name of PieChart (#377)

* Add type array of string for name of PieChart

* fmt

* correct type and stories

---------

Co-authored-by: Dylan Decrulle <[email protected]>

Author: pgrandne

src/Chart/PieChart.tsx

@@ -5,10 +5,11 @@ import "@gouvfr/dsfr-chart/PieChart/pie-chart.common";
 import "@gouvfr/dsfr-chart/PieChart/pie-chart.css";
 import {
     chartWrapper,
-    ChartProps,
-    IntrinsicGraphType,
-    BaseChartProps,
-    stringifyObjectValue
+    type ChartProps,
+    type IntrinsicGraphType,
+    type BaseChartProps,
+    stringifyObjectValue,
+    type ChartColor
 } from "./chartWrapper";
 
 declare global {
@@ -24,7 +25,9 @@ declare global {
 
 export type PieChartBaseProps = {
     fill?: boolean;
-} & ChartProps;
+    name?: string[];
+    color: ChartColor[];
+} & Omit<ChartProps, "name" | "color">;
 
 export type PieChartProps = PieChartBaseProps & BaseChartProps;
 

stories/charts/PieChart.stories.tsx

@@ -22,8 +22,8 @@ You can find an example [here](https://github.com/codegouvfr/react-dsfr/blob/bc2
         "y": {
             "description": "Array of value for the y axis"
         },
-        "name": { "description": "Array of name", control: "object" },
-        "color": { "description": "Array of color", control: "object" },
+        "name": { "description": "Array of name" },
+        "color": { "description": "Array of color" },
         "fill": { control: "boolean" }
     },
     "disabledProps": ["lang"],
@@ -34,5 +34,7 @@ export default meta;
 
 export const Default = getStory({
     x: [1, 2, 3],
-    y: [10, 20, 30]
+    y: [10, 20, 30],
+    name: ["Serie 1", "Serie 2", "Serie 3"],
+    color: ["blue-france", "green-bourgeon", "blue-ecume"]
 });