@refinitiv-ui/elements 7.0.0-next.0 → 7.0.0-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "7.0.0-next.0",
+  "version": "7.0.0-next.1",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -71,6 +71,8 @@
     "./card/themes/solar/charcoal": "./lib/card/themes/solar/charcoal/index.js",
     "./card/themes/solar/pearl": "./lib/card/themes/solar/pearl/index.js",
     "./chart": "./lib/chart/index.js",
+    "./chart/bare": "./lib/chart/bare.js",
+    "./chart/plugins": "./lib/chart/plugins/index.js",
     "./chart/themes/halo/dark": "./lib/chart/themes/halo/dark/index.js",
     "./chart/themes/halo/light": "./lib/chart/themes/halo/light/index.js",
     "./chart/themes/solar/charcoal": "./lib/chart/themes/solar/charcoal/index.js",
@@ -322,49 +324,49 @@
     "./tree-select/themes/solar/pearl": "./lib/tree-select/themes/solar/pearl/index.js"
   },
   "scripts": {
-    "build": "node cli build --sourceMap --declarationMap",
-    "build:prod": "node cli build",
-    "start": "node cli start",
-    "test": "node cli test",
-    "test:watch": "node cli test --watch",
-    "test:snapshots": "node cli test --snapshots",
-    "lint": "node cli lint",
-    "lint:fix": "node cli lint --fix",
-    "prepublishOnly": "node scripts/release",
-    "api-analyzer": "node ../../scripts/release/api-analyzer.js",
+    "build": "node cli.mjs build --sourceMap --declarationMap",
+    "build:prod": "node cli.mjs build",
+    "start": "node cli.mjs start",
+    "test": "node cli.mjs test",
+    "test:watch": "node cli.mjs test --watch",
+    "test:snapshots": "node cli.mjs test --update-snapshots",
+    "lint": "node cli.mjs lint",
+    "lint:fix": "node cli.mjs lint --fix",
+    "prepublishOnly": "node scripts/release/index.mjs",
+    "api-analyzer": "node ../../scripts/release/api-analyzer.cjs",
     "prepack": "npm run version",
-    "version": "node ../../scripts/version"
+    "version": "node ../../scripts/version/index.mjs"
   },
   "dependencies": {
     "@refinitiv-ui/browser-sparkline": "1.1.8",
-    "@refinitiv-ui/halo-theme": "^7.0.0-next.0",
-    "@refinitiv-ui/solar-theme": "^7.0.0-next.0",
-    "@types/chart.js": "^2.9.31",
-    "chart.js": "~2.9.4",
+    "@refinitiv-ui/halo-theme": "^7.0.0-next.1",
+    "@refinitiv-ui/solar-theme": "^7.0.0-next.1",
+    "chart.js": "^4.3.0",
+    "chartjs-adapter-date-fns": "^3.0.0",
     "d3-interpolate": "^3.0.1",
-    "date-fns": "^2.22.1",
+    "date-fns": "^2.29.3",
     "lightweight-charts": "^3.8.0",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^7.0.0-next.0",
-    "@refinitiv-ui/demo-block": "^7.0.0-next.0",
-    "@refinitiv-ui/i18n": "^7.0.0-next.0",
-    "@refinitiv-ui/phrasebook": "^7.0.0-next.0",
-    "@refinitiv-ui/test-helpers": "^7.0.0-next.0",
-    "@refinitiv-ui/translate": "^7.0.0-next.0",
-    "@refinitiv-ui/utils": "^7.0.0-next.0",
+    "@refinitiv-ui/core": "^7.0.0-next.1",
+    "@refinitiv-ui/demo-block": "^7.0.0-next.1",
+    "@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/utils": "^7.0.0-next.1",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
-    "@refinitiv-ui/core": "^7.0.0-next.0",
-    "@refinitiv-ui/i18n": "^7.0.0-next.0",
-    "@refinitiv-ui/phrasebook": "^7.0.0-next.0",
-    "@refinitiv-ui/translate": "^7.0.0-next.0",
-    "@refinitiv-ui/utils": "^7.0.0-next.0"
+    "@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/utils": "^7.0.0-next.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "96c383aaf7a31dc68da72eaa1ebf8fcb60c90015"
+  "gitHead": "0516857fd4a54aeb2271ff72cfe2122da7ebe66e"
 }

