@storybook/react 6.5.0-alpha.6 → 6.5.0-alpha.60

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.
Files changed (194) hide show
  1. package/dist/cjs/client/docs/config.js +29 -0
  2. package/dist/cjs/client/docs/extractArgTypes.js +54 -0
  3. package/dist/cjs/client/docs/extractProps.js +77 -0
  4. package/dist/cjs/client/docs/jsxDecorator.js +277 -0
  5. package/dist/cjs/client/docs/lib/captions.js +18 -0
  6. package/dist/cjs/client/docs/lib/componentTypes.js +24 -0
  7. package/dist/cjs/client/docs/lib/defaultValues/createDefaultValue.js +81 -0
  8. package/dist/cjs/client/docs/lib/defaultValues/createFromRawDefaultProp.js +225 -0
  9. package/dist/cjs/client/docs/lib/defaultValues/generateArray.js +29 -0
  10. package/dist/cjs/client/docs/lib/defaultValues/generateObject.js +29 -0
  11. package/dist/cjs/client/docs/lib/defaultValues/index.js +37 -0
  12. package/dist/cjs/client/docs/lib/defaultValues/prettyIdentifier.js +34 -0
  13. package/dist/cjs/client/docs/lib/generateCode.js +89 -0
  14. package/dist/cjs/client/docs/lib/index.js +63 -0
  15. package/dist/cjs/client/docs/lib/inspection/acornParser.js +254 -0
  16. package/dist/cjs/client/docs/lib/inspection/index.js +37 -0
  17. package/dist/cjs/client/docs/lib/inspection/inspectValue.js +26 -0
  18. package/dist/cjs/client/docs/lib/inspection/types.js +19 -0
  19. package/dist/cjs/client/docs/lib/isHtmlTag.js +18 -0
  20. package/dist/cjs/client/docs/propTypes/createType.js +469 -0
  21. package/dist/cjs/client/docs/propTypes/generateFuncSignature.js +78 -0
  22. package/dist/cjs/client/docs/propTypes/handleProp.js +54 -0
  23. package/dist/cjs/client/docs/propTypes/rawDefaultPropResolvers.js +47 -0
  24. package/dist/cjs/client/docs/propTypes/sortProps.js +37 -0
  25. package/dist/cjs/client/docs/react-argtypes.stories.js +129 -0
  26. package/dist/cjs/client/docs/typeScript/handleProp.js +38 -0
  27. package/dist/cjs/client/index.js +30 -14
  28. package/dist/cjs/client/preview/config.js +1 -1
  29. package/dist/cjs/client/preview/index.js +3 -3
  30. package/dist/cjs/client/preview/render.js +117 -34
  31. package/dist/cjs/client/preview/types-6-0.js +5 -1
  32. package/dist/cjs/client/preview/types-6-3.js +2 -0
  33. package/dist/cjs/client/preview/types-7-0.js +5 -1
  34. package/dist/cjs/client/preview/types.js +5 -1
  35. package/dist/cjs/client/testing/index.js +112 -0
  36. package/dist/cjs/demo/Welcome.js +7 -3
  37. package/dist/cjs/server/{framework-preset-react-docgen.js → framework-preset-react-docs.js} +21 -11
  38. package/dist/cjs/server/framework-preset-react-dom-hack.js +31 -0
  39. package/dist/cjs/server/framework-preset-react.js +2 -2
  40. package/dist/cjs/server/preset.js +4 -4
  41. package/dist/esm/client/docs/config.js +16 -0
  42. package/dist/esm/client/docs/extractArgTypes.js +39 -0
  43. package/dist/esm/client/docs/extractProps.js +54 -0
  44. package/dist/esm/client/docs/jsxDecorator.js +218 -0
  45. package/dist/esm/client/docs/lib/captions.js +6 -0
  46. package/dist/esm/client/docs/lib/componentTypes.js +9 -0
  47. package/dist/esm/client/docs/lib/defaultValues/createDefaultValue.js +67 -0
  48. package/dist/esm/client/docs/lib/defaultValues/createFromRawDefaultProp.js +191 -0
  49. package/dist/esm/client/docs/lib/defaultValues/generateArray.js +19 -0
  50. package/dist/esm/client/docs/lib/defaultValues/generateObject.js +19 -0
  51. package/dist/esm/client/docs/lib/defaultValues/index.js +2 -0
  52. package/dist/esm/client/docs/lib/defaultValues/prettyIdentifier.js +22 -0
  53. package/dist/esm/client/docs/lib/generateCode.js +68 -0
  54. package/dist/esm/client/docs/lib/index.js +4 -0
  55. package/dist/esm/client/docs/lib/inspection/acornParser.js +213 -0
  56. package/dist/esm/client/docs/lib/inspection/index.js +2 -0
  57. package/dist/esm/client/docs/lib/inspection/inspectValue.js +16 -0
  58. package/dist/esm/client/docs/lib/inspection/types.js +12 -0
  59. package/dist/esm/client/docs/lib/isHtmlTag.js +6 -0
  60. package/dist/esm/client/docs/propTypes/createType.js +449 -0
  61. package/dist/esm/client/docs/propTypes/generateFuncSignature.js +62 -0
  62. package/dist/esm/client/docs/propTypes/handleProp.js +39 -0
  63. package/dist/esm/client/docs/propTypes/rawDefaultPropResolvers.js +32 -0
  64. package/dist/esm/client/docs/propTypes/sortProps.js +24 -0
  65. package/dist/esm/client/docs/react-argtypes.stories.js +97 -0
  66. package/dist/esm/client/docs/typeScript/handleProp.js +27 -0
  67. package/dist/esm/client/index.js +1 -0
  68. package/dist/esm/client/preview/index.js +1 -1
  69. package/dist/esm/client/preview/render.js +106 -28
  70. package/dist/esm/client/preview/types-6-0.js +1 -0
  71. package/dist/esm/client/preview/types-6-3.js +3 -1
  72. package/dist/esm/client/preview/types-7-0.js +1 -0
  73. package/dist/esm/client/preview/types.js +1 -0
  74. package/dist/esm/client/testing/index.js +96 -0
  75. package/dist/esm/demo/Welcome.js +7 -4
  76. package/dist/{modern/server/framework-preset-react-docgen.js → esm/server/framework-preset-react-docs.js} +15 -11
  77. package/dist/esm/server/framework-preset-react-dom-hack.js +21 -0
  78. package/dist/esm/server/framework-preset-react.js +2 -2
  79. package/dist/esm/server/preset.js +2 -2
  80. package/dist/modern/client/docs/config.js +14 -0
  81. package/dist/modern/client/docs/extractArgTypes.js +38 -0
  82. package/dist/modern/client/docs/extractProps.js +42 -0
  83. package/dist/modern/client/docs/jsxDecorator.js +177 -0
  84. package/dist/modern/client/docs/lib/captions.js +6 -0
  85. package/dist/modern/client/docs/lib/componentTypes.js +2 -0
  86. package/dist/modern/client/docs/lib/defaultValues/createDefaultValue.js +72 -0
  87. package/dist/modern/client/docs/lib/defaultValues/createFromRawDefaultProp.js +181 -0
  88. package/dist/modern/client/docs/lib/defaultValues/generateArray.js +21 -0
  89. package/dist/modern/client/docs/lib/defaultValues/generateObject.js +21 -0
  90. package/dist/modern/client/docs/lib/defaultValues/index.js +2 -0
  91. package/dist/modern/client/docs/lib/defaultValues/prettyIdentifier.js +24 -0
  92. package/dist/modern/client/docs/lib/generateCode.js +59 -0
  93. package/dist/modern/client/docs/lib/index.js +4 -0
  94. package/dist/modern/client/docs/lib/inspection/acornParser.js +211 -0
  95. package/dist/modern/client/docs/lib/inspection/index.js +2 -0
  96. package/dist/modern/client/docs/lib/inspection/inspectValue.js +15 -0
  97. package/dist/modern/client/docs/lib/inspection/types.js +12 -0
  98. package/dist/modern/client/docs/lib/isHtmlTag.js +4 -0
  99. package/dist/modern/client/docs/propTypes/createType.js +446 -0
  100. package/dist/modern/client/docs/propTypes/generateFuncSignature.js +57 -0
  101. package/dist/modern/client/docs/propTypes/handleProp.js +39 -0
  102. package/dist/modern/client/docs/propTypes/rawDefaultPropResolvers.js +31 -0
  103. package/dist/modern/client/docs/propTypes/sortProps.js +14 -0
  104. package/dist/modern/client/docs/react-argtypes.stories.js +54 -0
  105. package/dist/modern/client/docs/typeScript/handleProp.js +28 -0
  106. package/dist/modern/client/index.js +1 -0
  107. package/dist/modern/client/preview/index.js +1 -1
  108. package/dist/modern/client/preview/render.js +52 -6
  109. package/dist/modern/client/preview/types-6-0.js +1 -0
  110. package/dist/modern/client/preview/types-6-3.js +3 -1
  111. package/dist/modern/client/preview/types-7-0.js +1 -0
  112. package/dist/modern/client/preview/types.js +1 -0
  113. package/dist/modern/client/testing/index.js +96 -0
  114. package/dist/modern/demo/Welcome.js +10 -6
  115. package/dist/{esm/server/framework-preset-react-docgen.js → modern/server/framework-preset-react-docs.js} +15 -11
  116. package/dist/modern/server/framework-preset-react-dom-hack.js +21 -0
  117. package/dist/modern/server/framework-preset-react.js +2 -2
  118. package/dist/modern/server/preset.js +2 -2
  119. package/dist/ts3.4/client/docs/config.d.ts +13 -0
  120. package/dist/ts3.4/client/docs/extractArgTypes.d.ts +2 -0
  121. package/dist/ts3.4/client/docs/extractProps.d.ts +5 -0
  122. package/dist/ts3.4/client/docs/jsxDecorator.d.ts +23 -0
  123. package/dist/ts3.4/client/docs/lib/captions.d.ts +6 -0
  124. package/dist/ts3.4/client/docs/lib/componentTypes.d.ts +2 -0
  125. package/dist/ts3.4/client/docs/lib/defaultValues/createDefaultValue.d.ts +2 -0
  126. package/dist/ts3.4/client/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +11 -0
  127. package/dist/ts3.4/client/docs/lib/defaultValues/generateArray.d.ts +3 -0
  128. package/dist/ts3.4/client/docs/lib/defaultValues/generateObject.d.ts +3 -0
  129. package/dist/ts3.4/client/docs/lib/defaultValues/index.d.ts +2 -0
  130. package/dist/ts3.4/client/docs/lib/defaultValues/prettyIdentifier.d.ts +4 -0
  131. package/dist/ts3.4/client/docs/lib/generateCode.d.ts +3 -0
  132. package/dist/ts3.4/client/docs/lib/index.d.ts +4 -0
  133. package/dist/ts3.4/client/docs/lib/inspection/acornParser.d.ts +7 -0
  134. package/dist/ts3.4/client/docs/lib/inspection/index.d.ts +2 -0
  135. package/dist/ts3.4/client/docs/lib/inspection/inspectValue.d.ts +2 -0
  136. package/dist/ts3.4/client/docs/lib/inspection/types.d.ts +50 -0
  137. package/dist/ts3.4/client/docs/lib/isHtmlTag.d.ts +1 -0
  138. package/dist/ts3.4/client/docs/propTypes/createType.d.ts +2 -0
  139. package/dist/ts3.4/client/docs/propTypes/generateFuncSignature.d.ts +4 -0
  140. package/dist/ts3.4/client/docs/propTypes/handleProp.d.ts +5 -0
  141. package/dist/ts3.4/client/docs/propTypes/rawDefaultPropResolvers.d.ts +1 -0
  142. package/dist/ts3.4/client/docs/propTypes/sortProps.d.ts +4 -0
  143. package/dist/ts3.4/client/docs/react-argtypes.stories.d.ts +1 -0
  144. package/dist/ts3.4/client/docs/typeScript/handleProp.d.ts +3 -0
  145. package/dist/ts3.4/client/index.d.ts +1 -0
  146. package/dist/ts3.4/client/testing/index.d.ts +84 -0
  147. package/dist/ts3.4/server/framework-preset-react-docs.d.ts +6 -0
  148. package/dist/ts3.4/server/framework-preset-react-dom-hack.d.ts +32 -0
  149. package/dist/ts3.4/server/framework-preset-react.d.ts +1 -46
  150. package/dist/ts3.4/server/preset.d.ts +1 -1
  151. package/dist/ts3.9/client/docs/config.d.ts +13 -0
  152. package/dist/ts3.9/client/docs/extractArgTypes.d.ts +2 -0
  153. package/dist/ts3.9/client/docs/extractProps.d.ts +5 -0
  154. package/dist/ts3.9/client/docs/jsxDecorator.d.ts +23 -0
  155. package/dist/ts3.9/client/docs/lib/captions.d.ts +6 -0
  156. package/dist/ts3.9/client/docs/lib/componentTypes.d.ts +2 -0
  157. package/dist/ts3.9/client/docs/lib/defaultValues/createDefaultValue.d.ts +2 -0
  158. package/dist/ts3.9/client/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +11 -0
  159. package/dist/ts3.9/client/docs/lib/defaultValues/generateArray.d.ts +3 -0
  160. package/dist/ts3.9/client/docs/lib/defaultValues/generateObject.d.ts +3 -0
  161. package/dist/ts3.9/client/docs/lib/defaultValues/index.d.ts +2 -0
  162. package/dist/ts3.9/client/docs/lib/defaultValues/prettyIdentifier.d.ts +4 -0
  163. package/dist/ts3.9/client/docs/lib/generateCode.d.ts +3 -0
  164. package/dist/ts3.9/client/docs/lib/index.d.ts +4 -0
  165. package/dist/ts3.9/client/docs/lib/inspection/acornParser.d.ts +7 -0
  166. package/dist/ts3.9/client/docs/lib/inspection/index.d.ts +2 -0
  167. package/dist/ts3.9/client/docs/lib/inspection/inspectValue.d.ts +2 -0
  168. package/dist/ts3.9/client/docs/lib/inspection/types.d.ts +50 -0
  169. package/dist/ts3.9/client/docs/lib/isHtmlTag.d.ts +1 -0
  170. package/dist/ts3.9/client/docs/propTypes/createType.d.ts +2 -0
  171. package/dist/ts3.9/client/docs/propTypes/generateFuncSignature.d.ts +4 -0
  172. package/dist/ts3.9/client/docs/propTypes/handleProp.d.ts +5 -0
  173. package/dist/ts3.9/client/docs/propTypes/rawDefaultPropResolvers.d.ts +1 -0
  174. package/dist/ts3.9/client/docs/propTypes/sortProps.d.ts +4 -0
  175. package/dist/ts3.9/client/docs/react-argtypes.stories.d.ts +1 -0
  176. package/dist/ts3.9/client/docs/typeScript/handleProp.d.ts +3 -0
  177. package/dist/ts3.9/client/index.d.ts +1 -0
  178. package/dist/ts3.9/client/preview/render.d.ts +1 -1
  179. package/dist/ts3.9/client/preview/types-6-0.d.ts +3 -3
  180. package/dist/ts3.9/client/preview/types-7-0.d.ts +2 -2
  181. package/dist/ts3.9/client/testing/index.d.ts +84 -0
  182. package/dist/ts3.9/server/framework-preset-cra.d.ts +1 -1
  183. package/dist/ts3.9/server/framework-preset-react-docs.d.ts +6 -0
  184. package/dist/ts3.9/server/framework-preset-react-dom-hack.d.ts +32 -0
  185. package/dist/ts3.9/server/framework-preset-react.d.ts +1 -46
  186. package/dist/ts3.9/server/options.d.ts +1 -1
  187. package/dist/ts3.9/server/preset.d.ts +2 -2
  188. package/package.json +38 -14
  189. package/types/index.ts +9 -1
  190. package/dist/cjs/typings.d.js +0 -1
  191. package/dist/esm/typings.d.js +0 -0
  192. package/dist/modern/typings.d.js +0 -0
  193. package/dist/ts3.4/server/framework-preset-react-docgen.d.ts +0 -5
  194. package/dist/ts3.9/server/framework-preset-react-docgen.d.ts +0 -5
