Add hierarchy visualization and schematic support for PDF export

- Added indentation support for TreeGrid and HierarchicalGrid records in PDF export
- Records with level property now indent by 15pt per level in first column
- Skip hidden records (collapsed hierarchy nodes) from export
- Added jspdf to ng-add schematic dependencies map for automatic installation

Co-authored-by: kdinev <[email protected]>

Author: Copilot

projects/igniteui-angular/schematics/utils/dependency-handler.ts

@@ -21,6 +21,7 @@ const schematicsPackage = '@igniteui/angular-schematics';
 export const DEPENDENCIES_MAP: PackageEntry[] = [
     // dependencies
     { name: 'fflate', target: PackageTarget.REGULAR },
+    { name: 'jspdf', target: PackageTarget.REGULAR },
     { name: 'tslib', target: PackageTarget.NONE },
     { name: 'igniteui-trial-watermark', target: PackageTarget.NONE },
     { name: 'lodash-es', target: PackageTarget.NONE },

projects/igniteui-angular/src/lib/services/pdf/pdf-exporter.ts

@@ -84,6 +84,7 @@ export class IgxPdfExporterService extends IgxBaseExporter {
         const columnWidth = usableWidth / columns.length;
         const rowHeight = 20;
         const headerHeight = 25;
+        const indentSize = 15; // Indentation per level for hierarchical data
 
         let yPosition = margin;
 
@@ -120,12 +121,22 @@ export class IgxPdfExporterService extends IgxBaseExporter {
         pdf.setFont('helvetica', 'normal');
 
         data.forEach((record) => {
+            // Skip hidden records (collapsed hierarchy)
+            if (record.hidden) {
+                return;
+            }
+
             // Check if we need a new page
             if (yPosition + rowHeight > pageHeight - margin) {
                 pdf.addPage();
                 yPosition = margin;
             }
 
+            // Calculate indentation for hierarchical records
+            const isHierarchical = record.type === 'TreeGridRecord' || record.type === 'HierarchicalGridRecord';
+            const indentLevel = isHierarchical ? (record.level || 0) : 0;
+            const indent = indentLevel * indentSize;
+
             columns.forEach((col, index) => {
                 const xPosition = margin + (index * columnWidth);
                 let cellValue = record.data[col.field];
@@ -143,8 +154,11 @@ export class IgxPdfExporterService extends IgxBaseExporter {
                     pdf.rect(xPosition, yPosition, columnWidth, rowHeight);
                 }
 
-                // Truncate text if it's too long
-                const maxTextWidth = columnWidth - 10;
+                // Apply indentation to the first column for hierarchical data
+                const textIndent = (index === 0 && isHierarchical) ? indent : 0;
+                
+                // Truncate text if it's too long, accounting for indentation
+                const maxTextWidth = columnWidth - 10 - textIndent;
                 let displayText = cellValue;
 
                 if (pdf.getTextWidth(displayText) > maxTextWidth) {
@@ -155,7 +169,7 @@ export class IgxPdfExporterService extends IgxBaseExporter {
                 }
 
                 const textY = yPosition + rowHeight / 2 + options.fontSize / 3;
-                pdf.text(displayText, xPosition + 5, textY);
+                pdf.text(displayText, xPosition + 5 + textIndent, textY);
             });
 
             yPosition += rowHeight;