@allurereport/web-components 3.1.0 → 3.3.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as preact from 'preact';
-import { SVGAttributes, ComponentChild, FunctionalComponent, JSX, HTMLAttributes, VNode, ComponentChildren, FunctionComponent, ComponentProps } from 'preact';
+import { SVGAttributes, ComponentChild, JSX, FunctionalComponent, HTMLAttributes, VNode, ComponentChildren, FunctionComponent, ComponentProps } from 'preact';
 import { Placement } from '@floating-ui/dom';
 import * as preact_compat from 'preact/compat';
 import { MutableRefObject, HTMLAttributes as HTMLAttributes$1, CSSProperties } from 'preact/compat';
@@ -8,7 +8,7 @@ import { AttachmentTestStepResult, Statistic, TestStatus, TestStatusTransition,
 import { RecursiveTree, Status } from 'global';
 import { AttachmentData, LangLocale, TreeMapTooltipAccessor } from '@allurereport/web-commons';
 import { Options } from 'sortablejs';
-import { ChartMode, PieChartValues, TreeMapNode, ChartType, StabilityDistributionChartData, TestBaseGrowthDynamicsChartData, FBSUAgePyramidChartData, StatusTransitionsChartData, DurationsChartData, TrSeveritiesChartData, DurationDynamicsChartData } from '@allurereport/charts-api';
+import { ChartMode, PieChartValues, TreeMapNode, ChartType, StabilityDistributionChartData, TestBaseGrowthDynamicsChartData, StatusAgePyramidChartData, StatusTransitionsChartData, DurationsChartData, TrSeveritiesChartData, DurationDynamicsChartData } from '@allurereport/charts-api';
 import { Serie as Serie$1 } from '@/components/Charts/TrendChart';
 import { AxisProps } from '@nivo/axes';
 import { Serie as Serie$2, Datum as Datum$1, LineSvgProps, Point } from '@nivo/line';
@@ -153,7 +153,7 @@ type SpinnerProps = {
 };
 declare const Spinner: ({ size }: SpinnerProps) => preact.JSX.Element;
 
-type TextProps = ({
+type TextProps<Tag extends keyof JSX.IntrinsicElements = "span"> = ({
     type?: "paragraph";
     size?: "s" | "m" | "l";
 } | {
@@ -162,9 +162,9 @@ type TextProps = ({
 }) & {
     className?: string;
     bold?: boolean;
-    tag?: keyof JSX.IntrinsicElements;
-} & Omit<HTMLAttributes<HTMLElement>, "type" | "size" | "className" | "bold" | "tag">;
-declare const Text: FunctionalComponent<TextProps>;
+    tag?: Tag;
+} & Omit<JSX.IntrinsicElements[Tag], "type" | "size" | "className" | "bold" | "tag">;
+declare const Text: <Tag extends keyof JSX.IntrinsicElements = "span">({ size, tag: ElementTag, type, bold, className, children, ...rest }: TextProps<Tag>) => JSX.Element | null;
 type CodeProps = {
     type?: "paragraph" | "ui";
     size?: "s" | "m";
@@ -311,15 +311,16 @@ declare const Tree: FunctionalComponent<TreeProps>;
 interface TreeHeaderProps {
     statistic?: Statistic;
     reportStatistic?: Statistic;
-    categoryTitle: string;
+    categoryTitle: ComponentChildren;
     isOpened: boolean;
     toggleTree: () => void;
     statusFilter?: Status;
+    style?: Record<string, string>;
 }
 declare const TreeHeader: FunctionComponent<TreeHeaderProps>;
 
 interface TreeSectionProps {
-    title: string;
+    title: ComponentChildren;
     isOpened: boolean;
     toggleTree: () => void;
     icon?: string;
@@ -328,7 +329,7 @@ declare const TreeSection: FunctionComponent<TreeSectionProps>;
 
 interface TreeItemProps {
     name: string;
-    status: TestStatus;
+    status?: TestStatus;
     duration?: number;
     retriesCount?: number;
     flaky?: boolean;
@@ -338,7 +339,7 @@ interface TreeItemProps {
     groupOrder: number;
     marked?: boolean;
     navigateTo: (id: string) => void;
-    tooltips: Record<string, string>;
+    tooltips?: Record<string, string>;
 }
 declare const TreeItem: FunctionComponent<TreeItemProps>;
 
@@ -359,8 +360,8 @@ interface TreeStatusBarProps {
 }
 declare const TreeStatusBar: FunctionalComponent<TreeStatusBarProps>;
 
-type I18nKeys$9 = "mode.diff" | "mode.actual" | "mode.expected" | "mode.side-by-side" | "mode.overlay" | "empty.failed-to-load" | "image.diff" | "image.actual" | "image.expected";
-type I18nProp$a = (key: I18nKeys$9, props?: Record<string, unknown>) => string | undefined;
+type I18nKeys$a = "mode.diff" | "mode.actual" | "mode.expected" | "mode.side-by-side" | "mode.overlay" | "empty.failed-to-load" | "image.diff" | "image.actual" | "image.expected";
+type I18nProp$b = (key: I18nKeys$a, props?: Record<string, unknown>) => string | undefined;
 
 type ImageDiff$1 = {
     name?: string;
@@ -371,7 +372,7 @@ type ImageDiff$1 = {
 
 type Props$f = {
     diff: ImageDiff$1;
-    i18n?: I18nProp$a;
+    i18n?: I18nProp$b;
 };
 declare const ImageDiff: (props: Props$f) => preact.JSX.Element;
 
@@ -380,14 +381,14 @@ type AttachmentProps = {
     item: AttachmentTestStepResult;
     i18n?: (key: any) => string;
 };
-type I18nProp$9 = {
+type I18nProp$a = {
     imageDiff: ComponentProps<typeof ImageDiff>["i18n"];
 };
 
 interface AttachmentTestStepResultProps {
     item: AttachmentTestStepResult;
     previewable?: boolean;
-    i18n?: I18nProp$9;
+    i18n?: I18nProp$a;
 }
 declare const Attachment: (props: AttachmentTestStepResultProps) => preact.JSX.Element | null;
 
@@ -679,31 +680,31 @@ interface HeatMapWidgetProps extends HeatMapProps {
 
 declare const HeatMapWidget: FunctionalComponent<HeatMapWidgetProps>;
 
-type I18nKeys$8 = "no-results" | "legend.stabilityRate";
-type I18nProp$8 = (key: I18nKeys$8, props?: Record<string, unknown>) => string;
+type I18nKeys$9 = "no-results" | "legend.stabilityRate";
+type I18nProp$9 = (key: I18nKeys$9, props?: Record<string, unknown>) => string;
 type Props$a = Omit<StabilityDistributionChartData, "type"> & {
-    i18n: I18nProp$8;
+    i18n: I18nProp$9;
 };
 
 declare const StabilityDistributionWidget: FunctionalComponent<Props$a>;
 
-type I18nKeys$7 = `status.new${TestStatus}` | `status.removed${TestStatus}` | "legend.trend" | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
-type I18nProp$7 = (key: I18nKeys$7, props?: Record<string, unknown>) => string;
+type I18nKeys$8 = `status.new${TestStatus}` | `status.removed${TestStatus}` | "legend.trend" | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
+type I18nProp$8 = (key: I18nKeys$8, props?: Record<string, unknown>) => string;
 type Props$9 = Omit<TestBaseGrowthDynamicsChartData, "type"> & {
-    i18n: I18nProp$7;
+    i18n: I18nProp$8;
 };
 
 declare const TestBaseGrowthDynamicsChartWidget: FunctionalComponent<Props$9>;
 
 type FBSUStatus = Exclude<TestStatus, "passed">;
-type I18nKeys$6 = `status.${FBSUStatus}` | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
-type I18nProp$6 = (key: I18nKeys$6, props?: Record<string, unknown>) => string;
-type Props$8 = Omit<FBSUAgePyramidChartData, "type" | "statuses"> & {
-    i18n: I18nProp$6;
+type I18nKeys$7 = `status.${FBSUStatus}` | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
+type I18nProp$7 = (key: I18nKeys$7, props?: Record<string, unknown>) => string;
+type Props$8 = Omit<StatusAgePyramidChartData, "type" | "statuses"> & {
+    i18n: I18nProp$7;
     statuses: FBSUStatus[];
 };
 
-declare const FBSUAgePyramidChartWidget: FunctionalComponent<Props$8>;
+declare const StatusAgePyramidChartWidget: FunctionalComponent<Props$8>;
 
 type Props$7 = {
     data: {
@@ -719,11 +720,11 @@ type Props$7 = {
 };
 declare const TestingPyramidWidget: (props: Props$7) => JSX.Element;
 
-type I18nKeys$5 = "status.passed" | "status.failed" | "status.skipped" | "status.unknown" | "status.broken" | "percentage" | "of" | "tests.new" | "tests.flaky" | "tests.retries" | "total";
-type I18nProp$5 = (key: I18nKeys$5, props?: Record<string, unknown>) => string;
+type I18nKeys$6 = "status.passed" | "status.failed" | "status.skipped" | "status.unknown" | "status.broken" | "percentage" | "of" | "tests.new" | "tests.flaky" | "tests.retries" | "total";
+type I18nProp$6 = (key: I18nKeys$6, props?: Record<string, unknown>) => string;
 type Props$6 = {
     title?: string;
-    i18n?: I18nProp$5;
+    i18n?: I18nProp$6;
     data: Statistic;
     statuses?: TestStatus[];
     metric?: TestStatus;
@@ -731,8 +732,8 @@ type Props$6 = {
 
 declare const CurrentStatusChartWidget: FunctionalComponent<Props$6>;
 
-type I18nKeys$4 = "status.passed" | "status.failed" | "status.skipped" | "status.unknown" | "status.broken" | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
-type I18nProp$4 = (key: I18nKeys$4, props?: Record<string, unknown>) => string;
+type I18nKeys$5 = "status.passed" | "status.failed" | "status.skipped" | "status.unknown" | "status.broken" | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
+type I18nProp$5 = (key: I18nKeys$5, props?: Record<string, unknown>) => string;
 type Props$5 = {
     title?: string;
     data: {
@@ -743,45 +744,48 @@ type Props$5 = {
     }[];
     limit?: number;
     statuses?: TestStatus[];
-    i18n: I18nProp$4;
+    i18n: I18nProp$5;
 };
 
 declare const StatusDynamicsChartWidget: FunctionalComponent<Props$5>;
 
-type I18nKeys$3 = "transitions.new" | "transitions.fixed" | "transitions.regressed" | "transitions.malfunctioned" | "legend.trend" | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
-type I18nProp$3 = (key: I18nKeys$3, props?: Record<string, unknown>) => string;
+type I18nKeys$4 = "transitions.new" | "transitions.fixed" | "transitions.regressed" | "transitions.malfunctioned" | "legend.trend" | "no-history" | "no-results" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history";
+type I18nProp$4 = (key: I18nKeys$4, props?: Record<string, unknown>) => string;
 type Props$4 = Omit<StatusTransitionsChartData, "type"> & {
     statuses?: TestStatus[];
-    i18n: I18nProp$3;
+    i18n: I18nProp$4;
 };
 
 declare const StatusTransitionsChartWidget: FunctionalComponent<Props$4>;
 
-type I18nKeys$2 = "no-history" | "no-results" | "ticks.durationRange" | "tooltips.durationRange" | "legend.value" | "legend.total";
-type I18nProp$2 = (key: I18nKeys$2, props?: Record<string, unknown>) => string;
+type I18nKeys$3 = "no-history" | "no-results" | "ticks.durationRange" | "tooltips.durationRange" | "legend.value" | "legend.total";
+type I18nProp$3 = (key: I18nKeys$3, props?: Record<string, unknown>) => string;
 type Props$3 = Omit<DurationsChartData, "type"> & {
-    i18n: I18nProp$2;
+    i18n: I18nProp$3;
 };
 
 declare const DurationsChartWidget: FunctionalComponent<Props$3>;
 
-type I18nKeys$1 = `status.${TestStatus}` | `severity.${SeverityLevel | "unset"}` | "no-results" | "ticks.current";
-type I18nProp$1 = (key: I18nKeys$1, props?: Record<string, unknown>) => string;
+type I18nKeys$2 = `status.${TestStatus}` | `severity.${SeverityLevel | "unset"}` | "no-results" | "ticks.current";
+type I18nProp$2 = (key: I18nKeys$2, props?: Record<string, unknown>) => string;
 type Props$2 = Omit<TrSeveritiesChartData, "type"> & {
-    i18n: I18nProp$1;
+    i18n: I18nProp$2;
 };
 
 declare const TrSeveritiesChartWidget: FunctionalComponent<Props$2>;
 
-type I18nKeys = "no-results" | "durations.sequential" | "durations.duration" | "durations.speedup" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history" | "legend.duration" | "legend.speedup";
-type I18nProp = (key: I18nKeys, props?: Record<string, unknown>) => string;
+type I18nKeys$1 = "no-results" | "durations.sequential" | "durations.duration" | "durations.speedup" | "ticks.current" | "ticks.history" | "tooltips.current" | "tooltips.history" | "legend.duration" | "legend.speedup";
+type I18nProp$1 = (key: I18nKeys$1, props?: Record<string, unknown>) => string;
 type Props$1 = Omit<DurationDynamicsChartData, "type"> & {
-    i18n: I18nProp;
+    i18n: I18nProp$1;
 };
 
 declare const DurationDynamicsChartWidget: FunctionalComponent<Props$1>;
 
-type TimlineTr = Pick<TestResult, "id" | "name" | "status" | "flaky" | "hidden" | "labels" | "environment" | "start" | "stop" | "duration" | "historyId">;
+type TimlineTr = Pick<TestResult, "id" | "name" | "status" | "flaky" | "hidden" | "environment" | "start" | "duration" | "historyId"> & {
+    host: string;
+    thread: string;
+};
 type TimelineSegment = {
     timeRange: [Date, Date];
     val: number;
@@ -818,32 +822,32 @@ declare const Timeline: FunctionComponent<Omit<TimelineProps, "data"> & {
     dataId: string;
 }>;
 
-type ReportSummaryCardProps = {
-    href: string;
+type SummaryTestResult = Pick<TestResult, "name" | "id" | "status" | "duration">;
+type ReportSummary = {
+    href?: string;
+    remoteHref?: string;
+    jobHref?: string;
+    pullRequestHref?: string;
     name: string;
-    status: TestStatus;
     stats: Statistic;
-    newTests: any[];
-    retryTests: any[];
-    flakyTests: any[];
+    status: TestStatus;
     duration: number;
     plugin?: string;
+    newTests?: SummaryTestResult[];
+    flakyTests?: SummaryTestResult[];
+    retryTests?: SummaryTestResult[];
     createdAt?: number;
-    localeIso?: string;
-    locales?: {
-        in?: string;
-        new?: string;
-        flaky?: string;
-        retry?: string;
-        total?: string;
-        failed?: string;
-        broken?: string;
-        passed?: string;
-        skipped?: string;
-        unknown?: string;
-    };
 };
-declare const ReportSummaryCard: FunctionalComponent<ReportSummaryCardProps>;
+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 I18nProp = (key: I18nKeys, props?: Record<string, any>) => string | undefined;
+
+type ReportSummaryCardProps = {
+    i18n: I18nProp;
+    summary: ReportSummary;
+};
+declare const ReportSummaryCard: (props: ReportSummaryCardProps) => preact.JSX.Element;
 
 declare const useTheme: () => string;
 declare const ThemeProvider: (props: {
@@ -865,5 +869,5 @@ type Props = {
 };
 declare const EmptyView: FunctionalComponent<Props>;
 
-export { ArrowButton, Attachment, AttachmentCode, AttachmentEmpty, AttachmentImage, 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, FBSUAgePyramidChartWidget, Grid, GridItem, Heading, HeatMap, HeatMapWidget, HtmlPreview, IconButton, IconLabel, ImageDiff, Label, LanguagePicker, Link, Loadable, Menu, Modal, PageLoader, ReportLogo, ReportLogoFull, ReportSummaryCard, SearchBox, Spinner, StabilityDistributionWidget, 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, useSuccessRateDistributionColors, useTheme, useTooltip };
+export { ArrowButton, Attachment, AttachmentCode, AttachmentEmpty, AttachmentImage, 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, IconButton, IconLabel, ImageDiff, Label, LanguagePicker, Link, Loadable, 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, useSuccessRateDistributionColors, useTheme, useTooltip };
 export type { Datum, GridItemProps, GridProps, HeatMapProps, HeatMapWidgetProps, LanguagePickerProps, MeshTrendChartProps, ModalDataProps, ModalGalleryProps, ModalTranslations, ModalTranslationsProps, ParentLabelControlOptions, ReportSummaryCardProps, ResponsiveTreeChartProps, Serie, Slice, SlicesTrendChartProps, SymlogScaleOptions, TagProps, TagSkin, Theme, ThemeButtonProps, TreeMapChartNode, TreeMapChartProps, TreeMapChartWidgetProps, TrendChartKindConfig, TrendChartProps, TrendChartSliceClickHandler, TrendChartSliceTouchHandler };