@@ -0,0 +1,2 @@
1
+ import { PropDefaultValue } from '@storybook/docs-tools';
2
+ export declare function createDefaultValue(defaultValue: string): PropDefaultValue;
@@ -0,0 +1,11 @@
1
+ import { PropDef, PropDefaultValue } from '@storybook/docs-tools';
2
+ export declare type TypeResolver = (rawDefaultProp: any, propDef: PropDef) => PropDefaultValue;
3
+ export interface TypeResolvers {
4
+ string: TypeResolver;
5
+ object: TypeResolver;
6
+ function: TypeResolver;
7
+ default: TypeResolver;
8
+ }
9
+ export declare function extractFunctionName(func: Function, propName: string): string;
10
+ export declare function createTypeResolvers(customResolvers?: Partial<TypeResolvers>): TypeResolvers;
11
+ export declare function createDefaultValueFromRawDefaultProp(rawDefaultProp: any, propDef: PropDef, typeResolvers?: TypeResolvers): PropDefaultValue;
@@ -0,0 +1,3 @@
1
+ import { PropDefaultValue } from '@storybook/docs-tools';
2
+ import { InspectionResult } from '../inspection';
3
+ export declare function generateArray({ inferredType, ast }: InspectionResult): PropDefaultValue;
@@ -0,0 +1,3 @@
1
+ import { PropDefaultValue } from '@storybook/docs-tools';
2
+ import { InspectionResult } from '../inspection';
3
+ export declare function generateObject({ inferredType, ast }: InspectionResult): PropDefaultValue;
@@ -0,0 +1,2 @@
1
+ export * from './createDefaultValue';
2
+ export * from './createFromRawDefaultProp';
@@ -0,0 +1,4 @@
1
+ import { InspectionIdentifiableInferedType } from '../inspection';
2
+ export declare function getPrettyIdentifier(inferredType: InspectionIdentifiableInferedType): string;
3
+ export declare function getPrettyFuncIdentifier(identifier: string, hasArguments: boolean): string;
4
+ export declare function getPrettyElementIdentifier(identifier: string): string;
@@ -0,0 +1,3 @@
1
+ export declare function generateCode(ast: any, compact?: boolean): string;
2
+ export declare function generateObjectCode(ast: any, compact?: boolean): string;
3
+ export declare function generateArrayCode(ast: any, compact?: boolean): string;
@@ -0,0 +1,4 @@
1
+ export * from './captions';
2
+ export * from './isHtmlTag';
3
+ export * from './generateCode';
4
+ export * from './componentTypes';
@@ -0,0 +1,7 @@
1
+ import { InspectionInferedType } from './types';
2
+ interface ParsingResult<T> {
3
+ inferredType: T;
4
+ ast: any;
5
+ }
6
+ export declare function parse(value: string): ParsingResult<InspectionInferedType>;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ export * from './inspectValue';
@@ -0,0 +1,2 @@
1
+ import { InspectionResult } from './types';
2
+ export declare function inspectValue(value: string): InspectionResult;
@@ -0,0 +1,50 @@
1
+ export declare enum InspectionType {
2
+ IDENTIFIER = "Identifier",
3
+ LITERAL = "Literal",
4
+ OBJECT = "Object",
5
+ ARRAY = "Array",
6
+ FUNCTION = "Function",
7
+ CLASS = "Class",
8
+ ELEMENT = "Element",
9
+ UNKNOWN = "Unknown"
10
+ }
11
+ export interface InspectionInferedType {
12
+ type: InspectionType;
13
+ }
14
+ export interface InspectionIdentifier extends InspectionInferedType {
15
+ type: InspectionType.IDENTIFIER;
16
+ identifier: string;
17
+ }
18
+ export interface InspectionLiteral extends InspectionInferedType {
19
+ type: InspectionType.LITERAL;
20
+ }
21
+ export interface InspectionObject extends InspectionInferedType {
22
+ type: InspectionType.OBJECT;
23
+ depth: number;
24
+ }
25
+ export interface InspectionArray extends InspectionInferedType {
26
+ type: InspectionType.ARRAY;
27
+ depth: number;
28
+ }
29
+ export interface InspectionClass extends InspectionInferedType {
30
+ type: InspectionType.CLASS;
31
+ identifier: string;
32
+ }
33
+ export interface InspectionFunction extends InspectionInferedType {
34
+ type: InspectionType.FUNCTION;
35
+ identifier?: string;
36
+ params: any[];
37
+ hasParams: boolean;
38
+ }
39
+ export interface InspectionElement extends InspectionInferedType {
40
+ type: InspectionType.ELEMENT;
41
+ identifier?: string;
42
+ }
43
+ export interface InspectionUnknown extends InspectionInferedType {
44
+ type: InspectionType.UNKNOWN;
45
+ }
46
+ export declare type InspectionIdentifiableInferedType = InspectionIdentifier | InspectionClass | InspectionFunction | InspectionElement;
47
+ export interface InspectionResult {
48
+ inferredType: InspectionInferedType;
49
+ ast?: any;
50
+ }
@@ -0,0 +1 @@
1
+ export declare function isHtmlTag(tagName: string): boolean;
@@ -0,0 +1,2 @@
1
+ import { ExtractedProp, PropType } from '@storybook/docs-tools';
2
+ export declare function createType(extractedProp: ExtractedProp): PropType;
@@ -0,0 +1,4 @@
1
+ import { ExtractedJsDocParam, ExtractedJsDocReturns } from '@storybook/docs-tools';
2
+ export declare function generateFuncSignature(params: ExtractedJsDocParam[], returns: ExtractedJsDocReturns): string;
3
+ export declare function generateShortFuncSignature(params: ExtractedJsDocParam[], returns: ExtractedJsDocReturns): string;
4
+ export declare function toMultilineSignature(signature: string): string;
@@ -0,0 +1,5 @@
1
+ import { PropDef, ExtractedProp } from '@storybook/docs-tools';
2
+ declare type Component = any;
3
+ export declare function enhancePropTypesProp(extractedProp: ExtractedProp, rawDefaultProp?: any): PropDef;
4
+ export declare function enhancePropTypesProps(extractedProps: ExtractedProp[], component: Component): PropDef[];
5
+ export {};
@@ -0,0 +1 @@
1
+ export declare const rawDefaultPropTypeResolvers: import("../lib/defaultValues").TypeResolvers;
@@ -0,0 +1,4 @@
1
+ import { PropDef } from '@storybook/docs-tools';
2
+ declare type Component = any;
3
+ export declare function keepOriginalDefinitionOrder(extractedProps: PropDef[], component: Component): PropDef[];
4
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import { PropDef, ExtractedProp } from '@storybook/docs-tools';
2
+ export declare function enhanceTypeScriptProp(extractedProp: ExtractedProp, rawDefaultProp?: any): PropDef;
3
+ export declare function enhanceTypeScriptProps(extractedProps: ExtractedProp[]): PropDef[];
@@ -1,3 +1,4 @@
1
1
  export { DecoratorFn } from './preview';
