@openshift-migration-advisor/shared-components 0.27.0 → 0.28.0-47af17e06309

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/charts/MigrationDonutChart.d.ts.map +1 -1
  2. package/dist/charts/MigrationDonutChart.js +7 -0
  3. package/dist/report/ChartExportProvider.d.ts +4 -3
  4. package/dist/report/ChartExportProvider.d.ts.map +1 -1
  5. package/dist/report/ChartExportProvider.js +7 -4
  6. package/dist/report/ClustersOverview.d.ts +24 -0
  7. package/dist/report/ClustersOverview.d.ts.map +1 -0
  8. package/dist/report/ClustersOverview.js +228 -0
  9. package/dist/report/ClustersOverviewStyles.d.ts +12 -0
  10. package/dist/report/ClustersOverviewStyles.d.ts.map +1 -0
  11. package/dist/report/ClustersOverviewStyles.js +101 -0
  12. package/dist/report/CpuAndMemoryOverview.d.ts +19 -0
  13. package/dist/report/CpuAndMemoryOverview.d.ts.map +1 -0
  14. package/dist/report/CpuAndMemoryOverview.js +112 -0
  15. package/dist/report/FeatureStatusBadge.js +1 -1
  16. package/dist/report/StorageOverview.d.ts +27 -0
  17. package/dist/report/StorageOverview.d.ts.map +1 -0
  18. package/dist/report/StorageOverview.js +319 -0
  19. package/dist/report/VMMigrationStatus.d.ts +33 -0
  20. package/dist/report/VMMigrationStatus.d.ts.map +1 -0
  21. package/dist/report/VMMigrationStatus.js +129 -0
  22. package/dist/report/captureChartElement.d.ts +6 -1
  23. package/dist/report/captureChartElement.d.ts.map +1 -1
  24. package/dist/report/captureChartElement.js +41 -12
  25. package/dist/report/chartExport.d.ts +23 -0
  26. package/dist/report/chartExport.d.ts.map +1 -1
  27. package/dist/report/chartExport.js +21 -1
  28. package/dist/report/chartExportContext.d.ts +6 -2
  29. package/dist/report/chartExportContext.d.ts.map +1 -1
  30. package/dist/report/dashboardStyles.d.ts +6 -0
  31. package/dist/report/dashboardStyles.d.ts.map +1 -1
  32. package/dist/report/dashboardStyles.js +7 -4
  33. package/dist/report/index.d.ts +6 -2
  34. package/dist/report/index.d.ts.map +1 -1
  35. package/dist/report/index.js +4 -0
  36. package/dist/report/pdfExport.d.ts +2 -2
  37. package/dist/report/pdfExport.d.ts.map +1 -1
  38. package/dist/report/pdfExport.js +52 -3
  39. package/package.json +2 -2
  40. package/src/charts/MigrationDonutChart.tsx +9 -0
  41. package/src/report/ChartExportProvider.tsx +18 -6
  42. package/src/report/ClustersOverview.tsx +451 -0
  43. package/src/report/ClustersOverviewStyles.ts +110 -0
  44. package/src/report/CpuAndMemoryOverview.tsx +277 -0
  45. package/src/report/FeatureStatusBadge.tsx +1 -1
  46. package/src/report/StorageOverview.tsx +629 -0
  47. package/src/report/VMMigrationStatus.tsx +358 -0
  48. package/src/report/__tests__/ChartExportProvider.test.tsx +110 -2
  49. package/src/report/__tests__/ClustersOverview.test.tsx +241 -0
  50. package/src/report/__tests__/CpuAndMemoryOverview.test.tsx +200 -0
  51. package/src/report/__tests__/StorageOverview.test.tsx +223 -0
  52. package/src/report/__tests__/VMMigrationStatus.test.tsx +178 -0
  53. package/src/report/__tests__/captureChartElement.test.ts +120 -0
  54. package/src/report/__tests__/chartExportPackagers.test.ts +75 -0
  55. package/src/report/captureChartElement.ts +55 -10
  56. package/src/report/chartExport.ts +41 -1
  57. package/src/report/chartExportContext.tsx +9 -1
  58. package/src/report/dashboardStyles.ts +7 -4
  59. package/src/report/index.ts +22 -0
  60. package/src/report/pdfExport.ts +81 -2