package/lib/chart/helpers/legend.d.ts

@@ -1,5 +0,0 @@
-declare const legendHelper: {
-    getLegendFillStyle: (dataset: Chart.ChartDataSets, usePointStyle: boolean, solidFill?: boolean) => string | undefined;
-    getLegendStrokeStyle: (dataset: Chart.ChartDataSets, usePointStyle: boolean) => string | undefined;
-};
-export { legendHelper };

package/lib/chart/helpers/legend.js

@@ -1,78 +0,0 @@
-/**
- * Validate color
- *
- * @param {ChartDataSetsColor} color datsets color
- * @returns {(string|undefined)} color
- */
-const isValidColor = (color) => {
-    /**
-     * Force return to string type because Chart.js doesn't support typescript
-     * and some type of @types/chart.js isn't correct
-     */
-    return (color && color !== 'transparent') ? color : undefined;
-};
-/**
- * Get legend color by using point style
- *
- * @param {ChartDataSetsColor} color1 using color1 if valid
- * @param {ChartDataSetsColor} color2 using color2 if color1 invalid
- * @returns {(string|undefined)} color
- */
-const getLegendColorUsePointStyle = (color1, color2) => {
-    /**
-     * if either color1 or color2 is valid, use color1. Order is important
-     * and force return string type same as isValidColor()
-     */
-    return isValidColor(color1) || (isValidColor(color2) ? color1 : undefined);
-};
-/**
- * Get legend color don't using point style
- *
- * @param {Chart.ChartDataSets} dataset dataset of chart
- * @param {boolean} solidFill color is solid not opaque
- * @returns {string} color
- */
-const getLegendColorDontUsePointStyle = (dataset, solidFill = false) => {
-    // Use background color for legend, if color of dataset or chart type is solid not opaque.
-    return isValidColor(solidFill ? dataset.backgroundColor : dataset.borderColor)
-        || isValidColor(dataset.pointBorderColor)
-        || dataset.pointBackgroundColor;
-};
-/**
- * Get stroke style legend color
- *
- * @param {Chart.ChartDataSets} dataset dataset of chart
- * @param {boolean} usePointStyle using color from point style
- * @returns {(string|undefined)} color
- */
-const getLegendStrokeStyle = (dataset, usePointStyle) => {
-    if (usePointStyle) {
-        return getLegendColorUsePointStyle(dataset.pointBorderColor, dataset.pointBackgroundColor)
-            || isValidColor(dataset.borderColor) || dataset.backgroundColor;
-    }
-    else {
-        return isValidColor(dataset.borderColor) || getLegendColorDontUsePointStyle(dataset);
-    }
-};
-/**
- * Get fill style legend color
- *
- * @param {Chart.ChartDataSets} dataset dataset of chart
- * @param {boolean} usePointStyle using color from point style
- * @param {boolean} solidFill color is solid or opacity
- * @returns {(string|undefined)} color
- */
-const getLegendFillStyle = (dataset, usePointStyle, solidFill = false) => {
-    if (usePointStyle) {
-        return getLegendColorUsePointStyle(dataset.pointBackgroundColor, dataset.pointBorderColor)
-            || isValidColor(dataset.borderColor) || dataset.backgroundColor;
-    }
-    else {
-        return getLegendColorDontUsePointStyle(dataset, solidFill);
-    }
-};
-const legendHelper = {
-    getLegendFillStyle,
-    getLegendStrokeStyle
-};
-export { legendHelper };