creevey 0.9.0-beta.2 → 0.9.0-non-webpack.0

package/lib/types/client/addon/withCreevey.d.ts

@@ -1,24 +1,24 @@
-import type { PreviewWeb } from '@storybook/preview-web';
-import type { AnyFramework } from '@storybook/csf';
-import type { StoryStore } from '@storybook/client-api';
-import { MakeDecoratorResult, Channel } from '@storybook/addons';
-import { CaptureOptions, StoriesRaw, StorybookGlobals } from '../../types';
-declare global {
-    interface Window {
-        __CREEVEY_SERVER_HOST__: string;
-        __CREEVEY_SERVER_PORT__: number;
-        __CREEVEY_WORKER_ID__: number;
-        __CREEVEY_GET_STORIES__: () => Promise<StoriesRaw | void>;
-        __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (response: [error?: string | null, isCaptureCalled?: boolean]) => void) => void;
-        __CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
-        __CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
-        __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
-        __CREEVEY_HAS_PLAY_COMPLETED_YET__: (callback: (isPlayCompleted: boolean) => void) => void;
-        __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
-        __STORYBOOK_ADDONS_CHANNEL__: Channel;
-        __STORYBOOK_STORY_STORE__: StoryStore<AnyFramework>;
-        __STORYBOOK_PREVIEW__: PreviewWeb<AnyFramework>;
-    }
-}
-export declare function withCreevey(): MakeDecoratorResult;
-export declare function capture(options?: CaptureOptions): Promise<void>;
+import type { PreviewWeb } from '@storybook/preview-web';
+import type { AnyFramework } from '@storybook/csf';
+import type { StoryStore } from '@storybook/client-api';
+import { MakeDecoratorResult, Channel } from '@storybook/addons';
+import { CaptureOptions, StoriesRaw, StorybookGlobals } from '../../types';
+declare global {
+    interface Window {
+        __CREEVEY_SERVER_HOST__: string;
+        __CREEVEY_SERVER_PORT__: number;
+        __CREEVEY_WORKER_ID__: number;
+        __CREEVEY_GET_STORIES__: () => Promise<StoriesRaw | void>;
+        __CREEVEY_SELECT_STORY__: (storyId: string, kind: string, name: string, shouldWaitForReady: boolean, callback: (response: [error?: string | null, isCaptureCalled?: boolean]) => void) => Promise<void>;
+        __CREEVEY_UPDATE_GLOBALS__: (globals: StorybookGlobals) => void;
+        __CREEVEY_INSERT_IGNORE_STYLES__: (ignoreElements: string[]) => HTMLStyleElement;
+        __CREEVEY_REMOVE_IGNORE_STYLES__: (ignoreStyles: HTMLStyleElement) => void;
+        __CREEVEY_HAS_PLAY_COMPLETED_YET__: (callback: (isPlayCompleted: boolean) => void) => void;
+        __CREEVEY_SET_READY_FOR_CAPTURE__?: () => void;
+        __STORYBOOK_ADDONS_CHANNEL__: Channel;
+        __STORYBOOK_STORY_STORE__: StoryStore<AnyFramework>;
+        __STORYBOOK_PREVIEW__: PreviewWeb<AnyFramework>;
+    }
+}
+export declare function withCreevey(): MakeDecoratorResult;
+export declare function capture(options?: CaptureOptions): Promise<void>;

package/lib/types/client/shared/components/ImagesView/BlendView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const BlendView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const BlendView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/ImagesView.d.ts

