@syncfusion/ej2-heatmap - npm Package Compare versions

Comparing version 25.2.3 to 26.1.35

.eslintrc.json

@@ -18,3 +18,4 @@ {
         "sourceType": "module"
-      },
+    },
+    "ignorePatterns": ["*.d.ts", "*.js"],
     "plugins": [
@@ -188,3 +189,3 @@ "@typescript-eslint",
         ],
-        "@typescript-eslint/no-explicit-any": "error",
+        "@typescript-eslint/no-explicit-any": "warn",
         "no-cond-assign": [
@@ -191,0 +192,0 @@ "error",

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-heatmap@*",
-  "_id": "@syncfusion/ej2-heatmap@25.1.35",
+  "_id": "@syncfusion/ej2-heatmap@18.14.11",
   "_inBundle": false,
-  "_integrity": "sha512-W4HNYnIHXJf9JX4a/L3daBaJ9uQPxKReZNLibUVkkV/4fzOQOYgCspiCC7uXS3XFy/JSEFddEoA6oI6xVCHSIw==",
+  "_integrity": "sha512-3hBuc+QH+In0vYbek/mIjBuHdMUOpXYhoNwbWab4+u/e70i1mgTspfZgWh9/TMQBQaZeOteMFsV+tDc4a5uY1g==",
   "_location": "/@syncfusion/ej2-heatmap",
@@ -28,6 +28,6 @@ "_phantomChildren": {
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-heatmap/-/ej2-heatmap-25.1.35.tgz",
-  "_shasum": "5c72e26a0efe69333f5bf7e103c9053c5d00f6b4",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-heatmap/-/ej2-heatmap-18.14.11.tgz",
+  "_shasum": "96471f32882f3585efb49189c91c34ef35fabd80",
   "_spec": "@syncfusion/ej2-heatmap@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -38,8 +38,8 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-compression": "~25.2.3",
-    "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-file-utils": "~25.2.3",
-    "@syncfusion/ej2-pdf-export": "~25.2.3",
-    "@syncfusion/ej2-svg-base": "~25.2.3"
+    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-compression": "~26.1.35",
+    "@syncfusion/ej2-data": "~26.1.35",
+    "@syncfusion/ej2-file-utils": "~26.1.35",
+    "@syncfusion/ej2-pdf-export": "~26.1.35",
+    "@syncfusion/ej2-svg-base": "~26.1.35"
   },
@@ -85,4 +85,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "26.1.35",
   "sideEffects": false
 }

src/heatmap/axis/axis.js