2
2
  export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, raw, forceReRender, } from './preview';
3
+ export * from './testing';
3
4
  export * from './preview/types-6-3';
@@ -0,0 +1,84 @@
1
+ import { CSFExports, ComposedStory, StoriesWithPartialProps } from '@storybook/store';
2
+ import { ProjectAnnotations, Args } from '@storybook/csf';
3
+ import { Meta, ReactFramework } from '../preview/types-6-0';
4
+ /** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
5
+ *
6
+ * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
7
+ *
8
+ * Example:
9
+ *```jsx
10
+ * // setup.js (for jest)
11
+ * import { setProjectAnnotations } from '@storybook/react';
12
+ * import * as projectAnnotations from './.storybook/preview';
13
+ *
14
+ * setProjectAnnotations(projectAnnotations);
15
+ *```
16
+ *
17
+ * @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
18
+ */
19
+ export declare function setProjectAnnotations(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
20
+ /** Preserved for users migrating from `@storybook/testing-react`.
21
+ *
22
+ * @deprecated Use setProjectAnnotations instead
23
+ */
24
+ export declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
25
+ /**
26
+ * Function that will receive a story along with meta (e.g. a default export from a .stories file)
27
+ * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
28
+ * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
29
+ *
30
+ *
31
+ * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
32
+ *
33
+ * Example:
34
+ *```jsx
35
+ * import { render } from '@testing-library/react';
36
+ * import { composeStory } from '@storybook/react';
37
+ * import Meta, { Primary as PrimaryStory } from './Button.stories';
38
+ *
39
+ * const Primary = composeStory(PrimaryStory, Meta);
40
+ *
41
+ * test('renders primary button with Hello World', () => {
42
+ * const { getByText } = render(<Primary>Hello world</Primary>);
43
+ * expect(getByText(/Hello world/i)).not.toBeNull();
44
+ * });
45
+ *```
46
+ *
47
+ * @param story
48
+ * @param componentAnnotations - e.g. (import Meta from './Button.stories')
49
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
50
+ * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
51
+ */
52
+ export declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFramework, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<ReactFramework>, exportsName?: string): {
53
+ (extraArgs: Partial<TArgs>): import("../preview/types").StoryFnReactReturnType;
54
+ storyName: string;
55
+ args: Args;
56
+ play: import("@storybook/store").ComposedStoryPlayFn;
57
+ parameters: import("@storybook/store").Parameters;
58
+ };
59
+ /**
60
+ * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
61
+ * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
62
+ * and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
63
+ *
64
+ *
65
+ * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
66
+ *
67
+ * Example:
68
+ *```jsx
69
+ * import { render } from '@testing-library/react';
70
+ * import { composeStories } from '@storybook/react';
71
+ * import * as stories from './Button.stories';
72
+ *
73
+ * const { Primary, Secondary } = composeStories(stories);
74
+ *
75
+ * test('renders primary button with Hello World', () => {
76
+ * const { getByText } = render(<Primary>Hello world</Primary>);
77
+ * expect(getByText(/Hello world/i)).not.toBeNull();
78
+ * });
79
+ *```
80
+ *
81
+ * @param csfExports - e.g. (import * as stories from './Button.stories')
82
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
83
+ */
84
+ export declare function composeStories<TModule extends CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Pick<StoriesWithPartialProps<ReactFramework, TModule>, Exclude<keyof TModule, "default" | "__esModule" | "__namedExportsOrder">>;
@@ -0,0 +1,6 @@
1
+ import { StorybookConfig, Options } from '@storybook/core-common';
2
+ import { TransformOptions } from '@babel/core';
3
+ import { Configuration } from 'webpack';
4
+ export declare function babel(config: TransformOptions, options: Options): Promise<TransformOptions>;
5
+ export declare function webpackFinal(config: Configuration, options: Options): Promise<Configuration>;
6
+ export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
@@ -0,0 +1,32 @@
1
+ import { Configuration } from 'webpack';
2
+ export declare function webpackFinal(config: Configuration): Promise<{
3
+ plugins: import("webpack").Plugin[];
4
+ mode?: "none" | "production" | "development";
5
+ name?: string;
6
+ context?: string;
7
+ entry?: string | string[] | import("webpack").Entry | import("webpack").EntryFunc;
8
+ devtool?: string | boolean;
9
+ output?: import("webpack").Output;
10
+ module?: import("webpack").Module;
11
+ resolve?: import("webpack").Resolve;
12
+ resolveLoader?: import("webpack").ResolveLoader;
13
+ externals?: string | RegExp | import("webpack").ExternalsObjectElement | import("webpack").ExternalsFunctionElement | import("webpack").ExternalsElement[];
14
+ target?: "node" | "web" | "webworker" | "async-node" | "node-webkit" | "atom" | "electron" | "electron-renderer" | "electron-preload" | "electron-main" | ((compiler?: any) => void);
15
+ bail?: boolean;
16
+ profile?: boolean;
17
+ cache?: boolean | object;
18
+ watch?: boolean;
19
+ watchOptions?: import("webpack").ICompiler.WatchOptions;
20
+ node?: false | import("webpack").Node;
21
+ amd?: {
22
+ [moduleName: string]: boolean;
23
+ };
24
+ recordsPath?: string;
25
+ recordsInputPath?: string;
26
+ recordsOutputPath?: string;
27
+ stats?: import("webpack").Stats.ToStringOptions;
28
+ performance?: false | import("webpack").Options.Performance;
29
+ parallelism?: number;
30
+ optimization?: import("webpack").Options.Optimization;
31
+ infrastructureLogging?: import("webpack").Options.InfrastructureLogging;
32
+ }>;
@@ -2,50 +2,5 @@ import { TransformOptions } from '@babel/core';
2
2
  import { Configuration } from 'webpack';