@@ -1,25 +1,24 @@
-/// <reference types="react" />
-import { Images, ImagesViewMode } from '../../../../types';
-import { Theme } from '@storybook/theming';
-export declare const themeBorderColors: {
-    actual: string;
-    expect: string;
-    diff: string;
-};
-export declare function getBorderColor(theme: Theme, color: string): string;
-interface ViewProps {
-    actual: string;
-    diff: string;
-    expect: string;
-}
-export interface ViewPropsWithTheme extends ViewProps {
-    theme: Theme;
-}
-interface ImagesViewProps {
-    url: string;
-    image: Images;
-    canApprove: boolean;
-    mode: ImagesViewMode;
-}
-export declare function ImagesView({ url, image, canApprove, mode }: ImagesViewProps): JSX.Element;
-export {};
+import { Images, ImagesViewMode } from '../../../../types';
+import { Theme } from '@storybook/theming';
+export declare const themeBorderColors: {
+    actual: string;
+    expect: string;
+    diff: string;
+};
+export declare function getBorderColor(theme: Theme, color: string): string;
+interface ViewProps {
+    actual: string;
+    diff: string;
+    expect: string;
+}
+export interface ViewPropsWithTheme extends ViewProps {
+    theme: Theme;
+}
+interface ImagesViewProps {
+    url: string;
+    image: Images;
+    canApprove: boolean;
+    mode: ImagesViewMode;
+}
+export declare function ImagesView({ url, image, canApprove, mode }: ImagesViewProps): JSX.Element;
+export {};

package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const SideBySideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const SideBySideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/SlideView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const SlideView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const SlideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/SwapView.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ViewPropsWithTheme } from './ImagesView';
-export declare const SwapView: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ViewPropsWithTheme, "theme">>;
+import React from 'react';
+import { ViewPropsWithTheme } from './ImagesView';
+export declare const SwapView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

package/lib/types/client/shared/components/ImagesView/index.d.ts

@@ -1,5 +1,5 @@
-export { ImagesView } from './ImagesView';
-export { BlendView } from './BlendView';
-export { SideBySideView } from './SideBySideView';
-export { SlideView } from './SlideView';
-export { SwapView } from './SwapView';
+export { ImagesView } from './ImagesView';
+export { BlendView } from './BlendView';
+export { SideBySideView } from './SideBySideView';
+export { SlideView } from './SlideView';
+export { SwapView } from './SwapView';

package/lib/types/client/shared/components/PageFooter/PageFooter.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export interface PageFooterProps {
-    canApprove: boolean;
-    retriesCount: number;
-    retry: number;
-    onRetryChange: (retry: number) => void;
-    onApprove: () => void;
-}
-export declare function PageFooter({ canApprove, retriesCount, retry, onRetryChange, onApprove, }: PageFooterProps): JSX.Element;
+export interface PageFooterProps {
+    canApprove: boolean;
+    retriesCount: number;
+    retry: number;
+    onRetryChange: (retry: number) => void;
+    onApprove: () => void;
+}
+export declare function PageFooter({ canApprove, retriesCount, retry, onRetryChange, onApprove, }: PageFooterProps): JSX.Element;

package/lib/types/client/shared/components/PageFooter/Paging.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export interface PagingProps {
-    activePage: number;
-    onPageChange: (pageNumber: number) => void;
-    pagesCount: number;
-}
-export declare type ItemType = number | '.' | 'forward';
-export declare function Paging(props: PagingProps): JSX.Element;
+export interface PagingProps {
+    activePage: number;
+    onPageChange: (pageNumber: number) => void;
+    pagesCount: number;
+}
+export declare type ItemType = number | '.' | 'forward';
+export declare function Paging(props: PagingProps): JSX.Element;

package/lib/types/client/shared/components/PageHeader/ImagePreview.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Theme } from '@storybook/theming';
-interface ImageSwapProps {
-    url: string;
-    isActive: boolean;
-    onClick: (imageName: string) => void;
-    imageName: string;
-    theme: Theme;
-    error?: boolean;
-}
-export declare const ImagePreview: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<ImageSwapProps, "theme">>;
-export {};
+import React from 'react';
+import { Theme } from '@storybook/theming';
+interface ImageSwapProps {
+    url: string;
+    isActive: boolean;
+    onClick: (imageName: string) => void;
+    imageName: string;
+    theme: Theme;
+    error?: boolean;
+}
+export declare const ImagePreview: React.FC<import("@storybook/theming").AddOptionalTo<ImageSwapProps, "theme">>;
+export {};

