@allurereport/web-components 3.0.0-beta.15 → 3.0.0-beta.16

package/dist/index.d.ts

@@ -1,24 +1,17 @@
 import * as preact from 'preact';
 import { JSX, FunctionalComponent, VNode, ComponentChildren, FunctionComponent } from 'preact';
 import { Signal } from '@preact/signals';
-import { AttachmentTestStepResult, Statistic, TestStatus } from '@allurereport/core-api';
+import { AttachmentTestStepResult, Statistic, TestStatus, TestStatusTransition } from '@allurereport/core-api';
 import { RecursiveTree, Status } from 'global';
-export { Attachment } from '@/components/Attachment/Attachment';
-export { AttachmentCode } from '@/components/Attachment/AttachmentCode';
-export { HtmlPreview } from '@/components/Attachment/HtmlPreview';
-export { AttachmentImage } from '@/components/Attachment/AttachmentImage';
-export { AttachmentVideo } from '@/components/Attachment/AttachmentVideo';
-export { AttachmentEmpty } from '@/components/Attachment/AttachmentEmpty';
-export { CodeViewer } from '@/components/Attachment/CodeViewer';
 import * as preact_compat from 'preact/compat';
 import { HTMLAttributes, CSSProperties } from 'preact/compat';
 import { Options } from 'sortablejs';
-import { LangLocale } from '@allurereport/web-commons';
+import { LangLocale, ChartMode } from '@allurereport/web-commons';
 import { Serie as Serie$1 } from '@/components/Charts/TrendChart';
 import * as d3_shape from 'd3-shape';
 import { PieArcDatum } from 'd3-shape';
 import { AxisProps } from '@nivo/axes';
-import { Datum as Datum$1, Serie as Serie$2, LineSvgProps, Point } from '@nivo/line';
+import { Serie as Serie$2, Datum as Datum$1, LineSvgProps, Point } from '@nivo/line';
 import { ScaleSymlogSpec, ScaleSpec } from '@nivo/scales';
 import { Margin } from '@nivo/core';
 import { LegendProps } from '@nivo/legends';
