@openshift-migration-advisor/shared-components 0.25.0 → 0.27.0-5b72aa3d4938

package/dist/report/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/report/constants.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,WAA6B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,WAA+B,CAAC;AAE9D,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;CAgBjC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/report/constants.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,WAA6B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,WAA+B,CAAC;AAE9D,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;CAkBjC,CAAC"}

package/dist/report/constants.js

@@ -20,6 +20,8 @@ export const REPORT_CARD_EMPTY_STATE_TITLES = {
     operatingSystems: "Operating system data not collected",
     migrationStatus: "Migration status data not collected",
     issuesBreakdown: "Issues breakdown data not collected",
+    errors: "Error data not collected",
+    warnings: "Warning data not collected",
     hostPowerStates: "Host power state data not collected",
     vmPowerStates: "VM power state data not collected",
 };

package/dist/report/dashboardStyles.d.ts

@@ -5,12 +5,8 @@ export declare const dashboardStyles: {
     equalHeight: string;
     cardBodyScrollable: string;
     card: string;
-    cardPrint: string;
     storageCardOverflowHidden: string;
-    storageCardOverflowVisible: string;
     storageChartWrapper: string;
-    storageExportSectionMargin: string;
-    storageExportSectionTitle: string;
     storageFlexFullWidth: string;
     storageMenuToggleMinWidth: string;
     storageNoDataContainer: string;

package/dist/report/dashboardStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardStyles.d.ts","sourceRoot":"","sources":["../../src/report/dashboardStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAyG3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAM/B,CAAC"}
+{"version":3,"file":"dashboardStyles.d.ts","sourceRoot":"","sources":["../../src/report/dashboardStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAkF3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAM/B,CAAC"}

package/dist/report/dashboardStyles.js

@@ -39,20 +39,9 @@ export const dashboardStyles = {
     flex-direction: column;
     justify-content: space-between;
     overflow: hidden !important;
-  `,
-    cardPrint: css `
-    border: 1px solid #d2d2d2 !important;
-    border-radius: 10px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-    min-height: unset;
-    max-height: unset;
-    page-break-inside: avoid;
   `,
     storageCardOverflowHidden: css `
     overflow: hidden;
-  `,
-    storageCardOverflowVisible: css `
-    overflow: visible;
   `,
     storageChartWrapper: css `
     display: flex;
@@ -60,14 +49,6 @@ export const dashboardStyles = {
     align-items: center;
     width: 100%;
     padding: 20px 0;
-  `,
-    storageExportSectionMargin: css `
-    margin-bottom: 24px;
-  `,
-    storageExportSectionTitle: css `
-    font-size: 14px;
-    font-weight: 600;
-    margin-bottom: 12px;
   `,
     storageFlexFullWidth: css `
     width: 100%;

package/dist/report/htmlExport.d.ts

@@ -0,0 +1,9 @@
+import { type ChartCaptureSource } from "./chartExport.js";
+export interface HtmlReportImage {
+    name: string;
+    dataUrl: string;
+}
+export declare function escapeHtml(value: string): string;
+export declare function buildHtmlReport(documentTitle: string, images: HtmlReportImage[], generatedAt?: Date): string;
+export declare function buildHtmlFromCharts(charts: ChartCaptureSource[], documentTitle: string): Promise<Blob>;
+//# sourceMappingURL=htmlExport.d.ts.map

package/dist/report/htmlExport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlExport.d.ts","sourceRoot":"","sources":["../../src/report/htmlExport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAE1E,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOhD;AAED,wBAAgB,eAAe,CAC7B,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,eAAe,EAAE,EACzB,WAAW,OAAa,GACvB,MAAM,CAwCR;AAED,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,kBAAkB,EAAE,EAC5B,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,IAAI,CAAC,CAiBf"}

package/dist/report/htmlExport.js

@@ -0,0 +1,65 @@
+import { releaseCanvas } from "./chartExport.js";
+export function escapeHtml(value) {
+    return value
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");
+}
+export function buildHtmlReport(documentTitle, images, generatedAt = new Date()) {
+    const sections = images
+        .map((image) => `
+    <section>
+      <h2>${escapeHtml(image.name)}</h2>
+      <img src="${image.dataUrl}" alt="${escapeHtml(image.name)}" />
+    </section>`)
+        .join("\n");
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>${escapeHtml(documentTitle)}</title>
+  <style>
+    body {
+      font-family: RedHatText, Helvetica, Arial, sans-serif;
+      margin: 32px auto;
+      max-width: 1100px;
+      background: #fff;
+      color: #151515;
+    }
+    h1 { font-size: 28px; margin-bottom: 8px; }
+    h2 { font-size: 18px; margin: 32px 0 12px; }
+    .meta { color: #6a6e73; margin-bottom: 24px; }
+    img {
+      width: 100%;
+      height: auto;
+    }
+  </style>
+</head>
+<body>
+  <h1>${escapeHtml(documentTitle)}</h1>
+  <p class="meta">Generated ${escapeHtml(generatedAt.toLocaleString())}</p>
+  ${sections}
+</body>
+</html>
+`;
+}
+export async function buildHtmlFromCharts(charts, documentTitle) {
+    const images = [];
+    for (const chart of charts) {
+        const canvas = await chart.capture();
+        try {
+            images.push({
+                name: chart.title,
+                dataUrl: canvas.toDataURL("image/png"),
+            });
+        }
+        finally {
+            releaseCanvas(canvas);
+        }
+    }
+    return new Blob([buildHtmlReport(documentTitle, images)], {
+        type: "text/html;charset=utf-8",
+    });
+}

package/dist/report/index.d.ts

@@ -1,13 +1,26 @@
 export { CARD_EMPTY_STATE_DESCRIPTION, CardEmptyState, type CardEmptyStateProps, } from "./CardEmptyState.js";
+export { ChartDownloadButton, ChartHeaderActions, } from "./ChartDownloadButton.js";
+export { type BuildChartDocument, type BuildPdfDocument, type CaptureChartElement, ChartExportProvider, type ChartExportProviderProps, type EncodeChartPng, type ZipChartFiles, } from "./ChartExportProvider.js";
+export { ChartExportSurface } from "./ChartExportSurface.js";
+export { ClustersOverview, type ClustersOverviewProps, type InventoryDataLike, } from "./ClustersOverview.js";
+export { CpuAndMemoryOverview, type CpuAndMemoryOverviewProps, } from "./CpuAndMemoryOverview.js";
+export { captureChartElement } from "./captureChartElement.js";
+export { CHART_EXPORT_CAPTURING_ATTR, CHART_EXPORT_HIDE_ATTR, CHART_EXPORT_SCROLL_ATTR, type ChartCaptureSource, type ChartExportFile, type ChartExportMeta, type ChartExportView, canvasToBlob, chartExportHideProps, chartExportRootStyle, chartExportScrollProps, chartExportViewsFromLabels, chartPngFilename, downloadBlob, type PdfTextPage, type PdfTextPageItem, type RegisteredChart, releaseCanvas, restoreChartExportViews, shouldIgnoreChartExportElement, slugifyExportName, sortRegisteredChartsByDocumentOrder, toBulkChartCaptureSources, } from "./chartExport.js";
+export { type ChartExportApi, type ChartExportFormat, useChartExport, useRegisterChart, } from "./chartExportContext.js";
+export { getChartExportFilename, getChartZipFilename, getDatedChartExportBasename, } from "./chartExportFilenames.js";
 export { chartColorFailure, chartColorSuccess, REPORT_CARD_EMPTY_STATE_TITLES, } from "./constants.js";
 export { DashboardEmptyStateBase, type DashboardEmptyStateBaseProps, } from "./DashboardEmptyStateBase.js";
 export { dashboardStyles, tableFullWidthStyle } from "./dashboardStyles.js";
 export { EmptySearchResults, type EmptySearchResultsProps, } from "./EmptySearchResults.js";
+export { ErrorTable, type ErrorTableProps, type MigrationIssueLike, } from "./ErrorTable.js";
 export { FeatureStatusBadge, type FeatureStatusBadgeProps, } from "./FeatureStatusBadge.js";
 export { HostPowerStates, type HostPowerStatesProps, } from "./HostPowerStates.js";
+export { type HostLike, HostsOverview, type HostsOverviewProps, } from "./HostsOverview.js";
+export { buildHtmlFromCharts, buildHtmlReport, escapeHtml, type HtmlReportImage, } from "./htmlExport.js";
 export { InfrastructureSummary, type InfrastructureSummaryProps, } from "./InfrastructureSummary.js";
 export type { ClusterDetailRow, ClusterDetailsModel, FeatureStatus, HostCapability, InfrastructureSummaryModel, InventoryCluster, InventoryDatastore, InventoryHost, InventoryInfra, InventoryNetwork, InventoryVms, NetworkLabel, } from "./infrastructureSummaryModel.js";
 export { booleanToFeatureStatus, buildClusterDetailRows, buildClusterDetails, buildInfrastructureSummary, countVCenters, formatVSphereVersion, hostCapabilityStatus, visibleNetworks, vsanStatus, } from "./infrastructureSummaryModel.js";
+export { type NetworkInfraLike, type NetworkLike, NetworkOverview, type NetworkOverviewProps, type NicCountHistogram, type NicCountSummary, } from "./NetworkOverview.js";
 export { OSBarChart, OSDistribution } from "./OSDistribution.js";
 export { OsSupportTiersHelpPopover } from "./OsSupportTiersHelpPopover.js";
 export { OsUpgradeNotice } from "./OsUpgradeNotice.js";
@@ -16,10 +29,17 @@ export type { OSDistributionEntry, SupportTierBadgeStyle, } from "./osSupportTie
 export { getSupportTierBadgeColor, getSupportTierBadgeInlineStyle, getSupportTierDefinition, getSupportTierLegendLabel, getSupportTierSortOrder, hasOsUpgradeNotice, ORDERED_SUPPORT_TIERS, resolveSupportTier, SUPPORT_TIER_BADGE_COLORS, SUPPORT_TIER_BADGE_INLINE_STYLES, SUPPORT_TIER_DEFINITIONS, SUPPORT_TIER_LABELS, SUPPORT_TIER_LEARN_MORE_URL, SupportTier, } from "./osSupportTier.js";
 export { default as PopoverIcon } from "./PopoverIcon.js";
 export { PowerStateCard, type PowerStateCardProps, } from "./PowerStateCard.js";
+export { buildPdfFromCharts } from "./pdfExport.js";
+export { type PdfExportSegment, sliceCanvas, splitSegmentForPageHeight, } from "./pdfPage.js";
 export type { PowerStateChartModel } from "./powerStates.js";
 export { buildHostPowerStateChart, buildVmPowerStateChart, HOST_POWER_COLORS, VM_POWER_COLORS, } from "./powerStates.js";
+export { ExportReportButton, type ExportReportButtonProps, ReportExportMenu, type ReportExportMenuProps, } from "./ReportExportMenu.js";
+export { ReportTable, type ReportTableProps } from "./ReportTable.js";
+export { type ReportExportOption, type StandardReportExportHandlers, standardReportExportOptions, } from "./reportExportOptions.js";
 export { SupportTierBadge } from "./SupportTierBadge.js";
 export { ALL_TIERS_FILTER, type OsBarChartViewModel, type OsTableRow, useOsBarChartViewModel, } from "./useOsBarChartViewModel.js";
 export { VCenterClusterDetails, type VCenterClusterDetailsProps, } from "./VCenterClusterDetails.js";
 export { VmPowerStates, type VmPowerStatesProps, } from "./VmPowerStates.js";
+export { WarningsTable, type WarningsTableProps, } from "./WarningsTable.js";
+export { zipChartPngs } from "./zipChartPngs.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/report/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/report/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,8BAA8B,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,0BAA0B,EAC1B,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,UAAU,GACX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,UAAU,EACV,8BAA8B,GAC/B,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,gCAAgC,EAChC,wBAAwB,EACxB,mBAAmB,EACnB,2BAA2B,EAC3B,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EACL,wBAAwB,EACxB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,sBAAsB,GACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/report/index.ts"],"names":[],"mappings":"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"}

package/dist/report/index.js

@@ -1,12 +1,25 @@
 export { CARD_EMPTY_STATE_DESCRIPTION, CardEmptyState, } from "./CardEmptyState.js";
+export { ChartDownloadButton, ChartHeaderActions, } from "./ChartDownloadButton.js";
+export { ChartExportProvider, } from "./ChartExportProvider.js";
+export { ChartExportSurface } from "./ChartExportSurface.js";
+export { ClustersOverview, } from "./ClustersOverview.js";
+export { CpuAndMemoryOverview, } from "./CpuAndMemoryOverview.js";
+export { captureChartElement } from "./captureChartElement.js";
+export { CHART_EXPORT_CAPTURING_ATTR, CHART_EXPORT_HIDE_ATTR, CHART_EXPORT_SCROLL_ATTR, canvasToBlob, chartExportHideProps, chartExportRootStyle, chartExportScrollProps, chartExportViewsFromLabels, chartPngFilename, downloadBlob, releaseCanvas, restoreChartExportViews, shouldIgnoreChartExportElement, slugifyExportName, sortRegisteredChartsByDocumentOrder, toBulkChartCaptureSources, } from "./chartExport.js";
+export { useChartExport, useRegisterChart, } from "./chartExportContext.js";
+export { getChartExportFilename, getChartZipFilename, getDatedChartExportBasename, } from "./chartExportFilenames.js";
 export { chartColorFailure, chartColorSuccess, REPORT_CARD_EMPTY_STATE_TITLES, } from "./constants.js";
 export { DashboardEmptyStateBase, } from "./DashboardEmptyStateBase.js";
 export { dashboardStyles, tableFullWidthStyle } from "./dashboardStyles.js";
 export { EmptySearchResults, } from "./EmptySearchResults.js";
+export { ErrorTable, } from "./ErrorTable.js";
 export { FeatureStatusBadge, } from "./FeatureStatusBadge.js";
 export { HostPowerStates, } from "./HostPowerStates.js";
+export { HostsOverview, } from "./HostsOverview.js";
+export { buildHtmlFromCharts, buildHtmlReport, escapeHtml, } from "./htmlExport.js";
 export { InfrastructureSummary, } from "./InfrastructureSummary.js";
 export { booleanToFeatureStatus, buildClusterDetailRows, buildClusterDetails, buildInfrastructureSummary, countVCenters, formatVSphereVersion, hostCapabilityStatus, visibleNetworks, vsanStatus, } from "./infrastructureSummaryModel.js";
+export { NetworkOverview, } from "./NetworkOverview.js";
 export { OSBarChart, OSDistribution } from "./OSDistribution.js";
 export { OsSupportTiersHelpPopover } from "./OsSupportTiersHelpPopover.js";
 export { OsUpgradeNotice } from "./OsUpgradeNotice.js";
@@ -14,8 +27,15 @@ export { OsNameCell, OsUpgradeRecommendationPopover, } from "./OsUpgradeRecommen
 export { getSupportTierBadgeColor, getSupportTierBadgeInlineStyle, getSupportTierDefinition, getSupportTierLegendLabel, getSupportTierSortOrder, hasOsUpgradeNotice, ORDERED_SUPPORT_TIERS, resolveSupportTier, SUPPORT_TIER_BADGE_COLORS, SUPPORT_TIER_BADGE_INLINE_STYLES, SUPPORT_TIER_DEFINITIONS, SUPPORT_TIER_LABELS, SUPPORT_TIER_LEARN_MORE_URL, SupportTier, } from "./osSupportTier.js";
 export { default as PopoverIcon } from "./PopoverIcon.js";
 export { PowerStateCard, } from "./PowerStateCard.js";
+export { buildPdfFromCharts } from "./pdfExport.js";
+export { sliceCanvas, splitSegmentForPageHeight, } from "./pdfPage.js";
 export { buildHostPowerStateChart, buildVmPowerStateChart, HOST_POWER_COLORS, VM_POWER_COLORS, } from "./powerStates.js";
+export { ExportReportButton, ReportExportMenu, } from "./ReportExportMenu.js";
+export { ReportTable } from "./ReportTable.js";
+export { standardReportExportOptions, } from "./reportExportOptions.js";
 export { SupportTierBadge } from "./SupportTierBadge.js";
 export { ALL_TIERS_FILTER, useOsBarChartViewModel, } from "./useOsBarChartViewModel.js";
 export { VCenterClusterDetails, } from "./VCenterClusterDetails.js";
 export { VmPowerStates, } from "./VmPowerStates.js";
+export { WarningsTable, } from "./WarningsTable.js";
+export { zipChartPngs } from "./zipChartPngs.js";

package/dist/report/pdfExport.d.ts

@@ -0,0 +1,3 @@
+import { type ChartCaptureSource, type PdfTextPage } from "./chartExport.js";
+export declare function buildPdfFromCharts(charts: ChartCaptureSource[], documentTitle: string, extraPages?: PdfTextPage[]): Promise<Blob>;
+//# sourceMappingURL=pdfExport.d.ts.map

package/dist/report/pdfExport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdfExport.d.ts","sourceRoot":"","sources":["../../src/report/pdfExport.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAEjB,MAAM,kBAAkB,CAAC;AAQ1B,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,kBAAkB,EAAE,EAC5B,aAAa,EAAE,MAAM,EACrB,UAAU,GAAE,WAAW,EAAO,GAC7B,OAAO,CAAC,IAAI,CAAC,CA2Df"}

package/dist/report/pdfExport.js

@@ -0,0 +1,131 @@
+import jsPDF from "jspdf";
+import { releaseCanvas, } from "./chartExport.js";
+import { fitPdfImageSize, placePdfBlock, sliceCanvas } from "./pdfPage.js";
+const MARGIN_MM = 10;
+const GAP_MM = 8;
+/** Flatten captures onto white; jsPDF cannot embed transparent PNG alpha cleanly. */
+const PAGE_BACKGROUND = "#ffffff";
+export async function buildPdfFromCharts(charts, documentTitle, extraPages = []) {
+    const pdf = new jsPDF("p", "mm", "a4");
+    const pageWidth = pdf.internal.pageSize.getWidth();
+    const pageHeight = pdf.internal.pageSize.getHeight();
+    const contentWidth = pageWidth - MARGIN_MM * 2;
+    const contentHeight = pageHeight - MARGIN_MM * 2;
+    const pageTop = MARGIN_MM;
+    const pageBottom = pageHeight - MARGIN_MM;
+    addCoverPage(pdf, documentTitle, [...charts.map((chart) => chart.title), ...extraPages.map((p) => p.title)], pageWidth, pageHeight);
+    let cursorY = null;
+    for (const chart of charts) {
+        const canvas = await chart.capture();
+        try {
+            if (canvas.width < 1 || canvas.height < 1) {
+                throw new Error("Chart capture produced an empty image");
+            }
+            const size = fitPdfImageSize(canvas.width, canvas.height, contentWidth, contentHeight);
+            const placement = placePdfBlock(cursorY, size.heightMm, pageTop, pageBottom);
+            if (placement.needsNewPage) {
+                pdf.addPage();
+            }
+            addChartImage(pdf, canvas, MARGIN_MM + (contentWidth - size.widthMm) / 2, placement.y, size.widthMm, size.heightMm);
+            cursorY = placement.y + size.heightMm + GAP_MM;
+        }
+        finally {
+            releaseCanvas(canvas);
+        }
+    }
+    if (extraPages.length > 0) {
+        addExtraPages(pdf, extraPages, pageWidth, pageHeight);
+    }
+    addPageNumbers(pdf, pageWidth, pageHeight);
+    return pdf.output("blob");
+}
+function addCoverPage(pdf, documentTitle, tocItems, pageWidth, pageHeight) {
+    const contentWidth = pageWidth - MARGIN_MM * 2;
+    pdf.setFontSize(18);
+    const titleLines = pdf.splitTextToSize(documentTitle, contentWidth);
+    let titleY = MARGIN_MM + 8;
+    for (const line of titleLines) {
+        pdf.text(line, pageWidth / 2, titleY, { align: "center" });
+        titleY += 8;
+    }
+    pdf.setFontSize(11);
+    const generatedAt = new Date();
+    pdf.text(`Generated: ${generatedAt.toLocaleDateString()} ${generatedAt.toLocaleTimeString()}`, pageWidth / 2, titleY + 4, { align: "center" });
+    pdf.setFontSize(14);
+    pdf.text("Table of contents", MARGIN_MM, titleY + 16);
+    pdf.setFontSize(11);
+    let tocY = titleY + 26;
+    for (const item of tocItems) {
+        if (tocY > pageHeight - MARGIN_MM - 10) {
+            pdf.addPage();
+            tocY = MARGIN_MM;
+        }
+        pdf.text(`- ${item}`, MARGIN_MM, tocY);
+        tocY += 7;
+    }
+}
+function addChartImage(pdf, canvas, x, y, widthMm, heightMm) {
+    const flattened = sliceCanvas(canvas, canvas.width, canvas.height, 0, PAGE_BACKGROUND);
+    try {
+        pdf.addImage(flattened.toDataURL("image/jpeg", 0.92), "JPEG", x, y, widthMm, heightMm);
+    }
+    finally {
+        releaseCanvas(flattened);
+    }
+}
+/**
+ * Append one native-text PDF page per entry in `extraPages`, rendered as
+ * label/value rows rather than a captured image. Each page starts fresh so
+ * its content never bleeds into a chart page.
+ */
+function addExtraPages(pdf, extraPages, pageWidth, pageHeight) {
+    const LABEL_COL_WIDTH = 68; // mm — enough for the longest label
+    const VALUE_COL_X = MARGIN_MM + LABEL_COL_WIDTH;
+    const VALUE_COL_WIDTH = pageWidth - MARGIN_MM - LABEL_COL_WIDTH;
+    const LINE_HEIGHT = 7; // mm between rows
+    for (const page of extraPages) {
+        pdf.addPage();
+        let y = MARGIN_MM + 8;
+        pdf.setFontSize(16);
+        pdf.setFont("helvetica", "bold");
+        pdf.text(page.title, MARGIN_MM, y);
+        y += 10;
+        pdf.setDrawColor(0, 103, 187);
+        pdf.setLineWidth(0.5);
+        pdf.line(MARGIN_MM, y, pageWidth - MARGIN_MM, y);
+        y += 10;
+        pdf.setFontSize(11);
+        for (const item of page.items) {
+            pdf.setFont("helvetica", "bold");
+            const labelLines = pdf.splitTextToSize(item.label, LABEL_COL_WIDTH - 4);
+            pdf.text(labelLines, MARGIN_MM, y);
+            pdf.setFont("helvetica", "normal");
+            const valueLines = pdf.splitTextToSize(item.value, VALUE_COL_WIDTH);
+            pdf.text(valueLines, VALUE_COL_X, y);
+            y += LINE_HEIGHT * Math.max(labelLines.length, valueLines.length);
+            if (y > pageHeight - MARGIN_MM - 25) {
+                pdf.addPage();
+                y = MARGIN_MM + 10;
+            }
+        }
+        if (page.footer) {
+            y += 4;
+            pdf.setFontSize(9);
+            pdf.setFont("helvetica", "bolditalic");
+            const footerLines = pdf.splitTextToSize(page.footer, pageWidth - MARGIN_MM * 2);
+            pdf.text(footerLines, MARGIN_MM, y);
+            pdf.setFont("helvetica", "normal");
+            pdf.setFontSize(11);
+        }
+    }
+}
+function addPageNumbers(pdf, pageWidth, pageHeight) {
+    const totalPages = pdf.getNumberOfPages();
+    pdf.setFontSize(9);
+    for (let page = 1; page <= totalPages; page++) {
+        pdf.setPage(page);
+        pdf.text(`Page ${page} of ${totalPages}`, pageWidth / 2, pageHeight - 6, {
+            align: "center",
+        });
+    }
+}

package/dist/report/pdfPage.d.ts

@@ -0,0 +1,15 @@
+export interface PdfExportSegment {
+    top: number;
+    height: number;
+}
+export declare function splitSegmentForPageHeight(segment: PdfExportSegment, imgHeight: number, pageHeightPx: number): PdfExportSegment[];
+export declare function fitPdfImageSize(pixelWidth: number, pixelHeight: number, maxWidthMm: number, maxHeightMm: number): {
+    widthMm: number;
+    heightMm: number;
+};
+export declare function placePdfBlock(cursorY: number | null, blockHeightMm: number, pageTopMm: number, pageBottomMm: number): {
+    y: number;
+    needsNewPage: boolean;
+};
+export declare function sliceCanvas(sourceCanvas: HTMLCanvasElement, width: number, height: number, offsetY: number, backgroundColor: string): HTMLCanvasElement;
+//# sourceMappingURL=pdfPage.d.ts.map

package/dist/report/pdfPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdfPage.d.ts","sourceRoot":"","sources":["../../src/report/pdfPage.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,GACnB,gBAAgB,EAAE,CAcpB;AAED,wBAAgB,eAAe,CAC7B,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAUvC;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,GACnB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,CAKtC;AAED,wBAAgB,WAAW,CACzB,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,MAAM,GACtB,iBAAiB,CAsBnB"}

package/dist/report/pdfPage.js

@@ -0,0 +1,44 @@
+export function splitSegmentForPageHeight(segment, imgHeight, pageHeightPx) {
+    const total = Math.max(1, Math.min(segment.height, imgHeight - segment.top));
+    if (pageHeightPx <= 0 || total <= pageHeightPx) {
+        return [{ top: segment.top, height: total }];
+    }
+    const slices = [];
+    let offset = 0;
+    while (offset < total) {
+        const height = Math.min(pageHeightPx, total - offset);
+        slices.push({ top: segment.top + offset, height });
+        offset += height;
+    }
+    return slices;
+}
+export function fitPdfImageSize(pixelWidth, pixelHeight, maxWidthMm, maxHeightMm) {
+    const safeWidth = Math.max(1, pixelWidth);
+    const safeHeight = Math.max(1, pixelHeight);
+    const widthScale = maxWidthMm / safeWidth;
+    const heightAtFullWidth = safeHeight * widthScale;
+    if (heightAtFullWidth <= maxHeightMm) {
+        return { widthMm: maxWidthMm, heightMm: heightAtFullWidth };
+    }
+    const scale = maxHeightMm / safeHeight;
+    return { widthMm: safeWidth * scale, heightMm: maxHeightMm };
+}
+export function placePdfBlock(cursorY, blockHeightMm, pageTopMm, pageBottomMm) {
+    if (cursorY === null || cursorY + blockHeightMm > pageBottomMm) {
+        return { y: pageTopMm, needsNewPage: true };
+    }
+    return { y: cursorY, needsNewPage: false };
+}
+export function sliceCanvas(sourceCanvas, width, height, offsetY, backgroundColor) {
+    const pageCanvas = document.createElement("canvas");
+    pageCanvas.width = width;
+    pageCanvas.height = height;
+    const context = pageCanvas.getContext("2d");
+    if (!context) {
+        throw new Error("Canvas 2D context unavailable");
+    }
+    context.fillStyle = backgroundColor;
+    context.fillRect(0, 0, width, height);
+    context.drawImage(sourceCanvas, 0, offsetY, width, height, 0, 0, width, height);
+    return pageCanvas;
+}

package/dist/report/reportExportOptions.d.ts

@@ -0,0 +1,17 @@
+export interface ReportExportOption {
+    key: string;
+    label: string;
+    description?: string;
+    onSelect: () => void;
+    isDisabled?: boolean;
+}
+export interface StandardReportExportHandlers {
+    onExportPdf?: () => void;
+    onExportPng?: () => void;
+    onExportHtml?: () => void;
+}
+/**
+ * Standard report-download actions. Omit a handler to hide that format.
+ */
+export declare const standardReportExportOptions: ({ onExportPdf, onExportPng, onExportHtml, }: StandardReportExportHandlers) => ReportExportOption[];
+//# sourceMappingURL=reportExportOptions.d.ts.map

package/dist/report/reportExportOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportExportOptions.d.ts","sourceRoot":"","sources":["../../src/report/reportExportOptions.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,6CAIzC,4BAA4B,KAAG,kBAAkB,EA+BnD,CAAC"}

package/dist/report/reportExportOptions.js

@@ -0,0 +1,31 @@
+/**
+ * Standard report-download actions. Omit a handler to hide that format.
+ */
+export const standardReportExportOptions = ({ onExportPdf, onExportPng, onExportHtml, }) => {
+    const options = [];
+    if (onExportPdf) {
+        options.push({
+            key: "pdf",
+            label: "PDF",
+            description: "Export the report as a PDF",
+            onSelect: onExportPdf,
+        });
+    }
+    if (onExportHtml) {
+        options.push({
+            key: "html",
+            label: "HTML",
+            description: "Export the report as HTML",
+            onSelect: onExportHtml,
+        });
+    }
+    if (onExportPng) {
+        options.push({
+            key: "png",
+            label: "PNG",
+            description: "Download all charts as PNG files",
+            onSelect: onExportPng,
+        });
+    }
+    return options;
+};

package/dist/report/zipChartPngs.d.ts

@@ -0,0 +1,3 @@
+import type { ChartExportFile } from "./chartExport.js";
+export declare function zipChartPngs(files: ChartExportFile[]): Promise<Blob>;
+//# sourceMappingURL=zipChartPngs.d.ts.map

package/dist/report/zipChartPngs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zipChartPngs.d.ts","sourceRoot":"","sources":["../../src/report/zipChartPngs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,wBAAsB,YAAY,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAM1E"}

package/dist/report/zipChartPngs.js

@@ -0,0 +1,8 @@
+import JSZip from "jszip";
+export async function zipChartPngs(files) {
+    const zip = new JSZip();
+    for (const file of files) {
+        zip.file(file.filename, file.blob);
+    }
+    return zip.generateAsync({ type: "blob", compression: "STORE" });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openshift-migration-advisor/shared-components",
-  "version": "0.25.0",
+  "version": "0.27.0-5b72aa3d4938",
   "description": "Shared React UI components for Migration Advisor apps (report charts, forms, OS support tiers)",
   "author": "Montse Ortega <mortegag@redhat.com>",
   "license": "Apache-2.0",
@@ -44,5 +44,10 @@
     "src",
     "LICENSE",
     "README.md"
-  ]
+  ],
+  "dependencies": {
+    "html2canvas-pro": "^2.5.0",
+    "jspdf": "^4.2.1",
+    "jszip": "^3.10.2"
+  }
 }

package/src/report/ChartDownloadButton.tsx

@@ -0,0 +1,59 @@
+import { Button, Flex, FlexItem } from "@patternfly/react-core";
+import { DownloadIcon } from "@patternfly/react-icons";
+import type { FC, ReactNode } from "react";
+import { chartExportHideProps } from "./chartExport.js";
+import { useChartExport } from "./chartExportContext.js";
+
+export const ChartDownloadButton: FC<{
+  chartId: string;
+  title?: string;
+}> = ({ chartId, title }) => {
+  const exportApi = useChartExport();
+  if (!exportApi) {
+    return null;
+  }
+
+  const label = title ? `Download ${title} as PNG` : "Download chart as PNG";
+
+  return (
+    <Button
+      variant="plain"
+      icon={<DownloadIcon />}
+      aria-label={label}
+      isLoading={exportApi.downloadingChartId === chartId}
+      isDisabled={exportApi.isBusy}
+      onClick={() => {
+        void exportApi.downloadChart(chartId);
+      }}
+    />
+  );
+};
+
+ChartDownloadButton.displayName = "ChartDownloadButton";
+
+export const ChartHeaderActions: FC<{
+  chartId: string;
+  title?: string;
+  children?: ReactNode;
+}> = ({ chartId, title, children }) => {
+  const exportApi = useChartExport();
+  if (!exportApi && !children) {
+    return null;
+  }
+
+  return (
+    <FlexItem {...chartExportHideProps}>
+      <Flex
+        alignItems={{ default: "alignItemsCenter" }}
+        spaceItems={{ default: "spaceItemsSm" }}
+      >
+        {children}
+        {exportApi ? (
+          <ChartDownloadButton chartId={chartId} title={title} />
+        ) : null}
+      </Flex>
+    </FlexItem>
+  );
+};
+
+ChartHeaderActions.displayName = "ChartHeaderActions";