storybook 9.1.0-alpha.2 → 9.1.0-alpha.4
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/actions/index.cjs +16 -16
- package/dist/actions/index.d.ts +1 -38
- package/dist/actions/index.js +12 -12
- package/dist/actions/preview.cjs +25 -25
- package/dist/actions/preview.d.ts +37 -547
- package/dist/actions/preview.js +18 -18
- package/dist/backgrounds/index.cjs +12 -144
- package/dist/backgrounds/index.d.ts +1 -591
- package/dist/backgrounds/index.js +0 -130
- package/dist/backgrounds/preview.cjs +63 -63
- package/dist/backgrounds/preview.d.ts +40 -542
- package/dist/backgrounds/preview.js +47 -47
- package/dist/bin/index.cjs +50 -50
- package/dist/bin/index.js +50 -50
- package/dist/builder-manager/index.cjs +379 -378
- package/dist/builder-manager/index.d.ts +567 -2
- package/dist/builder-manager/index.js +280 -279
- package/dist/cli/bin/index.cjs +1 -1
- package/dist/cli/bin/index.js +1 -1
- package/dist/common/index.cjs +87 -79
- package/dist/common/index.d.ts +2 -2
- package/dist/common/index.js +725 -716
- package/dist/component-testing/preview.cjs +12 -12
- package/dist/component-testing/preview.d.ts +2 -2
- package/dist/component-testing/preview.js +7 -7
- package/dist/components/index.cjs +1899 -1895
- package/dist/components/index.js +1343 -1339
- package/dist/controls/index.cjs +16 -16
- package/dist/controls/index.d.ts +1 -36
- package/dist/controls/preview.cjs +17 -17
- package/dist/controls/preview.d.ts +34 -546
- package/dist/controls/preview.js +3 -3
- package/dist/csf/index.cjs +1210 -95
- package/dist/csf/index.d.ts +59 -18
- package/dist/csf/index.js +1214 -90
- package/dist/csf-tools/index.cjs +2 -1
- package/dist/csf-tools/index.js +2 -2
- package/dist/highlight/index.cjs +15 -15
- package/dist/highlight/index.d.ts +1 -12
- package/dist/highlight/index.js +4 -4
- package/dist/highlight/preview.cjs +63 -63
- package/dist/highlight/preview.d.ts +11 -546
- package/dist/highlight/preview.js +11 -10
- package/dist/manager/globals-runtime.js +31934 -31888
- package/dist/manager-api/index.cjs +1 -1
- package/dist/manager-api/index.js +1 -1
- package/dist/measure/index.cjs +12 -472
- package/dist/measure/index.d.ts +1 -566
- package/dist/measure/index.js +0 -464
- package/dist/measure/preview.cjs +127 -127
- package/dist/measure/preview.d.ts +11 -546
- package/dist/measure/preview.js +117 -117
- package/dist/outline/index.cjs +12 -524
- package/dist/outline/index.d.ts +1 -566
- package/dist/outline/index.js +0 -500
- package/dist/outline/preview.cjs +32 -32
- package/dist/outline/preview.d.ts +11 -546
- package/dist/outline/preview.js +27 -27
- package/dist/preview/runtime.js +9415 -9379
- package/dist/preview-api/index.cjs +1228 -1261
- package/dist/preview-api/index.d.ts +6 -8
- package/dist/preview-api/index.js +927 -963
- package/dist/telemetry/index.cjs +1477 -1288
- package/dist/telemetry/index.js +1503 -1314
- package/dist/test/index.cjs +4437 -4394
- package/dist/test/index.js +3776 -3733
- package/dist/test/preview.cjs +42 -42
- package/dist/test/preview.d.ts +12 -550
- package/dist/test/preview.js +36 -36
- package/dist/types/index.d.ts +5 -3
- package/dist/viewport/index.cjs +17 -24
- package/dist/viewport/index.d.ts +9 -532
- package/dist/viewport/index.js +9 -16
- package/dist/viewport/preview.cjs +22 -22
- package/dist/viewport/preview.d.ts +45 -552
- package/dist/viewport/preview.js +8 -8
- package/package.json +1 -1
package/dist/csf/index.d.ts
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import { Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, NormalizedProjectAnnotations,
|
|
1
|
+
import { StorybookTypes, Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, NormalizedProjectAnnotations, Args as Args$1, ComponentAnnotations as ComponentAnnotations$1, StoryAnnotations as StoryAnnotations$1, ComposedStoryFn } from 'storybook/internal/types';
|
|
2
|
+
import { ActionsTypes } from 'storybook/actions/preview';
|
|
3
|
+
import { BackgroundTypes } from 'storybook/backgrounds/preview';
|
|
4
|
+
import { HighlightTypes } from 'storybook/highlight/preview';
|
|
5
|
+
import { MeasureTypes } from 'storybook/measure/preview';
|
|
6
|
+
import { OutlineTypes } from 'storybook/outline/preview';
|
|
7
|
+
import { TestTypes } from 'storybook/test/preview';
|
|
8
|
+
import { ViewportTypes } from 'storybook/viewport/preview';
|
|
9
|
+
import { AddonTypes as AddonTypes$1, StoryContext as StoryContext$1 } from 'storybook/internal/csf';
|
|
2
10
|
|
|
3
11
|
declare global {
|
|
4
12
|
interface SymbolConstructor {
|
|
@@ -289,6 +297,9 @@ type SBOtherType = SBBaseType & {
|
|
|
289
297
|
};
|
|
290
298
|
type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
|
|
291
299
|
|
|
300
|
+
type CoreTypes = StorybookTypes & ActionsTypes & BackgroundTypes & HighlightTypes & MeasureTypes & OutlineTypes & TestTypes & ViewportTypes;
|
|
301
|
+
declare function getCoreAnnotations(): any[];
|
|
302
|
+
|
|
292
303
|
type StoryId = string;
|
|
293
304
|
type ComponentId = string;
|
|
294
305
|
type ComponentTitle = string;
|
|
@@ -438,7 +449,11 @@ interface GlobalTypes {
|
|
|
438
449
|
interface StrictGlobalTypes {
|
|
439
450
|
[name: string]: StrictInputType;
|
|
440
451
|
}
|
|
441
|
-
interface
|
|
452
|
+
interface AddonTypes {
|
|
453
|
+
parameters?: Record<string, any>;
|
|
454
|
+
globals?: Record<string, any>;
|
|
455
|
+
}
|
|
456
|
+
interface Renderer extends AddonTypes {
|
|
442
457
|
/** What is the type of the `component` annotation in this renderer? */
|
|
443
458
|
component: any;
|
|
444
459
|
/** What does the story function return in this renderer? */
|
|
@@ -447,6 +462,8 @@ interface Renderer {
|
|
|
447
462
|
canvasElement: any;
|
|
448
463
|
mount(): Promise<Canvas>;
|
|
449
464
|
T?: unknown;
|
|
465
|
+
args: unknown;
|
|
466
|
+
csf4: boolean;
|
|
450
467
|
}
|
|
451
468
|
/** @deprecated - Use `Renderer` */
|
|
452
469
|
type AnyFramework = Renderer;
|
|
@@ -524,7 +541,7 @@ interface BaseAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args> {
|
|
|
524
541
|
*
|
|
525
542
|
* @see [Parameters](https://storybook.js.org/docs/writing-stories/parameters)
|
|
526
543
|
*/
|
|
527
|
-
parameters?: Parameters;
|
|
544
|
+
parameters?: Parameters & (TRenderer['csf4'] extends true ? CoreTypes['parameters'] & TRenderer['parameters'] : unknown);
|
|
528
545
|
/**
|
|
529
546
|
* Dynamic data that are provided (and possibly updated by) Storybook and its addons.
|
|
530
547
|
*
|
|
@@ -589,7 +606,7 @@ interface ProjectAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args
|
|
|
589
606
|
* reverse order of initialization.
|
|
590
607
|
*/
|
|
591
608
|
beforeAll?: BeforeAll;
|
|
592
|
-
initialGlobals?: Globals;
|
|
609
|
+
initialGlobals?: Globals & (TRenderer['csf4'] extends true ? CoreTypes['globals'] & TRenderer['globals'] : unknown);
|
|
593
610
|
globalTypes?: GlobalTypes;
|
|
594
611
|
applyDecorators?: DecoratorApplicator<TRenderer, Args>;
|
|
595
612
|
runStep?: StepRunner<TRenderer, TArgs>;
|
|
@@ -657,7 +674,7 @@ interface ComponentAnnotations<TRenderer extends Renderer = Renderer, TArgs = Ar
|
|
|
657
674
|
/** Function that is executed after the story is rendered. */
|
|
658
675
|
play?: PlayFunction<TRenderer, TArgs>;
|
|
659
676
|
/** Override the globals values for all stories in this component */
|
|
660
|
-
globals?: Globals;
|
|
677
|
+
globals?: Globals & (TRenderer['csf4'] extends true ? CoreTypes['globals'] & TRenderer['globals'] : unknown);
|
|
661
678
|
}
|
|
662
679
|
type StoryAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args, TRequiredArgs = Partial<TArgs>> = BaseAnnotations<TRenderer, TArgs> & {
|
|
663
680
|
/** Override the display name in the UI (CSF v3) */
|
|
@@ -667,7 +684,7 @@ type StoryAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args, TRequ
|
|
|
667
684
|
/** Function that is executed after the story is rendered. */
|
|
668
685
|
play?: PlayFunction<TRenderer, TArgs>;
|
|
669
686
|
/** Override the globals values for this story */
|
|
670
|
-
globals?: Globals;
|
|
687
|
+
globals?: Globals & (TRenderer['csf4'] extends true ? CoreTypes['globals'] & TRenderer['globals'] : unknown);
|
|
671
688
|
/** @deprecated */
|
|
672
689
|
story?: Omit<StoryAnnotations<TRenderer, TArgs>, 'story'>;
|
|
673
690
|
} & ({} extends TRequiredArgs ? {
|
|
@@ -695,24 +712,48 @@ declare const includeConditionalArg: (argType: InputType, args: Args, globals: G
|
|
|
695
712
|
|
|
696
713
|
interface Preview<TRenderer extends Renderer$1 = Renderer$1> {
|
|
697
714
|
readonly _tag: 'Preview';
|
|
698
|
-
input: ProjectAnnotations$1<TRenderer
|
|
715
|
+
input: ProjectAnnotations$1<TRenderer> & {
|
|
716
|
+
addons?: PreviewAddon<never>[];
|
|
717
|
+
};
|
|
699
718
|
composed: NormalizedProjectAnnotations<TRenderer>;
|
|
700
|
-
meta
|
|
701
|
-
|
|
719
|
+
meta<TArgs extends Args$1, TInput extends ComponentAnnotations$1<TRenderer & {
|
|
720
|
+
args: TArgs;
|
|
721
|
+
}, TArgs>>(input: TInput): Meta<TRenderer & {
|
|
722
|
+
args: TArgs;
|
|
723
|
+
}, TInput>;
|
|
724
|
+
}
|
|
725
|
+
type InferTypes<T extends PreviewAddon<never>[]> = T extends PreviewAddon<infer C>[] ? C & {
|
|
726
|
+
csf4: true;
|
|
727
|
+
} : never;
|
|
728
|
+
declare function definePreview<TRenderer extends Renderer$1, Addons extends PreviewAddon<never>[]>(input: ProjectAnnotations$1<TRenderer> & {
|
|
729
|
+
addons?: Addons;
|
|
730
|
+
}): Preview<TRenderer & InferTypes<Addons>>;
|
|
731
|
+
interface PreviewAddon<in TExtraContext extends AddonTypes$1 = AddonTypes$1> extends ProjectAnnotations$1<Renderer$1> {
|
|
732
|
+
}
|
|
733
|
+
declare function definePreviewAddon<TExtraContext extends AddonTypes$1 = AddonTypes$1>(preview: ProjectAnnotations$1<Renderer$1>): PreviewAddon<TExtraContext>;
|
|
702
734
|
declare function isPreview(input: unknown): input is Preview<Renderer$1>;
|
|
703
|
-
interface Meta<TRenderer extends Renderer$1,
|
|
735
|
+
interface Meta<TRenderer extends Renderer$1, TInput extends ComponentAnnotations$1<TRenderer, TRenderer['args']> = ComponentAnnotations$1<TRenderer, TRenderer['args']>> {
|
|
704
736
|
readonly _tag: 'Meta';
|
|
705
|
-
input:
|
|
706
|
-
composed: NormalizedComponentAnnotations<TRenderer>;
|
|
737
|
+
input: TInput;
|
|
707
738
|
preview: Preview<TRenderer>;
|
|
708
|
-
story(input
|
|
739
|
+
story(input?: () => TRenderer['storyResult']): Story<TRenderer, {
|
|
740
|
+
render: () => TRenderer['storyResult'];
|
|
741
|
+
}>;
|
|
742
|
+
story<TInput extends StoryAnnotations$1<TRenderer, TRenderer['args']>>(input?: TInput): Story<TRenderer, TInput>;
|
|
709
743
|
}
|
|
710
744
|
declare function isMeta(input: unknown): input is Meta<Renderer$1>;
|
|
711
|
-
interface Story<TRenderer extends Renderer$1,
|
|
745
|
+
interface Story<TRenderer extends Renderer$1, TInput extends StoryAnnotations$1<TRenderer, TRenderer['args']> = StoryAnnotations$1<TRenderer, TRenderer['args']>> {
|
|
712
746
|
readonly _tag: 'Story';
|
|
713
|
-
input:
|
|
714
|
-
composed:
|
|
715
|
-
|
|
747
|
+
input: TInput;
|
|
748
|
+
composed: Pick<ComposedStoryFn<TRenderer>, 'argTypes' | 'parameters' | 'id' | 'tags' | 'globals'> & {
|
|
749
|
+
args: TRenderer['args'];
|
|
750
|
+
name: string;
|
|
751
|
+
};
|
|
752
|
+
meta: Meta<TRenderer>;
|
|
753
|
+
__compose: () => ComposedStoryFn<TRenderer>;
|
|
754
|
+
play: TInput['play'];
|
|
755
|
+
run: (context?: Partial<StoryContext$1<TRenderer, Partial<TRenderer['args']>>>) => Promise<void>;
|
|
756
|
+
extend<TInput extends StoryAnnotations$1<TRenderer, TRenderer['args']>>(input: TInput): Story<TRenderer, TInput>;
|
|
716
757
|
}
|
|
717
758
|
declare function isStory<TRenderer extends Renderer$1>(input: unknown): input is Story<TRenderer>;
|
|
718
759
|
|
|
@@ -745,4 +786,4 @@ declare const parseKind: (kind: string, { rootSeparator, groupSeparator }: Separ
|
|
|
745
786
|
/** Combine a set of project / meta / story tags, removing duplicates and handling negations. */
|
|
746
787
|
declare const combineTags: (...tags: string[]) => string[];
|
|
747
788
|
|
|
748
|
-
export { type AfterEach, type AnnotatedStoryFn, type AnyFramework, type ArgTypes, type ArgTypesEnhancer, type Args, type ArgsEnhancer, type ArgsFromMeta, type ArgsStoryFn, type BaseAnnotations, type BeforeAll, type BeforeEach, type Canvas, type CleanupCallback, type ComponentAnnotations, type ComponentId, type ComponentTitle, type Conditional, type DecoratorApplicator, type DecoratorFunction, type GlobalTypes, type Globals, type IncludeExcludeOptions, type InputType, type LegacyAnnotatedStoryFn, type LegacyStoryAnnotationsOrFn, type LegacyStoryFn, type LoaderFunction, type Meta, type Parameters, type PartialStoryFn, type PlayFunction, type PlayFunctionContext, type Preview, type ProjectAnnotations, type Renderer, type SBArrayType, type SBEnumType, type SBIntersectionType, type SBObjectType, type SBOtherType, type SBScalarType, type SBType, type SBUnionType, type SeparatorOptions, type StepFunction, type StepLabel, type StepRunner, type Story, type StoryAnnotations, type StoryAnnotationsOrFn, type StoryContext, type StoryContextForEnhancers, type StoryContextForLoaders, type StoryContextUpdate, type StoryFn, type StoryId, type StoryIdentifier, type StoryKind, type StoryName, type StrictArgTypes, type StrictArgs, type StrictGlobalTypes, type StrictInputType, type StrictParameters, type Tag, type ViewMode, combineTags, includeConditionalArg, isExportStory, isMeta, isPreview, isStory, parseKind, sanitize, storyNameFromExport, toId };
|
|
789
|
+
export { type AddonTypes, type AfterEach, type AnnotatedStoryFn, type AnyFramework, type ArgTypes, type ArgTypesEnhancer, type Args, type ArgsEnhancer, type ArgsFromMeta, type ArgsStoryFn, type BaseAnnotations, type BeforeAll, type BeforeEach, type Canvas, type CleanupCallback, type ComponentAnnotations, type ComponentId, type ComponentTitle, type Conditional, type CoreTypes, type DecoratorApplicator, type DecoratorFunction, type GlobalTypes, type Globals, type IncludeExcludeOptions, type InferTypes, type InputType, type LegacyAnnotatedStoryFn, type LegacyStoryAnnotationsOrFn, type LegacyStoryFn, type LoaderFunction, type Meta, type Parameters, type PartialStoryFn, type PlayFunction, type PlayFunctionContext, type Preview, type PreviewAddon, type ProjectAnnotations, type Renderer, type SBArrayType, type SBEnumType, type SBIntersectionType, type SBObjectType, type SBOtherType, type SBScalarType, type SBType, type SBUnionType, type SeparatorOptions, type StepFunction, type StepLabel, type StepRunner, type Story, type StoryAnnotations, type StoryAnnotationsOrFn, type StoryContext, type StoryContextForEnhancers, type StoryContextForLoaders, type StoryContextUpdate, type StoryFn, type StoryId, type StoryIdentifier, type StoryKind, type StoryName, type StrictArgTypes, type StrictArgs, type StrictGlobalTypes, type StrictInputType, type StrictParameters, type Tag, type ViewMode, combineTags, definePreview, definePreviewAddon, getCoreAnnotations, includeConditionalArg, isExportStory, isMeta, isPreview, isStory, parseKind, sanitize, storyNameFromExport, toId };
|