@allurereport/web-components 3.0.0-beta.10 → 3.0.0-beta.11

package/dist/index.d.ts

@@ -2,8 +2,7 @@ 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 { RecursiveTree, Status, TreeFiltersState } from 'global';
-import { StoreSignalState as StoreSignalState$1 } from '@/components/Loadable';
+import { RecursiveTree, Status } from 'global';
 export { Attachment } from '@/components/Attachment/Attachment';
 export { AttachmentCode } from '@/components/Attachment/AttachmentCode';
 export { HtmlPreview } from '@/components/Attachment/HtmlPreview';
@@ -18,6 +17,7 @@ import { CSSProperties } from 'preact/compat';
 
 declare const allureIcons: {
     arrowsChevronDown: string;
+    environment: string;
     github: string;
     lineAlertsAlertCircle: string;
     lineAlertsNotificationBox: string;
@@ -59,11 +59,14 @@ declare const allureIcons: {
     lineImagesImage: string;
     lineLayoutsColumn2: string;
     lineLayoutsLayoutTop: string;
+    lineLayoutsMaximize2: string;
+    lineLayoutsMinimize2: string;
     lineSecurityKey: string;
     lineShapesDotCircle: string;
     lineShapesMoon: string;
     lineShapesSun: string;
     lineTimeClockStopwatch: string;
+    playwrightLogo: string;
     reportLogo: string;
     solidAlertCircle: string;
     solidCheckCircle: string;
@@ -105,7 +108,7 @@ type ButtonProps = Omit<BaseBtnProps, "text" | "isIconButton" | "isDropdownButto
 declare const Button: (props: ButtonProps) => preact.JSX.Element;
 type IconButtonProps = Omit<BaseBtnProps, "text" | "icon" | "autoFocus" | "fullWidth" | "isIconButton" | "isDropdownButton"> & Pick<Required<BaseBtnProps>, "icon">;
 declare const IconButton: (props: IconButtonProps) => preact.JSX.Element;
-type DropdownButtonProps = Omit<BaseBtnProps, "type" | "autoFocus" | "isDropdownButton" | "isIconButton" | "text" | "icon" | "isActive"> & Pick<Required<BaseBtnProps>, "text"> & {
+type DropdownButtonProps = Omit<BaseBtnProps, "type" | "autoFocus" | "isDropdownButton" | "isIconButton" | "text" | "isActive"> & Pick<Required<BaseBtnProps>, "text"> & {
     isExpanded?: boolean;
 };
 declare const DropdownButton: (props: DropdownButtonProps) => preact.JSX.Element;
@@ -170,7 +173,7 @@ declare const Loadable: <T, K = T>(props: LoadableProps<T, K>) => JSX.Element |
 
 declare const PageLoader: () => preact.JSX.Element;
 
-type Props$4 = {
+type Props$3 = {
     placeholder?: string;
     invalid?: string;
     error?: string;
@@ -178,7 +181,7 @@ type Props$4 = {
     onChange: (value: string) => void;
     changeDebounce?: number;
 };
-declare const SearchBox: (props: Props$4) => preact.JSX.Element;
+declare const SearchBox: (props: Props$3) => preact.JSX.Element;
 
 declare const Menu: {
     (props: {
@@ -211,11 +214,21 @@ type ItemProps = {
     setIsOpened?: (isOpened: boolean) => void;
 };
 
+interface ArrowButtonProps {
+    isOpened?: boolean;
+    iconSize?: "m" | "xs" | "s";
+    buttonSize?: "m" | "xs" | "s";
+    className?: string;
+    icon?: string;
+    onClick?: VoidFunction;
+}
+declare const ArrowButton: FunctionalComponent<ArrowButtonProps>;
+
 type ModalGalleryProps = {
     attachments: AttachmentTestStepResult[] | undefined;
 };
 interface ModalDataProps<T = any> {
-    data: T;
+    data?: T;
     component: VNode;
     preview?: boolean;
     isModalOpen?: boolean;
@@ -235,6 +248,7 @@ declare const Modal: ({ data, isModalOpen, preview, component, attachments, clos
 
 interface TreeProps {
     statistic?: Statistic;
+    reportStatistic?: Statistic;
     tree: RecursiveTree;
     name?: string;
     root?: boolean;
@@ -243,21 +257,27 @@ interface TreeProps {
     toggleTree: (id: string) => void;
     navigateTo: (id: string) => void;
     routeId?: string;
-    statsStore: Signal<StoreSignalState$1<Statistic>>;
-    treeFiltersStore: Signal<TreeFiltersState>;
 }
-declare const Tree: FunctionComponent<TreeProps>;
+declare const Tree: FunctionalComponent<TreeProps>;
 
 interface TreeHeaderProps {
     statistic?: Statistic;
+    reportStatistic?: Statistic;
     categoryTitle: string;
     isOpened: boolean;
     toggleTree: () => void;
-    statsStore: Signal<StoreSignalState$1<Statistic>>;
-    treeFiltersStore: TreeFiltersState;
+    statusFilter?: Status;
 }
 declare const TreeHeader: FunctionComponent<TreeHeaderProps>;
 
+interface TreeSectionProps {
+    title: string;
+    isOpened: boolean;
+    toggleTree: () => void;
+    icon?: string;
+}
+declare const TreeSection: FunctionComponent<TreeSectionProps>;
+
 interface TreeItemProps {
     name: string;
     status: TestStatus;
@@ -276,39 +296,54 @@ interface TestStatusIconProps {
 }
 declare const TreeItemIcon: FunctionalComponent<TestStatusIconProps>;
 
-type Props$3 = {
+interface TreeStatusBarProps {
+    statistic?: Statistic;
+    reportStatistic?: Statistic;
+    maxWidth?: number;
+    minWidth?: number;
+    offset?: number;
+    statusFilter?: Status;
+}
+declare const TreeStatusBar: FunctionalComponent<TreeStatusBarProps>;
+
+type Props$2 = {
     size?: "s" | "m" | "l";
     count: number;
     truncateCount?: boolean;
     status?: TestStatus;
 };
-declare const Counter: (props: Props$3) => preact.JSX.Element;
+declare const Counter: (props: Props$2) => preact.JSX.Element;
 
-type Props$2 = {
+type Props$1 = {
     value: boolean;
     label: string;
     onChange: (value: boolean) => void;
     focusable?: boolean;
 };
-declare const Toggle: (props: Props$2) => preact.JSX.Element;
+declare const Toggle: (props: Props$1) => preact.JSX.Element;
 
-type Props$1 = {
+type Props = {
     href?: string;
     children: ComponentChildren;
     onClick?: (e: MouseEvent) => void;
 };
-declare const Link: (props: Props$1) => preact.JSX.Element;
+declare const Link: (props: Props) => preact.JSX.Element;
 
 type Slice = {
     status: TestStatus;
     count: number;
     d: string;
 };
-type Props = {
-    slices: Slice[];
+type SuccessRatePieChartData = {
     percentage: number;
+    slices: Slice[];
+};
+type SuccessRatePieChartProps = SuccessRatePieChartData & {
+    className?: string;
 };
-declare const SuccessRatePieChart: (props: Props) => preact.JSX.Element;
+declare const getPercentage: (value: number, total: number) => number;
+declare const getChartData: (stats: Statistic) => SuccessRatePieChartData;
+declare const SuccessRatePieChart: ({ slices, percentage, className }: SuccessRatePieChartProps) => preact.JSX.Element;
 
 declare const Label: FunctionComponent;
 
@@ -332,4 +367,19 @@ declare const defaultAxisLeftConfig: AxisProps;
 declare const defaultTrendChartConfig: Partial<LineSvgProps>;
 declare const TrendChart: FunctionalComponent<TrendChartProps>;
 
-export { Button, Code, Counter, DropdownButton, Heading, IconButton, Label, Link, Loadable, Menu, Modal, type ModalDataProps, type ModalGalleryProps, type ModalTranslations, type ModalTranslationsProps, PageLoader, SearchBox, Spinner, SuccessRatePieChart, SvgIcon, Text, Toggle, TooltipWrapper, Tree, TreeHeader, TreeItem, TreeItemIcon, TrendChart, type TrendChartData, type TrendChartDataItem, type TrendChartProps, allureIcons, defaultAxisBottomConfig, defaultAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig };
+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;
+
+export { ArrowButton, Button, Code, Counter, DropdownButton, Heading, IconButton, Label, Link, Loadable, Menu, Modal, type ModalDataProps, type ModalGalleryProps, type ModalTranslations, type ModalTranslationsProps, PageLoader, ReportLogo, ReportLogoFull, SearchBox, Spinner, StatusLabel, SuccessRatePieChart, SvgIcon, Text, Toggle, TooltipWrapper, Tree, TreeHeader, TreeItem, TreeItemIcon, TreeSection, TreeStatusBar, TrendChart, type TrendChartData, type TrendChartDataItem, type TrendChartProps, allureIcons, defaultAxisBottomConfig, defaultAxisLeftConfig, defaultTrendChartConfig, defaultTrendChartLegendConfig, getChartData, getPercentage };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}