@@ -38,8 +38,31 @@ export type ChartCaptureSource = {
38
38
  filename: string;
39
39
  capture: () => Promise<HTMLCanvasElement>;
40
40
  };
41
+ /** One label/value row rendered on a {@link PdfTextPage}. */
42
+ export type PdfTextPageItem = {
43
+ label: string;
44
+ value: string;
45
+ };
46
+ /**
47
+ * A native-text PDF page appended after the captured chart images.
48
+ *
49
+ * Used for content that is not a chart/card (e.g. calculated recommendations)
50
+ * but still needs to be part of the exported PDF.
51
+ */
52
+ export type PdfTextPage = {
53
+ title: string;
54
+ items: PdfTextPageItem[];
55
+ footer?: string;
56
+ };
41
57
  export declare function releaseCanvas(canvas: HTMLCanvasElement): void;
42
58
  export declare function waitForChartExportPaint(): Promise<void>;
59
+ /** PatternFly applies dark tokens when this class is on `:root`. */
60
+ export declare const PATTERNFLY_DARK_THEME_CLASSES: readonly ["pf-v6-theme-dark", "pf-v5-theme-dark"];
61
+ /**
62
+ * Force PatternFly light tokens on a document (the html2canvas clone).
63
+ * Does not touch the live page.
64
+ */
65
+ export declare function applyLightThemeToDocument(root: Document): void;
43
66
  export declare function chartExportViewsFromLabels(titlePrefix: string, labels: Record<string, string>): ChartExportView[];
44
67
  export declare function toBulkChartCaptureSources(charts: RegisteredChart[], capture: (element: HTMLElement) => Promise<HTMLCanvasElement>, prepareElement?: (element: HTMLElement) => () => void): ChartCaptureSource[];
45
68
  export declare function restoreChartExportViews(charts: RegisteredChart[]): Promise<void>;
@@ -1 +1 @@
1
- {"version":3,"file":"chartExport.d.ts","sourceRoot":"","sources":["../../src/report/chartExport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,2BAA2B,yBAAyB,CAAC;AAElE,eAAO,MAAM,oBAAoB;;CAEvB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;CAEzB,CAAC;AAEX,eAAO,MAAM,oBAAoB,EAAE,aAGlC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAG7D;AAED,wBAAgB,uBAAuB,IAAI,OAAO,CAAC,IAAI,CAAC,CASvD;AAED,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,eAAe,EAAE,CAKnB;AAqBD,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,eAAe,EAAE,EACzB,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC,iBAAiB,CAAC,EAC7D,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,MAAM,IAAI,GACpD,kBAAkB,EAAE,CAyBtB;AAED,wBAAsB,uBAAuB,CAC3C,MAAM,EAAE,eAAe,EAAE,GACxB,OAAO,CAAC,IAAI,CAAC,CAcf;AAED,wBAAgB,mCAAmC,CACjD,MAAM,EAAE,eAAe,EAAE,GACxB,eAAe,EAAE,CAcnB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,CAcrE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMvD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,SAAU,GAAG,MAAM,CAEpE;AAWD;;;;GAIG;AACH,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,OAAO,EACb,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,GAC3B,OAAO,CAeT;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAS/D"}
1
+ {"version":3,"file":"chartExport.d.ts","sourceRoot":"","sources":["../../src/report/chartExport.ts"],"names":[],"mappings":"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"}
@@ -9,7 +9,7 @@ export const chartExportScrollProps = {
9
9
  };
10
10
  export const chartExportRootStyle = {
11
11
  width: "100%",
12
- height: "100%",
12
+ height: "auto",
13
13
  };
14
14
  export function releaseCanvas(canvas) {
15
15
  canvas.width = 0;
@@ -25,6 +25,26 @@ export function waitForChartExportPaint() {
25
25
  });
26
26
  });
