@allurereport/web-components 3.0.1 → 3.2.0

package/dist/index.d.ts

@@ -1,13 +1,14 @@
 import * as preact from 'preact';
-import { SVGAttributes, FunctionalComponent, JSX, HTMLAttributes, VNode, ComponentChildren, FunctionComponent } 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';
 import { Signal } from '@preact/signals';
 import { AttachmentTestStepResult, Statistic, TestStatus, TestStatusTransition, SeverityLevel, TestResult } from '@allurereport/core-api';
 import { RecursiveTree, Status } from 'global';
-import * as preact_compat from 'preact/compat';
-import { HTMLAttributes as HTMLAttributes$1, CSSProperties } from 'preact/compat';
+import { AttachmentData, LangLocale, TreeMapTooltipAccessor } from '@allurereport/web-commons';
 import { Options } from 'sortablejs';
-import { LangLocale, TreeMapTooltipAccessor } from '@allurereport/web-commons';
-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';
@@ -112,11 +113,12 @@ declare const SvgIcon: ({ id, size, inline, className, "data-testid": dataTestId
 type BaseBtnProps = {
     text?: string;
     isPending?: boolean;
-    size?: "s" | "m" | "l";
+    size?: "xs" | "s" | "m" | "l";
     style?: "primary" | "outline" | "ghost" | "flat" | "raised";
     action?: "default" | "danger" | "positive";
     icon?: string;
     iconSize?: "xs" | "s" | "m";
+    iconColor?: "primary" | "secondary";
     fullWidth?: boolean;
     isIconButton?: boolean;
     isDropdownButton?: boolean;
@@ -126,25 +128,32 @@ type BaseBtnProps = {
     isActive?: boolean;
     focusable?: boolean;
     href?: string;
+    rounded?: boolean;
     target?: HTMLAnchorElement["target"];
     className?: string;
     dataTestId?: string;
+    leadingSlot?: ComponentChild;
+    trailingSlot?: ComponentChild;
+    isLink?: boolean;
 };
-type ButtonProps = Omit<BaseBtnProps, "text" | "isIconButton" | "isDropdownButton"> & Pick<Required<BaseBtnProps>, "text">;
+type ButtonProps = Omit<BaseBtnProps, "text" | "isIconButton" | "isDropdownButton" | "rounded" | "isLink"> & Pick<Required<BaseBtnProps>, "text">;
 declare const Button: (props: ButtonProps) => preact.JSX.Element;
-type IconButtonProps = Omit<BaseBtnProps, "text" | "icon" | "autoFocus" | "fullWidth" | "isIconButton" | "isDropdownButton"> & Pick<Required<BaseBtnProps>, "icon">;
+type IconButtonProps = Omit<BaseBtnProps, "text" | "icon" | "autoFocus" | "fullWidth" | "isIconButton" | "isDropdownButton" | "trailingSlot" | "leadingSlot" | "isLink"> & Pick<Required<BaseBtnProps>, "icon"> & {
+    rounded?: boolean;
+};
 declare const IconButton: (props: IconButtonProps) => preact.JSX.Element;
-type DropdownButtonProps = Omit<BaseBtnProps, "type" | "autoFocus" | "isDropdownButton" | "isIconButton" | "text" | "isActive"> & Pick<Required<BaseBtnProps>, "text"> & {
+type DropdownButtonProps = Omit<BaseBtnProps, "type" | "autoFocus" | "isDropdownButton" | "isIconButton" | "text" | "isActive" | "isLink"> & Pick<Required<BaseBtnProps>, "text"> & {
     isExpanded?: boolean;
 };
 declare const DropdownButton: (props: DropdownButtonProps) => preact.JSX.Element;
+declare const ButtonLink: (props: Omit<BaseBtnProps, "href" | "isLink"> & Pick<Required<BaseBtnProps>, "href">) => preact.JSX.Element;
 
 type SpinnerProps = {
     size?: "s" | "m";
 };
 declare const Spinner: ({ size }: SpinnerProps) => preact.JSX.Element;
 
-type TextProps = ({
+type TextProps<Tag extends keyof JSX.IntrinsicElements = "span"> = ({
     type?: "paragraph";
     size?: "s" | "m" | "l";
 } | {
@@ -153,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";
@@ -183,6 +192,16 @@ interface TooltipWrapperProps {
     "data-testid"?: string;
     "showDelay"?: number;
 }
+interface TooltipProps {
+    "data-testid"?: string;
+}
+declare const Tooltip: FunctionalComponent<TooltipProps>;
+declare const useTooltip: <TriggerRef extends HTMLElement = HTMLElement, TooltipRef extends HTMLElement = HTMLElement>(props: {
+    placement?: Placement;
+    isVisible: boolean;
+    triggerRef: MutableRefObject<TriggerRef>;
+    tooltipRef: MutableRefObject<TooltipRef>;
+}) => void;
 declare const TooltipWrapper: FunctionalComponent<TooltipWrapperProps>;
 
 interface StoreSignalState<T> {
@@ -201,15 +220,16 @@ declare const Loadable: <T, K = T>(props: LoadableProps<T, K>) => JSX.Element |
 
 declare const PageLoader: () => preact.JSX.Element;
 
-type Props$e = {
+type Props$g = {
     placeholder?: string;
-    invalid?: string;
     error?: string;
     value: string;
     onChange: (value: string) => void;
     changeDebounce?: number;
+    leadingSlot?: ComponentChild;
+    trailingSlot?: ComponentChild;
 };
-declare const SearchBox: (props: Props$e) => preact.JSX.Element;
+declare const SearchBox: (props: Props$g) => preact.JSX.Element;
 
 declare const Menu: {
     (props: {
@@ -226,7 +246,7 @@ declare const Menu: {
     }): preact.JSX.Element;
     Section: FunctionalComponent<{}>;
     Item: FunctionalComponent<ItemProps>;
-    ItemWithCheckmark: FunctionalComponent<ItemProps & {
+    ItemWithCheckmark: FunctionalComponent<Omit<ItemProps, "rightSlot"> & {
         isChecked: boolean;
     }>;
 };
@@ -339,18 +359,39 @@ interface TreeStatusBarProps {
 }
 declare const TreeStatusBar: FunctionalComponent<TreeStatusBarProps>;
 
+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;
+    expected?: string;
+    actual?: string;
+    diff?: string;
+};
+
+type Props$f = {
+    diff: ImageDiff$1;
+    i18n?: I18nProp$b;
+};
+declare const ImageDiff: (props: Props$f) => preact.JSX.Element;
+
+type AttachmentProps = {
+    attachment: AttachmentData | null;
+    item: AttachmentTestStepResult;
+    i18n?: (key: any) => string;
+};
+type I18nProp$a = {
+    imageDiff: ComponentProps<typeof ImageDiff>["i18n"];
+};
+
 interface AttachmentTestStepResultProps {
     item: AttachmentTestStepResult;
     previewable?: boolean;
+    i18n?: I18nProp$a;
 }
-declare const Attachment: FunctionalComponent<AttachmentTestStepResultProps>;
+declare const Attachment: (props: AttachmentTestStepResultProps) => preact.JSX.Element | null;
 
-declare const AttachmentCode: FunctionalComponent<{
-    item: AttachmentTestStepResult;
-    attachment: {
-        text?: string;
-    };
-}>;
+declare const AttachmentCode: (props: AttachmentProps) => preact.JSX.Element | null;
 
 type HtmlAttachmentPreviewProps = {
     attachment: {
@@ -359,19 +400,9 @@ type HtmlAttachmentPreviewProps = {
 };
 declare const HtmlPreview: FunctionalComponent<HtmlAttachmentPreviewProps>;
 
-declare const AttachmentImage: FunctionalComponent<{
-    attachment: {
-        img: string;
-        originalFileName: string;
-    };
-}>;
+declare const AttachmentImage: (props: AttachmentProps) => preact.JSX.Element;
 
-declare const AttachmentVideo: FunctionalComponent<{
-    attachment: {
-        src: string;
-        contentType?: string;
-    };
-}>;
+declare const AttachmentVideo: ({ attachment, item }: AttachmentProps) => preact.JSX.Element;
 
 declare const AttachmentEmpty: ({ children }: {
     children: ComponentChildren;
@@ -383,28 +414,29 @@ declare const CodeViewer: FunctionalComponent<{
     className?: string;
 }>;
 
-type Props$d = {
+type Props$e = {
     size?: "s" | "m" | "l";
     count: number;
     truncateCount?: boolean;
     status?: TestStatus;
 };
-declare const Counter: (props: Props$d) => preact.JSX.Element;
+declare const Counter: (props: Props$e) => preact.JSX.Element;
 
-type Props$c = {
+type Props$d = {
     value: boolean;
     label: string;
+    size?: "s" | "m";
     onChange: (value: boolean) => void;
     focusable?: boolean;
 };
-declare const Toggle: (props: Props$c) => preact.JSX.Element;
+declare const Toggle: (props: Props$d) => preact.JSX.Element;
 
-type Props$b = {
+type Props$c = {
     href?: string;
     children: ComponentChildren;
     onClick?: (e: MouseEvent) => void;
 };
-declare const Link: (props: Props$b) => preact.JSX.Element;
+declare const Link: (props: Props$c) => preact.JSX.Element;
 
 declare const Label: FunctionComponent;
 
@@ -430,13 +462,14 @@ interface WidgetProps {
 }
 declare const Widget: FunctionalComponent<WidgetProps>;
 
-type TagSkin = "successful" | "failed" | "warning" | "neutral" | "successful-light" | "failed-light" | "warning-light" | "neutral-light";
+type TagSkin = "successful" | "failed" | "warning" | "neutral" | "successful-light" | "failed-light" | "warning-light" | "neutral-light" | "secondary";
 interface TagProps {
     "className"?: string;
     "skin"?: TagSkin;
     "data-testid"?: string;
+    "children": ComponentChildren;
 }
-declare const Tag: FunctionComponent<TagProps>;
+declare const Tag: ({ className, skin, children, "data-testid": dataTestId }: TagProps) => preact.JSX.Element;
 
 type GridKind = "default" | "swap";
 interface GridProps extends HTMLAttributes$1<HTMLDivElement> {
@@ -462,18 +495,17 @@ declare const LanguagePicker: ({ locale, setLocale, availableLocales }: Language
 type Theme = "light" | "dark" | "auto";
 interface ThemeButtonProps {
     theme: Theme;
-    getTheme: () => void;
     toggleTheme: () => void;
 }
-declare const ThemeButton: ({ theme, toggleTheme, getTheme }: ThemeButtonProps) => preact.JSX.Element;
+declare const ThemeButton: ({ theme, toggleTheme }: ThemeButtonProps) => preact.JSX.Element;
 
-type Props$a = {
+type Props$b = {
     icon: string;
     tooltip?: string;
     className?: string;
     style?: "primary" | "secondary";
 };
-declare const IconLabel: FunctionalComponent<Props$a>;
+declare const IconLabel: FunctionalComponent<Props$b>;
 
 interface TrendChartWidgetPropsTranslations {
     "no-results": string;
@@ -647,33 +679,33 @@ 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 Props$9 = Omit<StabilityDistributionChartData, "type"> & {
-    i18n: I18nProp$8;
+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$9;
 };
 
-declare const StabilityDistributionWidget: FunctionalComponent<Props$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 Props$8 = Omit<TestBaseGrowthDynamicsChartData, "type"> & {
-    i18n: I18nProp$7;
+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$8;
 };
 
-declare const TestBaseGrowthDynamicsChartWidget: FunctionalComponent<Props$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$7 = 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$7>;
+declare const StatusAgePyramidChartWidget: FunctionalComponent<Props$8>;
 
-type Props$6 = {
+type Props$7 = {
     data: {
         layer: string;
         testCount: number;
@@ -685,23 +717,23 @@ type Props$6 = {
     width?: JSX.CSSProperties["width"];
     height?: JSX.CSSProperties["height"];
 };
-declare const TestingPyramidWidget: (props: Props$6) => JSX.Element;
+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 Props$5 = {
+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;
 };
 
-declare const CurrentStatusChartWidget: FunctionalComponent<Props$5>;
+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 Props$4 = {
+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: {
         statistic: Statistic;
@@ -710,46 +742,49 @@ type Props$4 = {
         name: string;
     }[];
     limit?: number;
+    statuses?: TestStatus[];
+    i18n: I18nProp$5;
+};
+
+declare const StatusDynamicsChartWidget: FunctionalComponent<Props$5>;
+
+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$4;
 };
 
-declare const StatusDynamicsChartWidget: FunctionalComponent<Props$4>;
+declare const StatusTransitionsChartWidget: FunctionalComponent<Props$4>;
 
-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 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<StatusTransitionsChartData, "type"> & {
-    statuses?: TestStatus[];
+type Props$3 = Omit<DurationsChartData, "type"> & {
     i18n: I18nProp$3;
 };
 
-declare const StatusTransitionsChartWidget: FunctionalComponent<Props$3>;
+declare const DurationsChartWidget: FunctionalComponent<Props$3>;
 
-type I18nKeys$2 = "no-history" | "no-results" | "ticks.durationRange" | "tooltips.durationRange" | "legend.value" | "legend.total";
+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<DurationsChartData, "type"> & {
+type Props$2 = Omit<TrSeveritiesChartData, "type"> & {
     i18n: I18nProp$2;
 };
 
-declare const DurationsChartWidget: FunctionalComponent<Props$2>;
+declare const TrSeveritiesChartWidget: FunctionalComponent<Props$2>;
 
-type I18nKeys$1 = `status.${TestStatus}` | `severity.${SeverityLevel | "unset"}` | "no-results" | "ticks.current";
+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<TrSeveritiesChartData, "type"> & {
+type Props$1 = Omit<DurationDynamicsChartData, "type"> & {
     i18n: I18nProp$1;
 };
 
-declare const TrSeveritiesChartWidget: FunctionalComponent<Props$1>;
+declare const DurationDynamicsChartWidget: FunctionalComponent<Props$1>;
 
-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 Props = Omit<DurationDynamicsChartData, "type"> & {
-    i18n: I18nProp;
+type TimlineTr = Pick<TestResult, "id" | "name" | "status" | "flaky" | "hidden" | "environment" | "start" | "duration" | "historyId"> & {
+    host: string;
+    thread: string;
 };
-
-declare const DurationDynamicsChartWidget: FunctionalComponent<Props>;
-
-type TimlineTr = Pick<TestResult, "id" | "name" | "status" | "flaky" | "hidden" | "labels" | "environment" | "start" | "stop" | "duration" | "historyId">;
 type TimelineSegment = {
     timeRange: [Date, Date];
     val: number;
@@ -786,32 +821,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: {
@@ -819,5 +854,19 @@ declare const ThemeProvider: (props: {
     theme: string;
 }) => preact.JSX.Element;
 
-export { ArrowButton, Attachment, AttachmentCode, AttachmentEmpty, AttachmentImage, AttachmentVideo, Button, 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, FBSUAgePyramidChartWidget, Grid, GridItem, Heading, HeatMap, HeatMapWidget, HtmlPreview, IconButton, IconLabel, 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, 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 };
+type Size = "s" | "m" | "xs";
+type Props = {
+    title?: ComponentChildren;
+    description?: ComponentChildren;
+    icon?: string;
+    iconColor?: "skat" | "aldebaran" | "castor" | "atlas" | "betelgeuse" | "sirius" | "antares" | "gliese" | "capella" | "rigel" | "mirach" | "rau";
+    fullHeight?: boolean;
+    size?: Size;
+    className?: string;
+    iconClassName?: string;
+    border?: boolean;
+};
+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, 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 };