@syncfusion/ej2-treemap 34.2.2 → 34.2.3

package/dist/es6/ej2-treemap.es2015.js

@@ -827,7 +827,24 @@ function isContainsData(source, pathName, processData, treemap) {
     for (let i = 0; i < source.length; i++) {
         path = treemap.levels[i] ? treemap.levels[i].groupPath : leaf.labelPath ? leaf.labelPath :
             treemap.weightValuePath;
-        const data = processData[path] || 'undefined';
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const rawValue = processData[path];
+        const isBlank = isNullOrUndefined(rawValue) || rawValue === '';
+        let data;
+        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) {
@@ -2395,7 +2412,17 @@ class LayoutPanel {
                 }
                 levelName = item['name'];
             }
-            renderText = textFormatter(format, item['data'], this.treemap) || levelName || 'undefined';
+            // Use nullish coalescing (??) to preserve empty string '' (blank tile for null labelPath)
+            const formatterOutput = textFormatter(format, item['data'], this.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.treemap.enableDrillDown ?
                 !item['isDrilled'] ? treeMap.enableRtl ? renderText + ' [+]' : '[+] ' + renderText :
@@ -3661,21 +3688,31 @@ let TreeMap = class TreeMap extends Component {
                     if (this.isHierarchicalData && child && child.length > 0) {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         child.forEach((currentData) => {
-                            if (currentData[path]) {
+                            if (!isNullOrUndefined(currentData[this.weightValuePath])) {
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                const labelValue = currentData[path];
+                                const isBlank = isNullOrUndefined(labelValue) || labelValue === '';
+                                const itemName = isBlank ? '' : labelValue;
+                                const orderName = isBlank ?
+                                    'undefined_' + currentData[this.weightValuePath] : labelValue.toString();
                                 data[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
+                            const labelValue = this.dataSource[i][path];
+                            const isBlank = isNullOrUndefined(labelValue) || labelValue === '';
+                            const itemName = isBlank ? '' : labelValue;
+                            const orderName = isBlank ?
+                                'undefined_' + this.dataSource[i][this.weightValuePath] : labelValue.toString();
                             data[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]
                             });
                         }