creevey 0.8.1-sb7.4 → 0.8.2-fix-wait.0

package/lib/cjs/client/web/main.js.LICENSE.txt

@@ -4,6 +4,21 @@ object-assign
 @license MIT
 */
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
 /** @license React v0.20.2

package/lib/cjs/server/selenium/browser.js

@@ -40,10 +40,6 @@ var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint-disable */
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-nocheck
-const storybookRootID = (0, _helpers.isStorybookVersionLessThan)(7) ? 'root' : 'storybook-root';
 const DOCKER_INTERNAL = 'host.docker.internal';
 let browserLogger = _logger.logger;
 let browserName = '';
@@ -120,10 +116,10 @@ function getUrlChecker(browser) {
       // We don't use any page load strategies except `NONE`
       // because other add significant delay and some of them don't work in earlier chrome versions
       // Browsers always load page successful even it's failed
-      // So we just check `root` element
+      // So we just check `#root` element
 
-      browserLogger.debug(`Checking ${_chalk.default.cyan(`#${storybookRootID}`)} existence on ${_chalk.default.magenta(url)}`);
-      return source.includes(`id="${storybookRootID}"`);
+      browserLogger.debug(`Checking ${_chalk.default.cyan('#root')} existence on ${_chalk.default.magenta(url)}`);
+      return source.includes('<div id="root"></div>');
     } catch (error) {
       return false;
     }
@@ -140,19 +136,12 @@ async function waitForStorybook(browser) {
     isTimeout = true;
   }, 60000);
 
