@allurereport/web-components 3.16.1 → 3.18.0

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { Placement } from '@floating-ui/dom';
 import * as preact_compat from 'preact/compat';
 import { MutableRefObject, HTMLAttributes as HTMLAttributes$1, CSSProperties } from 'preact/compat';
 import { Signal } from '@preact/signals';
-import { AttachmentTestStepResult, DefaultTreeGroup, TestStatus, Statistic, TestStatusTransition, SeverityLevel, TestResult } from '@allurereport/core-api';
+import { AttachmentTestStepResult, DefaultTreeGroup, TestStatus, ResolutionCategory, TestStatusTransition, Statistic, SeverityLevel, TestResult } from '@allurereport/core-api';
 import { AttachmentData, LangLocale, TreeMapTooltipAccessor } from '@allurereport/web-commons';
 import { Options } from 'sortablejs';
 import { ChartMode, PieChartValues, TreeMapNode, ChartType, StabilityDistributionChartData, TestBaseGrowthDynamicsChartData, StatusAgePyramidChartData, StatusTransitionsChartData, DurationsChartData, TrSeveritiesChartData, DurationDynamicsChartData } from '@allurereport/charts-api';
@@ -320,6 +320,22 @@ type RecursiveTree = DefaultTreeGroup & {
   trees: RecursiveTree[];
 };
 
