@allurereport/web-components 3.0.0-beta.22 → 3.0.0-beta.24

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as preact from 'preact';
 import { JSX, FunctionalComponent, VNode, ComponentChildren, FunctionComponent } from 'preact';
 import { Signal } from '@preact/signals';
-import { AttachmentTestStepResult, Statistic, TestStatus, TestStatusTransition, PieChartValues, TreeMapNode } from '@allurereport/core-api';
+import { AttachmentTestStepResult, Statistic, TestStatus, TestStatusTransition, PieChartValues, TreeMapNode, TestResult } from '@allurereport/core-api';
 import { RecursiveTree, Status } from 'global';
 import * as preact_compat from 'preact/compat';
 import { HTMLAttributes, CSSProperties } from 'preact/compat';
@@ -19,22 +19,22 @@ import { DefaultTreeMapDatum, TreeMapSvgProps } from '@nivo/treemap';
 import { HeatMapDatum, DefaultHeatMapDatum, HeatMapSvgProps } from '@nivo/heatmap';
 
 declare const allureIcons: {
-    arrowsChevronDown: string;
-    environment: string;
     amazon: string;
+    arrowsChevronDown: string;
     azure: string;
     bitbucket: string;
     circleci: string;
+    draggable: string;
     drone: string;
-    gitlab: string;
+    environment: string;
     github: string;
+    gitlab: string;
     jenkins: string;
-    draggable: string;
     lineAlertsAlertCircle: string;
-    lineAlertsNotificationBox: string;
-    lineAlertsNew: string;
-    lineAlertsMalfunctioned: string;
     lineAlertsFixed: string;
+    lineAlertsMalfunctioned: string;
+    lineAlertsNew: string;
+    lineAlertsNotificationBox: string;
     lineAlertsRegressed: string;
     lineArrowsChevronDown: string;
     lineArrowsChevronDownDouble: string;
@@ -48,6 +48,7 @@ declare const allureIcons: {
     lineArrowsSortLineDesc: string;
     lineArrowsSwitchVertical1: string;
     lineChartsBarChartSquare: string;
+    lineChartsTimeline: string;
     lineDevBug2: string;
     lineDevCodeSquare: string;
     lineDevDataflow3: string;
@@ -56,16 +57,21 @@ declare const allureIcons: {
     lineFilesFileAttachment2: string;
     lineFilesFolder: string;
     lineGeneralCheck: string;
+    lineGeneralCheckCircle: string;
     lineGeneralChecklist3: string;
     lineGeneralCopy3: string;
     lineGeneralDownloadCloud: string;
     lineGeneralEqual: string;
     lineGeneralEye: string;
+    lineGeneralHelpCircle: string;
     lineGeneralHomeLine: string;
+    lineGeneralInfoCircle: string;
     lineGeneralLink1: string;
     lineGeneralLinkExternal: string;
+    lineGeneralMinusCircle: string;
     lineGeneralSearchMd: string;
     lineGeneralSettings1: string;
+    lineGeneralXCircle: string;
     lineGeneralXClose: string;
     lineGeneralZap: string;
     lineHelpersFlag: string;
@@ -80,6 +86,7 @@ declare const allureIcons: {
     lineShapesDotCircle: string;
     lineShapesMoon: string;
     lineShapesSun: string;
+    lineShapesThemeAuto: string;
     lineTimeClockStopwatch: string;
     playwrightLogo: string;
     reportLogo: string;
@@ -87,17 +94,12 @@ declare const allureIcons: {
     solidCheckCircle: string;
     solidHelpCircle: string;
     solidMinusCircle: string;
-    solidXCircle: string;
     solidPlusCircle: string;
+    solidXCircle: string;
     spinner: string;
+    testNew: string;
     view: string;
     viewOff: string;
-    lineGeneralCheckCircle: string;
-    lineGeneralHelpCircle: string;
-    lineGeneralInfoCircle: string;
-    lineGeneralMinusCircle: string;
-    lineGeneralXCircle: string;
-    testNew: string;
 };
 type SvgIconProps = Omit<JSX.HTMLAttributes<SVGElement>, "className" | "id" | "size" | "inline"> & {
     "size"?: "xs" | "s" | "m";
@@ -199,7 +201,7 @@ declare const Loadable: <T, K = T>(props: LoadableProps<T, K>) => JSX.Element |
 
 declare const PageLoader: () => preact.JSX.Element;
 
-type Props$4 = {
+type Props$6 = {
     placeholder?: string;
     invalid?: string;
     error?: string;
@@ -207,7 +209,7 @@ type Props$4 = {
     onChange: (value: string) => void;
     changeDebounce?: number;
 };
-declare const SearchBox: (props: Props$4) => preact.JSX.Element;
+declare const SearchBox: (props: Props$6) => preact.JSX.Element;
 
 declare const Menu: {
     (props: {
@@ -381,28 +383,28 @@ declare const CodeViewer: FunctionalComponent<{
     className?: string;
 }>;
 
-type Props$3 = {
+type Props$5 = {
     size?: "s" | "m" | "l";
     count: number;
     truncateCount?: boolean;
     status?: TestStatus;
 };
-declare const Counter: (props: Props$3) => preact.JSX.Element;
+declare const Counter: (props: Props$5) => preact.JSX.Element;
 
-type Props$2 = {
+type Props$4 = {
     value: boolean;
     label: string;
     onChange: (value: boolean) => void;
     focusable?: boolean;
 };
-declare const Toggle: (props: Props$2) => preact.JSX.Element;
+declare const Toggle: (props: Props$4) => preact.JSX.Element;
 
-type Props$1 = {
+type Props$3 = {
     href?: string;
     children: ComponentChildren;
     onClick?: (e: MouseEvent) => void;
 };
-declare const Link: (props: Props$1) => preact.JSX.Element;
+declare const Link: (props: Props$3) => preact.JSX.Element;
 
 declare const Label: FunctionComponent;
 
@@ -422,7 +424,8 @@ declare const ReportLogo: (props: {
 }) => preact.JSX.Element;
 
 interface WidgetProps {
-    title: string;
+    title?: string;
+    centerContent?: boolean;
 }
 declare const Widget: FunctionalComponent<WidgetProps>;
 
@@ -455,7 +458,7 @@ interface LanguagePickerProps {
 }
 declare const LanguagePicker: ({ locale, setLocale, availableLocales }: LanguagePickerProps) => preact.JSX.Element;
 
-type Theme = "light" | "dark";
+type Theme = "light" | "dark" | "auto";
 interface ThemeButtonProps {
     theme: Theme;
     getTheme: () => void;
@@ -463,6 +466,14 @@ interface ThemeButtonProps {
 }
 declare const ThemeButton: ({ theme, toggleTheme, getTheme }: ThemeButtonProps) => preact.JSX.Element;
 
+type Props$2 = {
+    icon: string;
+    tooltip?: string;
+    className?: string;
+    style?: "primary" | "secondary";
+};
+declare const IconLabel: FunctionalComponent<Props$2>;
+
 interface TrendChartWidgetPropsTranslations {
     "no-results": string;
 }
@@ -701,7 +712,7 @@ interface StabilityRateDistributionWidgetProps {
 
 declare const StabilityRateDistributionWidget: FunctionalComponent<StabilityRateDistributionWidgetProps>;
 
-type Props = {
+type Props$1 = {
     data: {
         layer: string;
         testCount: number;
@@ -713,7 +724,53 @@ type Props = {
     width?: JSX.CSSProperties["width"];
     height?: JSX.CSSProperties["height"];
 };
-declare const TestingPyramidWidget: (props: Props) => JSX.Element;
+declare const TestingPyramidWidget: (props: Props$1) => JSX.Element;
+
+type I18nKeys = "status.passed" | "status.failed" | "status.skipped" | "status.unknown" | "status.broken" | "percentage" | "of" | "tests.new" | "tests.flaky" | "tests.retries" | "total";
+type I18nProp = (key: I18nKeys, props?: Record<string, unknown>) => string;
+type Props = {
+    title?: string;
+    i18n?: I18nProp;
+    data: Statistic;
+    statuses?: TestStatus[];
+    metric?: TestStatus;
+};
+
+declare const CurrentStatusChartWidget: FunctionalComponent<Props>;
+
+type TimelineSegment = {
+    timeRange: [Date, Date];
+    val: number;
+    status: "failed" | "broken" | "passed" | "skipped" | "unknown";
+    label: string;
+    id: string;
+};
+type TimelineDataGroup = {
+    id: string;
+    name: string;
+    segments: TimelineSegment[];
+};
+type TimelineData = TimelineDataGroup[];
+type TimelineChartData = TestResult[];
+
+type TimelineProps = {
+    data?: TimelineData;
+    width?: number;
+    enableAnimations?: boolean;
+    translations: {
+        empty: string;
+        selected: (props: {
+            count: number;
+            percentage: string;
+            minDuration: string;
+            maxDuration: string;
+        }) => string;
+    };
+};
+declare const Timeline: FunctionComponent<Omit<TimelineProps, "data"> & {
+    data: TimelineChartData;
+    dataId: string;
+}>;
 
-export { ArrowButton, Attachment, AttachmentCode, AttachmentEmpty, AttachmentImage, AttachmentVideo, BarChart, BarChartWidget, Button, Code, CodeViewer, ComingSoonChartWidget, Counter, 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, Grid, GridItem, Heading, HeatMap, HeatMapWidget, HtmlPreview, IconButton, Label, LanguagePicker, Link, Loadable, Menu, Modal, PageLoader, ReportLogo, ReportLogoFull, SearchBox, Spinner, StabilityRateDistributionWidget, StatusLabel, SuccessRatePieChart, SvgIcon, Tag, TestingPyramidWidget, Text, ThemeButton, Toggle, TooltipWrapper, Tree, TreeHeader, TreeItem, TreeItemIcon, TreeMapChart, TreeMapChartWidget, TreeSection, TreeStatusBar, TrendChart, TrendChartKind, TrendChartWidget, Widget, allureIcons, defaultBarChartAxisBottomConfig, defaultBarChartAxisLeftConfig, defaultBarChartConfig, defaultBarChartLegendsConfig, defaultBarChartMarginConfig, defaultHeatMapAxisLeftConfig, defaultHeatMapAxisTopConfig, defaultHeatMapLegendConfig, defaultHeatMapMarginConfig, defaultTreeChartConfig, defaultTrendChartAxisBottomConfig, defaultTrendChartAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig, defaultTrendChartMarginConfig, defaultTrendChartXScaleConfig, defaultTrendChartYScaleConfig, makeSymlogScale, makeSymlogScaleBySeries };
+export { ArrowButton, Attachment, AttachmentCode, AttachmentEmpty, AttachmentImage, AttachmentVideo, BarChart, BarChartWidget, Button, Code, CodeViewer, ComingSoonChartWidget, 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, Grid, GridItem, Heading, HeatMap, HeatMapWidget, HtmlPreview, IconButton, IconLabel, Label, LanguagePicker, Link, Loadable, Menu, Modal, PageLoader, ReportLogo, ReportLogoFull, SearchBox, Spinner, StabilityRateDistributionWidget, StatusLabel, SuccessRatePieChart, SvgIcon, Tag, TestingPyramidWidget, Text, ThemeButton, Timeline, Toggle, TooltipWrapper, Tree, TreeHeader, TreeItem, TreeItemIcon, TreeMapChart, TreeMapChartWidget, TreeSection, TreeStatusBar, TrendChart, TrendChartKind, TrendChartWidget, Widget, allureIcons, defaultBarChartAxisBottomConfig, defaultBarChartAxisLeftConfig, defaultBarChartConfig, defaultBarChartLegendsConfig, defaultBarChartMarginConfig, defaultHeatMapAxisLeftConfig, defaultHeatMapAxisTopConfig, defaultHeatMapLegendConfig, defaultHeatMapMarginConfig, defaultTreeChartConfig, defaultTrendChartAxisBottomConfig, defaultTrendChartAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig, defaultTrendChartMarginConfig, defaultTrendChartXScaleConfig, defaultTrendChartYScaleConfig, makeSymlogScale, makeSymlogScaleBySeries };
 export type { BarChartProps, BarChartWidgetProps, ComingSoonChartWidgetProps, Datum, GridItemProps, GridProps, HeatMapProps, HeatMapWidgetProps, LanguagePickerProps, MeshTrendChartProps, ModalDataProps, ModalGalleryProps, ModalTranslations, ModalTranslationsProps, ParentLabelControlOptions, ResponsiveTreeChartProps, Serie, Slice, SlicesTrendChartProps, StabilityRateDistributionWidgetProps, SymlogScaleOptions, TagProps, TagSkin, Theme, ThemeButtonProps, TreeMapChartNode, TreeMapChartProps, TreeMapChartWidgetProps, TrendChartKindConfig, TrendChartProps, TrendChartSliceClickHandler, TrendChartSliceTouchHandler };