@allurereport/web-components 3.21.0 → 3.22.1

package/dist/index.d.ts

@@ -1,467 +1,44 @@
+export { ArrowButton, Button, ButtonLink, Code, Counter, DropdownButton, EmptyView, Heading, IconButton, IconLabel, Label, LanguagePicker, LanguagePickerProps, LazyComponent, Link, LinkifiedText, Loadable, Menu, MiddleEllipsis, Modal, ModalDataProps, ModalGalleryProps, ModalTranslations, ModalTranslationsProps, OverviewLink, PageLoader, ReportLogo, ReportLogoFull, ReportSummary, ReportSummaryCard, ReportSummaryCardProps, SearchBox, Spinner, StatusLabel, SvgIcon, Tag, TagProps, TagSkin, Text, Theme, ThemeButton, ThemeButtonProps, ThemeProvider, Toggle, Tooltip, TooltipWrapper, Tree, TreeHeader, TreeItem, TreeItemIcon, TreeSection, TreeStatusBar, Widget, allureIcons, useElementTruncation, useTheme, useTooltip } from './core.js';
+export { I as ImageDiff } from './index-B9kLHMy9.js';
+import { A as AttachmentProps } from './Attachment-Du2XgmQc.js';
+export { a as Attachment } from './Attachment-Du2XgmQc.js';
 import * as preact from 'preact';
-import { SVGAttributes, JSX, ComponentChild, Ref, FunctionalComponent, HTMLAttributes, VNode, ComponentChildren, FunctionComponent, ComponentProps } from 'preact';
-import { Placement } from '@floating-ui/dom';
+import { FunctionalComponent, ComponentChildren } from 'preact';
+export { CodeViewer } from './CodeViewer.js';
+export { Grid, GridItem, GridItemProps, GridProps } from './Grid.js';
 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, ResolutionCategory, TestStatusTransition, Statistic, SeverityLevel, TestResult } from '@allurereport/core-api';
