put styles of multiline text into an object instead of an array

Author: s77rt

src/components/HTMLEngineProvider/HTMLRenderers/VictoryChartRenderer/parsers/victoryLabelParser.ts

@@ -10,9 +10,9 @@ function parseVictoryLabelNode(tnode: TNode): PartialProcessNodeResult {
         x: parseAttribute<number>(tnode.attributes.x) ?? 0,
         y: parseAttribute<number>(tnode.attributes.y) ?? 0,
         text: parseAttribute<string>(tnode.attributes.text) ?? '',
-        color: [],
-        fontSize: [],
-        fontWeight: [],
+        color: {},
+        fontSize: {},
+        fontWeight: {},
         lineHeight: parseAttribute<number[]>(tnode.attributes.lineheight),
         textAnchor: parseAttribute<TextAnchor>(tnode.attributes.textanchor),
         verticalAnchor: parseAttribute<TextAnchor>(tnode.attributes.verticalanchor),
@@ -21,15 +21,24 @@ function parseVictoryLabelNode(tnode: TNode): PartialProcessNodeResult {
     const style = parseAttribute(tnode.attributes.style);
     if (style) {
         const textStyles = Array.isArray(style) ? (style as RawLabelStyle[]) : [style as RawLabelStyle];
-        for (const textStyle of textStyles) {
+        for (const [index, textStyle] of textStyles.entries()) {
             if (textStyle.fill) {
-                labelItem.color?.push(textStyle.fill);
+                labelItem.color = {
+                    ...labelItem.color,
+                    [index]: textStyle.fill,
+                };
             }
             if (textStyle.fontSize) {
-                labelItem.fontSize?.push(Number(textStyle.fontSize));
+                labelItem.fontSize = {
+                    ...labelItem.fontSize,
+                    [index]: Number(textStyle.fontSize),
+                };
             }
             if (textStyle.fontWeight) {
-                labelItem.fontWeight?.push(Number(textStyle.fontWeight) === 700 ? 'bold' : 'normal');
+                labelItem.fontWeight = {
+                    ...labelItem.fontWeight,
+                    [index]: Number(textStyle.fontWeight) === 700 ? 'bold' : 'normal',
+                };
             }
         }
     }

src/components/HTMLEngineProvider/HTMLRenderers/VictoryChartRenderer/types.ts

@@ -73,16 +73,16 @@ type LabelItem = {
     text: string;
 
     /** The color of the text (per line) */
-    color?: Color[];
+    color?: Record<number, Color>;
 
     /** Font size (per line) */
-    fontSize?: number[];
+    fontSize?: Record<number, number>;
 
     /** Font weight (per line) */
-    fontWeight?: Array<'normal' | 'bold'>;
+    fontWeight?: Record<number, 'normal' | 'bold'>;
 
     /** Line height (per line) */
-    lineHeight?: number[];
+    lineHeight?: Record<number, number>;
 
     /** Text horizontal anchor  */
     textAnchor?: TextAnchor;