@storybook/react 9.1.0-alpha.1 → 9.1.0-alpha.10

package/dist/index.mjs

@@ -1,14 +1,14 @@
-export { __definePreview } from './chunk-JL2J6OGA.mjs';
-import { entry_preview_exports, renderToCanvas } from './chunk-CQ7IB4U6.mjs';
-import './chunk-N3U7HZRZ.mjs';
-import './chunk-AWLHXXSE.mjs';
+export { __definePreview } from './chunk-OZUYIFQK.mjs';
+import { entry_preview_exports, renderToCanvas } from './chunk-MNKU3DTE.mjs';
+import { entry_preview_argtypes_exports } from './chunk-JQQVJC7C.mjs';
+import './chunk-6PSAWJ36.mjs';
 import './chunk-XLZBPYSH.mjs';
-import './chunk-CKO6TW2F.mjs';
+import './chunk-6BNVLEVL.mjs';
 import './chunk-XP5HYGXS.mjs';
 import { global } from '@storybook/global';
 import * as React from 'react';
-import { setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1, composeStory as composeStory$1, composeStories as composeStories$1 } from 'storybook/preview-api';
+import { composeConfigs, setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1, composeStory as composeStory$1, composeStories as composeStories$1 } from 'storybook/preview-api';
 
-var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="react");function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS),setProjectAnnotations$1(projectAnnotations)}var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS={...entry_preview_exports,renderToCanvas:async(renderContext,canvasElement)=>{if(renderContext.storyContext.testingLibraryRender==null)return renderToCanvas(renderContext,canvasElement);let{storyContext:{context,unboundStoryFn:Story,testingLibraryRender:render}}=renderContext,{unmount}=render(React.createElement(Story,{...context}),{container:context.canvasElement});return unmount}};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){return composeStory$1(story,componentAnnotations,projectAnnotations,globalThis.globalProjectAnnotations??INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,exportsName)}function composeStories(csfExports,projectAnnotations){return composeStories$1(csfExports,projectAnnotations,composeStory)}typeof module<"u"&&module?.hot?.decline();
+var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="react");function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS),setProjectAnnotations$1(projectAnnotations)}var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS=composeConfigs([entry_preview_exports,entry_preview_argtypes_exports,{renderToCanvas:async(renderContext,canvasElement)=>{if(renderContext.storyContext.testingLibraryRender==null)return renderToCanvas(renderContext,canvasElement);let{storyContext:{context,unboundStoryFn:Story,testingLibraryRender:render}}=renderContext,{unmount}=render(React.createElement(Story,{...context}),{container:context.canvasElement});return unmount}}]);function composeStory(story,componentAnnotations,projectAnnotations,exportsName){return composeStory$1(story,componentAnnotations,projectAnnotations,globalThis.globalProjectAnnotations??INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,exportsName)}function composeStories(csfExports,projectAnnotations){return composeStories$1(csfExports,projectAnnotations,composeStory)}
 
 export { INTERNAL_DEFAULT_PROJECT_ANNOTATIONS, composeStories, composeStory, setProjectAnnotations };

package/dist/preview.d.ts

@@ -1,9 +1,9 @@
 import { ComponentType } from 'react';
