@spaced-out/ui-design-system 0.5.33 → 0.5.34-beta.2

package/.github/workflows/publish-mcp.yml

@@ -3,20 +3,23 @@
 
 name: Publish MCP Server to NPM
 
+# WORKFLOW DISABLED - Triggers commented out to prevent automatic runs
+# Uncomment below to re-enable the workflow triggers
 on:
   # Run after the main NPM publish workflow completes successfully
-  workflow_run:
-    workflows: ['Release Genesis to NPM']
-    types:
-      - completed
-    branches: [master]
-  workflow_dispatch:
+  # workflow_run:
+  #   workflows: ['Release Genesis to NPM']
+  #   types:
+  #     - completed
+  #   branches: [master]
+  workflow_dispatch: # Manual trigger only (but workflow will exit early due to condition below)
 
 jobs:
   publish-mcp:
     runs-on: ubuntu-latest
+    # WORKFLOW DISABLED - Set to false to prevent execution
     # Only run if triggered manually or if the workflow_run succeeded
-    if: ${{ github.event_name != 'workflow_run' || github.event.workflow_run.conclusion == 'success' }}
+    if: false && ${{ github.event_name != 'workflow_run' || github.event.workflow_run.conclusion == 'success' }}
     steps:
       - name: Check Permissions
         id: check-permissions

package/.storybook/main.ts

@@ -1,24 +1,23 @@
 // .storybook/main.ts
+import {fileURLToPath} from 'node:url';
+import {createRequire} from 'node:module';
 import type {StorybookConfig} from '@storybook/react-webpack5';
