@syncfusion/ej2-treemap 34.2.2 → 34.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.2.2
+*  version : 34.2.3
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-treemap",
-  "version": "34.2.2",
+  "version": "34.2.3",
   "description": "Essential JS 2 TreeMap Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

package/src/treemap/layout/render-panel.js

@@ -511,7 +511,17 @@ var LayoutPanel = /** @class */ (function () {
                 }
                 levelName = item['name'];
             }
-            renderText = textFormatter(format, item['data'], this_1.treemap) || levelName || 'undefined';
+            // Use nullish coalescing (??) to preserve empty string '' (blank tile for null labelPath)
+            var formatterOutput = textFormatter(format, item['data'], this_1.treemap);
+            if (!isNullOrUndefined(formatterOutput)) {
+                renderText = formatterOutput;
+            }
+            else if (!isNullOrUndefined(levelName)) {
+                renderText = levelName;
+            }
+            else {
+                renderText = 'undefined';
+            }
             childItems = findChildren(item)['values'];
             renderText = !isLeafItem && childItems && childItems.length > 0 && this_1.treemap.enableDrillDown ?
                 !item['isDrilled'] ? treeMap.enableRtl ? renderText + ' [+]' : '[+] ' + renderText :

package/src/treemap/treemap.js

@@ -305,21 +305,31 @@ var TreeMap = /** @class */ (function (_super) {
                     if (this.isHierarchicalData && child && child.length > 0) {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         child.forEach(function (currentData) {
-                            if (currentData[path]) {
+                            if (!isNullOrUndefined(currentData[_this.weightValuePath])) {
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                var labelValue = currentData[path];
+                                var isBlank = isNullOrUndefined(labelValue) || labelValue === '';
+                                var itemName = isBlank ? '' : labelValue;
+                                var orderName = isBlank ?
+                                    'undefined_' + currentData[_this.weightValuePath] : labelValue.toString();
                                 data_1[path].push({
-                                    groupIndex: 0, name: currentData[path],
-                                    levelOrderName: currentData[path].toString(),
+                                    groupIndex: 0, name: itemName,
+                                    levelOrderName: orderName,
                                     data: currentData, weight: currentData[_this.weightValuePath]
                                 });
                             }
                         });
                     }
                     else {
-                        if (this.dataSource[i][path]) {
+                        if (!isNullOrUndefined(this.dataSource[i][this.weightValuePath])) {
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            var labelValue = this.dataSource[i][path];
+                            var isBlank = isNullOrUndefined(labelValue) || labelValue === '';
+                            var itemName = isBlank ? '' : labelValue;
+                            var orderName = isBlank ?
+                                'undefined_' + this.dataSource[i][this.weightValuePath] : labelValue.toString();
                             data_1[path].push({
-                                groupIndex: 0, name: this.dataSource[i][path], levelOrderName: this.dataSource[i][path].toString(), data: this.dataSource[i],
+                                groupIndex: 0, name: itemName, levelOrderName: orderName, data: this.dataSource[i],
                                 weight: this.dataSource[i][this.weightValuePath]
                             });
                         }

package/src/treemap/utils/helper.js

@@ -330,7 +330,24 @@ export function isContainsData(source, pathName, processData, treemap) {
     for (var i = 0; i < source.length; i++) {
         path = treemap.levels[i] ? treemap.levels[i].groupPath : leaf.labelPath ? leaf.labelPath :
             treemap.weightValuePath;
-        var data = processData[path] || 'undefined';
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var rawValue = processData[path];
+        var isBlank = isNullOrUndefined(rawValue) || rawValue === '';
+        var data = void 0;
+        if (isBlank) {
+            if (treemap.levels && treemap.levels.length > 0) {
+                // Multi-level: match the '+ ""' coercion result (null -> 'null', undefined -> 'undefined')
+                data = isNullOrUndefined(rawValue) ? String(rawValue) : '';
+            }
+            else {
+                // Flat data: use the unique 'undefined_<weight>' suffix
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                data = 'undefined_' + processData[treemap.weightValuePath];
+            }
+        }
+        else {
+            data = rawValue.toString();
+        }
         if (source[i] === data) {
             name += data + (i === source.length - 1 ? '' : '#');
             if (name === pathName) {