Release v1.4.8 RC 1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statisticsfinland/pxvisualizer",
-  "version": "1.4.5",
+  "version": "1.4.8",
   "description": "Component library for visualizing PxGraf data",
   "main": "./dist/pxv.cjs",
   "jestSonar": {
@@ -47,12 +47,12 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/core": "^7.28.4",
-    "@storybook/addon-a11y": "^10.2.17",
-    "@storybook/addon-docs": "^10.2.17",
-    "@storybook/addon-links": "^10.2.17",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
     "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
-    "@storybook/react": "^10.2.17",
-    "@storybook/react-webpack5": "^10.2.17",
+    "@storybook/react": "^10.3.5",
+    "@storybook/react-webpack5": "^10.3.5",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@types/file-saver": "^2.0.7",
@@ -62,24 +62,25 @@
     "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
     "babel-loader": "^10.0.0",
-    "clean-publish": "^6.0.3",
+    "clean-publish": "^6.0.5",
     "decimal.js": "^10.5.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "jest-junit": "^16.0.0",
+    "jest-junit": "^17.0.0",
     "jest-sonar-reporter": "^2.0.0",
     "jest-styled-components": "^7.2.0",
     "microbundle": "^0.15.1",
     "papaparse": "^5.5.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "semver": "^7.7.0",
-    "storybook": "^10.2.17",
-    "styled-components": "^6.1.17",
-    "ts-jest": "^29.2.5",
+    "storybook": "^10.3.5",
+    "styled-components": "^6.4.1",
+    "ts-jest": "^29.4.9",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
-    "uuid": "^13.0.0"
+    "uuid": "^14.0.0",
+    "yaml": "^1.10.3"
   },
   "dependencies": {
     "decimal.js": "^10.5.0",
@@ -97,6 +98,11 @@
     "visualization"
   ],
   "overrides": {
-    "serialize-javascript": "^7.0.4"
+    "brace-expansion": "^2.0.3",
+    "postcss": "^8.5.10",
+    "serialize-javascript": "^7.0.4",
+    "rollup-plugin-typescript2": {
+      "picomatch": "2.3.1"
+    }
   }
 }

src/core/chartOptions/Utility/seriesDataBuilder.test.ts

@@ -101,6 +101,7 @@ describe('Highcharts series builder tests', () => {
                         width: 10,
                     }
                 },
+                colorIndex: 0,
                 data: [
                     {
                         custom: { "precision": 0, "preliminary": false },
@@ -131,6 +132,7 @@ describe('Highcharts series builder tests', () => {
                         width: 10,
                     },
                 },
+                colorIndex: 1,
                 data: [
                     {
                         custom: { "precision": 0, "preliminary": false },
@@ -168,6 +170,7 @@ describe('Highcharts series builder tests', () => {
                         width: 10,
                     },
                 },
+                colorIndex: 0,
                 data: [
                     {
                         custom: { "precision": 1, "preliminary": false },
@@ -203,6 +206,7 @@ describe('Highcharts series builder tests', () => {
         const expectedSeries = [
             {
                 animation: false,
+                colorIndex: 0,
                 data: [
                     {
                         custom: { "precision": 0, "preliminary": false },
@@ -221,6 +225,7 @@ describe('Highcharts series builder tests', () => {
             },
             {
                 animation: false,
+                colorIndex: 1,
                 data: [
                     {
                         custom: { "precision": 0, "preliminary": false },
@@ -246,6 +251,7 @@ describe('Highcharts series builder tests', () => {
         const expectedSeries = [
             {
                 animation: false,
+                colorIndex: 0,
                 data: [
                     {
                         custom: { "precision": 1, "preliminary": false },
@@ -276,4 +282,42 @@ describe('Highcharts series builder tests', () => {
 
         expect(buildColumnChartSeries(simpleQuarterVerticalBarchartViewFixture, 'fi')).toEqual(expectedSeries);
     });
+
+    it('Should keep color assignment stable when horizontal bar series order is reversed', () => {
+        const reversedSeries = buildBarChartSeries(simpleGroupHorizontalBarchartViewFixture, 'fi', true);
+
+        expect(reversedSeries).toMatchObject([
+            {
+                colorIndex: 0,
+                index: 1,
+                name: '2015Q1',
+                type: 'bar'
+            },
+            {
+                colorIndex: 1,
+                index: 0,
+                name: '2015Q2',
+                type: 'bar'
+            }
+        ]);
+    });
+
+    it('Should keep color assignment stable when column series order is reversed', () => {
+        const reversedSeries = buildColumnChartSeries(simpleGroupHorizontalBarchartViewFixture, 'fi', true);
+
+        expect(reversedSeries).toMatchObject([
+            {
+                colorIndex: 0,
+                index: 1,
+                name: '2015Q1',
+                type: 'column'
+            },
+            {
+                colorIndex: 1,
+                index: 0,
+                name: '2015Q2',
+                type: 'column'
+            }
+        ]);
+    });
 });

src/core/chartOptions/Utility/seriesDataBuilder.ts

@@ -13,6 +13,7 @@ export const buildBarChartSeries = (view: View, locale: string, reverseOrder: bo
     view.series.map((s, sIndex) => ({
         ...commonSeriesOptions(s, view, locale),
         ...(patternFill && buildPatternObject(sIndex)),
+        colorIndex: sIndex,
         index: reverseOrder ? view.series.length - 1 - sIndex : sIndex,
         type: 'bar',
     }));
@@ -21,6 +22,7 @@ export const buildColumnChartSeries = (view: View, locale: string, reverseOrder:
     view.series.map((s, sIndex) => ({
         ...commonSeriesOptions(s, view, locale),
         ...(patternFill && buildPatternObject(sIndex)),
+        colorIndex: sIndex,
         index: reverseOrder ? view.series.length - 1 - sIndex : sIndex,
         type: 'column'
     }));

src/react/components/chart/ErrorInfo.test.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { ErrorInfo } from "./ErrorInfo";
 import { render } from "@testing-library/react";
+import "jest-styled-components";
 
 describe('Rendering test', () => {
 

src/react/components/chart/__snapshots__/ErrorInfo.test.tsx.snap

@@ -2,8 +2,14 @@
 
 exports[`Rendering test renders correctly 1`] = `
 <DocumentFragment>
-  <div
-    class="sc-aXZVf fyUppu"
+  .c0 {
+  width: 100%;
+  position: relative;
+  font-family: 'Barlow Semi Condensed';
+}
+
+<div
+    class="c0"
   >
     <h1>
       Kuviota ei voitu muodostaa