-import path from 'node:path';
+import path, {dirname} from 'node:path';
 import webpack from 'webpack';
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const require = createRequire(import.meta.url);
+
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.tsx'],
+
   addons: [
-    {
-      name: '@storybook/addon-docs',
-      options: {
-        configureJSX: false,
-        babelOptions: {},
-        sourceLoaderOptions: null,
-        transcludeMarkdown: true,
-      },
-    },
-    'storybook-css-modules',
+    '@storybook/addon-docs',
     '@storybook/addon-a11y',
     '@storybook/addon-webpack5-compiler-babel',
     '@chromatic-com/storybook',
+    // NOTE: We handle CSS manually in webpackFinal to have full control
   ],
 
   babel: async (options: any) => ({
@@ -44,24 +43,146 @@ const config: StorybookConfig = {
   }),
 
   webpackFinal: async (cfg) => {
-    const config = {...cfg};
+    const config: any = {...cfg};
 
-    // Alias for your “src/*” imports
+    // ---------- Resolve / aliases ----------
     config.resolve ||= {};
     config.resolve.alias = {
       ...(config.resolve.alias ?? {}),
       src: path.resolve(__dirname, '../src'),
     };
 
-    // Optional: fallback for other node built-ins if any 3p lib requires them
     config.resolve.fallback = {
       ...(config.resolve.fallback ?? {}),
       process: require.resolve('process/browser'),
     };
 
-    // Fix font rule clobbering images
-    config.module!.rules = (config.module!.rules || []).map((rule: any) => {
-      if (rule.test && rule.test.toString().includes('woff')) {
+    config.module ||= {};
+    config.module.rules = config.module.rules || [];
+
+    // ---------- CRITICAL: Remove Storybook's built-in CSS rules ----------
+    // This prevents conflicts with our custom CSS Module configuration
+    config.module.rules = config.module.rules.filter((rule: any) => {
+      if (!rule) return true;
+      if (!rule.test) return true;
+
+      const testStr = rule.test.toString();
+      // Remove any CSS-related rules (both .css and .scss/.sass)
+      if (testStr.includes('css') || testStr.includes('scss') || testStr.includes('sass')) {
+        return false;
+      }
+      return true;
+    });
+
+    // ---------- Add our CSS Module rules ----------
+    // Rule 1: CSS Modules for *.module.css files
+    config.module.rules.push({
+      test: /\.module\.css$/,
+      use: [
+        require.resolve('style-loader'),
+        {
+          loader: require.resolve('css-loader'),
+          options: {
+            importLoaders: 1,
+            modules: {
+              // css-loader 7.x requires these options for `import css from` pattern
+              namedExport: false,
+              exportLocalsConvention: 'as-is',
+              localIdentName: '[name]__[local]--[hash:base64:5]',
+            },
+          },
+        },
+        {
+          loader: require.resolve('postcss-loader'),
+          options: {
+            implementation: require.resolve('postcss'),
+          },
+        },
+      ],
+    });
+
+    // Rule 2: CSS Modules for styles/variables/*.css (design tokens with @value)
+    config.module.rules.push({
+      test: /\.css$/,
+      include: [path.resolve(__dirname, '../src/styles/variables')],
+      use: [
+        require.resolve('style-loader'),
+        {
+          loader: require.resolve('css-loader'),
+          options: {
+            importLoaders: 1,
+            modules: {
+              namedExport: false,
+              exportLocalsConvention: 'as-is',
+              localIdentName: '[name]__[local]--[hash:base64:5]',
+            },
+          },
+        },
+        {
+          loader: require.resolve('postcss-loader'),
+          options: {
+            implementation: require.resolve('postcss'),
+          },
+        },
+      ],
+    });
+
+    // Rule 3: Regular CSS (non-modules) - must come AFTER module rules
+    config.module.rules.push({
+      test: /\.css$/,
+      exclude: [
+        /\.module\.css$/,
+        path.resolve(__dirname, '../src/styles/variables'),
+      ],
+      use: [
+        require.resolve('style-loader'),
+        {
+          loader: require.resolve('css-loader'),
+          options: {
+            importLoaders: 1,
+            modules: false, // Plain CSS, not modules
+          },
+        },
+        {
+          loader: require.resolve('postcss-loader'),
+          options: {
+            implementation: require.resolve('postcss'),
+          },
+        },
+      ],
+    });
+
+    // Rule 4: Sass/SCSS support
+    config.module.rules.push({
+      test: /\.s[ac]ss$/i,
+      use: [
+        require.resolve('style-loader'),
+        {
+          loader: require.resolve('css-loader'),
+          options: {
+            importLoaders: 2,
+            modules: {
+              auto: (resourcePath: string) =>
+                resourcePath.endsWith('.module.scss') ||
+                resourcePath.endsWith('.module.sass'),
+              namedExport: false,
+              exportLocalsConvention: 'as-is',
+              localIdentName: '[name]__[local]--[hash:base64:5]',
+            },
+          },
+        },
+        {
+          loader: require.resolve('sass-loader'),
+          options: {
+            implementation: require.resolve('sass'),
+          },
+        },
+      ],
+    });
+
+    // ---------- Font rule tweak ----------
+    config.module.rules = config.module.rules.map((rule: any) => {
+      if (rule?.test && rule.test.toString().includes('woff')) {
         return {
           ...rule,
           test: /\.(svg|ico|jpg|jpeg|png|gif|webp|cur|ani|pdf)(\?.*)?$/,
@@ -70,15 +191,8 @@ const config: StorybookConfig = {
       return rule;
     });
 
-    // SCSS modules
-    config.module!.rules!.push({
-      test: /\.scss$/,
-      use: ['style-loader', 'css-loader?modules=true', 'sass-loader'],
-      include: path.resolve(__dirname, '../'),
-    });
-
-    // Ensure TSX goes through babel-loader
-    config.module!.rules!.push({
+    // ---------- TS/TSX via babel-loader ----------
+    config.module.rules.push({
       test: /\.(ts|tsx)$/,
       loader: require.resolve('babel-loader'),
       options: {
@@ -87,26 +201,28 @@ const config: StorybookConfig = {
       },
     });
 
-    // ⬇️ Polyfill `process` and bake env at build time
+    // ---------- Plugins ----------
     config.plugins = [
       ...(config.plugins ?? []),
       new webpack.ProvidePlugin({
         process: 'process/browser',
       }),
       new webpack.DefinePlugin({
-        // Provide at least NODE_ENV; add more keys if you reference them in code
         'process.env.NODE_ENV': JSON.stringify(
           process.env.NODE_ENV ?? 'development',
         ),
       }),
     ];
 
-    (config.resolve!.extensions as string[]).push('.ts', '.tsx');
+    (config.resolve.extensions as string[]).push('.ts', '.tsx');
+
     return config;
   },
 
   staticDirs: ['public', '../design-tokens'],
+
   framework: {name: '@storybook/react-webpack5', options: {}},
+
   typescript: {reactDocgen: 'react-docgen-typescript'},
 };
 

package/.storybook/manager-head.html

@@ -127,4 +127,22 @@
   div#sidebar-bottom-wrapper {
     display: none;
   }
+
+  .search-field + button {
+    display: none;
+  }
+
+  .sidebar-item button {
+    box-shadow: none !important;
+    background: inherit !important;
+  }
+
+  .sidebar-item button:hover {
+    box-shadow: none !important;
+    background: inherit !important;
+  }
+
+  section {
+    background: #fff;
+  }
 </style>

package/.storybook/preview-head.html

@@ -168,4 +168,8 @@
   svg.highcharts-root {
     font-family: 'Centra No 2' !important;
   }
+
+  section {
+    background: #fff;
+  }
 </style>

package/.storybook/preview.ts

@@ -16,10 +16,10 @@ const preview: Preview = {
     },
     controls: {disableSaveFromUI: true},
     backgrounds: {
-      values: [
-        {name: 'Dark', value: '#000'},
-        {name: 'Light', value: '#fff'},
-      ],
+      options: {
+        dark: {name: 'Dark', value: '#000'},
+        light: {name: 'Light', value: '#fff'}
+      },
     },
     docs: {
       theme: themes.light,

package/.storybook/tsconfig.json

@@ -3,8 +3,9 @@
   "compilerOptions": {
     "noEmit": true,
     "rootDir": "..",
-    "moduleResolution": "NodeNext",
-    "module": "NodeNext",
+    "moduleResolution": "bundler",
+    "module": "ESNext",
+    "target": "ESNext",
     "jsx": "react-jsx",
     "types": ["node", "webpack-env"],
     "resolveJsonModule": true,

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.5.34-beta.2](https://github.com/spaced-out/ui-design-system/compare/v0.5.34-beta.1...v0.5.34-beta.2) (2025-12-11)
+
+
+### Bug Fixes
+
+* removed provenance as its only allowed for private repos ([f184dc1](https://github.com/spaced-out/ui-design-system/commit/f184dc10cf2a82b709aa972f835cea7207a99993))
+
+### [0.5.34-beta.1](https://github.com/spaced-out/ui-design-system/compare/v0.5.34-beta.0...v0.5.34-beta.1) (2025-12-11)
+
+
+### Features
+
+* storybook 10 upgrade and related changes ([#448](https://github.com/spaced-out/ui-design-system/issues/448)) ([c9dbdba](https://github.com/spaced-out/ui-design-system/commit/c9dbdbaedf66e7dd0e395f534794f79469e2ac5a))
+* updated to using granular npm tokens ([877ecbc](https://github.com/spaced-out/ui-design-system/commit/877ecbc96d18cd8b5ffe50ec333774bdb42bc9a0))
+
+### [0.5.34-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.5.33...v0.5.34-beta.0) (2025-12-11)
+
+
+### Features
+
+* types from Highcharts ([#444](https://github.com/spaced-out/ui-design-system/issues/444)) ([9e723a1](https://github.com/spaced-out/ui-design-system/commit/9e723a1c9097830e1272a9045a621df37f331945))
+
+
+### Bug Fixes
+
+* no mcp trigger for now ([a3ccb8c](https://github.com/spaced-out/ui-design-system/commit/a3ccb8c4fe4a5f9203dc5fa8fb6a2dc64cc0cb8f))
+
 ### [0.5.33](https://github.com/spaced-out/ui-design-system/compare/v0.5.32...v0.5.33) (2025-12-08)
 
 

package/lib/components/Charts/ColumnChart/ColumnChart.d.ts

@@ -1,17 +1,14 @@
 import * as React from 'react';
-import type { SeriesOptionsType } from 'highcharts';
+import type { SeriesColumnOptions } from 'highcharts';
 import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
-export interface SeriesWithData extends Omit<SeriesOptionsType, 'data'> {
-    data?: DataOptionsType[];
-}
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
 }>;
-export interface ColumnSeries {
+export type ColumnSeries = Omit<SeriesColumnOptions, 'data' | 'type'> & {
     name: string;
     data: DataOptionsType[];
-}
+};
 export interface ColumnChartProps extends Omit<ChartOptions, 'isLoading' | 'classNames' | 'cardTitle' | 'customExportOptions' | 'series' | 'drilldown' | 'headerActions' | 'hasEmptyData' | 'emptyText'> {
     isLoading?: boolean;
     classNames?: ClassNames;

package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAKlD,OAAO,KAAK,EACV,YAAY,EAEZ,eAAe,EACf,SAAS,EACV,MAAM,kBAAkB,CAAC;AAS1B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAM5C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACrE,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,QAAQ,GACR,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,8IAYzB,gBAAgB,sBA0ElB,CAAC"}
+{"version":3,"file":"ColumnChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,YAAY,CAAC;AAKpD,OAAO,KAAK,EACV,YAAY,EAEZ,eAAe,EACf,SAAS,EACV,MAAM,kBAAkB,CAAC;AAS1B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAQ5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,QAAQ,GACR,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,8IAYzB,gBAAgB,sBA2ElB,CAAC"}

package/lib/components/Charts/ColumnChart/ColumnChart.js

@@ -14,8 +14,6 @@ var _ColumnChartModule = _interopRequireDefault(require("./ColumnChart.module.cs
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Type guard to check if series has data property
-
 const ColumnChart = _ref => {
   let {
     isLoading,
@@ -32,17 +30,17 @@ const ColumnChart = _ref => {
   } = _ref;
   const chartRef = /*#__PURE__*/React.createRef();
   const columnChartSeries = series.map((seriesItem, index) => ({
+    type: 'column',
     ...seriesItem,
-    name: seriesItem.name,
     data: seriesItem.data,
     color: (0, _charts.getDataVizColor)(index),
     pointWidth: _charts.columnPlotWidth
   }));
-  const addColorToDrilldownSeries = series => series?.map(seriesItem => {
-    // Type guard to check if series has data property
+  const addColorToDrilldownSeries = drilldownSeries => drilldownSeries?.map(seriesItem => {
     const seriesWithData = seriesItem;
     return {
       ...seriesItem,
+      type: seriesItem.type ?? 'column',
       ...(seriesWithData.data && {
         data: seriesWithData.data.map((dataItem, index) => ({
           ...dataItem,

package/lib/components/Charts/DonutChart/DonutChart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ChartOptions, Drilldown, LegendOptionsType, SeriesOptionsType } from '../../../types/charts';
+import type { ChartOptions, Drilldown, LegendOptionsType, PieSeriesOptions } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
@@ -18,7 +18,7 @@ export interface DonutChartProps extends Omit<ChartOptions, 'isLoading' | 'class
     headerActions?: React.ReactNode;
     centerText?: string;
     centerSubtext?: string;
-    series: Array<SeriesOptionsType>;
+    series: Array<PieSeriesOptions>;
     drilldown?: Drilldown;
     legend?: LegendOptionsType;
     hasEmptyData?: boolean;

package/lib/components/Charts/DonutChart/DonutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,YAAY,EAEZ,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAO5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CACF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,eAAe,GACf,YAAY,GACZ,eAAe,GACf,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,GAAI,iLAexB,eAAe,sBAsFjB,CAAC"}
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,YAAY,EAGZ,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAO5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CACF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,eAAe,GACf,YAAY,GACZ,eAAe,GACf,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,GAAI,iLAexB,eAAe,sBAgGjB,CAAC"}

package/lib/components/Charts/DonutChart/DonutChart.js

@@ -48,14 +48,16 @@ const DonutChart = _ref => {
   <span>`;
   const donutChartSeries = series.map(seriesItem => ({
     ...seriesItem,
-    data: seriesItem.data.map((dataItem, index) => ({
+    type: 'pie',
+    data: seriesItem.data?.map((dataItem, index) => ({
       ...dataItem,
       color: (0, _charts.getDataVizColor)(index)
     }))
   }));
-  const addColorToDrilldownSeries = series => series?.map(seriesItem => ({
+  const addColorToDrilldownSeries = drilldownSeries => drilldownSeries?.map(seriesItem => ({
     ...seriesItem,
-    data: seriesItem.data.map((dataItem, index) => ({
+    type: seriesItem.type ?? 'pie',
+    data: seriesItem.data?.map((dataItem, index) => ({
       ...dataItem,
       color: (0, _charts.getDataVizColor)(index)
     }))

package/lib/components/Charts/LineChart/LineChart.d.ts

@@ -1,13 +1,14 @@
 import * as React from 'react';
+import type { SeriesLineOptions } from 'highcharts';
 import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
 }>;
-export interface LineSeriesItem {
+export type LineSeriesItem = Omit<SeriesLineOptions, 'data' | 'type'> & {
     name: string;
     data: DataOptionsType[];
-}
+};
 export interface LineChartProps extends Omit<ChartOptions, 'isLoading' | 'classNames' | 'cardTitle' | 'customExportOptions' | 'series' | 'headerActions' | 'drilldown' | 'hasEmptyData' | 'emptyText'> {
     isLoading?: boolean;
     classNames?: ClassNames;

package/lib/components/Charts/LineChart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAQ/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAM5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,QAAQ,GACR,eAAe,GACf,WAAW,GACX,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,GAAI,8IAYvB,cAAc,sBAiDhB,CAAC"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAKlD,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAQ/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAM5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,QAAQ,GACR,eAAe,GACf,WAAW,GACX,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,GAAI,8IAYvB,cAAc,sBAkDhB,CAAC"}

package/lib/components/Charts/LineChart/LineChart.js

@@ -30,9 +30,8 @@ const LineChart = _ref => {
   } = _ref;
   const chartRef = /*#__PURE__*/React.createRef();
   const lineChartSeries = series.map((seriesItem, index) => ({
+    type: 'line',
     ...seriesItem,
-    name: seriesItem.name,
-    data: seriesItem.data,
     color: (0, _charts.getDataVizColor)(index)
   }));
   const defaultLineChartOptions = (0, _charts.getLineChartOptions)();

package/lib/components/Charts/SankeyChart/SankeyChart.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import type { ChartOptions } from '../../../types/charts';
+import type { ChartOptions, Drilldown, SankeySeriesOptions } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
 }>;
-export interface SankeyChartProps extends Omit<ChartOptions, 'isLoading' | 'cardTitle' | 'emptyText' | 'nodeWidth' | 'classNames' | 'showLegend' | 'nodePadding' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
+export interface SankeyChartProps extends Omit<ChartOptions, 'isLoading' | 'cardTitle' | 'emptyText' | 'nodeWidth' | 'classNames' | 'showLegend' | 'nodePadding' | 'series' | 'drilldown' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
     isLoading?: boolean;
     cardTitle?: React.ReactNode;
     emptyText?: React.ReactNode;
@@ -15,6 +15,8 @@ export interface SankeyChartProps extends Omit<ChartOptions, 'isLoading' | 'card
     hasEmptyData?: boolean;
     headerActions?: React.ReactNode;
     customExportOptions?: Array<ExportOptionType> | null;
+    series?: Array<SankeySeriesOptions>;
+    drilldown?: Drilldown;
     testId?: string;
 }
 export declare const SankeyChart: ({ series, emptyText, drilldown, cardTitle, isLoading, nodeWidth, showLegend, classNames, nodePadding, hasEmptyData, headerActions, customExportOptions, testId, ...userOptions }: SankeyChartProps) => React.ReactNode;

package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/SankeyChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAM5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,WAAW,GAAI,kLAezB,gBAAgB,KAAG,KAAK,CAAC,SA6E3B,CAAC"}
+{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/SankeyChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EAGT,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAM5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,WAAW,GACX,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,WAAW,GAAI,kLAezB,gBAAgB,KAAG,KAAK,CAAC,SA4E3B,CAAC"}

package/lib/components/Charts/SankeyChart/SankeyChart.js

@@ -41,34 +41,26 @@ const SankeyChart = _ref => {
     showLegend,
     nodePadding
   });
-  const sankeyChartSeries = series?.map(seriesItem => ({
-    ...seriesItem,
-    keys: seriesItem.keys || ['from', 'to', 'weight'],
-    nodes: seriesItem.nodes?.map((node, index) => ({
-      ...node,
-      color: node.color || (0, _charts.getDataVizColor)(index)
-    })),
-    data: seriesItem.data.map(dataPoint => ({
-      ...dataPoint,
-      weight: dataPoint.weight || 1
-    })),
-    nodeAlignment: 'center',
-    showLegend
+  const mapNodes = nodes => nodes?.map((node, index) => ({
+    ...node,
+    color: node.color || (0, _charts.getDataVizColor)(index)
   }));
-  const sankeyDrilldownSeries = drilldown?.series?.map(seriesItem => ({
-    ...seriesItem,
-    nodes: seriesItem.nodes?.map((node, index) => ({
-      ...node,
-      color: node.color || (0, _charts.getDataVizColor)(index)
-    })),
-    data: seriesItem.data.map((dataItem, index) => ({
-      ...dataItem,
-      color: dataItem.color || (0, _charts.getDataVizColor)(index),
-      weight: dataItem.weight || 1
-    })),
-    nodeAlignment: 'center',
-    showLegend
+  const mapData = dataPoints => (dataPoints ?? []).map((dataPoint, index) => ({
+    ...dataPoint,
+    color: dataPoint.color || (0, _charts.getDataVizColor)(index),
+    weight: dataPoint.weight || 1
   }));
+  const addSankeyDefaults = seriesItem => ({
+    ...seriesItem,
+    keys: seriesItem.keys || ['from', 'to', 'weight'],
+    nodes: mapNodes(seriesItem.nodes),
+    data: mapData(seriesItem.data),
+    nodeAlignment: seriesItem.nodeAlignment ?? 'center',
+    showInLegend: showLegend,
+    type: 'sankey'
+  });
+  const sankeyChartSeries = series?.map(addSankeyDefaults);
+  const sankeyDrilldownSeries = drilldown?.series?.map(addSankeyDefaults);
   const sankeyDrilldown = drilldown ? {
     ...drilldown,
     series: sankeyDrilldownSeries,

package/lib/components/Charts/SpiderChart/SpiderChart.d.ts

@@ -1,13 +1,14 @@
 import * as React from 'react';
+import type { SeriesLineOptions } from 'highcharts';
 import type { ChartOptions, DataOptionsType } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
 }>;
-export interface SpiderSeriesItem {
+export type SpiderSeriesItem = Omit<SeriesLineOptions, 'data' | 'type'> & {
     name: string;
     data: DataOptionsType[];
-}
+};
 export interface SpiderChartProps extends Omit<ChartOptions, 'isLoading' | 'classNames' | 'cardTitle' | 'customExportOptions' | 'headerActions' | 'series' | 'hasEmptyData' | 'emptyText'> {
     isLoading?: boolean;
     classNames?: ClassNames;

package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpiderChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SpiderChart/SpiderChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAQpE,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,eAAe,GACf,QAAQ,GACR,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,mIAWzB,gBAAgB,sBA0ClB,CAAC"}
+{"version":3,"file":"SpiderChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SpiderChart/SpiderChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAKlD,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAQpE,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,eAAe,GACf,QAAQ,GACR,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,mIAWzB,gBAAgB,sBA2ClB,CAAC"}

package/lib/components/Charts/SpiderChart/SpiderChart.js

@@ -33,9 +33,8 @@ const SpiderChart = _ref => {
   } = _ref;
   const chartRef = React.useRef(null);
   const spiderSeries = series.map((seriesItem, index) => ({
+    type: 'line',
     ...seriesItem,
-    name: seriesItem.name,
-    data: seriesItem.data,
     pointPlacement: 'on',
     color: (0, _charts.getDataVizColor)(index)
   }));