package/lib/types/client/shared/components/PageHeader/PageHeader.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-import { ImagesViewMode, Images } from '../../../../types';
-interface PageHeaderProps {
-    title: string[];
-    images?: Partial<{
-        [name: string]: Images;
-    }>;
-    errorMessage?: string | null;
-    showViewModes: boolean;
-    showTitle?: boolean;
-    viewMode: ImagesViewMode;
-    imagesWithError?: string[];
-    onImageChange: (name: string) => void;
-    onViewModeChange: (viewMode: ImagesViewMode) => void;
-}
-export declare function PageHeader({ title, images, errorMessage, showViewModes, showTitle, viewMode, imagesWithError, onImageChange, onViewModeChange, }: PageHeaderProps): JSX.Element | null;
-export {};
+import { ImagesViewMode, Images } from '../../../../types';
+interface PageHeaderProps {
+    title: string[];
+    images?: Partial<{
+        [name: string]: Images;
+    }>;
+    errorMessage?: string | null;
+    showViewModes: boolean;
+    showTitle?: boolean;
+    viewMode: ImagesViewMode;
+    imagesWithError?: string[];
+    onImageChange: (name: string) => void;
+    onViewModeChange: (viewMode: ImagesViewMode) => void;
+}
+export declare function PageHeader({ title, images, errorMessage, showViewModes, showTitle, viewMode, imagesWithError, onImageChange, onViewModeChange, }: PageHeaderProps): JSX.Element | null;
+export {};

package/lib/types/client/shared/components/ResultsPage.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Theme } from '@storybook/theming';
-import { TestResult } from '../../../types';
-interface TestResultsProps {
-    id: string;
-    path: string[];
-    results?: TestResult[];
-    approved?: Partial<{
-        [image: string]: number;
-    }>;
-    showTitle?: boolean;
-    onImageApprove: (id: string, retry: number, image: string) => void;
-    theme: Theme;
-    height?: string;
-}
-export declare function ResultsPageInternal({ id, path, results, approved, theme, onImageApprove, showTitle, height, }: TestResultsProps): JSX.Element;
-export declare const ResultsPage: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<TestResultsProps, "theme">>;
-export {};
+import React from 'react';
+import { Theme } from '@storybook/theming';
+import { TestResult } from '../../../types';
+interface TestResultsProps {
+    id: string;
+    path: string[];
+    results?: TestResult[];
+    approved?: Partial<{
+        [image: string]: number;
+    }>;
+    showTitle?: boolean;
+    onImageApprove: (id: string, retry: number, image: string) => void;
+    theme: Theme;
+    height?: string;
+}
+export declare function ResultsPageInternal({ id, path, results, approved, theme, onImageApprove, showTitle, height, }: TestResultsProps): JSX.Element;
+export declare const ResultsPage: React.FC<import("@storybook/theming").AddOptionalTo<TestResultsProps, "theme">>;
+export {};

package/lib/types/client/shared/creeveyClientApi.d.ts

@@ -1,9 +1,9 @@
-import { CreeveyUpdate, CreeveyStatus } from '../../types';
-export interface CreeveyClientApi {
-    start: (ids: string[]) => void;
-    stop: () => void;
-    approve: (id: string, retry: number, image: string) => void;
-    onUpdate: (fn: (update: CreeveyUpdate) => void) => () => void;
-    readonly status: Promise<CreeveyStatus>;
-}
-export declare function initCreeveyClientApi(): Promise<CreeveyClientApi>;
+import { CreeveyUpdate, CreeveyStatus } from '../../types';
+export interface CreeveyClientApi {
+    start: (ids: string[]) => void;
+    stop: () => void;
+    approve: (id: string, retry: number, image: string) => void;
+    onUpdate: (fn: (update: CreeveyUpdate) => void) => () => void;
+    readonly status: Promise<CreeveyStatus>;
+}
+export declare function initCreeveyClientApi(): Promise<CreeveyClientApi>;

package/lib/types/client/shared/helpers.d.ts