@@ -30,6 +23,10 @@ declare const allureIcons: {
     draggable: string;
     lineAlertsAlertCircle: string;
     lineAlertsNotificationBox: string;
+    lineAlertsNew: string;
+    lineAlertsMalfunctioned: string;
+    lineAlertsFixed: string;
+    lineAlertsRegressed: string;
     lineArrowsChevronDown: string;
     lineArrowsChevronDownDouble: string;
     lineArrowsChevronRight: string;
@@ -82,9 +79,15 @@ declare const allureIcons: {
     solidHelpCircle: string;
     solidMinusCircle: string;
     solidXCircle: string;
+    solidPlusCircle: string;
     spinner: string;
     view: string;
     viewOff: string;
+    lineGeneralCheckCircle: string;
+    lineGeneralHelpCircle: string;
+    lineGeneralInfoCircle: string;
+    lineGeneralMinusCircle: string;
+    lineGeneralXCircle: string;
 };
 type SvgIconProps = Omit<JSX.HTMLAttributes<SVGElement>, "className" | "id" | "size" | "inline"> & {
     "size"?: "xs" | "s" | "m";
@@ -111,6 +114,8 @@ type BaseBtnProps = {
     isDisabled?: boolean;
     isActive?: boolean;
     focusable?: boolean;
+    href?: string;
+    target?: HTMLAnchorElement["target"];
     className?: string;
     dataTestId?: string;
 };
@@ -295,6 +300,9 @@ interface TreeItemProps {
     duration?: number;
     retriesCount?: number;
     flaky?: boolean;
+    transition?: TestStatusTransition;
+    transitionText?: string;
+    transitionTooltip?: string;
     id: string;
     groupOrder: number;
     marked?: boolean;
@@ -303,7 +311,7 @@ interface TreeItemProps {
 declare const TreeItem: FunctionComponent<TreeItemProps>;
 
 interface TestStatusIconProps {
-    status?: "failed" | "broken" | "passed" | "skipped" | "unknown";
+    status?: TestStatus;
     className?: string;
     classNameIcon?: string;
 }
@@ -319,6 +327,50 @@ interface TreeStatusBarProps {
 }
 declare const TreeStatusBar: FunctionalComponent<TreeStatusBarProps>;
 
+interface AttachmentTestStepResultProps {
+    item: AttachmentTestStepResult;
+    previewable?: boolean;
+}
+declare const Attachment: FunctionalComponent<AttachmentTestStepResultProps>;
+
+declare const AttachmentCode: FunctionalComponent<{
+    item: AttachmentTestStepResult;
+    attachment: {
+        text?: string;
+    };
+}>;
+
+type HtmlAttachmentPreviewProps = {
+    attachment: {
+        text: string;
+    };
+};
+declare const HtmlPreview: FunctionalComponent<HtmlAttachmentPreviewProps>;
+
+declare const AttachmentImage: FunctionalComponent<{
+    attachment: {
+        img: string;
+        originalFileName: string;
+    };
+}>;
+
+declare const AttachmentVideo: FunctionalComponent<{
+    attachment: {
+        src: string;
+        contentType?: string;
+    };
+}>;
+
+declare const AttachmentEmpty: ({ children }: {
+    children: ComponentChildren;
+}) => preact.JSX.Element;
+
+declare const CodeViewer: FunctionalComponent<{
+    code?: string;
+    children?: ComponentChildren;
+    className?: string;
+}>;
+
 type Props$2 = {
     size?: "s" | "m" | "l";
     count: number;
@@ -402,6 +454,7 @@ interface TrendChartWidgetProps<TSlice = {
     };
 }> {
     title: string;
+    mode: ChartMode;
     items: readonly Serie$1[];
     slices: readonly TSlice[];
     min: number;
@@ -411,7 +464,7 @@ interface TrendChartWidgetProps<TSlice = {
     rootAriaLabel?: string;
     translations: TrendChartWidgetPropsTranslations;
 }
-declare const TrendChartWidget: ({ title, items, slices, min, max, height, width, rootAriaLabel, translations, }: TrendChartWidgetProps) => preact_compat.JSX.Element;
+declare const TrendChartWidget: ({ title, mode, items, slices, min, max, height, width, rootAriaLabel, translations, }: TrendChartWidgetProps) => preact_compat.JSX.Element;
 
 type Slice$1 = {
     status: TestStatus;
@@ -492,4 +545,5 @@ declare const defaultTrendChartConfig: Partial<LineSvgProps>;
 declare const makeSymlogScale: (min: number, max: number, options?: SymlogScaleOptions) => ScaleSymlogSpec;
 declare const makeSymlogScaleBySeries: (series: Serie[], options?: SymlogScaleOptions) => ScaleSymlogSpec;
 
-export { ArrowButton, Button, Code, Counter, type Datum, DropdownButton, Grid, GridItem, type GridItemProps, type GridProps, Heading, IconButton, Label, LanguagePicker, type LanguagePickerProps, Link, Loadable, Menu, type MeshTrendChartProps, Modal, type ModalDataProps, type ModalGalleryProps, type ModalTranslations, type ModalTranslationsProps, PageLoader, ReportLogo, ReportLogoFull, SearchBox, type Serie, type Slice, type SlicesTrendChartProps, Spinner, StatusLabel, SuccessRatePieChart, type SuccessRatePieChartData, SvgIcon, type SymlogScaleOptions, Text, type Theme, ThemeButton, type ThemeButtonProps, Toggle, TooltipWrapper, Tree, TreeHeader, TreeItem, TreeItemIcon, TreeSection, TreeStatusBar, TrendChart, TrendChartKind, type TrendChartKindConfig, type TrendChartProps, type TrendChartSliceClickHandler, type TrendChartSliceTouchHandler, TrendChartWidget, Widget, allureIcons, d3Arc, d3Pie, defaultTrendChartAxisBottomConfig, defaultTrendChartAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig, defaultTrendChartMarginConfig, defaultTrendChartXScaleConfig, defaultTrendChartYScaleConfig, getChartData, getPercentage, makeSymlogScale, makeSymlogScaleBySeries };
+export { ArrowButton, Attachment, AttachmentCode, AttachmentEmpty, AttachmentImage, AttachmentVideo, Button, Code, CodeViewer, Counter, DropdownButton, Grid, GridItem, Heading, HtmlPreview, IconButton, Label, LanguagePicker, Link, Loadable, Menu, Modal, PageLoader, ReportLogo, ReportLogoFull, SearchBox, Spinner, StatusLabel, SuccessRatePieChart, SvgIcon, Text, ThemeButton, Toggle, TooltipWrapper, Tree, TreeHeader, TreeItem, TreeItemIcon, TreeSection, TreeStatusBar, TrendChart, TrendChartKind, TrendChartWidget, Widget, allureIcons, d3Arc, d3Pie, defaultTrendChartAxisBottomConfig, defaultTrendChartAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig, defaultTrendChartMarginConfig, defaultTrendChartXScaleConfig, defaultTrendChartYScaleConfig, getChartData, getPercentage, makeSymlogScale, makeSymlogScaleBySeries };
+export type { Datum, GridItemProps, GridProps, LanguagePickerProps, MeshTrendChartProps, ModalDataProps, ModalGalleryProps, ModalTranslations, ModalTranslationsProps, Serie, Slice, SlicesTrendChartProps, SuccessRatePieChartData, SymlogScaleOptions, Theme, ThemeButtonProps, TrendChartKindConfig, TrendChartProps, TrendChartSliceClickHandler, TrendChartSliceTouchHandler };