@storybook/react 8.6.0-alpha.4 → 8.6.0-beta.0
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-DWFEPKAE.mjs +7 -0
- package/dist/chunk-EWIU6LHT.mjs +56 -0
- package/dist/entry-preview-docs.d.ts +1 -1
- package/dist/entry-preview-docs.mjs +2 -56
- package/dist/entry-preview.d.ts +3 -2
- package/dist/index.d.ts +8 -3
- package/dist/index.js +47 -1
- package/dist/index.mjs +2 -0
- package/dist/preview.d.ts +196 -0
- package/dist/preview.js +47 -0
- package/dist/preview.mjs +4 -0
- package/dist/public-types-cc0f5734.d.ts +40 -0
- package/dist/{public-types-af60b24f.d.ts → set-optional.d-c7228b0c.d.ts} +1 -39
- package/dist/types-5617c98e.d.ts +27 -0
- package/package.json +18 -9
- package/dist/types-ae807b03.d.ts +0 -11
package/dist/preview.mjs
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
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 { S as Simplify, a as SetOptional } from './set-optional.d-c7228b0c.js';
|
|
4
|
+
import { R as ReactRenderer } from './types-5617c98e.js';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Metadata to configure the stories for a component.
|
|
8
|
+
*
|
|
9
|
+
* @see [Default export](https://storybook.js.org/docs/api/csf#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/api/csf#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/api/csf#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 { AddMocks as A, Decorator as D, Loader as L, Meta as M, Preview as P, StoryFn as S, StoryObj as a, StoryContext as b };
|
|
@@ -1,7 +1,3 @@
|
|
|
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 { R as ReactRenderer } from './types-ae807b03.js';
|
|
4
|
-
|
|
5
1
|
declare global {
|
|
6
2
|
interface SymbolConstructor {
|
|
7
3
|
readonly observable: symbol;
|
|
@@ -193,38 +189,4 @@ type SetOptional<BaseType, Keys extends keyof BaseType> =
|
|
|
193
189
|
Partial<Pick<BaseType, Keys>>
|
|
194
190
|
>;
|
|
195
191
|
|
|
196
|
-
|
|
197
|
-
* Metadata to configure the stories for a component.
|
|
198
|
-
*
|
|
199
|
-
* @see [Default export](https://storybook.js.org/docs/api/csf#default-export)
|
|
200
|
-
*/
|
|
201
|
-
type Meta<TCmpOrArgs = Args> = [TCmpOrArgs] extends [ComponentType<any>] ? ComponentAnnotations<ReactRenderer, ComponentProps<TCmpOrArgs>> : ComponentAnnotations<ReactRenderer, TCmpOrArgs>;
|
|
202
|
-
/**
|
|
203
|
-
* Story function that represents a CSFv2 component example.
|
|
204
|
-
*
|
|
205
|
-
* @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
|
|
206
|
-
*/
|
|
207
|
-
type StoryFn<TCmpOrArgs = Args> = [TCmpOrArgs] extends [ComponentType<any>] ? AnnotatedStoryFn<ReactRenderer, ComponentProps<TCmpOrArgs>> : AnnotatedStoryFn<ReactRenderer, TCmpOrArgs>;
|
|
208
|
-
/**
|
|
209
|
-
* Story object that represents a CSFv3 component example.
|
|
210
|
-
*
|
|
211
|
-
* @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
|
|
212
|
-
*/
|
|
213
|
-
type StoryObj<TMetaOrCmpOrArgs = Args> = [TMetaOrCmpOrArgs] extends [
|
|
214
|
-
{
|
|
215
|
-
render?: ArgsStoryFn<ReactRenderer, any>;
|
|
216
|
-
component?: infer Component;
|
|
217
|
-
args?: infer DefaultArgs;
|
|
218
|
-
}
|
|
219
|
-
] ? 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>;
|
|
220
|
-
type AddMocks<TArgs, DefaultArgs> = Simplify<{
|
|
221
|
-
[T in keyof TArgs]: T extends keyof DefaultArgs ? DefaultArgs[T] extends (...args: any) => any & {
|
|
222
|
-
mock: {};
|
|
223
|
-
} ? DefaultArgs[T] : TArgs[T] : TArgs[T];
|
|
224
|
-
}>;
|
|
225
|
-
type Decorator<TArgs = StrictArgs> = DecoratorFunction<ReactRenderer, TArgs>;
|
|
226
|
-
type Loader<TArgs = StrictArgs> = LoaderFunction<ReactRenderer, TArgs>;
|
|
227
|
-
type StoryContext<TArgs = StrictArgs> = StoryContext$1<ReactRenderer, TArgs>;
|
|
228
|
-
type Preview = ProjectAnnotations<ReactRenderer>;
|
|
229
|
-
|
|
230
|
-
export { Decorator as D, Loader as L, Meta as M, Preview as P, StoryFn as S, StoryObj as a, StoryContext as b };
|
|
192
|
+
export { Simplify as S, SetOptional as a };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ComponentType, JSX } from 'react';
|
|
2
|
+
import { WebRenderer, Canvas } from 'storybook/internal/types';
|
|
3
|
+
|
|
4
|
+
interface ReactRenderer extends WebRenderer {
|
|
5
|
+
component: ComponentType<this['T']>;
|
|
6
|
+
storyResult: StoryFnReactReturnType;
|
|
7
|
+
mount: (ui?: JSX.Element) => Promise<Canvas>;
|
|
8
|
+
}
|
|
9
|
+
interface ReactParameters {
|
|
10
|
+
/** React renderer configuration */
|
|
11
|
+
react?: {
|
|
12
|
+
/**
|
|
13
|
+
* Whether to enable React Server Components
|
|
14
|
+
*
|
|
15
|
+
* @see https://storybook.js.org/docs/get-started/frameworks/nextjs#react-server-components-rsc
|
|
16
|
+
*/
|
|
17
|
+
rsc?: boolean;
|
|
18
|
+
/** Options passed to React root creation */
|
|
19
|
+
rootOptions?: {
|
|
20
|
+
/** Custom error handler for caught errors */
|
|
21
|
+
onCaughtError?: (error: unknown) => void;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
type StoryFnReactReturnType = JSX.Element;
|
|
26
|
+
|
|
27
|
+
export { ReactRenderer as R, ReactParameters as a };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react",
|
|
3
|
-
"version": "8.6.0-
|
|
3
|
+
"version": "8.6.0-beta.0",
|
|
4
4
|
"description": "Storybook React renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -25,6 +25,11 @@
|
|
|
25
25
|
"import": "./dist/index.mjs",
|
|
26
26
|
"require": "./dist/index.js"
|
|
27
27
|
},
|
|
28
|
+
"./preview": {
|
|
29
|
+
"types": "./dist/preview.d.ts",
|
|
30
|
+
"import": "./dist/preview.mjs",
|
|
31
|
+
"require": "./dist/preview.js"
|
|
32
|
+
},
|
|
28
33
|
"./experimental-playwright": {
|
|
29
34
|
"types": "./dist/playwright.d.ts",
|
|
30
35
|
"import": "./dist/playwright.mjs",
|
|
@@ -44,6 +49,9 @@
|
|
|
44
49
|
"*": [
|
|
45
50
|
"dist/index.d.ts"
|
|
46
51
|
],
|
|
52
|
+
"preview": [
|
|
53
|
+
"dist/preview.d.ts"
|
|
54
|
+
],
|
|
47
55
|
"experimental-playwright": [
|
|
48
56
|
"dist/playwright.d.ts"
|
|
49
57
|
]
|
|
@@ -62,15 +70,15 @@
|
|
|
62
70
|
"prep": "jiti ../../../scripts/prepare/bundle.ts"
|
|
63
71
|
},
|
|
64
72
|
"dependencies": {
|
|
65
|
-
"@storybook/components": "8.6.0-
|
|
73
|
+
"@storybook/components": "8.6.0-beta.0",
|
|
66
74
|
"@storybook/global": "^5.0.0",
|
|
67
|
-
"@storybook/manager-api": "8.6.0-
|
|
68
|
-
"@storybook/preview-api": "8.6.0-
|
|
69
|
-
"@storybook/react-dom-shim": "8.6.0-
|
|
70
|
-
"@storybook/theming": "8.6.0-
|
|
75
|
+
"@storybook/manager-api": "8.6.0-beta.0",
|
|
76
|
+
"@storybook/preview-api": "8.6.0-beta.0",
|
|
77
|
+
"@storybook/react-dom-shim": "8.6.0-beta.0",
|
|
78
|
+
"@storybook/theming": "8.6.0-beta.0"
|
|
71
79
|
},
|
|
72
80
|
"devDependencies": {
|
|
73
|
-
"@storybook/test": "8.6.0-
|
|
81
|
+
"@storybook/test": "8.6.0-beta.0",
|
|
74
82
|
"@types/babel-plugin-react-docgen": "^4",
|
|
75
83
|
"@types/escodegen": "^0.0.6",
|
|
76
84
|
"@types/estree": "^0.0.51",
|
|
@@ -92,10 +100,10 @@
|
|
|
92
100
|
"type-fest": "~2.19"
|
|
93
101
|
},
|
|
94
102
|
"peerDependencies": {
|
|
95
|
-
"@storybook/test": "8.6.0-
|
|
103
|
+
"@storybook/test": "8.6.0-beta.0",
|
|
96
104
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
|
|
97
105
|
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
|
|
98
|
-
"storybook": "^8.6.0-
|
|
106
|
+
"storybook": "^8.6.0-beta.0",
|
|
99
107
|
"typescript": ">= 4.2.x"
|
|
100
108
|
},
|
|
101
109
|
"peerDependenciesMeta": {
|
|
@@ -116,6 +124,7 @@
|
|
|
116
124
|
"entries": [
|
|
117
125
|
"./src/index.ts",
|
|
118
126
|
"./src/preset.ts",
|
|
127
|
+
"./src/preview.tsx",
|
|
119
128
|
"./src/entry-preview.tsx",
|
|
120
129
|
"./src/entry-preview-docs.ts",
|
|
121
130
|
"./src/entry-preview-rsc.tsx",
|
package/dist/types-ae807b03.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ComponentType, JSX } from 'react';
|
|
2
|
-
import { WebRenderer, Canvas } from 'storybook/internal/types';
|
|
3
|
-
|
|
4
|
-
interface ReactRenderer extends WebRenderer {
|
|
5
|
-
component: ComponentType<this['T']>;
|
|
6
|
-
storyResult: StoryFnReactReturnType;
|
|
7
|
-
mount: (ui?: JSX.Element) => Promise<Canvas>;
|
|
8
|
-
}
|
|
9
|
-
type StoryFnReactReturnType = JSX.Element;
|
|
10
|
-
|
|
11
|
-
export { ReactRenderer as R };
|