-import { SubtreeToggleAction, 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 { CSSProperties } from 'preact/compat';
+import { ChartMode } from '@allurereport/charts-api';
 import { AxisProps } from '@nivo/axes';
 import { Datum as Datum$1, LineSvgProps, Point, Serie as Serie$1 } from '@nivo/line';
 import { ScaleSymlogSpec, ScaleSpec } from '@nivo/scales';
+export { SuccessRatePieChart } from './SuccessRatePieChart.js';
 import { Margin } from '@nivo/core';
-import { LegendProps, AnchoredContinuousColorsLegendProps } from '@nivo/legends';
-import { DefaultTreeMapDatum, TreeMapSvgProps } from '@nivo/treemap';
-import { HeatMapDatum, DefaultHeatMapDatum, HeatMapSvgProps } from '@nivo/heatmap';
-
-declare const allureIcons: {
-    readonly amazon: "amazon";
-    readonly arrowsChevronDown: "arrows-chevron-down";
-    readonly azure: "azure";
-    readonly bitbucket: "bitbucket";
-    readonly circleci: "circleci";
-    readonly draggable: "draggable";
-    readonly drone: "drone";
-    readonly environment: "environment";
-    readonly github: "github";
-    readonly gitlab: "gitlab";
-    readonly jenkins: "jenkins";
-    readonly lineAlertsAlertCircle: "line-alerts-alert-circle";
-    readonly lineAlertsFixed: "line-alerts-fixed";
-    readonly lineAlertsMalfunctioned: "line-alerts-malfunctioned";
-    readonly lineAlertsNew: "line-alerts-new";
-    readonly lineAlertsNotificationBox: "line-alerts-notification-box";
-    readonly lineAlertsRegressed: "line-alerts-regressed";
-    readonly lineArrowsArrowLeft: "line-arrows-arrow-left";
-    readonly lineArrowsChevronDownDouble: "line-arrows-chevron-down-double";
-    readonly lineArrowsChevronDown: "line-arrows-chevron-down";
-    readonly lineArrowsChevronRight: "line-arrows-chevron-right";
-    readonly lineArrowsChevronUpDouble: "line-arrows-chevron-up-double";
-    readonly lineArrowsChevronUp: "line-arrows-chevron-up";
-    readonly lineArrowsCornerDownRight: "line-arrows-corner-down-right";
-    readonly lineArrowsExpand3: "line-arrows-expand-3";
-    readonly lineArrowsRefreshCcw1: "line-arrows-refresh-ccw-1";
-    readonly lineArrowsSortLineAsc: "line-arrows-sort-line-asc";
-    readonly lineArrowsSortLineDesc: "line-arrows-sort-line-desc";
-    readonly lineArrowsSwitchVertical1: "line-arrows-switch-vertical-1";
-    readonly lineChartsBarChartSquare: "line-charts-bar-chart-square";
-    readonly lineChartsTimeline: "line-charts-timeline";
-    readonly lineDevBug2: "line-dev-bug-2";
-    readonly lineDevCodeSquare: "line-dev-code-square";
-    readonly lineDevDataflow3: "line-dev-dataflow-3";
-    readonly lineFilesClipboardCheck: "line-files-clipboard-check";
-    readonly lineFilesFile2: "line-files-file-2";
-    readonly lineFilesFileAttachment2: "line-files-file-attachment-2";
-    readonly lineFilesFolder: "line-files-folder";
-    readonly lineGeneralCheckCircle: "line-general-check-circle";
-    readonly lineGeneralCheck: "line-general-check";
-    readonly lineGeneralChecklist3: "line-general-checklist3";
-    readonly lineGeneralCopy3: "line-general-copy-3";
-    readonly lineGeneralDownloadCloud: "line-general-download-cloud";
-    readonly lineGeneralEqual: "line-general-equal";
-    readonly lineGeneralEye: "line-general-eye";
-    readonly lineGeneralHelpCircle: "line-general-help-circle";
-    readonly lineGeneralHomeLine: "line-general-home-line";
-    readonly lineGeneralInfoCircle: "line-general-info-circle";
-    readonly lineGeneralLink1: "line-general-link-1";
-    readonly lineGeneralLinkExternal: "line-general-link-external";
-    readonly lineGeneralMinusCircle: "line-general-minus-circle";
-    readonly lineGeneralSearchMd: "line-general-search-md";
-    readonly lineGeneralSettings1: "line-general-settings-1";
-    readonly lineGeneralXCircle: "line-general-x-circle";
-    readonly lineGeneralXClose: "line-general-x-close";
-    readonly lineGeneralZap: "line-general-zap";
-    readonly lineHelpersFlag: "line-helpers-flag";
-    readonly lineHelpersPlayCircle: "line-helpers-play-circle";
-    readonly lineIconBomb2: "line-icon-bomb-2";
-    readonly lineImagesImage: "line-images-image";
-    readonly lineLayoutsColumn2: "line-layouts-columns-2";
-    readonly lineLayoutsColumns2: "line-layouts-columns-2";
-    readonly lineLayoutsLayoutTop: "line-layouts-layout-top";
-    readonly lineLayoutsMaximize2: "line-layouts-maximize-2";
-    readonly lineLayoutsMinimize2: "line-layouts-minimize-2";
-    readonly lineSecurityKey: "line-security-key";
-    readonly lineShapesDotCircle: "line-shapes-dot-circle";
-    readonly lineShapesMoon: "line-shapes-moon";
-    readonly lineShapesSun: "line-shapes-sun";
-    readonly lineShapesThemeAuto: "line-shapes-theme-auto";
-    readonly lineTimeClockStopwatch: "line-time-clock-stopwatch";
-    readonly playwrightLogo: "playwright-logo";
-    readonly reportLogo: "report-logo";
-    readonly solidAlertCircle: "solid-alert-circle";
-    readonly solidCheckCircle: "solid-check-circle";
-    readonly solidHelpCircle: "solid-help-circle";
-    readonly solidMinusCircle: "solid-minus-circle";
-    readonly solidPlusCircle: "solid-plus-circle";
-    readonly solidXCircle: "solid-x-circle";
-    readonly spinner: "spinner";
-    readonly testNew: "test-new";
-    readonly viewOff: "view-off";
-    readonly view: "view";
-};
-type SvgIconProps = Omit<SVGAttributes<SVGSVGElement>, "className" | "id" | "size" | "inline"> & {
-    "size"?: "xs" | "s" | "m" | "l" | "xl";
-    "className"?: string;
-    "id": string;
-    "inline"?: boolean;
-    "data-testid"?: string;
-};
-declare const SvgIcon: ({ id, size, inline, className, "data-testid": dataTestId, ...restProps }: SvgIconProps) => JSX.Element | null;
-
-type BaseBtnProps = {
-    text?: string;
-    isPending?: boolean;
-    size?: "xs" | "s" | "m" | "l";
-    style?: "primary" | "outline" | "ghost" | "flat" | "raised";
-    action?: "default" | "danger" | "positive" | "accent";
-    icon?: string;
-    iconSize?: "xs" | "s" | "m";
-    iconColor?: "primary" | "secondary";
-    fullWidth?: boolean;
-    isIconButton?: boolean;
-    isDropdownButton?: boolean;
-    onClick?: (e: MouseEvent) => void;
-    type?: HTMLButtonElement["type"];
-    isDisabled?: boolean;
-    isActive?: boolean;
-    focusable?: boolean;
-    href?: string;
-    rounded?: boolean;
-    target?: HTMLAnchorElement["target"];
-    rel?: HTMLAnchorElement["rel"];
-    className?: string;
-    dataTestId?: string;
-    leadingSlot?: ComponentChild;
-    trailingSlot?: ComponentChild;
-    isLink?: boolean;
-    isTextTruncated?: boolean;
-    textRef?: Ref<HTMLSpanElement>;
-};
-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" | "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" | "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 OverviewLinkProps = {
-    href: string;
-    text: string;
-};
-declare const OverviewLink: ({ href, text }: OverviewLinkProps) => preact.JSX.Element;
-
-type SpinnerProps = {
-    size?: "s" | "m";
-};
-declare const Spinner: ({ size }: SpinnerProps) => preact.JSX.Element;
-
-type TextProps<Tag extends keyof JSX.IntrinsicElements = "span"> = ({
-    type?: "paragraph";
-    size?: "s" | "m" | "l";
-} | {
-    type: "ui";
-    size: "s" | "m" | "l" | "xs";
-}) & {
-    className?: string;
-    bold?: boolean;
-    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";
-    className?: string;
-    bold?: boolean;
-    tag?: keyof JSX.IntrinsicElements;
-};
-declare const Code: FunctionalComponent<CodeProps>;
-type HeadingProps = {
-    size?: "s" | "m" | "l";
-    className?: string;
-    tag?: keyof JSX.IntrinsicElements;
-} & Omit<HTMLAttributes, "size" | "className" | "tag">;
-declare const Heading: FunctionalComponent<HeadingProps>;
-
-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;
-
-interface TooltipWrapperProps {
-    "tooltipText"?: string;
-    "tooltipTextAfterClick"?: string;
-    "tooltipComponent"?: FunctionalComponent | VNode;
-    "children": VNode;
-    "placement"?: "top" | "bottom" | "left" | "right";
-    "triggerMode"?: "hover" | "click";
-    "autoHideDelay"?: number;
-    "isTriggerActive"?: boolean;
-    "data-testid"?: string;
-    "showDelay"?: number;
-    "className"?: string;
-    "triggerClassName"?: string;
-}
-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>;
-
-type UseElementTruncationOptions = {
-    observeResize?: boolean;
-};
-declare const useElementTruncation: <T extends HTMLElement>(dependencies: ReadonlyArray<unknown>, options?: UseElementTruncationOptions) => {
-    ref: (node: T | null) => void;
-    isTruncated: boolean;
-};
-
-interface StoreSignalState<T> {
-    error?: string;
-    loading: boolean;
-    data?: T;
-}
-type LoadableProps<T, K = T> = {
-    source: Signal<StoreSignalState<T>>;
-    transformData?: (data: T) => K;
-    renderData: (data: K) => JSX.Element;
-    renderLoader?: () => JSX.Element;
-    renderError?: (error: string) => JSX.Element;
-};
-declare const Loadable: <T, K = T>(props: LoadableProps<T, K>) => JSX.Element | null;
-
-declare const PageLoader: () => preact.JSX.Element;
-
-type Props$g = {
-    placeholder?: string;
-    error?: string;
-    value: string;
-    onChange: (value: string) => void;
-    changeDebounce?: number;
-    leadingSlot?: ComponentChild;
-    trailingSlot?: ComponentChild;
-};
-declare const SearchBox: (props: Props$g) => preact.JSX.Element;
-
-declare const Menu: {
-    (props: {
-        children: ComponentChildren;
-        isInitialOpened?: boolean;
-        size?: "s" | "m" | "l" | "xl";
-        placement?: "bottom-start" | "bottom-end";
-        menuTrigger: (props: {
-            onClick: () => void;
-            isOpened: boolean;
-            setIsOpened: (isOpened: boolean) => void;
-        }) => VNode;
-        menuTriggerWrapper?: "div" | "span";
-    }): preact.JSX.Element;
-    Section: FunctionalComponent<{}>;
-    Item: FunctionalComponent<ItemProps>;
-    ItemWithCheckmark: FunctionalComponent<Omit<ItemProps, "rightSlot"> & {
-        isChecked: boolean;
-    }>;
-};
-type ItemProps = {
-    children: ComponentChildren;
-    onClick?: () => void;
-    leadingIcon?: string;
-    rightSlot?: ComponentChildren;
-    closeMenuOnClick?: boolean;
-    ariaLabel?: string;
-    setIsOpened?: (isOpened: boolean) => void;
-    dataTestId?: string;
-};
-
-interface ArrowButtonProps {
-    isOpened?: boolean;
-    iconSize?: "m" | "xs" | "s";
-    buttonSize?: "m" | "xs" | "s";
-    className?: string;
-    icon?: string;
-    onClick?: VoidFunction;
-    tag?: keyof JSX.IntrinsicElements;
-}
-declare const ArrowButton: FunctionalComponent<ArrowButtonProps>;
-
-type ModalGalleryProps = {
-    attachments: AttachmentTestStepResult[] | undefined;
-};
-interface ModalDataProps<T = any> {
-    data?: T;
-    component: VNode;
-    preview?: boolean;
-    isModalOpen?: boolean;
-    closeModal?: () => void;
-    attachments?: AttachmentTestStepResult[];
-    title?: string;
-}
-interface ModalTranslations {
-    tooltipPreview: string;
-    tooltipSyntaxHighlight?: string;
-    tooltipDownload: string;
-    openInNewTabButton: string;
-}
-interface ModalTranslationsProps {
-    translations: ModalTranslations;
-}
-declare const Modal: ({ data, isModalOpen, preview: initialPreview, component, attachments, closeModal, translations, title, }: ModalDataProps & ModalTranslationsProps) => preact.JSX.Element | null;
-
-type Status = TestStatus | "total";
-
-/**
- * Tree which contains tree leaves instead of their IDs and recursive trees structure instead of groups
- */
-type RecursiveTree = DefaultTreeGroup & {
-  nodeId: string;
-  leaves: TreeLeaf[];
-  trees: RecursiveTree[];
-};
-
-type TreeLeaf = {
-  id: string;
-  nodeId: string;
-  name: string;
-  status?: TestStatus;
-  duration?: number;
-  groupOrder?: number;
-  flaky?: boolean;
-  retry?: boolean;
-  retriesCount?: number;
-  retriesStatusChange?: boolean;
-  resolution?: ResolutionCategory;
-  transition?: TestStatusTransition;
-  transitionTooltip?: string;
-  tooltips?: Record<string, string>;
-  parameters?: string[];
-};
-
-interface TreeProps {
-    statistic?: Statistic;
-    reportStatistic?: Statistic;
-    tree: RecursiveTree;
-    name?: string;
-    root?: boolean;
-    statusFilter?: Status;
-    collapsedTrees: Set<string>;
-    toggleTree: (id: string, openedByDefault?: boolean) => void;
-    navigateTo: (id: string) => void;
-    routeId?: string;
-    focusedId?: string;
-    focusIdPrefix?: string;
-    isGroupOpened?: (scopedNodeId: string, openedByDefault: boolean) => boolean;
-    showMoreLabel?: string;
-    subtreeToggleLabels?: Record<SubtreeToggleAction, string>;
-}
-declare const Tree: FunctionalComponent<TreeProps>;
-
-interface TreeHeaderProps {
-    statistic?: Statistic;
-    reportStatistic?: Statistic;
-    categoryTitle: ComponentChildren;
-    isOpened: boolean;
-    toggleTree: () => void;
-    statusFilter?: Status;
-    style?: Record<string, string>;
-    actions?: ComponentChildren;
-    focused?: boolean;
-    nodeId?: string;
-}
-declare const TreeHeader: FunctionComponent<TreeHeaderProps>;
-
-interface TreeSectionProps {
-    title: ComponentChildren;
-    isOpened: boolean;
-    toggleTree: () => void;
-    icon?: string;
-    focused?: boolean;
-    nodeId?: string;
-}
-declare const TreeSection: FunctionComponent<TreeSectionProps>;
-
-interface TreeItemProps {
-    name: string;
-    status?: TestStatus;
-    duration?: number;
-    retriesCount?: number;
-    retriesStatusChange?: boolean;
-    flaky?: boolean;
-    resolution?: ResolutionCategory;
-    transition?: TestStatusTransition;
-    transitionTooltip?: string;
-    id: string;
-    focusNodeId?: string;
-    groupOrder: number;
-    marked?: boolean;
-    focused?: boolean;
-    navigateTo: (id: string) => void;
-    tooltips?: Record<string, string>;
-    parameters?: string[];
-}
-declare const TreeItem: FunctionComponent<TreeItemProps>;
-
-interface TestStatusIconProps {
-    status?: TestStatus;
-    className?: string;
-    classNameIcon?: string;
-}
-declare const TreeItemIcon: FunctionalComponent<TestStatusIconProps>;
-
-interface TreeStatusBarProps {
-    statistic?: Statistic;
-    reportStatistic?: Statistic;
-    maxWidth?: number;
-    minWidth?: number;
-    offset?: number;
-    statusFilter?: Status;
-}
-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 = {
-    controls?: (key: string) => string;
-    imageDiff: ComponentProps<typeof ImageDiff>["i18n"];
-};
-
-interface AttachmentTestStepResultProps {
-    item: AttachmentTestStepResult;
-    previewable?: boolean;
-    highlightCode?: boolean;
-    i18n?: I18nProp$a;
-}
-declare const Attachment: (props: AttachmentTestStepResultProps) => preact.JSX.Element | null;
+import { LegendProps } from '@nivo/legends';
+import { T as TreeMapChartProps, R as ResponsiveTreeChartProps } from './index-QmAJXsgx.js';
+export { P as ParentLabelControlOptions, a as TreeMapChartNode, b as TreeMapChartWidget, c as TreeMapChartWidgetProps, u as useCoverageDiffColors, d as useCoverageDiffTextColors, e as useSuccessRateDistributionColors } from './index-QmAJXsgx.js';
+import { DefaultTreeMapDatum } from '@nivo/treemap';
+import { H as HeatMapProps, a as HeatMapLegendConfig } from './index-B-4syZ2J.js';
+export { b as HeatMapWidget, c as HeatMapWidgetProps } from './index-B-4syZ2J.js';
+export { StabilityDistributionWidget } from './StabilityDistributionWidget.js';
+export { TestBaseGrowthDynamicsChartWidget } from './TestBaseGrowthDynamicsChartWidget.js';
+export { StatusAgePyramidChartWidget } from './StatusAgePyramidChartWidget.js';
+export { TestingPyramidWidget } from './TestingPyramidWidget.js';
+export { CurrentStatusChartWidget } from './CurrentStatusChartWidget.js';
+export { StatusDynamicsChartWidget } from './StatusDynamicsChartWidget.js';
+export { StatusTransitionsChartWidget } from './StatusTransitionsChartWidget.js';
+export { DurationsChartWidget } from './DurationsChartWidget.js';
+export { TrSeveritiesChartWidget } from './TrSeveritiesChartWidget.js';
+export { DurationDynamicsChartWidget } from './DurationDynamicsChartWidget.js';
+export { Timeline } from './Timeline.js';
+export { ChartWidget, ChartWidgetProps } from './ChartWidget.js';
+export { S as SuccessRateI18n } from './successRate-De1K9gog.js';
+import '@floating-ui/dom';
+import '@preact/signals';
+import '@allurereport/core-api';
+import '@allurereport/web-commons';
+import 'sortablejs';
+import '@nivo/heatmap';
 
 declare const AttachmentCode: (props: AttachmentProps & {
     highlight?: boolean;
@@ -498,107 +75,8 @@ declare const AttachmentEmpty: ({ children }: {
     children: ComponentChildren;
 }) => preact.JSX.Element;
 
-declare const CodeViewer: FunctionalComponent<{
-    code?: string;
-    children?: ComponentChildren;
-    className?: string;
-}>;
-
 declare const HttpAttachment: ({ attachment }: AttachmentProps) => preact.JSX.Element;
 
-type Props$e = {
-    size?: "s" | "m" | "l";
-    count: number;
-    truncateCount?: boolean;
-    status?: TestStatus;
-};
-declare const Counter: (props: Props$e) => preact.JSX.Element;
-
-type Props$d = {
-    value: boolean;
-    label: string;
-    size?: "s" | "m";
-    onChange: (value: boolean) => void;
-    focusable?: boolean;
-};
-declare const Toggle: (props: Props$d) => preact.JSX.Element;
-
-type Props$c = {
-    href?: string;
-    children: ComponentChildren;
-    onClick?: (e: MouseEvent) => void;
-};
-declare const Link: (props: Props$c) => preact.JSX.Element;
-
-declare const Label: FunctionComponent;
-
-type StatusLabelProps = {
-    status: TestStatus;
-    className?: string;
-};
-declare const StatusLabel: FunctionalComponent<StatusLabelProps>;
-
-declare const ReportLogoFull: (props: {
-    className?: string;
-}) => preact.JSX.Element;
-
-declare const ReportLogo: (props: {
-    className?: string;
-    logo?: string;
-}) => preact.JSX.Element;
-
-interface WidgetProps {
-    title?: string;
-    centerContent?: boolean;
-    dropShadow?: boolean;
-}
-declare const Widget: FunctionalComponent<WidgetProps>;
-
-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: ({ className, skin, children, "data-testid": dataTestId }: TagProps) => preact.JSX.Element;
-
-type GridKind = "default" | "swap";
-interface GridProps extends HTMLAttributes$1<HTMLDivElement> {
-    options?: Options;
-    kind?: GridKind;
-    className?: string;
-}
-declare const Grid: FunctionComponent<GridProps>;
-
-interface GridItemProps extends HTMLAttributes$1<HTMLDivElement> {
-    className?: string;
-    dndEnabled?: boolean;
-}
-declare const GridItem: FunctionComponent<GridItemProps>;
-
-interface LanguagePickerProps {
-    locale: LangLocale;
-    setLocale: (locale: LangLocale) => void;
-    availableLocales?: LangLocale[];
-}
-declare const LanguagePicker: ({ locale, setLocale, availableLocales }: LanguagePickerProps) => preact.JSX.Element;
-
-type Theme = "light" | "dark" | "auto";
-interface ThemeButtonProps {
-    theme: Theme;
-    toggleTheme: () => void;
-}
-declare const ThemeButton: ({ theme, toggleTheme }: ThemeButtonProps) => preact.JSX.Element;
-
-type Props$b = {
-    icon: string;
-    tooltip?: string;
-    className?: string;
-    style?: "primary" | "secondary";
-};
-declare const IconLabel: FunctionalComponent<Props$b>;
-
 type Datum = Omit<Datum$1, "x" | "y"> & {
     x: string | number | Date;
     y: number;
@@ -682,72 +160,12 @@ 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, i18n, }: SuccessRatePieChartProps) => preact.JSX.Element;
-
-type ResponsiveTreeChartProps<Datum extends DefaultTreeMapDatum = TreeMapNode> = Omit<TreeMapSvgProps<Datum>, "width" | "height">;
-interface ParentLabelControlOptions {
-    parentSkipSize?: number;
-}
-type BaseTreeMapChartProps<Datum extends DefaultTreeMapDatum = TreeMapNode> = Omit<ResponsiveTreeChartProps<Datum>, "colors" | "tooltip"> & ParentLabelControlOptions;
-interface TreeMapChartProps<Datum extends DefaultTreeMapDatum = TreeMapNode> extends BaseTreeMapChartProps<Datum> {
-    width?: CSSProperties["width"];
-    height?: CSSProperties["height"];
-    rootAriaLabel?: string;
-    emptyLabel?: string;
-    emptyAriaLabel?: string;
-    showLegend?: boolean;
-    legendMinValue?: number;
-    legendMaxValue?: number;
-    colors: (value: number, domain?: number[]) => string;
-    missingValueColor?: string;
-    formatLegend?: (value: number) => string;
-    legendDomain?: number[];
-    tooltipRows?: TreeMapTooltipAccessor;
-}
-type TreeMapChartNode = DefaultTreeMapDatum;
-
 declare const TreeMapChart: FunctionalComponent<TreeMapChartProps & {
     labelColor?: (node: any) => string;
 }>;
 
 declare const defaultTreeChartConfig: Partial<ResponsiveTreeChartProps<DefaultTreeMapDatum>>;
 
-interface TreeMapChartWidgetProps extends Omit<TreeMapChartProps, "colors"> {
-    title: string;
-    colors: (value: number, domain?: number[]) => string;
-    formatLegend?: (value: number) => string;
-    translations: Record<string, string>;
-    showLegend?: boolean;
-    domain?: number[];
-    legendDomain?: number[];
-}
-
-declare const TreeMapChartWidget: FunctionalComponent<TreeMapChartWidgetProps & {
-    chartType: ChartType.CoverageDiff | ChartType.SuccessRateDistribution;
-    i18n?: SuccessRateI18n;
-}>;
-
-declare const useCoverageDiffColors: (theme?: string) => (value: number) => string;
-declare const useSuccessRateDistributionColors: (theme?: string) => (value: number) => string;
-declare const useCoverageDiffTextColors: (theme?: string) => (value: number) => string;
-
-type ResponsiveHeatMapProps<Datum extends HeatMapDatum = DefaultHeatMapDatum, ExtraProps extends object = Record<string, unknown>> = Omit<HeatMapSvgProps<Datum, ExtraProps>, "width" | "height">;
-type BaseHeatMapProps<Datum extends HeatMapDatum = DefaultHeatMapDatum, ExtraProps extends object = Record<string, unknown>> = Omit<ResponsiveHeatMapProps<Datum, ExtraProps>, "width" | "height" | "colors">;
-interface HeatMapProps<Datum extends HeatMapDatum = DefaultHeatMapDatum, ExtraProps extends object = Record<string, unknown>> extends BaseHeatMapProps<Datum, ExtraProps> {
-    width?: CSSProperties["width"];
-    height?: CSSProperties["height"];
-    rootAriaLabel?: string;
-    emptyLabel?: string;
-    emptyAriaLabel?: string;
-}
-type HeatMapLegendConfig = Omit<AnchoredContinuousColorsLegendProps, "scale" | "containerWidth" | "containerHeight">;
-
 declare const HeatMap: FunctionalComponent<HeatMapProps>;
 
 declare const defaultHeatMapMarginConfig: {
@@ -769,205 +187,5 @@ declare const defaultHeatMapAxisLeftConfig: AxisProps;
 declare const defaultHeatMapAxisTopConfig: AxisProps;
 declare const defaultHeatMapLegendConfig: HeatMapLegendConfig;
 
-interface HeatMapWidgetProps extends HeatMapProps {
-    title: string;
-    translations: Record<string, string>;
-}
-
-declare const HeatMapWidget: FunctionalComponent<HeatMapWidgetProps>;
-
-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$a>;
-
-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$9>;
-
-type FBSUStatus = Exclude<TestStatus, "passed">;
-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 StatusAgePyramidChartWidget: FunctionalComponent<Props$8>;
-
-type Props$7 = {
-    data: {
-        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"];
-};
-declare const TestingPyramidWidget: (props: Props$7) => JSX.Element;
-
-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$6;
-    data: Statistic;
-    statuses?: TestStatus[];
-    metric?: TestStatus;
-};
-
-declare const CurrentStatusChartWidget: FunctionalComponent<Props$6>;
-
-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;
-        id: string;
-        timestamp: number;
-        name: string;
-        url?: 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 StatusTransitionsChartWidget: FunctionalComponent<Props$4>;
-
-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$3;
-};
-
-declare const DurationsChartWidget: FunctionalComponent<Props$3>;
-
-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$2;
-};
-
-declare const TrSeveritiesChartWidget: FunctionalComponent<Props$2>;
-
-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$1;
-};
-
-declare const DurationDynamicsChartWidget: FunctionalComponent<Props$1>;
-
-type TimlineTr = Pick<TestResult, "id" | "name" | "status" | "flaky" | "isRetry" | "environment" | "start" | "duration" | "retryHash"> & {
-    host: string;
-    thread: string;
-};
-type TimelineSegment = {
-    timeRange: [Date, Date];
-    val: number;
-    status: "failed" | "broken" | "passed" | "skipped" | "unknown";
-    isRetry?: boolean;
-    label: string;
-    labelGroup: string[];
-    id: string;
-    testResultId: string;
-};
-type TimelineDataGroup = {
-    id: string;
-    name: string;
-    segments: TimelineSegment[];
-};
-type TimelineData = TimelineDataGroup[];
-type TimelineChartData = TimlineTr[];
-
-type TimelineProps = {
-    data?: TimelineData;
-    width?: number;
-    enableAnimations?: boolean;
-    onTestResultClick?: (testResultId: string) => void;
-    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;
-}>;
-
-type ReportSummary = {
-    href?: string;
-    remoteHref?: string;
-    jobHref?: string;
-    pullRequestHref?: string;
-    name: string;
-    stats: Statistic;
-    status: TestStatus;
-    duration: number;
-    plugin?: string;
-    newTests?: string[];
-    flakyTests?: string[];
-    retryTests?: string[];
-    createdAt?: number;
-};
-type StatusI18nKeys = "status.failed" | "status.broken" | "status.passed" | "status.skipped" | "status.unknown";
-type MetadataI18nKeys = "metadata.new" | "metadata.retry" | "metadata.flaky";
-type I18nKeys = `successRate.${string}` | 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: {
-    children: ComponentChildren;
-    theme: string;
-}) => preact.JSX.Element;
-
-type Size = "s" | "m" | "xs";
-type Props = {
-    title?: ComponentChildren;
-    description?: ComponentChildren;
-    icon?: string;
-    iconColor?: "purple" | "blue" | "green" | "orange" | "violet" | "sky" | "magenta" | "rose" | "red" | "amber" | "teal" | "slate";
-    fullHeight?: boolean;
-    size?: Size;
-    className?: string;
-    iconClassName?: string;
-    border?: boolean;
-};
-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, MermaidPreview, Modal, OverviewLink, 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, SuccessRateI18n, SymlogScaleOptions, TagProps, TagSkin, Theme, ThemeButtonProps, TreeMapChartNode, TreeMapChartProps, TreeMapChartWidgetProps, TrendChartKindConfig, TrendChartProps, TrendChartSliceClickHandler, TrendChartSliceTouchHandler };
+export { AttachmentCode, AttachmentEmpty, AttachmentImage, AttachmentTable, AttachmentVideo, 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, HeatMap, HeatMapProps, HtmlPreview, HttpAttachment, MarkdownPreview, MermaidPreview, ResponsiveTreeChartProps, TreeMapChart, TreeMapChartProps, TrendChart, TrendChartKind, TrendChartWidget, defaultHeatMapAxisLeftConfig, defaultHeatMapAxisTopConfig, defaultHeatMapLegendConfig, defaultHeatMapMarginConfig, defaultTreeChartConfig, defaultTrendChartAxisBottomConfig, defaultTrendChartAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig, defaultTrendChartMarginConfig, defaultTrendChartXScaleConfig, defaultTrendChartYScaleConfig, makeSymlogScale, makeSymlogScaleBySeries };
+export type { Datum, MeshTrendChartProps, Serie, Slice, SlicesTrendChartProps, SymlogScaleOptions, TrendChartKindConfig, TrendChartProps, TrendChartSliceClickHandler, TrendChartSliceTouchHandler };