-import { Preview, Meta, Story } from 'storybook/internal/csf';
-import { Args, DecoratorFunction, ArgsStoryFn, ComponentAnnotations, Renderer, StoryAnnotations } from 'storybook/internal/types';
-import './observable-like.d-b7430e69.js';
-import { c as Simplify, A as AddMocks, d as SetOptional } from './public-types-ebfb1e77.js';
-import { R as ReactRenderer } from './types-5617c98e.js';
+import { PreviewAddon, InferTypes, AddonTypes, Preview, Meta, Story } from 'storybook/internal/csf';
+import { ProjectAnnotations, Args, DecoratorFunction, ArgsStoryFn, ComponentAnnotations, Renderer, StoryAnnotations } from 'storybook/internal/types';
+import { c as Simplify, A as AddMocks, d as SetOptional } from './public-types-d899d203.js';
+import { a as ReactTypes } from './types-7abe74eb.js';
+import 'react-dom/client';
 
 /**
 Remove any index signatures from the given object type, so that only explicitly defined properties remain.
@@ -171,30 +171,32 @@ type UnionToIntersection<Union> = (
 		? Intersection
 		: never;
 
-/** Do not use, use the definePreview exported from the framework instead */
-declare function __definePreview(preview: ReactPreview['input']): ReactPreview;
-interface ReactPreview extends Preview<ReactRenderer> {
-    meta<TArgs extends Args, Decorators extends DecoratorFunction<ReactRenderer, any>, TMetaArgs extends Partial<TArgs>>(meta: {
-        render?: ArgsStoryFn<ReactRenderer, TArgs>;
+declare function __definePreview<Addons extends PreviewAddon<never>[]>(input: {
+    addons: Addons;
+} & ProjectAnnotations<ReactTypes & InferTypes<Addons>>): ReactPreview<ReactTypes & InferTypes<Addons>>;
+interface ReactPreview<T extends AddonTypes> extends Preview<ReactTypes & T> {
+    meta<TArgs extends Args, Decorators extends DecoratorFunction<ReactTypes & T, any>, TMetaArgs extends Partial<TArgs>>(meta: {
+        render?: ArgsStoryFn<ReactTypes & T, TArgs>;
         component?: ComponentType<TArgs>;
         decorators?: Decorators | Decorators[];
         args?: TMetaArgs;
-    } & Omit<ComponentAnnotations<ReactRenderer, TArgs>, 'decorators'>): ReactMeta<{
-        args: Simplify<TArgs & Simplify<RemoveIndexSignature<DecoratorsArgs<ReactRenderer, Decorators>>>>;
+    } & Omit<ComponentAnnotations<ReactTypes & T, TArgs>, 'decorators' | 'component' | 'args' | 'render'>): ReactMeta<ReactTypes & T & {
+        args: Simplify<TArgs & Simplify<RemoveIndexSignature<DecoratorsArgs<ReactTypes & T, Decorators>>>>;
     }, {
         args: Partial<TArgs> extends TMetaArgs ? {} : TMetaArgs;
     }>;
 }
 type DecoratorsArgs<TRenderer extends Renderer, Decorators> = UnionToIntersection<Decorators extends DecoratorFunction<TRenderer, infer TArgs> ? TArgs : unknown>;
-interface ReactMeta<Context extends {
-    args: Args;
-}, MetaInput extends ComponentAnnotations<ReactRenderer>> extends Meta<ReactRenderer, Context['args']> {
-    story<TInput extends StoryAnnotations<ReactRenderer, Context['args']> & {
-        render: () => ReactRenderer['storyResult'];
-    }>(story: TInput): ReactStory;
-    story<TInput extends Simplify<StoryAnnotations<ReactRenderer, AddMocks<Context['args'], MetaInput['args']>, SetOptional<Context['args'], keyof Context['args'] & keyof MetaInput['args']>>>>(story: TInput): ReactStory;
+interface ReactMeta<T extends ReactTypes, MetaInput extends ComponentAnnotations<T>> extends Meta<T, MetaInput> {
+    story<TInput extends (() => ReactTypes['storyResult']) | (StoryAnnotations<T, T['args']> & {
+        render: () => ReactTypes['storyResult'];
+    })>(story?: TInput): ReactStory<T, TInput extends () => ReactTypes['storyResult'] ? {
+        render: TInput;
+    } : TInput>;
+    story<TInput extends Simplify<StoryAnnotations<T, AddMocks<T['args'], MetaInput['args']>, SetOptional<T['args'], keyof T['args'] & keyof MetaInput['args']>>>>(story?: TInput): ReactStory<T, TInput>;
 }
-interface ReactStory extends Story<ReactRenderer> {
+interface ReactStory<T extends ReactTypes, TInput extends StoryAnnotations<T, T['args']>> extends Story<T, TInput> {
+    Component: ComponentType<Partial<T['args']>>;
 }
 
 export { ReactPreview, ReactStory, __definePreview };