@refinitiv-ui/elements 7.0.0-next.2 → 7.0.0-next.4

package/lib/chart/elements/chart.d.ts

@@ -112,6 +112,13 @@ export declare class Chart extends BasicElement {
      * @returns {void}
      */
     protected decorateColors: (chart: ChartJS) => void;
+    /**
+     * Generates the legend labels specify on Arc chart (Pie and Doughnut).
+     * @param legends Array of legend labels
+     * @param chart Chart.js instance
+     * @returns Array of label configurations
+     */
+    private generateArcLegendLabels;
     /**
      * Generates the legend labels on a given chart
      * @param chart Chart.js instance

package/lib/chart/elements/chart.js

@@ -115,6 +115,28 @@ let Chart = class Chart extends BasicElement {
                 }
             });
         };
+        /**
+         * Generates the legend labels specify on Arc chart (Pie and Doughnut).
+         * @param legends Array of legend labels
+         * @param chart Chart.js instance
+         * @returns Array of label configurations
+         */
+        this.generateArcLegendLabels = (legends, chart) => {
+            const chartType = chart.config.type;
+            if (chartType === 'pie' && ChartJS.overrides.pie.plugins.legend.labels.generateLabels) {
+                legends = ChartJS.overrides.pie.plugins.legend.labels.generateLabels(chart);
+            }
+            if (chartType === 'doughnut' && ChartJS.overrides.doughnut.plugins.legend.labels.generateLabels) {
+                legends = ChartJS.overrides.doughnut.plugins.legend.labels.generateLabels(chart);
+            }
+            // Customize for doughnut chart change border color to background color
+            if (this.datasets.length > 1) {
+                legends.forEach((label) => {
+                    label.strokeStyle = label.fillStyle;
+                });
+            }
+            return legends;
+        };
         /**
          * Generates the legend labels on a given chart
          * @param chart Chart.js instance
@@ -129,17 +151,9 @@ let Chart = class Chart extends BasicElement {
             const datasets = chart.config.data.datasets;
             if (datasets.length
                 && chart?.config?.options?.plugins?.legend
-                && Array.isArray(datasets[0].backgroundColor)) {
-                if (ChartJS.overrides.pie.plugins.legend.labels.generateLabels) {
-                    legends = ChartJS.overrides.pie.plugins.legend.labels.generateLabels(chart);
-                }
-                // Customize for doughnut chart change border color to background color
-                if (['pie', 'doughnut'].includes(chartType) && this.datasets.length > 1) {
-                    legends.forEach((label) => {
-                        label.strokeStyle = label.fillStyle;
-                    });
-                }
-                return legends;
+                && Array.isArray(datasets[0].backgroundColor)
+                && ['pie', 'doughnut'].includes(chartType)) {
+                return this.generateArcLegendLabels(legends, chart);
             }
             if (ChartJS.defaults.plugins.legend.labels.generateLabels) {
                 legends = ChartJS.defaults.plugins.legend.labels.generateLabels(chart);

package/lib/chart/index.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/extensions
-import { Chart } from 'chart.js/auto/auto.js';
+import { Chart } from 'chart.js/auto';
 import { doughnutCenterLabelPlugin } from './plugins/index.js';
 Chart.register(doughnutCenterLabelPlugin);
 export * from './elements/chart.js';

package/lib/chart/plugins/doughnut-center-label.js

@@ -1,6 +1,6 @@
 import { Chart as ChartJS } from 'chart.js';
 // eslint-disable-next-line import/extensions
-import { getHoverColor } from 'chart.js/helpers/helpers.js';
+import { getHoverColor } from 'chart.js/helpers';
 const getPluginConfig = (chart) => {
     return chart.config.options?.plugins?.centerLabel;
 };

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '7.0.0-next.2';
+export const VERSION = '7.0.0-next.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "7.0.0-next.2",
+  "version": "7.0.0-next.4",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -339,8 +339,8 @@
   },
   "dependencies": {
     "@refinitiv-ui/browser-sparkline": "1.1.8",
-    "@refinitiv-ui/halo-theme": "^7.0.0-next.1",
-    "@refinitiv-ui/solar-theme": "^7.0.0-next.1",
+    "@refinitiv-ui/halo-theme": "^7.0.0-next.2",
+    "@refinitiv-ui/solar-theme": "^7.0.0-next.2",
     "chart.js": "^4.3.0",
     "chartjs-adapter-date-fns": "^3.0.0",
     "d3-interpolate": "^3.0.1",
@@ -350,11 +350,11 @@
   },
   "devDependencies": {
     "@refinitiv-ui/core": "^7.0.0-next.1",
-    "@refinitiv-ui/demo-block": "^7.0.0-next.1",
+    "@refinitiv-ui/demo-block": "^7.0.0-next.2",
     "@refinitiv-ui/i18n": "^7.0.0-next.1",
     "@refinitiv-ui/phrasebook": "^7.0.0-next.1",
     "@refinitiv-ui/test-helpers": "^7.0.0-next.1",
-    "@refinitiv-ui/translate": "^7.0.0-next.1",
+    "@refinitiv-ui/translate": "^7.0.0-next.2",
     "@refinitiv-ui/utils": "^7.0.0-next.1",
     "@types/d3-interpolate": "^3.0.1"
   },
@@ -362,11 +362,11 @@
     "@refinitiv-ui/core": "^7.0.0-next.1",
     "@refinitiv-ui/i18n": "^7.0.0-next.1",
     "@refinitiv-ui/phrasebook": "^7.0.0-next.1",
-    "@refinitiv-ui/translate": "^7.0.0-next.1",
+    "@refinitiv-ui/translate": "^7.0.0-next.2",
     "@refinitiv-ui/utils": "^7.0.0-next.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "11137410c8e0476d79cfa12450c066a425d91770"
+  "gitHead": "02dbb152a8c6e4801ef6f5a7f1892eb01a0564f5"
 }