@@ -1,46 +1,46 @@
-import { ThemeVars } from '@storybook/theming';
-import { RefObject } from 'react';
-import { TestData, TestStatus, CreeveySuite, CreeveyTest, CreeveyStatus } from '../../types';
-export interface CreeveyViewFilter {
-    status: TestStatus | null;
-    subStrings: string[];
-}
-export interface CreeveyTestsStatus {
-    successCount: number;
-    failedCount: number;
-    pendingCount: number;
-    skippedCount: number;
-}
-export declare function calcStatus(oldStatus?: TestStatus, newStatus?: TestStatus): TestStatus | undefined;
-export declare function getTestPath(test: Pick<TestData, 'browser' | 'testName' | 'storyPath'>): string[];
-export declare function getSuiteByPath(suite: CreeveySuite, path: string[]): CreeveySuite | CreeveyTest | undefined;
-export declare function getTestByPath(suite: CreeveySuite, path: string[]): CreeveyTest | null;
-export declare function getTestsByStoryId(suite: CreeveySuite, storyId: string): CreeveyTest[];
-export declare function checkSuite(suite: CreeveySuite, path: string[], checked: boolean): void;
-export declare function treeifyTests(testsById: CreeveyStatus['tests']): CreeveySuite;
-export declare function getCheckedTests(suite: CreeveySuite): CreeveyTest[];
-export declare function updateTestStatus(suite: CreeveySuite, path: string[], update: Partial<TestData>): void;
-export declare function removeTests(suite: CreeveySuite, path: string[]): void;
-export declare function filterTests(suite: CreeveySuite, filter: CreeveyViewFilter): CreeveySuite;
-export declare function openSuite(suite: CreeveySuite, path: string[], opened: boolean): void;
-export declare function flattenSuite(suite: CreeveySuite): Array<{
-    title: string;
-    suite: CreeveySuite | CreeveyTest;
-}>;
-export declare function countTestsStatus(suite: CreeveySuite): CreeveyTestsStatus;
-export declare function getConnectionUrl(): string;
-export declare function getImageUrl(path: string[], imageName: string): string;
-export declare function getBorderSize(element: HTMLElement): number;
-export declare function useLoadImages(s1: string, s2: string, s3: string): boolean;
-/**
- * Uses the ResizeObserver API to observe changes within the given HTML Element DOM Rect.
- *
- * @returns dimensions of element's content box (which means without paddings and border width)
- */
-export declare function useResizeObserver<T extends Element>(elementRef: RefObject<T>, onResize: () => void, debounceTimeout?: number): void;
-export declare function useApplyScale(imageRef: RefObject<HTMLImageElement>, scale: number, dependency?: unknown): void;
-export declare function useCalcScale(diffImageRef: RefObject<HTMLImageElement>, loaded: boolean): number;
-export declare function useTheme(): [ThemeVars['base'], (theme: ThemeVars['base']) => void];
-export declare function setSearchParams(testPath: string[]): void;
-export declare function getTestPathFromSearch(): string[];
-export declare function useForceUpdate(): () => void;
+import { ThemeVars } from '@storybook/theming';
+import { RefObject } from 'react';
+import { TestData, TestStatus, CreeveySuite, CreeveyTest, CreeveyStatus } from '../../types';
+export interface CreeveyViewFilter {
+    status: TestStatus | null;
+    subStrings: string[];
+}
+export interface CreeveyTestsStatus {
+    successCount: number;
+    failedCount: number;
+    pendingCount: number;
+    skippedCount: number;
+}
+export declare function calcStatus(oldStatus?: TestStatus, newStatus?: TestStatus): TestStatus | undefined;
+export declare function getTestPath(test: Pick<TestData, 'browser' | 'testName' | 'storyPath'>): string[];
+export declare function getSuiteByPath(suite: CreeveySuite, path: string[]): CreeveySuite | CreeveyTest | undefined;
+export declare function getTestByPath(suite: CreeveySuite, path: string[]): CreeveyTest | null;
+export declare function getTestsByStoryId(suite: CreeveySuite, storyId: string): CreeveyTest[];
+export declare function checkSuite(suite: CreeveySuite, path: string[], checked: boolean): void;
+export declare function treeifyTests(testsById: CreeveyStatus['tests']): CreeveySuite;
+export declare function getCheckedTests(suite: CreeveySuite): CreeveyTest[];
+export declare function updateTestStatus(suite: CreeveySuite, path: string[], update: Partial<TestData>): void;
+export declare function removeTests(suite: CreeveySuite, path: string[]): void;
+export declare function filterTests(suite: CreeveySuite, filter: CreeveyViewFilter): CreeveySuite;
+export declare function openSuite(suite: CreeveySuite, path: string[], opened: boolean): void;
+export declare function flattenSuite(suite: CreeveySuite): Array<{
+    title: string;
+    suite: CreeveySuite | CreeveyTest;
+}>;
+export declare function countTestsStatus(suite: CreeveySuite): CreeveyTestsStatus;
+export declare function getConnectionUrl(): string;
+export declare function getImageUrl(path: string[], imageName: string): string;
+export declare function getBorderSize(element: HTMLElement): number;
+export declare function useLoadImages(s1: string, s2: string, s3: string): boolean;
+/**
+ * Uses the ResizeObserver API to observe changes within the given HTML Element DOM Rect.
+ *
+ * @returns dimensions of element's content box (which means without paddings and border width)
+ */
+export declare function useResizeObserver<T extends Element>(elementRef: RefObject<T>, onResize: () => void, debounceTimeout?: number): void;
+export declare function useApplyScale(imageRef: RefObject<HTMLImageElement>, scale: number, dependency?: unknown): void;
+export declare function useCalcScale(diffImageRef: RefObject<HTMLImageElement>, loaded: boolean): number;
+export declare function useTheme(): [ThemeVars['base'], (theme: ThemeVars['base']) => void];
+export declare function setSearchParams(testPath: string[]): void;
+export declare function getTestPathFromSearch(): string[];
+export declare function useForceUpdate(): () => void;