27
27
  }
28
+ /** PatternFly applies dark tokens when this class is on `:root`. */
29
+ export const PATTERNFLY_DARK_THEME_CLASSES = [
30
+ "pf-v6-theme-dark",
31
+ "pf-v5-theme-dark",
32
+ ];
33
+ /**
34
+ * Force PatternFly light tokens on a document (the html2canvas clone).
35
+ * Does not touch the live page.
36
+ */
37
+ export function applyLightThemeToDocument(root) {
38
+ for (const node of [root.documentElement, root.body]) {
39
+ if (!node) {
40
+ continue;
41
+ }
42
+ for (const className of PATTERNFLY_DARK_THEME_CLASSES) {
43
+ node.classList.remove(className);
44
+ }
45
+ node.style.colorScheme = "light";
46
+ }
47
+ }
28
48
  export function chartExportViewsFromLabels(titlePrefix, labels) {
29
49
  return Object.entries(labels).map(([id, label]) => ({
30
50
  id,
@@ -1,10 +1,14 @@
1
1
  import { type RefCallback } from "react";
2
- import { type ChartExportMeta, type ChartExportView, type RegisteredChart } from "./chartExport.js";
2
+ import { type ChartExportMeta, type ChartExportView, type PdfTextPage, type RegisteredChart } from "./chartExport.js";
3
3
  export type ChartExportFormat = "pdf" | "png" | "html";
4
4
  export type ChartExportApi = {
5
5
  downloadChart: (id: string) => Promise<void>;
6
6
  downloadAll: () => Promise<void>;
7
- downloadPdf: (documentTitle: string) => Promise<void>;
7
+ /**
8
+ * @param extraPages - Native-text pages appended after the captured chart
9
+ * images (e.g. calculated recommendations that aren't rendered as charts).
10
+ */
11
+ downloadPdf: (documentTitle: string, extraPages?: PdfTextPage[]) => Promise<void>;
8
12
  downloadHtml: (documentTitle: string) => Promise<void>;
9
13
  downloadingChartId: string | null;
10
14
  exportingFormat: ChartExportFormat | null;
@@ -1 +1 @@
1
- {"version":3,"file":"chartExportContext.d.ts","sourceRoot":"","sources":["../../src/report/chartExportContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAIjB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,eAAe,EAEpB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,WAAW,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,0BAA0B,qDACU,CAAC;AAClD,eAAO,MAAM,qBAAqB,gDAA6C,CAAC;AAEhF,wBAAgB,cAAc,IAAI,cAAc,GAAG,IAAI,CAEtD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAa,GACd,EAAE,eAAe,GAAG;IACnB,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD,GAAG,WAAW,CAAC,WAAW,CAAC,CA8B3B"}
1
+ {"version":3,"file":"chartExportContext.d.ts","sourceRoot":"","sources":["../../src/report/chartExportContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAIjB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,eAAe,EAEpB,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC;;;OAGG;IACH,WAAW,EAAE,CACX,aAAa,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,WAAW,EAAE,KACvB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,0BAA0B,qDACU,CAAC;AAClD,eAAO,MAAM,qBAAqB,gDAA6C,CAAC;AAEhF,wBAAgB,cAAc,IAAI,cAAc,GAAG,IAAI,CAEtD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAa,GACd,EAAE,eAAe,GAAG;IACnB,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD,GAAG,WAAW,CAAC,WAAW,CAAC,CA8B3B"}
@@ -3,6 +3,12 @@ export declare const dashboardStyles: {
3
3
  cardScroll: string;
4
4
  equalHeightRow: string;
5
5
  equalHeight: string;
6
+ /**
7
+ * Flex child of {@link dashboardStyles.card}. `min-height: 0` lets the body
8
+ * shrink inside the card max-height; `overflow: auto` scrolls tables and tall
9
+ * charts when needed (phantom scrollbars on donut cards are avoided by the
10
+ * card layout and ChartExportSurface sizing, not a second body class).
11
+ */
6
12
  cardBodyScrollable: string;
7
13
  card: string;
8
14
  storageCardOverflowHidden: string;
@@ -1 +1 @@
1
- {"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"}
1
+ {"version":3,"file":"dashboardStyles.d.ts","sourceRoot":"","sources":["../../src/report/dashboardStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;IA8B1B;;;;;OAKG;;;;;;;;;CAkDJ,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAM/B,CAAC"}
@@ -25,6 +25,12 @@ export const dashboardStyles = {
25
25
  flex: 1 1 0;
26
26
  height: 100%;
27
27
  `,
28
+ /**
29
+ * Flex child of {@link dashboardStyles.card}. `min-height: 0` lets the body
30
+ * shrink inside the card max-height; `overflow: auto` scrolls tables and tall
31
+ * charts when needed (phantom scrollbars on donut cards are avoided by the
32
+ * card layout and ChartExportSurface sizing, not a second body class).
33
+ */
28
34
  cardBodyScrollable: css `
29
35
  overflow: auto;
30
36
  `,
@@ -32,12 +38,9 @@ export const dashboardStyles = {
32
38
  // at the same specificity, which wins in the production build due to stylesheet
33
39
  // injection order. `!important` forces `hidden` regardless of that order.
34
40
  card: css `
35
- min-height: 430px;
36
- max-height: 520px;
37
- height: 100%;
41
+ height: 520px;
38
42
  display: flex;
39
43
  flex-direction: column;
40
- justify-content: space-between;
41
44
  overflow: hidden !important;
42
45
  `,
43
46
  storageCardOverflowHidden: css `
@@ -1,9 +1,11 @@
1
1
  export { CARD_EMPTY_STATE_DESCRIPTION, CardEmptyState, type CardEmptyStateProps, } from "./CardEmptyState.js";
2
2
  export { ChartDownloadButton, ChartHeaderActions, } from "./ChartDownloadButton.js";
3
- export { type BuildChartDocument, type CaptureChartElement, ChartExportProvider, type ChartExportProviderProps, type EncodeChartPng, type ZipChartFiles, } from "./ChartExportProvider.js";
3
+ export { type BuildChartDocument, type BuildPdfDocument, type CaptureChartElement, ChartExportProvider, type ChartExportProviderProps, type EncodeChartPng, type ZipChartFiles, } from "./ChartExportProvider.js";
4
4
  export { ChartExportSurface } from "./ChartExportSurface.js";
5
+ export { ClustersOverview, type ClustersOverviewProps, type InventoryDataLike, } from "./ClustersOverview.js";
6
+ export { CpuAndMemoryOverview, type CpuAndMemoryOverviewProps, } from "./CpuAndMemoryOverview.js";
5
7
  export { captureChartElement } from "./captureChartElement.js";
6
- 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 RegisteredChart, releaseCanvas, restoreChartExportViews, shouldIgnoreChartExportElement, slugifyExportName, sortRegisteredChartsByDocumentOrder, toBulkChartCaptureSources, } from "./chartExport.js";
8
+ 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";
7
9
  export { type ChartExportApi, type ChartExportFormat, useChartExport, useRegisterChart, } from "./chartExportContext.js";
8
10
  export { getChartExportFilename, getChartZipFilename, getDatedChartExportBasename, } from "./chartExportFilenames.js";
9
11
  export { chartColorFailure, chartColorSuccess, REPORT_CARD_EMPTY_STATE_TITLES, } from "./constants.js";
@@ -34,9 +36,11 @@ export { buildHostPowerStateChart, buildVmPowerStateChart, HOST_POWER_COLORS, VM
34
36
  export { ExportReportButton, type ExportReportButtonProps, ReportExportMenu, type ReportExportMenuProps, } from "./ReportExportMenu.js";
35
37
  export { ReportTable, type ReportTableProps } from "./ReportTable.js";
36
38
  export { type ReportExportOption, type StandardReportExportHandlers, standardReportExportOptions, } from "./reportExportOptions.js";
39
+ export { type StorageDiskTierData, StorageOverview, type StorageOverviewProps, } from "./StorageOverview.js";
37
40
  export { SupportTierBadge } from "./SupportTierBadge.js";
38
41
  export { ALL_TIERS_FILTER, type OsBarChartViewModel, type OsTableRow, useOsBarChartViewModel, } from "./useOsBarChartViewModel.js";
39
42
  export { VCenterClusterDetails, type VCenterClusterDetailsProps, } from "./VCenterClusterDetails.js";
43
+ export { type IssuesBreakdownLike, VMMigrationStatus, type VMMigrationStatusProps, } from "./VMMigrationStatus.js";
40
44
  export { VmPowerStates, type VmPowerStatesProps, } from "./VmPowerStates.js";
41
45
  export { WarningsTable, type WarningsTableProps, } from "./WarningsTable.js";
42
46
  export { zipChartPngs } from "./zipChartPngs.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/report/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/report/index.ts"],"names":[],"mappings":"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"}
@@ -2,6 +2,8 @@ export { CARD_EMPTY_STATE_DESCRIPTION, CardEmptyState, } from "./CardEmptyState.
2
2
  export { ChartDownloadButton, ChartHeaderActions, } from "./ChartDownloadButton.js";
3
3
  export { ChartExportProvider, } from "./ChartExportProvider.js";
4
4
  export { ChartExportSurface } from "./ChartExportSurface.js";
5
+ export { ClustersOverview, } from "./ClustersOverview.js";
6
+ export { CpuAndMemoryOverview, } from "./CpuAndMemoryOverview.js";
5
7
  export { captureChartElement } from "./captureChartElement.js";
6
8
  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";
7
9
  export { useChartExport, useRegisterChart, } from "./chartExportContext.js";
@@ -31,9 +33,11 @@ export { buildHostPowerStateChart, buildVmPowerStateChart, HOST_POWER_COLORS, VM
31
33
  export { ExportReportButton, ReportExportMenu, } from "./ReportExportMenu.js";
32
34
  export { ReportTable } from "./ReportTable.js";
33
35
  export { standardReportExportOptions, } from "./reportExportOptions.js";
36
+ export { StorageOverview, } from "./StorageOverview.js";
34
37
  export { SupportTierBadge } from "./SupportTierBadge.js";
35
38
  export { ALL_TIERS_FILTER, useOsBarChartViewModel, } from "./useOsBarChartViewModel.js";
36
39
  export { VCenterClusterDetails, } from "./VCenterClusterDetails.js";
40
+ export { VMMigrationStatus, } from "./VMMigrationStatus.js";
37
41
  export { VmPowerStates, } from "./VmPowerStates.js";
38
42
  export { WarningsTable, } from "./WarningsTable.js";
39
43
  export { zipChartPngs } from "./zipChartPngs.js";
@@ -1,3 +1,3 @@
1
- import { type ChartCaptureSource } from "./chartExport.js";
2
- export declare function buildPdfFromCharts(charts: ChartCaptureSource[], documentTitle: string): Promise<Blob>;
1
+ import { type ChartCaptureSource, type PdfTextPage } from "./chartExport.js";
2
+ export declare function buildPdfFromCharts(charts: ChartCaptureSource[], documentTitle: string, extraPages?: PdfTextPage[]): Promise<Blob>;
3
3
  //# sourceMappingURL=pdfExport.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdfExport.d.ts","sourceRoot":"","sources":["../../src/report/pdfExport.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAQ1E,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,kBAAkB,EAAE,EAC5B,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,IAAI,CAAC,CAuDf"}
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"}
@@ -1,11 +1,11 @@
1
1
  import jsPDF from "jspdf";
2
- import { releaseCanvas } from "./chartExport.js";
2
+ import { releaseCanvas, } from "./chartExport.js";
3
3
  import { fitPdfImageSize, placePdfBlock, sliceCanvas } from "./pdfPage.js";
4
4
  const MARGIN_MM = 10;
5
5
  const GAP_MM = 8;
6
6
  /** Flatten captures onto white; jsPDF cannot embed transparent PNG alpha cleanly. */
7
7
  const PAGE_BACKGROUND = "#ffffff";
8
- export async function buildPdfFromCharts(charts, documentTitle) {
8
+ export async function buildPdfFromCharts(charts, documentTitle, extraPages = []) {
9
9
  const pdf = new jsPDF("p", "mm", "a4");
10
10
  const pageWidth = pdf.internal.pageSize.getWidth();
11
11
  const pageHeight = pdf.internal.pageSize.getHeight();
@@ -13,7 +13,7 @@ export async function buildPdfFromCharts(charts, documentTitle) {
13
13
  const contentHeight = pageHeight - MARGIN_MM * 2;
14
14
  const pageTop = MARGIN_MM;
15
15
  const pageBottom = pageHeight - MARGIN_MM;
16
- addCoverPage(pdf, documentTitle, charts.map((chart) => chart.title), pageWidth, pageHeight);
16
+ addCoverPage(pdf, documentTitle, [...charts.map((chart) => chart.title), ...extraPages.map((p) => p.title)], pageWidth, pageHeight);
17
17
  let cursorY = null;
18
18
  for (const chart of charts) {
19
19
  const canvas = await chart.capture();
@@ -33,6 +33,9 @@ export async function buildPdfFromCharts(charts, documentTitle) {
33
33
  releaseCanvas(canvas);
34
34
  }
35
35
  }
36
+ if (extraPages.length > 0) {
37
+ addExtraPages(pdf, extraPages, pageWidth, pageHeight);
38
+ }
36
39
  addPageNumbers(pdf, pageWidth, pageHeight);
37
40
  return pdf.output("blob");
38
41
  }
@@ -70,6 +73,52 @@ function addChartImage(pdf, canvas, x, y, widthMm, heightMm) {
70
73
  releaseCanvas(flattened);
71
74
  }
72
75
  }
76
+ /**
77
+ * Append one native-text PDF page per entry in `extraPages`, rendered as
78
+ * label/value rows rather than a captured image. Each page starts fresh so
79
+ * its content never bleeds into a chart page.
80
+ */
81
+ function addExtraPages(pdf, extraPages, pageWidth, pageHeight) {
82
+ const LABEL_COL_WIDTH = 68; // mm — enough for the longest label
83
+ const VALUE_COL_X = MARGIN_MM + LABEL_COL_WIDTH;
84
+ const VALUE_COL_WIDTH = pageWidth - MARGIN_MM - LABEL_COL_WIDTH;
85
+ const LINE_HEIGHT = 7; // mm between rows
86
+ for (const page of extraPages) {
87
+ pdf.addPage();
88
+ let y = MARGIN_MM + 8;
89
+ pdf.setFontSize(16);
90
+ pdf.setFont("helvetica", "bold");
91
+ pdf.text(page.title, MARGIN_MM, y);
92
+ y += 10;
93
+ pdf.setDrawColor(0, 103, 187);
94
+ pdf.setLineWidth(0.5);
95
+ pdf.line(MARGIN_MM, y, pageWidth - MARGIN_MM, y);
96
+ y += 10;
97
+ pdf.setFontSize(11);
98
+ for (const item of page.items) {
99
+ pdf.setFont("helvetica", "bold");
100
+ const labelLines = pdf.splitTextToSize(item.label, LABEL_COL_WIDTH - 4);
101
+ pdf.text(labelLines, MARGIN_MM, y);
102
+ pdf.setFont("helvetica", "normal");
103
+ const valueLines = pdf.splitTextToSize(item.value, VALUE_COL_WIDTH);
104
+ pdf.text(valueLines, VALUE_COL_X, y);
105
+ y += LINE_HEIGHT * Math.max(labelLines.length, valueLines.length);
106
+ if (y > pageHeight - MARGIN_MM - 25) {
107
+ pdf.addPage();
108
+ y = MARGIN_MM + 10;
109
+ }
110
+ }
111
+ if (page.footer) {
112
+ y += 4;
113
+ pdf.setFontSize(9);
114
+ pdf.setFont("helvetica", "bolditalic");
115
+ const footerLines = pdf.splitTextToSize(page.footer, pageWidth - MARGIN_MM * 2);
116
+ pdf.text(footerLines, MARGIN_MM, y);
117
+ pdf.setFont("helvetica", "normal");
118
+ pdf.setFontSize(11);
119
+ }
120
+ }
121
+ }
73
122
  function addPageNumbers(pdf, pageWidth, pageHeight) {
74
123
  const totalPages = pdf.getNumberOfPages();
75
124
  pdf.setFontSize(9);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openshift-migration-advisor/shared-components",
3
- "version": "0.27.0",
3
+ "version": "0.28.0-47af17e06309",
4
4
  "description": "Shared React UI components for Migration Advisor apps (report charts, forms, OS support tiers)",
5
5
  "author": "Montse Ortega <mortegag@redhat.com>",
6
6
  "license": "Apache-2.0",
@@ -46,7 +46,7 @@
46
46
  "README.md"
47
47
  ],
48
48
  "dependencies": {
49
- "html2canvas-pro": "^2.4.5",
49
+ "html2canvas-pro": "^2.5.2",
50
50
  "jspdf": "^4.2.1",
51
51
  "jszip": "^3.10.2"
52
52
  }
@@ -108,6 +108,10 @@ const themedChartTooltipFlyoutPadding = {
108
108
  right: 10,
109
109
  } as const;
110
110
 
111
+ /** Victory SVG text defaults to a serif face; match PatternFly / html2canvas export. */
112
+ const chartTextFontFamily =
113
+ "RedHatText, Overpass, Helvetica, Arial, sans-serif";
114
+
111
115
  const styles = {
112
116
  legendIcon: css`
113
117
  margin-right: 4px;
@@ -136,6 +140,7 @@ const styles = {
136
140
  background: none;
137
141
  padding: var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--ml);
138
142
  margin: 0;
143
+ font-family: ${chartTextFontFamily};
139
144
  transition: opacity var(--pf-t--global--motion--duration--short);
140
145
  white-space: nowrap;
141
146
 
@@ -146,6 +151,7 @@ const styles = {
146
151
  legendLabel: css`
147
152
  gap: var(--pf-t--global--spacer--lg);
148
153
  padding: var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--ml);
154
+ font-family: ${chartTextFontFamily};
149
155
  white-space: nowrap;
150
156
  `,
151
157
  legendInner: css`
@@ -422,6 +428,7 @@ export const MigrationDonutChart: FC<MigrationDonutChartProps> = ({
422
428
  labels: {
423
429
  fontSize: labelFontSize,
424
430
  fill: "var(--pf-t--global--text--color--regular)",
431
+ fontFamily: chartTextFontFamily,
425
432
  },
426
433
  }}
427
434
  />
@@ -474,6 +481,7 @@ export const MigrationDonutChart: FC<MigrationDonutChartProps> = ({
474
481
  fill: titleColor,
475
482
  fontSize: titleFontSize,
476
483
  fontWeight: "bold",
484
+ fontFamily: chartTextFontFamily,
477
485
  },
478
486
  ]}
479
487
  />
@@ -487,6 +495,7 @@ export const MigrationDonutChart: FC<MigrationDonutChartProps> = ({
487
495
  {
488
496
  fill: subTitleColor,
489
497
  fontSize: subTitleFontSize,
498
+ fontFamily: chartTextFontFamily,
490
499
  },
491
500
  ]}
492
501
  />
@@ -6,11 +6,13 @@ import {
6
6
  useRef,
7
7
  useState,
8
8
  } from "react";
9
+ import { CHART_CAPTURE_SCALE_SINGLE } from "./captureChartElement.js";
9
10
  import {
10
11
  type ChartCaptureSource,
11
12
  type ChartExportFile,
12
13
  canvasToBlob,
13
14
  downloadBlob,
15
+ type PdfTextPage,
14
16
  type RegisteredChart,
15
17
  releaseCanvas,
16
18
  restoreChartExportViews,
@@ -28,6 +30,7 @@ import { getChartExportFilename } from "./chartExportFilenames.js";
28
30
 
29
31
  export type CaptureChartElement = (
30
32
  element: HTMLElement,
33
+ options?: import("./captureChartElement.js").CaptureChartElementOptions,
31
34
  ) => Promise<HTMLCanvasElement>;
32
35
  export type ZipChartFiles = (files: ChartExportFile[]) => Promise<Blob>;
33
36
  export type EncodeChartPng = (canvas: HTMLCanvasElement) => Promise<Blob>;
@@ -36,6 +39,12 @@ export type BuildChartDocument = (
36
39
  documentTitle: string,
37
40
  ) => Promise<Blob>;
38
41
 
42
+ export type BuildPdfDocument = (
43
+ charts: ChartCaptureSource[],
44
+ documentTitle: string,
45
+ extraPages?: PdfTextPage[],
46
+ ) => Promise<Blob>;
47
+
39
48
  export type {
40
49
  ChartExportApi,
41
50
  ChartExportFormat,
@@ -47,7 +56,7 @@ export interface ChartExportProviderProps {
47
56
  capture?: CaptureChartElement;
48
57
  zipFiles?: ZipChartFiles;
49
58
  encodePng?: EncodeChartPng;
50
- buildPdf?: BuildChartDocument;
59
+ buildPdf?: BuildPdfDocument;
51
60
  buildHtml?: BuildChartDocument;
52
61
  downloadFile?: (blob: Blob, filename: string) => void;
53
62
  getZipFilename?: () => string;
@@ -96,8 +105,8 @@ async function resolveZip(override?: ZipChartFiles): Promise<ZipChartFiles> {
96
105
  }
97
106
 
98
107
  async function resolvePdf(
99
- override?: BuildChartDocument,
100
- ): Promise<BuildChartDocument> {
108
+ override?: BuildPdfDocument,
109
+ ): Promise<BuildPdfDocument> {
101
110
  if (override) {
102
111
  return override;
103
112
  }
@@ -220,7 +229,9 @@ export const ChartExportProvider: FC<ChartExportProviderProps> = ({
220
229
  throw new Error("The chart is not ready to export yet.");
221
230
  }
222
231
  const captureFn = await resolveCapture(capture);
223
- const canvas = await captureFn(chart.element);
232
+ const canvas = await captureFn(chart.element, {
233
+ scale: CHART_CAPTURE_SCALE_SINGLE,
234
+ });
224
235
  try {
225
236
  downloadFile(await encodePng(canvas), chart.filename);
226
237
  } finally {
@@ -281,11 +292,11 @@ export const ChartExportProvider: FC<ChartExportProviderProps> = ({
281
292
  ]);
282
293
 
283
294
  const downloadPdf = useCallback(
284
- async (documentTitle: string) => {
295
+ async (documentTitle: string, extraPages?: PdfTextPage[]) => {
285
296
  await runCapture(
286
297
  async () => {
287
298
  const charts = listCharts();
288
- if (charts.length === 0) {
299
+ if (charts.length === 0 && (extraPages?.length ?? 0) === 0) {
289
300
  throw new Error("The report is not ready to export yet.");
290
301
  }
291
302
  const captureFn = await resolveCapture(capture);
@@ -296,6 +307,7 @@ export const ChartExportProvider: FC<ChartExportProviderProps> = ({
296
307
  await build(
297
308
  toCaptureSources(charts, captureFn, prepareElement),
298
309
  documentTitle,
310
+ extraPages,
299
311
  ),
300
312
  getPdfFilename(),
301
313
  );