@allurereport/web-components 3.16.0 → 3.17.0

package/dist/index.d.ts

@@ -1,18 +1,15 @@
 import * as preact from 'preact';
 import { SVGAttributes, JSX, ComponentChild, Ref, FunctionalComponent, HTMLAttributes, VNode, ComponentChildren, FunctionComponent, ComponentProps } from 'preact';
-import { TextProps as TextProps$1 } from '@/components/Typography';
 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 { Status as Status$1 } from 'global';
+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';
-import { Serie as Serie$1 } from '@/components/Charts/TrendChart';
 import { AxisProps } from '@nivo/axes';
-import { Datum as Datum$1, LineSvgProps, Point, Serie as Serie$2 } from '@nivo/line';
+import { Datum as Datum$1, LineSvgProps, Point, Serie as Serie$1 } from '@nivo/line';
 import { ScaleSymlogSpec, ScaleSpec } from '@nivo/scales';
 import { Margin } from '@nivo/core';
 import { LegendProps, AnchoredContinuousColorsLegendProps } from '@nivo/legends';
@@ -184,7 +181,7 @@ type HeadingProps = {
 } & Omit<HTMLAttributes, "size" | "className" | "tag">;
 declare const Heading: FunctionalComponent<HeadingProps>;
 
-type LinkifiedTextProps<Tag extends keyof preact.JSX.IntrinsicElements = "span"> = Omit<TextProps$1<Tag>, "children"> & {
+type LinkifiedTextProps<Tag extends keyof preact.JSX.IntrinsicElements = "span"> = Omit<TextProps<Tag>, "children"> & {
     text: string;
 };
 declare const LinkifiedText: <Tag extends keyof preact.JSX.IntrinsicElements = "span">({ text, ...textProps }: LinkifiedTextProps<Tag>) => preact.JSX.Element;
@@ -323,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;
@@ -370,6 +383,7 @@ interface TreeItemProps {
     duration?: number;
     retriesCount?: number;
     flaky?: boolean;
+    resolution?: ResolutionCategory;
     transition?: TestStatusTransition;
     transitionTooltip?: string;
     id: string;
@@ -395,7 +409,7 @@ interface TreeStatusBarProps {
     maxWidth?: number;
     minWidth?: number;
     offset?: number;
-    statusFilter?: Status$1;
+    statusFilter?: Status;
 }
 declare const TreeStatusBar: FunctionalComponent<TreeStatusBarProps>;
 
@@ -561,38 +575,11 @@ type Props$b = {
 };
 declare const IconLabel: FunctionalComponent<Props$b>;
 
-interface TrendChartWidgetPropsTranslations {
-    "no-results": string;
-}
-interface TrendChartWidgetProps<TSlice = {
-    metadata: {
-        executionId: string;
-    };
-}> {
-    title: string;
-    mode: ChartMode;
-    items: readonly Serie$1[];
-    slices: readonly TSlice[];
-    min: number;
-    max: number;
-    height?: CSSProperties["height"];
-    width?: CSSProperties["width"];
-    rootAriaLabel?: string;
-    translations: TrendChartWidgetPropsTranslations;
-    dropShadow?: boolean;
-}
-declare const TrendChartWidget: ({ title, mode, items, slices, min, max, height, width, rootAriaLabel, translations, }: TrendChartWidgetProps) => preact_compat.JSX.Element;
-
-type SuccessRatePieChartProps = PieChartValues & {
-    className?: string;
-};
-declare const SuccessRatePieChart: ({ slices, percentage, className }: SuccessRatePieChartProps) => preact.JSX.Element;
-
 type Datum = Omit<Datum$1, "x" | "y"> & {
     x: string | number | Date;
     y: number;
 };
-type Serie = Omit<Serie$2, "id" | "data"> & {
+type Serie = Omit<Serie$1, "id" | "data"> & {
     id: string | number;
     data: readonly Datum[];
 };
@@ -649,6 +636,33 @@ declare const defaultTrendChartConfig: Partial<LineSvgProps>;
 declare const makeSymlogScale: (min: number, max: number, options?: SymlogScaleOptions) => ScaleSymlogSpec;
 declare const makeSymlogScaleBySeries: (series: Serie[], options?: SymlogScaleOptions) => ScaleSymlogSpec;
 
+interface TrendChartWidgetPropsTranslations {
+    "no-results": string;
+}
+interface TrendChartWidgetProps<TSlice = {
+    metadata: {
+        executionId: string;
+    };
+}> {
+    title: string;
+    mode: ChartMode;
+    items: readonly Serie[];
+    slices: readonly TSlice[];
+    min: number;
+    max: number;
+    height?: CSSProperties["height"];
+    width?: CSSProperties["width"];
+    rootAriaLabel?: string;
+    translations: TrendChartWidgetPropsTranslations;
+    dropShadow?: boolean;
+}
+declare const TrendChartWidget: ({ title, mode, items, slices, min, max, height, width, rootAriaLabel, translations, }: TrendChartWidgetProps) => preact_compat.JSX.Element;
+
+type SuccessRatePieChartProps = PieChartValues & {
+    className?: string;
+};
+declare const SuccessRatePieChart: ({ slices, percentage, className }: SuccessRatePieChartProps) => preact.JSX.Element;
+
 type ResponsiveTreeChartProps<Datum extends DefaultTreeMapDatum = TreeMapNode> = Omit<TreeMapSvgProps<Datum>, "width" | "height">;
 interface ParentLabelControlOptions {
     parentSkipSize?: number;
@@ -848,6 +862,7 @@ type TimelineSegment = {
     label: string;
     labelGroup: string[];
     id: string;
+    testResultId: string;
 };
 type TimelineDataGroup = {
     id: string;
@@ -861,6 +876,7 @@ type TimelineProps = {
     data?: TimelineData;
     width?: number;
     enableAnimations?: boolean;
+    onTestResultClick?: (testResultId: string) => void;
     translations: {
         empty: string;
         selected: (props: {