3
3
  import { Options } from '@storybook/core-common';
4
4
  export declare function babel(config: TransformOptions, options: Options): Promise<TransformOptions>;
5
- export declare function babelDefault(config: TransformOptions): Promise<{
6
- presets: (string | object)[];
7
- plugins: (string | object)[];
8
- ast?: boolean;
9
- auxiliaryCommentAfter?: string;
10
- auxiliaryCommentBefore?: string;
11
- root?: string;
12
- rootMode?: "root" | "upward" | "upward-optional";
13
- configFile?: string | boolean;
14
- babelrc?: boolean;
15
- babelrcRoots?: string | boolean | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
16
- envName?: string;
17
- exclude?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
18
- code?: boolean;
19
- comments?: boolean;
20
- compact?: boolean | "auto";
21
- cwd?: string;
22
- caller?: import("@babel/core").TransformCaller;
23
- env?: {
24
- [index: string]: TransformOptions;
25
- };
26
- extends?: string;
27
- filename?: string;
28
- filenameRelative?: string;
29
- generatorOpts?: import("@babel/generator").GeneratorOptions;
30
- getModuleId?: (moduleName: string) => string;
31
- highlightCode?: boolean;
32
- ignore?: import("@babel/core").MatchPattern[];
33
- include?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
34
- inputSourceMap?: object;
35
- minified?: boolean;
36
- moduleId?: string;
37
- moduleIds?: boolean;
38
- moduleRoot?: string;
39
- only?: import("@babel/core").MatchPattern[];
40
- overrides?: TransformOptions[];
41
- parserOpts?: import("@babel/parser").ParserOptions;
42
- retainLines?: boolean;
43
- shouldPrintComment?: (commentContents: string) => boolean;
44
- sourceFileName?: string;
45
- sourceMaps?: boolean | "inline" | "both";
46
- sourceRoot?: string;
47
- sourceType?: "script" | "module" | "unambiguous";
48
- test?: string | RegExp | ((filename: string, context: import("@babel/core").MatchPatternContext) => boolean) | import("@babel/core").MatchPattern[];
49
- wrapPluginVisitorMethod?: (pluginAlias: string, visitorType: "enter" | "exit", callback: (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void) => (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void;
50
- }>;
5
+ export declare function babelDefault(config: TransformOptions): Promise<TransformOptions>;
51
6
  export declare function webpackFinal(config: Configuration, options: Options): Promise<Configuration>;
@@ -1,3 +1,3 @@
1
1
  import { StorybookConfig } from '@storybook/core-common';
2
- export declare const config: StorybookConfig['config'];
2
+ export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
3
3
  export declare const addons: StorybookConfig['addons'];
@@ -0,0 +1,13 @@
1
+ import type { PartialStoryFn } from '@storybook/csf';
2
+ import { extractComponentDescription } from '@storybook/docs-tools';
3
+ import { ReactFramework } from '..';
4
+ export declare const parameters: {
5
+ docs: {
6
+ inlineStories: boolean;
7
+ prepareForInline: (storyFn: PartialStoryFn<ReactFramework>) => import("../preview/types").StoryFnReactReturnType;
8
+ extractArgTypes: import("@storybook/docs-tools").ArgTypesExtractor;
9
+ extractComponentDescription: typeof extractComponentDescription;
10
+ };
11
+ };
12
+ export declare const decorators: ((storyFn: PartialStoryFn<ReactFramework, import("@storybook/csf").Args>, context: import("@storybook/csf").StoryContext<ReactFramework, import("@storybook/csf").Args>) => import("../preview/types").StoryFnReactReturnType)[];
13
+ export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/addons").Parameters | import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args>)[];
@@ -0,0 +1,2 @@
1
+ import type { ArgTypesExtractor } from '@storybook/docs-tools';
2
+ export declare const extractArgTypes: ArgTypesExtractor;
@@ -0,0 +1,5 @@
1
+ import { PropDef, PropsExtractor } from '@storybook/docs-tools';
2
+ export interface PropDefMap {
3
+ [p: string]: PropDef;
4
+ }
5
+ export declare const extractProps: PropsExtractor;
@@ -0,0 +1,23 @@
1
+ import React, { ReactElement } from 'react';
2
+ import { Options } from 'react-element-to-jsx-string';
3
+ import { StoryContext, PartialStoryFn } from '@storybook/csf';
4
+ import { ReactFramework } from '..';
5
+ declare type JSXOptions = Options & {
6
+ /** How many wrappers to skip when rendering the jsx */
7
+ skip?: number;
8
+ /** Whether to show the function in the jsx tab */
9
+ showFunctions?: boolean;
10
+ /** Whether to format HTML or Vue markup */
11
+ enableBeautify?: boolean;
12
+ /** Override the display name used for a component */
13
+ displayName?: string | Options['displayName'];
14
+ /** Deprecated: A function ran after the story is rendered */
15
+ onBeforeRender?(dom: string): string;
16
+ /** A function ran after a story is rendered (prefer this over `onBeforeRender`) */
17
+ transformSource?(dom: string, context?: StoryContext<ReactFramework>): string;
18
+ };
19
+ /** Apply the users parameters and render the jsx for a story */
20
+ export declare const renderJsx: (code: React.ReactElement, options: JSXOptions) => string;
21
+ export declare const skipJsxRender: (context: StoryContext<ReactFramework>) => any;
22
+ export declare const jsxDecorator: (storyFn: PartialStoryFn<ReactFramework>, context: StoryContext<ReactFramework>) => import("../preview/types").StoryFnReactReturnType;
23
+ export {};
@@ -0,0 +1,6 @@
1
+ export declare const CUSTOM_CAPTION = "custom";
2
+ export declare const OBJECT_CAPTION = "object";
3
+ export declare const ARRAY_CAPTION = "array";
4
+ export declare const CLASS_CAPTION = "class";
5
+ export declare const FUNCTION_CAPTION = "func";
6
+ export declare const ELEMENT_CAPTION = "element";
@@ -0,0 +1,2 @@
1
+ export declare const isMemo: (component: any) => boolean;
2
+ export declare const isForwardRef: (component: any) => boolean;
@@ -0,0 +1,2 @@
1
+ import { PropDefaultValue } from '@storybook/docs-tools';
2
+ export declare function createDefaultValue(defaultValue: string): PropDefaultValue;
@@ -0,0 +1,11 @@
1
+ import { PropDef, PropDefaultValue } from '@storybook/docs-tools';
2
+ export declare type TypeResolver = (rawDefaultProp: any, propDef: PropDef) => PropDefaultValue;
3
+ export interface TypeResolvers {
4
+ string: TypeResolver;
5
+ object: TypeResolver;
6
+ function: TypeResolver;
7
+ default: TypeResolver;
8
+ }
9
+ export declare function extractFunctionName(func: Function, propName: string): string;
10
+ export declare function createTypeResolvers(customResolvers?: Partial<TypeResolvers>): TypeResolvers;
11
+ export declare function createDefaultValueFromRawDefaultProp(rawDefaultProp: any, propDef: PropDef, typeResolvers?: TypeResolvers): PropDefaultValue;
@@ -0,0 +1,3 @@
1
+ import { PropDefaultValue } from '@storybook/docs-tools';
2
+ import { InspectionResult } from '../inspection';
3
+ export declare function generateArray({ inferredType, ast }: InspectionResult): PropDefaultValue;
@@ -0,0 +1,3 @@
1
+ import { PropDefaultValue } from '@storybook/docs-tools';
2
+ import { InspectionResult } from '../inspection';
3
+ export declare function generateObject({ inferredType, ast }: InspectionResult): PropDefaultValue;
@@ -0,0 +1,2 @@
1
+ export * from './createDefaultValue';
2
+ export * from './createFromRawDefaultProp';
@@ -0,0 +1,4 @@
1
+ import { InspectionIdentifiableInferedType } from '../inspection';
2
+ export declare function getPrettyIdentifier(inferredType: InspectionIdentifiableInferedType): string;
3
+ export declare function getPrettyFuncIdentifier(identifier: string, hasArguments: boolean): string;
4
+ export declare function getPrettyElementIdentifier(identifier: string): string;
@@ -0,0 +1,3 @@
1
+ export declare function generateCode(ast: any, compact?: boolean): string;
2
+ export declare function generateObjectCode(ast: any, compact?: boolean): string;
3
+ export declare function generateArrayCode(ast: any, compact?: boolean): string;
@@ -0,0 +1,4 @@
1
+ export * from './captions';
2
+ export * from './isHtmlTag';
3
+ export * from './generateCode';
4
+ export * from './componentTypes';
@@ -0,0 +1,7 @@
1
+ import { InspectionInferedType } from './types';
2
+ interface ParsingResult<T> {
3
+ inferredType: T;
4
+ ast: any;
5
+ }
6
+ export declare function parse(value: string): ParsingResult<InspectionInferedType>;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ export * from './inspectValue';
@@ -0,0 +1,2 @@
1
+ import { InspectionResult } from './types';
2
+ export declare function inspectValue(value: string): InspectionResult;
@@ -0,0 +1,50 @@
1
+ export declare enum InspectionType {
2
+ IDENTIFIER = "Identifier",
3
+ LITERAL = "Literal",
4
+ OBJECT = "Object",
5
+ ARRAY = "Array",
6
+ FUNCTION = "Function",
7
+ CLASS = "Class",
8
+ ELEMENT = "Element",
9
+ UNKNOWN = "Unknown"
10
+ }
11
+ export interface InspectionInferedType {
12
+ type: InspectionType;
13
+ }
14
+ export interface InspectionIdentifier extends InspectionInferedType {
15
+ type: InspectionType.IDENTIFIER;
16
+ identifier: string;
17
+ }
18
+ export interface InspectionLiteral extends InspectionInferedType {
19
+ type: InspectionType.LITERAL;
20
+ }
21
+ export interface InspectionObject extends InspectionInferedType {
22
+ type: InspectionType.OBJECT;
23
+ depth: number;
24
+ }
25
+ export interface InspectionArray extends InspectionInferedType {
26
+ type: InspectionType.ARRAY;
27
+ depth: number;
28
+ }
29
+ export interface InspectionClass extends InspectionInferedType {
30
+ type: InspectionType.CLASS;
31
+ identifier: string;
32
+ }
33
+ export interface InspectionFunction extends InspectionInferedType {
34
+ type: InspectionType.FUNCTION;
35
+ identifier?: string;
36
+ params: any[];
37
+ hasParams: boolean;
38
+ }
39
+ export interface InspectionElement extends InspectionInferedType {
40
+ type: InspectionType.ELEMENT;
41
+ identifier?: string;
42
+ }
43
+ export interface InspectionUnknown extends InspectionInferedType {
44
+ type: InspectionType.UNKNOWN;
45
+ }
46
+ export declare type InspectionIdentifiableInferedType = InspectionIdentifier | InspectionClass | InspectionFunction | InspectionElement;
47
+ export interface InspectionResult {
48
+ inferredType: InspectionInferedType;
49
+ ast?: any;
50
+ }
@@ -0,0 +1 @@
1
+ export declare function isHtmlTag(tagName: string): boolean;
@@ -0,0 +1,2 @@
1
+ import type { ExtractedProp, PropType } from '@storybook/docs-tools';
2
+ export declare function createType(extractedProp: ExtractedProp): PropType;
@@ -0,0 +1,4 @@
1
+ import { ExtractedJsDocParam, ExtractedJsDocReturns } from '@storybook/docs-tools';
2
+ export declare function generateFuncSignature(params: ExtractedJsDocParam[], returns: ExtractedJsDocReturns): string;
3
+ export declare function generateShortFuncSignature(params: ExtractedJsDocParam[], returns: ExtractedJsDocReturns): string;
4
+ export declare function toMultilineSignature(signature: string): string;
@@ -0,0 +1,5 @@
1
+ import { PropDef, ExtractedProp } from '@storybook/docs-tools';
2
+ declare type Component = any;
3
+ export declare function enhancePropTypesProp(extractedProp: ExtractedProp, rawDefaultProp?: any): PropDef;
4
+ export declare function enhancePropTypesProps(extractedProps: ExtractedProp[], component: Component): PropDef[];
5
+ export {};
@@ -0,0 +1 @@
1
+ export declare const rawDefaultPropTypeResolvers: import("../lib/defaultValues").TypeResolvers;
@@ -0,0 +1,4 @@
1
+ import { PropDef } from '@storybook/docs-tools';
2
+ declare type Component = any;
3
+ export declare function keepOriginalDefinitionOrder(extractedProps: PropDef[], component: Component): PropDef[];
4
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import { PropDef, ExtractedProp } from '@storybook/docs-tools';
2
+ export declare function enhanceTypeScriptProp(extractedProp: ExtractedProp, rawDefaultProp?: any): PropDef;
3
+ export declare function enhanceTypeScriptProps(extractedProps: ExtractedProp[]): PropDef[];
@@ -1,3 +1,4 @@
1
1
  export type { DecoratorFn } from './preview';
2
2
  export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, raw, forceReRender, } from './preview';
3
+ export * from './testing';
3
4
  export * from './preview/types-6-3';
@@ -1,4 +1,4 @@
1
- import { RenderContext } from '@storybook/store';
1
+ import type { RenderContext } from '@storybook/store';
2
2
  import { ArgsStoryFn } from '@storybook/csf';
3
3
  import { ReactFramework } from './types-6-0';
4
4
  export declare const render: ArgsStoryFn<ReactFramework>;
@@ -1,6 +1,6 @@
1
- import { ComponentType } from 'react';
2
- import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
3
- import { StoryFnReactReturnType } from './types';
1
+ import type { ComponentType } from 'react';
2
+ import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
3
+ import type { StoryFnReactReturnType } from './types';
4
4
  export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
5
5
  export declare type ReactFramework = {
6
6
  component: ComponentType<any>;
@@ -1,5 +1,5 @@
1
- import { JSXElementConstructor } from 'react';
2
- import { Args } from '@storybook/csf';
1
+ import type { JSXElementConstructor } from 'react';
2
+ import type { Args } from '@storybook/csf';
3
3
  import type { StoryObj } from './types-6-0';
4
4
  import type { ComponentStoryObj } from './types-6-3';
5
5
  export type { StoryFn, StoryObj, Meta } from './types-6-0';