@@ -401,3 +401,3 @@ var __extends = (this && this.__extends) || (function () {
         max = !isNullOrUndefined(this.maximum) ? max : (adaptorMax ? adaptorMax : (max + min));
-        var format = this.labelFormat;
+        var format = !isNullOrUndefined(this.labelFormat) ? this.labelFormat : '';
         var isCustom = format.match('{value}') !== null;
@@ -434,3 +434,3 @@ this.format = heatmap.intl.getNumberFormat({
         var temp;
-        var format = this.labelFormat;
+        var format = !isNullOrUndefined(this.labelFormat) ? this.labelFormat : '';
         var isCustom = format.match('{value}') !== null;
@@ -437,0 +437,0 @@ if (!isNullOrUndefined(this.minimum) && !isNullOrUndefined(this.maximum) && min > max) {

src/heatmap/datasource/adaptor.js

@@ -282,3 +282,4 @@ var __extends = (this && this.__extends) || (function () {
             for (var index = 0; index < tempDataCollection.length; index++) {
-                currentDataXIndex = this.getSplitDataValue(tempDataCollection[index], adaptordata, xLabels, adaptordata.xDataMapping.split('.'), this.heatMap.xAxis.valueType);
+                currentDataXIndex = this.getSplitDataValue(tempDataCollection[index], adaptordata, xLabels, !isNullOrUndefined(adaptordata.xDataMapping) ?
+                    adaptordata.xDataMapping.split('.') : null, this.heatMap.xAxis.valueType);
                 if (currentDataXIndex !== -1) {
@@ -288,3 +289,4 @@ while (!this.reconstructData[currentDataXIndex]) {
                     }
-                    currentDataYIndex = this.getSplitDataValue(tempDataCollection[index], adaptordata, yLabels, adaptordata.yDataMapping.split('.'), this.heatMap.yAxis.valueType);
+                    currentDataYIndex = this.getSplitDataValue(tempDataCollection[index], adaptordata, yLabels, !isNullOrUndefined(adaptordata.yDataMapping) ?
+                        adaptordata.yDataMapping.split('.') : null, this.heatMap.yAxis.valueType);
                     if (currentDataYIndex !== -1) {
@@ -301,3 +303,4 @@ while (isNullOrUndefined(this.reconstructData[currentDataXIndex][currentDataYIndex])) {
                         else {
-                            this.reconstructData[currentDataXIndex][currentDataYIndex] = this.getSplitDataValue(tempDataCollection[index], adaptordata, null, adaptordata.valueMapping.split('.'), '');
+                            this.reconstructData[currentDataXIndex][currentDataYIndex] = this.getSplitDataValue(tempDataCollection[index], adaptordata, null, !isNullOrUndefined(adaptordata.valueMapping) ?
+                                adaptordata.valueMapping.split('.') : null, '');
                         }
@@ -379,3 +382,3 @@ }
         this.tempSplitDataCollection = tempSplitDataCollection;
-        for (var splitIndex = 0; splitIndex < tempSplitData.length; splitIndex++) {
+        for (var splitIndex = 0; splitIndex < (!isNullOrUndefined(tempSplitData) ? tempSplitData.length : 0); splitIndex++) {
             value = !isNullOrUndefined(labels) ? (!(valueType === 'DateTime') ?
@@ -417,3 +420,4 @@ labels.indexOf(this.tempSplitDataCollection[tempSplitData[splitIndex]]) :
             for (var xindex = 0; xindex < tempDataCollection.length; xindex++) {
-                currentDataXIndex = this.getSplitDataValue(tempDataCollection[xindex], adaptordata, xLabels, adaptordata.xDataMapping.split('.'), this.heatMap.xAxis.valueType);
+                currentDataXIndex = this.getSplitDataValue(tempDataCollection[xindex], adaptordata, xLabels, !isNullOrUndefined(adaptordata.xDataMapping) ?
+                    adaptordata.xDataMapping.split('.') : null, this.heatMap.xAxis.valueType);
                 if (currentDataXIndex !== -1) {
@@ -420,0 +424,0 @@ while (!this.reconstructData[currentDataXIndex]) {

src/heatmap/model/theme.js

@@ -258,2 +258,35 @@ /**
             break;
+        case 'fluent2':
+            style = {
+                heatMapTitle: '#242424',
+                axisTitle: '#242424',
+                axisLabel: '#242424',
+                cellBorder: 'transparent',
+                background: 'transparent',
+                cellTextColor: '#242424',
+                toggledColor: '#EDEBE9',
+                emptyCellColor: '#EDEBE9',
+                legendLabel: '#242424',
+                palette: [{ 'color': '#6200EE' },
+                    { 'color': '#09AF74' },
+                    { 'color': '#0076E5' }]
+            };
+            break;
+        case 'fluent2dark':
+        case 'fluent2highcontrast':
+            style = {
+                heatMapTitle: '#FFFFFF',
+                axisTitle: '#FFFFFF',
+                axisLabel: '#FFFFFF',
+                cellBorder: 'transparent',
+                background: 'transparent',
+                cellTextColor: '#FFFFFF',
+                toggledColor: '#292827',
+                emptyCellColor: '#292827',
+                legendLabel: '#FFFFFF',
+                palette: [{ 'color': '#9BB449' },
+                    { 'color': '#2A72D5' },
+                    { 'color': '#43B786' }]
+            };
+            break;
         default:
@@ -260,0 +293,0 @@ style = {

src/heatmap/utils/colorMapping.js

@@ -156,6 +156,11 @@ var __extends = (this && this.__extends) || (function () {
                 var color = list[i].color;
-                if (color.indexOf('rgb') !== -1) {
-                    color = this.convertToHex(color);
+                if (!isNullOrUndefined(color)) {
+                    if (color.indexOf('rgb') !== -1) {
+                        color = this.convertToHex(color);
+                    }
+                    else if (color.indexOf('#') === -1) {
+                        color = '#FFFFFF';
+                    }
                 }
-                else if (color.indexOf('#') === -1) {
+                else {
                     color = '#FFFFFF';
@@ -162,0 +167,0 @@ }

src/heatmap/utils/enum.d.ts

@@ -64,3 +64,9 @@ /**
 /** Renders a map with Material3dark theme. */
-'Material3Dark';
+'Material3Dark' | 
+/**  Render a heatmap with Fluent2 theme. */
+'Fluent2' | 
+/**  Render a heatmap with Fluent2 Dark theme. */
+'Fluent2Dark' | 
+/**  Render a heatmap with Fluent2 High Contrast theme. */
+'Fluent2HighContrast';
 /**
@@ -67,0 +73,0 @@ * @private

src/heatmap/utils/export.js

@@ -51,6 +51,9 @@ import { createElement, isNullOrUndefined, Browser, print as printWindow } from '@syncfusion/ej2-base';
             var backgroundColor = backgroundElement.getAttribute('fill');
-            if ((this.control.theme === 'Tailwind' || this.control.theme === 'Bootstrap5' || this.control.theme === 'Fluent' || this.control.theme === 'Material3') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+            if ((this.control.theme === 'Tailwind' || this.control.theme === 'Bootstrap5' || this.control.theme === 'Fluent' || this.control.theme === 'Material3' || this.control.theme === 'Fluent2')
+                && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                 backgroundElement.setAttribute('fill', 'rgba(255,255,255, 1)');
             }
-            else if ((this.control.theme === 'TailwindDark' || this.control.theme === 'Bootstrap5Dark' || this.control.theme === 'FluentDark' || this.control.theme === 'Material3Dark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+            else if ((this.control.theme === 'TailwindDark' || this.control.theme === 'Bootstrap5Dark' || this.control.theme === 'FluentDark' || this.control.theme === 'Material3Dark' ||
+                this.control.theme === 'Fluent2Dark' || this.control.theme === 'Fluent2HighContrast')
+                && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                 backgroundElement.setAttribute('fill', 'rgba(0, 0, 0, 1)');
@@ -91,6 +94,9 @@ }
             image_1.onload = (function () {
-                if ((_this.control.theme === 'Tailwind' || _this.control.theme === 'Bootstrap5' || _this.control.theme === 'Fluent' || _this.control.theme === 'Material3') && (backgroundColor_1 === 'rgba(0, 0, 0, 0)' || backgroundColor_1 === 'transparent')) {
+                if ((_this.control.theme === 'Tailwind' || _this.control.theme === 'Bootstrap5' || _this.control.theme === 'Fluent' || _this.control.theme === 'Material3' || _this.control.theme === 'Fluent2')
+                    && (backgroundColor_1 === 'rgba(0, 0, 0, 0)' || backgroundColor_1 === 'transparent')) {
                     ctx_1.fillStyle = 'rgba(255,255,255, 1)';
                 }
-                else if ((_this.control.theme === 'TailwindDark' || _this.control.theme === 'Bootstrap5Dark' || _this.control.theme === 'FluentDark' || _this.control.theme === 'Material3Dark') && (backgroundColor_1 === 'rgba(0, 0, 0, 0)' || backgroundColor_1 === 'transparent')) {
+                else if ((_this.control.theme === 'TailwindDark' || _this.control.theme === 'Bootstrap5Dark' || _this.control.theme === 'FluentDark' || _this.control.theme === 'Material3Dark' ||
+                    _this.control.theme === 'Fluent2Dark' || _this.control.theme === 'Fluent2HighContrast')
+                    && (backgroundColor_1 === 'rgba(0, 0, 0, 0)' || backgroundColor_1 === 'transparent')) {
                     ctx_1.fillStyle = 'rgba(0, 0, 0, 1)';
@@ -97,0 +103,0 @@ }

src/heatmap/utils/helper.d.ts

@@ -88,3 +88,4 @@ import { FontModel, BorderModel, PaletteCollectionModel } from '../model/base-model';
  * @private
- */ export declare function createLabelTemplate(template: string | Function, heatMap: HeatMap, labelTemplate: HTMLElement, rectPosition: any, xLabels: any, yLabels: any, index: number): HTMLElement;
+ */
+export declare function createLabelTemplate(template: string | Function, heatMap: HeatMap, labelTemplate: HTMLElement, rectPosition: any, xLabels: any, yLabels: any, index: number): HTMLElement;
 /**
@@ -91,0 +92,0 @@ * Function to check whether target object implement specific interface

src/heatmap/utils/helper.js

@@ -155,5 +155,6 @@ var __extends = (this && this.__extends) || (function () {
  * @private
- */ // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-explicit-any
 export function createLabelTemplate(template, heatMap, labelTemplate, rectPosition, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 xLabels, yLabels, index) {
@@ -160,0 +161,0 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/heatmap/utils/tooltip.js

@@ -146,4 +146,19 @@ /**
         }
+        if (this.heatMap.theme === 'Fluent2') {
+            this.heatMap.setProperties({ tooltipSettings: { fill: '#FFFFFF', textStyle: { size: '12px', fontFamily: 'Segoe UI', fontWeight: '400', color: '#242424' } } }, true);
+        }
+        if (this.heatMap.theme === 'Fluent2Dark') {
+            this.heatMap.setProperties({ tooltipSettings: { fill: '#292929', textStyle: { size: '12px', fontFamily: 'Segoe UI', fontWeight: '400', color: '#FFFFFF' } } }, true);
+        }
+        if (this.heatMap.theme === 'Fluent2HighContrast') {
+            this.heatMap.setProperties({
+                tooltipSettings: {
+                    fill: '#000000', textStyle: { size: '12px', fontFamily: 'Segoe UI', fontWeight: '400', color: '#FFFFFF' },
+                    border: { width: 1, color: '#FFF' }
+                }
+            }, true);
+        }
         this.tooltipObject = new tool({
-            opacity: (this.heatMap.theme === 'Tailwind' || this.heatMap.theme === 'TailwindDark' || this.heatMap.theme === 'Bootstrap5' || this.heatMap.theme === 'Bootstrap5Dark' || this.heatMap.theme === 'Fluent' || this.heatMap.theme === 'FluentDark') ? 1 : 0.75,
+            opacity: (this.heatMap.theme === 'Tailwind' || this.heatMap.theme === 'TailwindDark' || this.heatMap.theme === 'Bootstrap5' || this.heatMap.theme === 'Bootstrap5Dark' || this.heatMap.theme === 'Fluent' || this.heatMap.theme === 'FluentDark'
+                || this.heatMap.theme === 'Fluent2' || this.heatMap.theme === 'Fluent2Dark' || this.heatMap.theme === 'Fluent2HighContrast') ? 1 : 0.75,
             enableAnimation: false,
@@ -150,0 +165,0 @@ offset: offset,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5490994

increased by2.87%

Worsened metrics

Number of low license alerts

2

increased by100%

License quality

70

decreased by-12.5%

Lines of code

35416

decreased by-1.33%

Dependency changes

• + Added@syncfusion/ej2-base@26.1.42(transitive)

• + Added@syncfusion/ej2-compression@26.1.35(transitive)

• + Added@syncfusion/ej2-data@26.1.42(transitive)

• + Added@syncfusion/ej2-file-utils@26.1.35(transitive)

• + Added@syncfusion/ej2-icons@26.1.35(transitive)

• + Added@syncfusion/ej2-pdf-export@26.1.35(transitive)

• + Added@syncfusion/ej2-svg-base@26.1.39(transitive)

• - Removed@syncfusion/ej2-base@25.2.7(transitive)

• - Removed@syncfusion/ej2-compression@25.2.3(transitive)

• - Removed@syncfusion/ej2-data@25.2.3(transitive)

• - Removed@syncfusion/ej2-file-utils@25.2.3(transitive)

• - Removed@syncfusion/ej2-icons@25.2.3(transitive)

• - Removed@syncfusion/ej2-pdf-export@25.2.3(transitive)

• - Removed@syncfusion/ej2-svg-base@25.2.5(transitive)

• Updated@syncfusion/ej2-base@~26.1.35

• Updated@syncfusion/ej2-compression@~26.1.35

• Updated@syncfusion/ej2-data@~26.1.35

• Updated@syncfusion/ej2-file-utils@~26.1.35

• Updated@syncfusion/ej2-pdf-export@~26.1.35

• Updated@syncfusion/ej2-svg-base@~26.1.35