package/lib/types/client/shared/viewMode.d.ts

@@ -1,4 +1,4 @@
-import { ImagesViewMode } from '../../types';
-export declare const VIEW_MODE_KEY = "Creevey_view_mode";
-export declare const viewModes: ImagesViewMode[];
-export declare const getViewMode: () => ImagesViewMode;
+import { ImagesViewMode } from '../../types';
+export declare const VIEW_MODE_KEY = "Creevey_view_mode";
+export declare const viewModes: ImagesViewMode[];
+export declare const getViewMode: () => ImagesViewMode;

package/lib/types/client/web/CreeveyApp.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { CreeveySuite } from '../../types';
-import { CreeveyClientApi } from '../shared/creeveyClientApi';
-export interface CreeveyAppProps {
-    api?: CreeveyClientApi;
-    initialState: {
-        tests: CreeveySuite;
-        isRunning: boolean;
-        isReport: boolean;
-    };
-}
-export declare function CreeveyApp({ api, initialState }: CreeveyAppProps): JSX.Element;
+import { CreeveySuite } from '../../types';
+import { CreeveyClientApi } from '../shared/creeveyClientApi';
+export interface CreeveyAppProps {
+    api?: CreeveyClientApi;
+    initialState: {
+        tests: CreeveySuite;
+        isRunning: boolean;
+        isReport: boolean;
+    };
+}
+export declare function CreeveyApp({ api, initialState }: CreeveyAppProps): JSX.Element;

package/lib/types/client/web/CreeveyContext.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { CreeveySuite } from '../../types';
-export interface CreeveyContextType {
-    isReport: boolean;
-    isRunning: boolean;
-    onStop: () => void;
-    onStart: (rootSuite: CreeveySuite) => void;
-    onSuiteOpen: (path: string[], opened: boolean) => void;
-    onSuiteToggle: (path: string[], checked: boolean) => void;
-}
-export declare const CreeveyContext: React.Context<CreeveyContextType>;
+import React from 'react';
+import { CreeveySuite } from '../../types';
+export interface CreeveyContextType {
+    isReport: boolean;
+    isRunning: boolean;
+    onStop: () => void;
+    onStart: (rootSuite: CreeveySuite) => void;
+    onSuiteOpen: (path: string[], opened: boolean) => void;
+    onSuiteToggle: (path: string[], checked: boolean) => void;
+}
+export declare const CreeveyContext: React.Context<CreeveyContextType>;

package/lib/types/client/web/CreeveyLoader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const rotate360: import("@emotion/serialize").Keyframes;
-export declare function CreeveyLoader(): JSX.Element;
+export declare const rotate360: import("@storybook/theming").Keyframes;
+export declare function CreeveyLoader(): JSX.Element;