+type TreeLeaf = {
+  id: string;
+  nodeId: string;
+  name: string;
+  status?: TestStatus;
+  duration?: number;
+  groupOrder?: number;
+  flaky?: boolean;
+  retry?: boolean;
+  retriesCount?: number;
+  resolution?: ResolutionCategory;
+  transition?: TestStatusTransition;
+  transitionTooltip?: string;
+  tooltips?: Record<string, string>;
+};
+
 interface TreeProps {
     statistic?: Statistic;
     reportStatistic?: Statistic;
@@ -367,6 +383,7 @@ interface TreeItemProps {
     duration?: number;
     retriesCount?: number;
     flaky?: boolean;
+    resolution?: ResolutionCategory;
     transition?: TestStatusTransition;
     transitionTooltip?: string;
     id: string;
@@ -418,6 +435,7 @@ type AttachmentProps = {
     i18n?: (key: any) => string;
 };
 type I18nProp$a = {
+    controls?: (key: string) => string;
     imageDiff: ComponentProps<typeof ImageDiff>["i18n"];
 };
 
@@ -641,10 +659,13 @@ interface TrendChartWidgetProps<TSlice = {
 }
 declare const TrendChartWidget: ({ title, mode, items, slices, min, max, height, width, rootAriaLabel, translations, }: TrendChartWidgetProps) => preact_compat.JSX.Element;
 
+type SuccessRateI18n = (key: string, values?: Record<string, any>) => string;
+
 type SuccessRatePieChartProps = PieChartValues & {
     className?: string;
+    i18n?: SuccessRateI18n;
 };
-declare const SuccessRatePieChart: ({ slices, percentage, className }: SuccessRatePieChartProps) => preact.JSX.Element;
+declare const SuccessRatePieChart: ({ slices, percentage, className, i18n, }: SuccessRatePieChartProps) => preact.JSX.Element;
 
 type ResponsiveTreeChartProps<Datum extends DefaultTreeMapDatum = TreeMapNode> = Omit<TreeMapSvgProps<Datum>, "width" | "height">;
 interface ParentLabelControlOptions {
@@ -685,6 +706,7 @@ interface TreeMapChartWidgetProps extends Omit<TreeMapChartProps, "colors"> {
 
 declare const TreeMapChartWidget: FunctionalComponent<TreeMapChartWidgetProps & {
     chartType: ChartType.CoverageDiff | ChartType.SuccessRateDistribution;
+    i18n?: SuccessRateI18n;
 }>;
 
 declare const useCoverageDiffColors: (theme?: string) => (value: number) => string;
@@ -761,10 +783,12 @@ type Props$7 = {
         layer: string;
         testCount: number;
         successRate: number;
+        eligibleCount?: number;
         percentage: number;
     }[];
     title: string;
     translations: Record<string, string>;
+    i18n?: SuccessRateI18n;
     width?: JSX.CSSProperties["width"];
     height?: JSX.CSSProperties["height"];
 };
@@ -845,6 +869,7 @@ type TimelineSegment = {
     label: string;
     labelGroup: string[];
     id: string;
+    testResultId: string;
 };
 type TimelineDataGroup = {
     id: string;
@@ -858,6 +883,7 @@ type TimelineProps = {
     data?: TimelineData;
     width?: number;
     enableAnimations?: boolean;
+    onTestResultClick?: (testResultId: string) => void;
     translations: {
         empty: string;
         selected: (props: {
@@ -890,7 +916,7 @@ type ReportSummary = {
 };
 type StatusI18nKeys = "status.failed" | "status.broken" | "status.passed" | "status.skipped" | "status.unknown";
 type MetadataI18nKeys = "metadata.new" | "metadata.retry" | "metadata.flaky";
-type I18nKeys = MetadataI18nKeys | StatusI18nKeys | "in" | "new" | "retry" | "flaky" | "total" | "createdAt";
+type I18nKeys = `successRate.${string}` | MetadataI18nKeys | StatusI18nKeys | "in" | "new" | "retry" | "flaky" | "total" | "createdAt";
 type I18nProp = (key: I18nKeys, props?: Record<string, any>) => string | undefined;
 
 type ReportSummaryCardProps = {
@@ -920,4 +946,4 @@ type Props = {
 declare const EmptyView: FunctionalComponent<Props>;
 
 export { ArrowButton, Attachment, AttachmentCode, AttachmentEmpty, AttachmentImage, AttachmentTable, AttachmentVideo, Button, ButtonLink, Code, CodeViewer, Counter, CurrentStatusChartWidget, DEFAULT_HEAT_MAP_EMPTY_ARIA_LABEL, DEFAULT_HEAT_MAP_EMPTY_COLOR, DEFAULT_HEAT_MAP_EMPTY_LABEL, DEFAULT_HEAT_MAP_FORCE_SQUARE, DEFAULT_HEAT_MAP_HEIGHT, DEFAULT_HEAT_MAP_VALUE_FORMAT, DEFAULT_HEAT_MAP_WIDTH, DEFAULT_HEAT_MAP_X_INNER_PADDING, DEFAULT_HEAT_MAP_Y_INNER_PADDING, DropdownButton, DurationDynamicsChartWidget, DurationsChartWidget, EmptyView, Grid, GridItem, Heading, HeatMap, HeatMapWidget, HtmlPreview, HttpAttachment, IconButton, IconLabel, ImageDiff, Label, LanguagePicker, Link, LinkifiedText, Loadable, MarkdownPreview, Menu, Modal, PageLoader, ReportLogo, ReportLogoFull, ReportSummaryCard, SearchBox, Spinner, StabilityDistributionWidget, StatusAgePyramidChartWidget, StatusDynamicsChartWidget, StatusLabel, StatusTransitionsChartWidget, SuccessRatePieChart, SvgIcon, Tag, TestBaseGrowthDynamicsChartWidget, TestingPyramidWidget, Text, ThemeButton, ThemeProvider, Timeline, Toggle, Tooltip, TooltipWrapper, TrSeveritiesChartWidget, Tree, TreeHeader, TreeItem, TreeItemIcon, TreeMapChart, TreeMapChartWidget, TreeSection, TreeStatusBar, TrendChart, TrendChartKind, TrendChartWidget, Widget, allureIcons, defaultHeatMapAxisLeftConfig, defaultHeatMapAxisTopConfig, defaultHeatMapLegendConfig, defaultHeatMapMarginConfig, defaultTreeChartConfig, defaultTrendChartAxisBottomConfig, defaultTrendChartAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig, defaultTrendChartMarginConfig, defaultTrendChartXScaleConfig, defaultTrendChartYScaleConfig, makeSymlogScale, makeSymlogScaleBySeries, useCoverageDiffColors, useCoverageDiffTextColors, useElementTruncation, useSuccessRateDistributionColors, useTheme, useTooltip };
-export type { Datum, GridItemProps, GridProps, HeatMapProps, HeatMapWidgetProps, LanguagePickerProps, MeshTrendChartProps, ModalDataProps, ModalGalleryProps, ModalTranslations, ModalTranslationsProps, ParentLabelControlOptions, ReportSummary, ReportSummaryCardProps, ResponsiveTreeChartProps, Serie, Slice, SlicesTrendChartProps, SymlogScaleOptions, TagProps, TagSkin, Theme, ThemeButtonProps, TreeMapChartNode, TreeMapChartProps, TreeMapChartWidgetProps, TrendChartKindConfig, TrendChartProps, TrendChartSliceClickHandler, TrendChartSliceTouchHandler };
+export type { Datum, GridItemProps, GridProps, HeatMapProps, HeatMapWidgetProps, LanguagePickerProps, MeshTrendChartProps, ModalDataProps, ModalGalleryProps, ModalTranslations, ModalTranslationsProps, ParentLabelControlOptions, ReportSummary, ReportSummaryCardProps, ResponsiveTreeChartProps, Serie, Slice, SlicesTrendChartProps, SuccessRateI18n, SymlogScaleOptions, TagProps, TagSkin, Theme, ThemeButtonProps, TreeMapChartNode, TreeMapChartProps, TreeMapChartWidgetProps, TrendChartKindConfig, TrendChartProps, TrendChartSliceClickHandler, TrendChartSliceTouchHandler };