@storybook/react 8.4.0-alpha.4 → 8.4.0-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-IFZVX3AV.mjs +9 -0
- package/dist/chunk-XP5HYGXS.mjs +3 -0
- package/dist/entry-preview-docs.js +47 -3
- package/dist/entry-preview-docs.mjs +49 -12
- package/dist/entry-preview-rsc.mjs +1 -1
- package/dist/entry-preview.d.ts +1 -2
- package/dist/entry-preview.js +1 -1
- package/dist/entry-preview.mjs +2 -2
- package/dist/index.d.ts +2 -3
- package/dist/index.js +1 -1
- package/dist/index.mjs +2 -2
- package/dist/playwright.mjs +1 -1
- package/dist/public-types-d01beedd.d.ts +230 -0
- package/package.json +18 -20
- package/dist/chunk-CEH6MNVV.mjs +0 -3
- package/dist/chunk-NOWZNTT5.mjs +0 -10
- package/dist/public-types-1083bc5a.d.ts +0 -40
package/dist/chunk-NOWZNTT5.mjs
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { __export } from './chunk-CEH6MNVV.mjs';
|
|
2
|
-
import * as React4 from 'react';
|
|
3
|
-
import React4__default, { StrictMode, Fragment, Component } from 'react';
|
|
4
|
-
import semver from 'semver';
|
|
5
|
-
import { global } from '@storybook/global';
|
|
6
|
-
import * as DeprecatedReactTestUtils from 'react-dom/test-utils';
|
|
7
|
-
|
|
8
|
-
var entry_preview_exports={};__export(entry_preview_exports,{decorators:()=>decorators,mount:()=>mount,parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return React4__default.createElement(Component,{...args})};var reactAct=typeof React4.act=="function"?React4.act:DeprecatedReactTestUtils.act;function setReactActEnvironment(isReactActEnvironment){globalThis.IS_REACT_ACT_ENVIRONMENT=isReactActEnvironment;}function getReactActEnvironment(){return globalThis.IS_REACT_ACT_ENVIRONMENT}function withGlobalActEnvironment(actImplementation){return callback=>{let previousActEnvironment=getReactActEnvironment();setReactActEnvironment(!0);try{let callbackNeedsToBeAwaited=!1,actResult=actImplementation(()=>{let result=callback();return result!==null&&typeof result=="object"&&typeof result.then=="function"&&(callbackNeedsToBeAwaited=!0),result});if(callbackNeedsToBeAwaited){let thenable=actResult;return {then:(resolve,reject)=>{thenable.then(returnValue=>{setReactActEnvironment(previousActEnvironment),resolve(returnValue);},error=>{setReactActEnvironment(previousActEnvironment),reject(error);});}}}else return setReactActEnvironment(previousActEnvironment),actResult}catch(error){throw setReactActEnvironment(previousActEnvironment),error}}}var act3=withGlobalActEnvironment(reactAct);var{FRAMEWORK_OPTIONS}=global,ErrorBoundary=class extends Component{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidMount(){let{hasError}=this.state,{showMain}=this.props;hasError||showMain();}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:children}},Wrapper=FRAMEWORK_OPTIONS?.strictMode?StrictMode:Fragment;async function renderToCanvas({storyContext,unboundStoryFn,showMain,showException,forceRemount},canvasElement){let{renderElement,unmountElement}=await import('@storybook/react-dom-shim'),Story=unboundStoryFn,content=getReactActEnvironment()?React4__default.createElement(Story,{...storyContext}):React4__default.createElement(ErrorBoundary,{showMain,showException},React4__default.createElement(Story,{...storyContext})),element=Wrapper?React4__default.createElement(Wrapper,null,content):content;return forceRemount&&unmountElement(canvasElement),await renderElement(element,canvasElement,storyContext?.parameters?.react?.rootOptions),()=>unmountElement(canvasElement)}var mount=context=>async ui=>(ui!=null&&(context.originalStoryFn=()=>ui),await context.renderToCanvas(),context.canvas);var parameters={renderer:"react"},decorators=[(Story,context)=>{if(!context.parameters?.react?.rsc)return React4.createElement(Story,null);let major=semver.major(React4.version),minor=semver.minor(React4.version);if(major<18||major===18&&minor<3)throw new Error("React Server Components require React >= 18.3");return React4.createElement(React4.Suspense,null,React4.createElement(Story,null))}];
|
|
9
|
-
|
|
10
|
-
export { act3 as act, decorators, entry_preview_exports, getReactActEnvironment, mount, parameters, render, renderToCanvas, setReactActEnvironment };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { ComponentType, ComponentProps } from 'react';
|
|
2
|
-
import { Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations } from 'storybook/internal/types';
|
|
3
|
-
import { Simplify, SetOptional } from 'type-fest';
|
|
4
|
-
import { R as ReactRenderer } from './types-a5624094.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Metadata to configure the stories for a component.
|
|
8
|
-
*
|
|
9
|
-
* @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
|
|
10
|
-
*/
|
|
11
|
-
type Meta<TCmpOrArgs = Args> = [TCmpOrArgs] extends [ComponentType<any>] ? ComponentAnnotations<ReactRenderer, ComponentProps<TCmpOrArgs>> : ComponentAnnotations<ReactRenderer, TCmpOrArgs>;
|
|
12
|
-
/**
|
|
13
|
-
* Story function that represents a CSFv2 component example.
|
|
14
|
-
*
|
|
15
|
-
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
16
|
-
*/
|
|
17
|
-
type StoryFn<TCmpOrArgs = Args> = [TCmpOrArgs] extends [ComponentType<any>] ? AnnotatedStoryFn<ReactRenderer, ComponentProps<TCmpOrArgs>> : AnnotatedStoryFn<ReactRenderer, TCmpOrArgs>;
|
|
18
|
-
/**
|
|
19
|
-
* Story object that represents a CSFv3 component example.
|
|
20
|
-
*
|
|
21
|
-
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
22
|
-
*/
|
|
23
|
-
type StoryObj<TMetaOrCmpOrArgs = Args> = [TMetaOrCmpOrArgs] extends [
|
|
24
|
-
{
|
|
25
|
-
render?: ArgsStoryFn<ReactRenderer, any>;
|
|
26
|
-
component?: infer Component;
|
|
27
|
-
args?: infer DefaultArgs;
|
|
28
|
-
}
|
|
29
|
-
] ? Simplify<(Component extends ComponentType<any> ? ComponentProps<Component> : unknown) & ArgsFromMeta<ReactRenderer, TMetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<ReactRenderer, AddMocks<TArgs, DefaultArgs>, SetOptional<TArgs, keyof TArgs & keyof DefaultArgs>> : never : TMetaOrCmpOrArgs extends ComponentType<any> ? StoryAnnotations<ReactRenderer, ComponentProps<TMetaOrCmpOrArgs>> : StoryAnnotations<ReactRenderer, TMetaOrCmpOrArgs>;
|
|
30
|
-
type AddMocks<TArgs, DefaultArgs> = Simplify<{
|
|
31
|
-
[T in keyof TArgs]: T extends keyof DefaultArgs ? DefaultArgs[T] extends (...args: any) => any & {
|
|
32
|
-
mock: {};
|
|
33
|
-
} ? DefaultArgs[T] : TArgs[T] : TArgs[T];
|
|
34
|
-
}>;
|
|
35
|
-
type Decorator<TArgs = StrictArgs> = DecoratorFunction<ReactRenderer, TArgs>;
|
|
36
|
-
type Loader<TArgs = StrictArgs> = LoaderFunction<ReactRenderer, TArgs>;
|
|
37
|
-
type StoryContext<TArgs = StrictArgs> = StoryContext$1<ReactRenderer, TArgs>;
|
|
38
|
-
type Preview = ProjectAnnotations<ReactRenderer>;
|
|
39
|
-
|
|
40
|
-
export { Decorator as D, Loader as L, Meta as M, Preview as P, StoryFn as S, StoryObj as a, StoryContext as b };
|