-  while (wait) {
-    if ((0, _helpers.isStorybookVersionLessThan)(7)) {
-      wait = await browser.executeAsyncScript(function (SET_STORIES, callback) {
-        if (typeof window.__STORYBOOK_ADDONS_CHANNEL__ == 'undefined') return callback(true);
-        if (window.__STORYBOOK_ADDONS_CHANNEL__.last(SET_STORIES) == undefined) return callback(true);
-        return callback(false);
-      }, Events.SET_STORIES);
-    } else {
-      wait = await browser.executeAsyncScript(function (callback) {
-        return callback(typeof window.__STORYBOOK_ADDONS_CHANNEL__ == 'undefined');
-      });
-    }
-
+  while (wait !== false) {
+    wait = await browser.executeAsyncScript(function (SET_STORIES, callback) {
+      if (typeof window.__STORYBOOK_ADDONS_CHANNEL__ == 'undefined') return callback(true);
+      if (window.__STORYBOOK_ADDONS_CHANNEL__.last(SET_STORIES) == undefined) return callback(true);
+      return callback(false);
+    }, Events.SET_STORIES);
     if (!wait) clearTimeout(initiateTimeout);
   }
 
@@ -592,7 +581,7 @@ async function switchStory() {
     parameters
   } = story;
   const {
-    captureElement = `#${storybookRootID}`,
+    captureElement = '#root',
     waitForReady,
     ignoreElements
   } = parameters.creevey ?? {};

package/lib/cjs/server/stories.js

@@ -21,8 +21,6 @@ var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint-disable */
-//@ts-nocheck
 function storyTestFabric(delay, testFn) {
   return async function storyTest() {
     delay ? await new Promise(resolve => setTimeout(resolve, delay)) : void 0;

package/lib/cjs/server/storybook/entry.js

@@ -9,8 +9,6 @@ var _addons = require("@storybook/addons");
 
 var _helpers = require("./helpers");
 
-/* eslint-disable */
-//@ts-nocheck
 const framework = (0, _helpers.getStorybookFramework)(); // eslint-disable-next-line @typescript-eslint/no-var-requires
 
 const core = require((0, _helpers.resolveFromStorybook)('@storybook/core-client'));

package/lib/cjs/server/storybook/helpers.js

@@ -88,7 +88,7 @@ function getStorybookVersion() {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   const {
     version
-  } = require(resolveFromStorybook('@storybook/core-server/package.json'));
+  } = require(resolveFromStorybook('@storybook/core/package.json'));
 
   return version;
 }

package/lib/cjs/server/storybook/providers/browser.js

@@ -17,8 +17,6 @@ var _logger = require("../../logger");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint-disable */
-//@ts-nocheck
 const loadStories = async (_config, _options, storiesListener) => {
   if (_cluster.default.isPrimary) {
     return new Promise(resolve => {

package/lib/cjs/shared/index.js

@@ -9,8 +9,6 @@ var _lodash = require("lodash");
 
 var _serializeRegExp = require("./serializeRegExp");
 
-/* eslint-disable */
-//@ts-nocheck
 // NOTE: Copy-paste from storybook/api
 const combineParameters = function () {
   for (var _len = arguments.length, parameterSets = new Array(_len), _key = 0; _key < _len; _key++) {

package/lib/cjs/types.js

@@ -17,9 +17,6 @@ exports.isWebpackMessage = isWebpackMessage;
 exports.isWorkerMessage = isWorkerMessage;
 exports.noop = noop;
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-nocheck
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 /* eslint-enable @typescript-eslint/no-explicit-any */

package/lib/esm/client/addon/Manager.js

@@ -1,9 +1,5 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-nocheck
-
-/* eslint-disable */
 import { SET_STORIES, STORY_RENDERED } from '@storybook/core-events';
 import { denormalizeStoryParameters } from '../../shared';
 import { isDefined } from '../../types';

package/lib/esm/client/addon/components/Tools.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-nocheck
 import React, { Fragment, useState, useEffect } from 'react';
 import { IconButton, Icons, Separator } from '@storybook/components';
 import { ForwardIcon, NextIcon } from './Icons';

package/lib/esm/client/addon/register.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-nocheck
 import { addons, types } from '@storybook/addons';
 import React from 'react';
 import { Addon } from './components/Addon';

package/lib/esm/client/addon/withCreevey.js

@@ -1,7 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-
-/* eslint-disable */
 import * as Events from '@storybook/core-events';
 import * as polyfill from 'event-source-polyfill';
 import { buildQueries, within } from '@storybook/testing-library';

package/lib/esm/server/selenium/browser.js

@@ -1,6 +1,3 @@
-/* eslint-disable */
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-nocheck
 import chalk from 'chalk';
 import http from 'http';
 import https from 'https';
@@ -13,9 +10,8 @@ import { PageLoadStrategy } from 'selenium-webdriver/lib/capabilities';
 import { isDefined, noop } from '../../types';
 import { colors, logger } from '../logger';
 import { emitStoriesMessage, subscribeOn } from '../messages';
-import { importStorybookCoreEvents, isStorybookVersionLessThan } from '../storybook/helpers';
+import { importStorybookCoreEvents } from '../storybook/helpers';
 import { isShuttingDown, LOCALHOST_REGEXP, runSequence } from '../utils';
-const storybookRootID = isStorybookVersionLessThan(7) ? 'root' : 'storybook-root';
 const DOCKER_INTERNAL = 'host.docker.internal';
 let browserLogger = logger;
 let browserName = '';
@@ -92,10 +88,10 @@ function getUrlChecker(browser) {
       // We don't use any page load strategies except `NONE`
       // because other add significant delay and some of them don't work in earlier chrome versions
       // Browsers always load page successful even it's failed
-      // So we just check `root` element
+      // So we just check `#root` element
 
-      browserLogger.debug(`Checking ${chalk.cyan(`#${storybookRootID}`)} existence on ${chalk.magenta(url)}`);
-      return source.includes(`id="${storybookRootID}"`);
+      browserLogger.debug(`Checking ${chalk.cyan('#root')} existence on ${chalk.magenta(url)}`);
+      return source.includes('<div id="root"></div>');
     } catch (error) {
       return false;
     }
@@ -112,19 +108,12 @@ async function waitForStorybook(browser) {
     isTimeout = true;
   }, 60000);
 
-  while (wait) {
-    if (isStorybookVersionLessThan(7)) {
-      wait = await browser.executeAsyncScript(function (SET_STORIES, callback) {
-        if (typeof window.__STORYBOOK_ADDONS_CHANNEL__ == 'undefined') return callback(true);
-        if (window.__STORYBOOK_ADDONS_CHANNEL__.last(SET_STORIES) == undefined) return callback(true);
-        return callback(false);
-      }, Events.SET_STORIES);
-    } else {
-      wait = await browser.executeAsyncScript(function (callback) {
-        return callback(typeof window.__STORYBOOK_ADDONS_CHANNEL__ == 'undefined');
-      });
-    }
-
+  while (wait !== false) {
+    wait = await browser.executeAsyncScript(function (SET_STORIES, callback) {
+      if (typeof window.__STORYBOOK_ADDONS_CHANNEL__ == 'undefined') return callback(true);
+      if (window.__STORYBOOK_ADDONS_CHANNEL__.last(SET_STORIES) == undefined) return callback(true);
+      return callback(false);
+    }, Events.SET_STORIES);
     if (!wait) clearTimeout(initiateTimeout);
   }
 
@@ -559,7 +548,7 @@ export async function switchStory() {
     parameters
   } = story;
   const {
-    captureElement = `#${storybookRootID}`,
+    captureElement = '#root',
     waitForReady,
     ignoreElements
   } = parameters.creevey ?? {};

package/lib/esm/server/stories.js

@@ -1,5 +1,3 @@
-/* eslint-disable */
-//@ts-nocheck
 import path from 'path';
 import { mkdirSync, writeFileSync } from 'fs';
 import { createHash } from 'crypto';

package/lib/esm/server/storybook/entry.js

@@ -1,5 +1,3 @@
-/* eslint-disable */
-//@ts-nocheck
 import { addons } from '@storybook/addons';
 import { getStorybookFramework, resolveFromStorybook } from './helpers';
 const framework = getStorybookFramework(); // eslint-disable-next-line @typescript-eslint/no-var-requires

package/lib/esm/server/storybook/helpers.js

@@ -1,5 +1,3 @@
-/* eslint-disable */
-//@ts-nocheck
 import path from 'path';
 import resolveFrom from 'resolve-from';
 const supportedFrameworks = ['react', 'vue', 'vue3', 'angular', 'marionette', 'mithril', 'marko', 'html', 'svelte', 'riot', 'ember', 'preact', 'rax', 'aurelia', 'server', 'web-components'];
@@ -37,7 +35,7 @@ export function getStorybookVersion() {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   const {
     version
-  } = require(resolveFromStorybook('@storybook/core-server/package.json'));
+  } = require(resolveFromStorybook('@storybook/core/package.json'));
 
   return version;
 }

package/lib/esm/server/storybook/providers/browser.js

@@ -1,5 +1,3 @@
-/* eslint-disable */
-//@ts-nocheck
 import cluster from 'cluster';
 import { loadStoriesFromBrowser } from '../../selenium';
 import { emitStoriesMessage, sendStoriesMessage, subscribeOn, subscribeOnWorker } from '../../messages';

package/lib/esm/server/storybook/providers/nodejs.js

@@ -1,6 +1,3 @@
-/* eslint-disable */
-//@ts-nocheck
-
 /* eslint-disable @typescript-eslint/no-var-requires, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment */
 import path from 'path';
 import cluster from 'cluster';

package/lib/esm/shared/index.js

@@ -1,5 +1,3 @@
-/* eslint-disable */
-//@ts-nocheck
 import { mapValues, mergeWith, cloneDeepWith } from 'lodash';
 import { deserializeRegExp, isSerializedRegExp, isRegExp, serializeRegExp } from './serializeRegExp'; // NOTE: Copy-paste from storybook/api
 

package/lib/esm/types.js

@@ -1,6 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-nocheck
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 /* eslint-enable @typescript-eslint/no-explicit-any */

package/lib/types/client/addon/components/Addon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreeveyManager } from '../Manager';
 interface AddonProps {
     active?: boolean;

package/lib/types/client/addon/components/Icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IconProps {
     width?: number;
     height?: number;

package/lib/types/client/addon/components/Panel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TestData } from '../../../types';
 interface PanelProps {
     tests: TestData[];

package/lib/types/client/addon/components/TestSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TestData } from '../../../types';
 interface TestSelectProps {
     tests: TestData[];

package/lib/types/client/addon/components/Tools.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreeveyManager } from '../Manager';
 interface ToolsProps {
     manager: CreeveyManager;

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

@@ -1 +1 @@
-export declare const decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
+export declare const decorators: import("@storybook/addons").MakeDecoratorResult[];

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

@@ -1,5 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const BlendView: React.FC<Pick<ViewPropsWithTheme, "diff" | "actual" | "expect"> & {
-    theme?: import("@storybook/theming").Theme | undefined;
-}>;
+export declare const BlendView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Images, ImagesViewMode } from '../../../../types';
 import { Theme } from '@storybook/theming';
 export declare const themeBorderColors: {

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

@@ -1,5 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const SideBySideView: React.FC<Pick<ViewPropsWithTheme, "diff" | "actual" | "expect"> & {
-    theme?: import("@storybook/theming").Theme | undefined;
-}>;
+export declare const SideBySideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

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

@@ -1,5 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const SlideView: React.FC<Pick<ViewPropsWithTheme, "diff" | "actual" | "expect"> & {
-    theme?: import("@storybook/theming").Theme | undefined;
-}>;
+export declare const SlideView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

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

@@ -1,5 +1,3 @@
 import React from 'react';
 import { ViewPropsWithTheme } from './ImagesView';
-export declare const SwapView: React.FC<Pick<ViewPropsWithTheme, "diff" | "actual" | "expect"> & {
-    theme?: import("@storybook/theming").Theme | undefined;
-}>;
+export declare const SwapView: React.FC<import("@storybook/theming").AddOptionalTo<ViewPropsWithTheme, "theme">>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PageFooterProps {
     canApprove: boolean;
     retriesCount: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PagingProps {
     activePage: number;
     onPageChange: (pageNumber: number) => void;

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

@@ -8,7 +8,5 @@ interface ImageSwapProps {
     theme: Theme;
     error?: boolean;
 }
-export declare const ImagePreview: React.FC<Pick<ImageSwapProps, "error" | "url" | "imageName" | "onClick" | "isActive"> & {
-    theme?: Theme | undefined;
-}>;
+export declare const ImagePreview: React.FC<import("@storybook/theming").AddOptionalTo<ImageSwapProps, "theme">>;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ImagesViewMode, Images } from '../../../../types';
 interface PageHeaderProps {
     title: string[];

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

@@ -14,7 +14,5 @@ interface TestResultsProps {
     height?: string;
 }
 export declare function ResultsPageInternal({ id, path, results, approved, theme, onImageApprove, showTitle, height, }: TestResultsProps): JSX.Element;
-export declare const ResultsPage: React.FC<Pick<TestResultsProps, "results" | "id" | "path" | "approved" | "height" | "showTitle" | "onImageApprove"> & {
-    theme?: Theme | undefined;
-}>;
+export declare const ResultsPage: React.FC<import("@storybook/theming").AddOptionalTo<TestResultsProps, "theme">>;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreeveySuite } from '../../types';
 import { CreeveyClientApi } from '../shared/creeveyClientApi';
 export interface CreeveyAppProps {

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

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

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

@@ -8,10 +8,7 @@ interface BooleanProps {
 interface CheckboxState {
     indeterminate: boolean;
 }
-export declare const CheckboxContainer: import("@storybook/theming").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SearchProps {
     onChange: (arg: string) => void;
     value: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TestsStatusProps } from './TestsStatus';
 import { CreeveyViewFilter } from '../../../shared/helpers';
 interface SideBarHeaderProps {

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

@@ -6,33 +6,28 @@ export interface SuiteLinkProps {
     suite: CreeveySuite;
     'data-testid'?: string;
 }
-export declare const Container: React.FC<Pick<{
-    theme?: Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & {
+export declare const Container: React.FC<import("@storybook/theming").AddOptionalTo<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<{
     theme: Theme;
     disabled?: boolean | undefined;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-}, "as" | keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | "disabled"> & {
-    theme?: Theme | undefined;
-}>;
-export declare const Button: React.FC<Pick<{
+}, "disabled"> & {
     theme?: Theme | undefined;
-    as?: React.ElementType<any> | undefined;
 } & {
+    children?: React.ReactNode;
+}, "key" | "theme" | keyof React.HTMLAttributes<HTMLDivElement> | "disabled"> & {
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, "theme">>;
+export declare const Button: React.FC<import("@storybook/theming").AddOptionalTo<Pick<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & Pick<{
     theme: Theme;
     active?: boolean | undefined;
     focused?: boolean | undefined;
-} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: React.ReactNode;
-}, "as" | "active" | keyof React.ClassAttributes<HTMLButtonElement> | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "focused"> & {
+}, "active" | "focused"> & {
     theme?: Theme | undefined;
-}>;
-export declare const SuiteContainer: import("@storybook/theming").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: React.ElementType<any> | undefined;
 } & {
+    children?: React.ReactNode;
+}, "key" | "theme" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "active" | "focused"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "theme">>;
+export declare const SuiteContainer: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     padding: number;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, Theme>;
 export declare function SuiteLink({ title, suite, 'data-testid': dataTid }: SuiteLinkProps): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreeveyTest } from '../../../../types';
 export interface TestLinkProps {
     title: string;

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

@@ -7,6 +7,4 @@ export interface TestStatusIconProps {
     skip?: string | boolean;
     theme: Theme;
 }
-export declare const TestStatusIcon: React.FC<Pick<TestStatusIconProps, "skip" | "status" | "inverted"> & {
-    theme?: Theme | undefined;
-}>;
+export declare const TestStatusIcon: React.FC<import("@storybook/theming").AddOptionalTo<TestStatusIconProps, "theme">>;

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

@@ -6,6 +6,4 @@ export interface TestsStatusProps extends CreeveyTestsStatus {
     onClickByStatus: (value: TestStatus) => void;
     theme?: Theme;
 }
-export declare const TestsStatus: React.FC<Pick<TestsStatusProps, "onClickByStatus" | "successCount" | "failedCount" | "pendingCount" | "skippedCount"> & {
-    theme?: Theme | undefined;
-}>;
+export declare const TestsStatus: React.FC<import("@storybook/theming").AddOptionalTo<TestsStatusProps, "theme">>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ToggleProps {
     value?: boolean;
     onChange: (val: boolean) => void;

package/lib/types/server/storybook/entry.d.ts

@@ -1,16 +1,17 @@
 /// <reference types="node" />
 /// <reference types="webpack-env" />
-declare const start: typeof import("@storybook/preview-api/dist/core-client").start;
-export declare const channel: import("@storybook/channels/dist/main-c55d8855").C;
+import type { StoryApi } from '@storybook/addons';
+declare const start: typeof import("@storybook/core-client").start;
+export declare const channel: import("@storybook/channels").Channel;
 declare type ClientApi = ReturnType<typeof start>['clientApi'];
 export declare const clientApi: ClientApi;
-export declare const forceReRender: () => void;
+export declare const forceReRender: (() => never) | (() => void);
 export declare const storiesOf: (kind: string, m: NodeModule) => StoryApi;
 export declare const configure: (...args: unknown[]) => unknown;
 export declare const addDecorator: ClientApi['addDecorator'];
 export declare const addParameters: ClientApi['addParameters'];
 export declare const clearDecorators: ClientApi['clearDecorators'];
-export declare const setAddon: any;
+export declare const setAddon: (() => never) | ((addon: any) => void);
 export declare const getStorybook: ClientApi['getStorybook'];
 export declare const raw: ClientApi['raw'];
 export {};