package/lib/types/client/web/CreeveyView/SideBar/Checkbox.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { Theme } from '@storybook/theming';
-interface BooleanProps {
-    checked?: boolean;
-    onValueChange: (value: boolean) => void;
-    disabled?: boolean;
-}
-interface CheckboxState {
-    indeterminate: boolean;
-}
-export declare const CheckboxContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, Theme>;
-export declare class Checkbox extends React.Component<BooleanProps, CheckboxState> {
-    state: CheckboxState;
-    handleIndeterminateChange: (value: boolean) => void;
-    setIndeterminate: () => void;
-    resetIndeterminate: () => void;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { Theme } from '@storybook/theming';
+interface BooleanProps {
+    checked?: boolean;
+    onValueChange: (value: boolean) => void;
+    disabled?: boolean;
+}
+interface CheckboxState {
+    indeterminate: boolean;
+}
+export declare const CheckboxContainer: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, Theme>;
+export declare class Checkbox extends React.Component<BooleanProps, CheckboxState> {
+    state: CheckboxState;
+    handleIndeterminateChange: (value: boolean) => void;
+    setIndeterminate: () => void;
+    resetIndeterminate: () => void;
+    render(): JSX.Element;
+}
+export {};

package/lib/types/client/web/CreeveyView/SideBar/Search.d.ts

@@ -1,6 +1,6 @@
-interface SearchProps {
-    onChange: (arg: string) => void;
-    value: string;
-}
-export declare const Search: ({ onChange, value }: SearchProps) => JSX.Element;
-export {};
+interface SearchProps {
+    onChange: (arg: string) => void;
+    value: string;
+}
+export declare const Search: ({ onChange, value }: SearchProps) => JSX.Element;
+export {};

package/lib/types/client/web/CreeveyView/SideBar/SideBar.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { CreeveySuite, CreeveyTest } from '../../../../types';
-import { CreeveyViewFilter } from '../../../shared/helpers';
-export declare const SideBarContext: React.Context<{
-    onOpenTest: (test: CreeveyTest) => void;
-}>;
-export interface SideBarProps {
-    rootSuite: CreeveySuite;
-    openedTest: CreeveyTest | null;
-    onOpenTest: (test: CreeveyTest) => void;
-    filter: CreeveyViewFilter;
-    setFilter: (filter: CreeveyViewFilter) => void;
-}
-export declare function SideBar({ rootSuite, openedTest, onOpenTest, filter, setFilter }: SideBarProps): JSX.Element;
+import React from 'react';
+import { CreeveySuite, CreeveyTest } from '../../../../types';
+import { CreeveyViewFilter } from '../../../shared/helpers';
+export declare const SideBarContext: React.Context<{
+    onOpenTest: (test: CreeveyTest) => void;
+}>;
+export interface SideBarProps {
+    rootSuite: CreeveySuite;
+    openedTest: CreeveyTest | null;
+    onOpenTest: (test: CreeveyTest) => void;
+    filter: CreeveyViewFilter;
+    setFilter: (filter: CreeveyViewFilter) => void;
+}
+export declare function SideBar({ rootSuite, openedTest, onOpenTest, filter, setFilter }: SideBarProps): JSX.Element;

package/lib/types/client/web/CreeveyView/SideBar/SideBarHeader.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import { TestsStatusProps } from './TestsStatus';
-import { CreeveyViewFilter } from '../../../shared/helpers';
-interface SideBarHeaderProps {
-    testsStatus: Omit<TestsStatusProps, 'onClickByStatus'>;
-    onStart: () => void;
-    onStop: () => void;
-    filter: CreeveyViewFilter;
-    onFilterChange: (value: CreeveyViewFilter) => void;
-    canStart?: boolean;
-}
-export declare function SideBarHeader({ testsStatus, onStop, onStart, filter, onFilterChange, canStart, }: SideBarHeaderProps): JSX.Element;
-export {};
+import { TestsStatusProps } from './TestsStatus';
+import { CreeveyViewFilter } from '../../../shared/helpers';
+interface SideBarHeaderProps {
+    testsStatus: Omit<TestsStatusProps, 'onClickByStatus'>;
+    onStart: () => void;
+    onStop: () => void;
+    filter: CreeveyViewFilter;
+    onFilterChange: (value: CreeveyViewFilter) => void;
+    canStart?: boolean;
+}
+export declare function SideBarHeader({ testsStatus, onStop, onStart, filter, onFilterChange, canStart, }: SideBarHeaderProps): JSX.Element;
+export {};