@storybook/addon-docs 6.5.0-alpha.4 → 6.5.0-alpha.40

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 (175) hide show
  1. package/README.md +4 -13
  2. package/angular/README.md +0 -6
  3. package/dist/cjs/blocks/Anchor.js +1 -1
  4. package/dist/cjs/blocks/ArgsTable.js +13 -9
  5. package/dist/cjs/blocks/Canvas.js +13 -11
  6. package/dist/cjs/blocks/Description.js +6 -6
  7. package/dist/cjs/blocks/DocsContainer.js +8 -6
  8. package/dist/cjs/blocks/Heading.js +2 -2
  9. package/dist/cjs/blocks/Meta.js +8 -6
  10. package/dist/cjs/blocks/Primary.js +7 -7
  11. package/dist/cjs/blocks/Source.js +8 -8
  12. package/dist/cjs/blocks/SourceContainer.js +9 -7
  13. package/dist/cjs/blocks/Stories.js +14 -7
  14. package/dist/cjs/blocks/Story.js +10 -8
  15. package/dist/cjs/blocks/Subheading.js +2 -2
  16. package/dist/cjs/blocks/Subtitle.js +5 -5
  17. package/dist/cjs/blocks/Title.js +8 -8
  18. package/dist/cjs/blocks/enhanceSource.js +5 -5
  19. package/dist/cjs/blocks/index.js +6 -4
  20. package/dist/cjs/blocks/mdx.js +17 -9
  21. package/dist/cjs/blocks/useStory.js +8 -6
  22. package/dist/cjs/blocks/utils.js +3 -3
  23. package/dist/cjs/frameworks/angular/compodoc.js +8 -8
  24. package/dist/cjs/frameworks/angular/config.js +1 -1
  25. package/dist/cjs/frameworks/angular/index.js +2 -0
  26. package/dist/cjs/frameworks/angular/prepareForInline.js +2 -2
  27. package/dist/cjs/frameworks/angular/sourceDecorator.js +7 -7
  28. package/dist/cjs/frameworks/common/config.js +8 -8
  29. package/dist/cjs/frameworks/common/preset.js +157 -111
  30. package/dist/cjs/frameworks/ember/jsondoc.js +3 -1
  31. package/dist/cjs/frameworks/html/sourceDecorator.js +2 -2
  32. package/dist/cjs/frameworks/react/config.js +1 -1
  33. package/dist/cjs/frameworks/react/extractArgTypes.js +2 -0
  34. package/dist/cjs/frameworks/react/extractProps.js +2 -2
  35. package/dist/cjs/frameworks/react/jsxDecorator.js +12 -10
  36. package/dist/cjs/frameworks/react/lib/captions.js +1 -1
  37. package/dist/cjs/frameworks/react/lib/componentTypes.js +1 -1
  38. package/dist/cjs/frameworks/react/lib/defaultValues/createFromRawDefaultProp.js +7 -7
  39. package/dist/cjs/frameworks/react/lib/defaultValues/index.js +2 -0
  40. package/dist/cjs/frameworks/react/lib/defaultValues/prettyIdentifier.js +2 -2
  41. package/dist/cjs/frameworks/react/lib/generateCode.js +3 -3
  42. package/dist/cjs/frameworks/react/lib/index.js +2 -0
  43. package/dist/cjs/frameworks/react/lib/inspection/acornParser.js +7 -7
  44. package/dist/cjs/frameworks/react/lib/inspection/index.js +2 -0
  45. package/dist/cjs/frameworks/react/propTypes/createType.js +4 -2
  46. package/dist/cjs/frameworks/react/propTypes/generateFuncSignature.js +2 -2
  47. package/dist/cjs/frameworks/react/propTypes/sortProps.js +2 -0
  48. package/dist/cjs/frameworks/react/react-argtypes.stories.js +10 -8
  49. package/dist/cjs/frameworks/svelte/config.js +1 -1
  50. package/dist/cjs/frameworks/svelte/extractArgTypes.js +4 -1
  51. package/dist/cjs/frameworks/svelte/prepareForInline.js +1 -2
  52. package/dist/cjs/frameworks/svelte/preset.js +2 -2
  53. package/dist/cjs/frameworks/svelte/sourceDecorator.js +7 -5
  54. package/dist/cjs/frameworks/svelte/svelte-docgen-loader.js +7 -7
  55. package/dist/cjs/frameworks/vue/config.js +1 -1
  56. package/dist/cjs/frameworks/vue/extractArgTypes.js +6 -4
  57. package/dist/cjs/frameworks/vue/preset.js +2 -0
  58. package/dist/cjs/frameworks/vue/sourceDecorator.js +12 -12
  59. package/dist/cjs/frameworks/vue3/extractArgTypes.js +2 -0
  60. package/dist/cjs/frameworks/vue3/prepareForInline.js +5 -5
  61. package/dist/cjs/frameworks/vue3/preset.js +2 -0
  62. package/dist/cjs/frameworks/web-components/custom-elements.js +5 -3
  63. package/dist/cjs/frameworks/web-components/prepareForInline.js +8 -8
  64. package/dist/cjs/frameworks/web-components/sourceDecorator.js +2 -2
  65. package/dist/cjs/index.js +2 -0
  66. package/dist/cjs/lib/convert/flow/convert.js +3 -1
  67. package/dist/cjs/lib/convert/flow/index.js +2 -0
  68. package/dist/cjs/lib/convert/proptypes/convert.js +2 -2
  69. package/dist/cjs/lib/convert/proptypes/index.js +2 -0
  70. package/dist/cjs/lib/convert/typescript/convert.js +2 -0
  71. package/dist/cjs/lib/convert/typescript/index.js +2 -0
  72. package/dist/cjs/lib/convert/utils.js +2 -2
  73. package/dist/cjs/lib/docgen/createPropDef.js +3 -1
  74. package/dist/cjs/lib/docgen/extractDocgenProps.js +3 -1
  75. package/dist/cjs/lib/docgen/flow/createType.js +2 -2
  76. package/dist/cjs/lib/docgen/index.js +2 -0
  77. package/dist/cjs/lib/docgen/typeScript/createType.js +2 -2
  78. package/dist/cjs/lib/docgen/utils/defaultValue.js +3 -0
  79. package/dist/cjs/lib/docgen/utils/docgenInfo.js +2 -2
  80. package/dist/cjs/lib/docgen/utils/index.js +2 -0
  81. package/dist/cjs/lib/index.js +2 -0
  82. package/dist/cjs/lib/jsdocParser.js +2 -2
  83. package/dist/cjs/lib/utils.js +6 -5
  84. package/dist/esm/blocks/ArgsTable.js +5 -3
  85. package/dist/esm/blocks/Canvas.js +5 -3
  86. package/dist/esm/blocks/DocsContainer.js +3 -2
  87. package/dist/esm/blocks/Heading.js +1 -1
  88. package/dist/esm/blocks/Meta.js +3 -2
  89. package/dist/esm/blocks/Primary.js +1 -0
  90. package/dist/esm/blocks/Source.js +1 -0
  91. package/dist/esm/blocks/SourceContainer.js +3 -2
  92. package/dist/esm/blocks/Stories.js +7 -0
  93. package/dist/esm/blocks/Story.js +4 -3
  94. package/dist/esm/blocks/Subheading.js +1 -1
  95. package/dist/esm/blocks/Title.js +1 -1
  96. package/dist/esm/blocks/enhanceSource.js +3 -3
  97. package/dist/esm/blocks/mdx.js +15 -8
  98. package/dist/esm/blocks/useStory.js +15 -15
  99. package/dist/esm/blocks/utils.js +1 -1
  100. package/dist/esm/frameworks/angular/compodoc.js +4 -4
  101. package/dist/esm/frameworks/angular/prepareForInline.js +1 -1
  102. package/dist/esm/frameworks/angular/sourceDecorator.js +1 -1
  103. package/dist/esm/frameworks/common/config.js +1 -1
  104. package/dist/esm/frameworks/common/preset.js +153 -109
  105. package/dist/esm/frameworks/ember/jsondoc.js +1 -0
  106. package/dist/esm/frameworks/html/sourceDecorator.js +2 -2
  107. package/dist/esm/frameworks/react/extractArgTypes.js +1 -0
  108. package/dist/esm/frameworks/react/extractProps.js +1 -1
  109. package/dist/esm/frameworks/react/jsxDecorator.js +5 -4
  110. package/dist/esm/frameworks/react/lib/defaultValues/createFromRawDefaultProp.js +3 -3
  111. package/dist/esm/frameworks/react/lib/generateCode.js +1 -1
  112. package/dist/esm/frameworks/react/lib/inspection/acornParser.js +2 -2
  113. package/dist/esm/frameworks/react/propTypes/createType.js +2 -1
  114. package/dist/esm/frameworks/react/propTypes/generateFuncSignature.js +1 -1
  115. package/dist/esm/frameworks/react/propTypes/sortProps.js +1 -0
  116. package/dist/esm/frameworks/react/react-argtypes.stories.js +4 -3
  117. package/dist/esm/frameworks/svelte/extractArgTypes.js +2 -0
  118. package/dist/esm/frameworks/svelte/prepareForInline.js +2 -3
  119. package/dist/esm/frameworks/svelte/preset.js +1 -1
  120. package/dist/esm/frameworks/svelte/sourceDecorator.js +4 -3
  121. package/dist/esm/frameworks/svelte/svelte-docgen-loader.js +1 -1
  122. package/dist/esm/frameworks/vue/extractArgTypes.js +4 -3
  123. package/dist/esm/frameworks/vue/preset.js +1 -0
  124. package/dist/esm/frameworks/vue/sourceDecorator.js +6 -6
  125. package/dist/esm/frameworks/vue3/extractArgTypes.js +1 -0
  126. package/dist/esm/frameworks/vue3/preset.js +1 -0
  127. package/dist/esm/frameworks/web-components/custom-elements.js +2 -1
  128. package/dist/esm/frameworks/web-components/prepareForInline.js +6 -6
  129. package/dist/esm/frameworks/web-components/sourceDecorator.js +1 -1
  130. package/dist/esm/lib/convert/flow/convert.js +2 -1
  131. package/dist/esm/lib/convert/proptypes/convert.js +1 -1
  132. package/dist/esm/lib/convert/typescript/convert.js +1 -0
  133. package/dist/esm/lib/convert/utils.js +1 -1
  134. package/dist/esm/lib/docgen/createPropDef.js +1 -0
  135. package/dist/esm/lib/docgen/extractDocgenProps.js +1 -0
  136. package/dist/esm/lib/docgen/flow/createType.js +1 -1
  137. package/dist/esm/lib/docgen/typeScript/createType.js +1 -1
  138. package/dist/esm/lib/docgen/utils/defaultValue.js +1 -0
  139. package/dist/esm/lib/jsdocParser.js +1 -1
  140. package/dist/esm/lib/utils.js +1 -1
  141. package/dist/modern/blocks/Canvas.js +3 -1
  142. package/dist/modern/blocks/Stories.js +5 -0
  143. package/dist/modern/blocks/mdx.js +12 -7
  144. package/dist/modern/frameworks/common/preset.js +10 -9
  145. package/dist/modern/frameworks/html/sourceDecorator.js +2 -2
  146. package/dist/modern/frameworks/react/jsxDecorator.js +3 -1
  147. package/dist/modern/frameworks/react/lib/inspection/acornParser.js +1 -2
  148. package/dist/modern/frameworks/svelte/extractArgTypes.js +1 -0
  149. package/dist/modern/frameworks/svelte/prepareForInline.js +2 -3
  150. package/dist/modern/frameworks/vue/extractArgTypes.js +1 -1
  151. package/dist/ts3.4/frameworks/angular/config.d.ts +0 -1
  152. package/dist/ts3.4/frameworks/common/config.d.ts +0 -1
  153. package/dist/ts3.4/frameworks/common/preset.d.ts +12 -1
  154. package/dist/ts3.4/frameworks/svelte/config.d.ts +0 -1
  155. package/dist/ts3.4/frameworks/vue/config.d.ts +0 -1
  156. package/dist/ts3.4/frameworks/vue3/config.d.ts +0 -1
  157. package/dist/ts3.4/frameworks/web-components/config.d.ts +0 -1
  158. package/dist/ts3.9/frameworks/angular/config.d.ts +0 -1
  159. package/dist/ts3.9/frameworks/common/config.d.ts +0 -1
  160. package/dist/ts3.9/frameworks/common/preset.d.ts +12 -1
  161. package/dist/ts3.9/frameworks/svelte/config.d.ts +0 -1
  162. package/dist/ts3.9/frameworks/vue/config.d.ts +0 -1
  163. package/dist/ts3.9/frameworks/vue3/config.d.ts +0 -1
  164. package/dist/ts3.9/frameworks/web-components/config.d.ts +0 -1
  165. package/package.json +36 -39
  166. package/register.js +1 -0
  167. package/{dist/cjs/frameworks/svelte → svelte}/HOC.svelte +0 -0
  168. package/dist/cjs/frameworks/svelte/sample/MockButton.svelte +0 -45
  169. package/dist/cjs/typings.d.js +0 -1
  170. package/dist/esm/frameworks/svelte/HOC.svelte +0 -7
  171. package/dist/esm/frameworks/svelte/sample/MockButton.svelte +0 -45
  172. package/dist/esm/typings.d.js +0 -0
  173. package/dist/modern/frameworks/svelte/HOC.svelte +0 -7
  174. package/dist/modern/frameworks/svelte/sample/MockButton.svelte +0 -45
  175. package/dist/modern/typings.d.js +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/addon-docs",
3
- "version": "6.5.0-alpha.4",
3
+ "version": "6.5.0-alpha.40",
4
4
  "description": "Document component usage and properties in Markdown",
5
5
  "keywords": [
6
6
  "addon",
@@ -40,6 +40,7 @@
40
40
  "common/**/*",
41
41
  "ember/**/*",
42
42
  "html/**/*",
43
+ "svelte/**/*",
43
44
  "postinstall/**/*",
44
45
  "react/**/*",
45
46
  "vue/**/*",
@@ -63,21 +64,21 @@
63
64
  "@mdx-js/loader": "^1.6.22",
64
65
  "@mdx-js/mdx": "^1.6.22",
65
66
  "@mdx-js/react": "^1.6.22",
66
- "@storybook/addons": "6.5.0-alpha.4",
67
- "@storybook/api": "6.5.0-alpha.4",
68
- "@storybook/builder-webpack4": "6.5.0-alpha.4",
69
- "@storybook/client-logger": "6.5.0-alpha.4",
70
- "@storybook/components": "6.5.0-alpha.4",
71
- "@storybook/core": "6.5.0-alpha.4",
72
- "@storybook/core-events": "6.5.0-alpha.4",
67
+ "@storybook/addons": "6.5.0-alpha.40",
68
+ "@storybook/api": "6.5.0-alpha.40",
69
+ "@storybook/builder-webpack4": "6.5.0-alpha.40",
70
+ "@storybook/client-logger": "6.5.0-alpha.40",
71
+ "@storybook/components": "6.5.0-alpha.40",
72
+ "@storybook/core": "6.5.0-alpha.40",
73
+ "@storybook/core-events": "6.5.0-alpha.40",
73
74
  "@storybook/csf": "0.0.2--canary.87bc651.0",
74
- "@storybook/csf-tools": "6.5.0-alpha.4",
75
- "@storybook/node-logger": "6.5.0-alpha.4",
76
- "@storybook/postinstall": "6.5.0-alpha.4",
77
- "@storybook/preview-web": "6.5.0-alpha.4",
78
- "@storybook/source-loader": "6.5.0-alpha.4",
79
- "@storybook/store": "6.5.0-alpha.4",
80
- "@storybook/theming": "6.5.0-alpha.4",
75
+ "@storybook/csf-tools": "6.5.0-alpha.40",
76
+ "@storybook/node-logger": "6.5.0-alpha.40",
77
+ "@storybook/postinstall": "6.5.0-alpha.40",
78
+ "@storybook/preview-web": "6.5.0-alpha.40",
79
+ "@storybook/source-loader": "6.5.0-alpha.40",
80
+ "@storybook/store": "6.5.0-alpha.40",
81
+ "@storybook/theming": "6.5.0-alpha.40",
81
82
  "acorn": "^7.4.1",
82
83
  "acorn-jsx": "^5.3.1",
83
84
  "acorn-walk": "^7.2.0",
@@ -92,7 +93,7 @@
92
93
  "lodash": "^4.17.21",
93
94
  "nanoid": "^3.1.23",
94
95
  "p-limit": "^3.1.0",
95
- "prettier": "^2.2.1",
96
+ "prettier": ">=2.2.1 <=2.3.0",
96
97
  "prop-types": "^15.7.2",
97
98
  "react-element-to-jsx-string": "^14.3.4",
98
99
  "regenerator-runtime": "^0.13.7",
@@ -106,11 +107,11 @@
106
107
  "@babel/core": "^7.12.10",
107
108
  "@emotion/core": "^10.3.1",
108
109
  "@emotion/styled": "^10.0.27",
109
- "@storybook/angular": "6.5.0-alpha.4",
110
- "@storybook/html": "6.5.0-alpha.4",
111
- "@storybook/react": "6.5.0-alpha.4",
112
- "@storybook/vue": "6.5.0-alpha.4",
113
- "@storybook/web-components": "6.5.0-alpha.4",
110
+ "@storybook/angular": "6.5.0-alpha.40",
111
+ "@storybook/html": "6.5.0-alpha.40",
112
+ "@storybook/react": "6.5.0-alpha.40",
113
+ "@storybook/vue": "6.5.0-alpha.40",
114
+ "@storybook/web-components": "6.5.0-alpha.40",
114
115
  "@types/cross-spawn": "^6.0.2",
115
116
  "@types/doctrine": "^0.0.3",
116
117
  "@types/enzyme": "^3.10.8",
@@ -131,7 +132,7 @@
131
132
  "require-from-string": "^2.0.2",
132
133
  "rxjs": "^6.6.3",
133
134
  "styled-components": "^5.2.1",
134
- "terser-webpack-plugin": "^5.0.3",
135
+ "sveltedoc-parser": "4.1.0",
135
136
  "tmp": "^0.2.1",
136
137
  "tslib": "^2.1.0",
137
138
  "vue": "^2.6.10",
@@ -139,29 +140,25 @@
139
140
  "webpack": "4",
140
141
  "zone.js": "^0.11.3"
141
142
  },
142
- "peerDependencies": {
143
- "@storybook/angular": "6.5.0-alpha.4",
144
- "@storybook/html": "6.5.0-alpha.4",
145
- "@storybook/react": "6.5.0-alpha.4",
146
- "@storybook/vue": "6.5.0-alpha.4",
147
- "@storybook/vue3": "6.5.0-alpha.4",
148
- "@storybook/web-components": "6.5.0-alpha.4",
149
- "lit": "^2.0.0",
150
- "lit-html": "^1.4.1 || ^2.0.0",
151
- "react": "^16.8.0 || ^17.0.0",
152
- "react-dom": "^16.8.0 || ^17.0.0",
153
- "svelte": "^3.31.2",
154
- "sveltedoc-parser": "^4.1.0",
155
- "vue": "^2.6.10 || ^3.0.0",
156
- "webpack": "*"
157
- },
158
143
  "peerDependenciesMeta": {
159
144
  "@storybook/angular": {
160
145
  "optional": true
161
146
  },
147
+ "@storybook/builder-webpack4": {
148
+ "optional": true
149
+ },
150
+ "@storybook/builder-webpack5": {
151
+ "optional": true
152
+ },
162
153
  "@storybook/html": {
163
154
  "optional": true
164
155
  },
156
+ "@storybook/manager-webpack4": {
157
+ "optional": true
158
+ },
159
+ "@storybook/manager-webpack5": {
160
+ "optional": true
161
+ },
165
162
  "@storybook/react": {
166
163
  "optional": true
167
164
  },
@@ -202,7 +199,7 @@
202
199
  "publishConfig": {
203
200
  "access": "public"
204
201
  },
205
- "gitHead": "9a73995d6a5cfa36c5a5ce60cb33259ff40e2fe6",
202
+ "gitHead": "ffb3402ee40562579d45dbcf7870a1a8372ac0dd",
206
203
  "sbmodern": "dist/modern/index.js",
207
204
  "storybook": {
208
205
  "displayName": "Docs",
package/register.js CHANGED
@@ -1 +1,2 @@
1
+ /* eslint-disable import/extensions */
1
2
  require('./dist/esm/register.js');
@@ -1,45 +0,0 @@
1
- <script>
2
- import { createEventDispatcher, afterUpdate } from 'svelte';
3
- export let text = '';
4
- export let rounded = true;
5
-
6
- const dispatch = createEventDispatcher();
7
-
8
- function onClick(event) {
9
- rounded = !rounded;
10
-
11
- /**
12
- * Click Event
13
- */
14
- dispatch('click', event);
15
- }
16
-
17
- afterUpdate(() => {
18
- /**
19
- * After Update
20
- */
21
- dispatch('afterUpdate');
22
- });
23
- </script>
24
-
25
- <style>
26
- .rounded {
27
- border-radius: 35px;
28
- }
29
-
30
- .button {
31
- border: 3px solid;
32
- padding: 10px 20px;
33
- background-color: white;
34
- outline: none;
35
- }
36
- </style>
37
-
38
- <svelte:options accessors={true} />
39
- <button class="button" class:rounded on:click={onClick}>
40
- <strong>{rounded ? 'Round' : 'Square'} corners</strong>
41
- <br />
42
- {text}
43
- <!-- Default Slot -->
44
- <slot {rounded}/>
45
- </button>
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,7 +0,0 @@
1
- <script>
2
- export let storyFn;
3
-
4
- let { Component: component, props } = storyFn();
5
- </script>
6
-
7
- <svelte:component this={component} {...props}/>
@@ -1,45 +0,0 @@
1
- <script>
2
- import { createEventDispatcher, afterUpdate } from 'svelte';
3
- export let text = '';
4
- export let rounded = true;
5
-
6
- const dispatch = createEventDispatcher();
7
-
8
- function onClick(event) {
9
- rounded = !rounded;
10
-
11
- /**
12
- * Click Event
13
- */
14
- dispatch('click', event);
15
- }
16
-
17
- afterUpdate(() => {
18
- /**
19
- * After Update
20
- */
21
- dispatch('afterUpdate');
22
- });
23
- </script>
24
-
25
- <style>
26
- .rounded {
27
- border-radius: 35px;
28
- }
29
-
30
- .button {
31
- border: 3px solid;
32
- padding: 10px 20px;
33
- background-color: white;
34
- outline: none;
35
- }
36
- </style>
37
-
38
- <svelte:options accessors={true} />
39
- <button class="button" class:rounded on:click={onClick}>
40
- <strong>{rounded ? 'Round' : 'Square'} corners</strong>
41
- <br />
42
- {text}
43
- <!-- Default Slot -->
44
- <slot {rounded}/>
45
- </button>
File without changes
@@ -1,7 +0,0 @@
1
- <script>
2
- export let storyFn;
3
-
4
- let { Component: component, props } = storyFn();
5
- </script>
6
-
7
- <svelte:component this={component} {...props}/>
@@ -1,45 +0,0 @@
1
- <script>
2
- import { createEventDispatcher, afterUpdate } from 'svelte';
3
- export let text = '';
4
- export let rounded = true;
5
-
6
- const dispatch = createEventDispatcher();
7
-
8
- function onClick(event) {
9
- rounded = !rounded;
10
-
11
- /**
12
- * Click Event
13
- */
14
- dispatch('click', event);
15
- }
16
-
17
- afterUpdate(() => {
18
- /**
19
- * After Update
20
- */
21
- dispatch('afterUpdate');
22
- });
23
- </script>
24
-
25
- <style>
26
- .rounded {
27
- border-radius: 35px;
28
- }
29
-
30
- .button {
31
- border: 3px solid;
32
- padding: 10px 20px;
33
- background-color: white;
34
- outline: none;
35
- }
36
- </style>
37
-
38
- <svelte:options accessors={true} />
39
- <button class="button" class:rounded on:click={onClick}>
40
- <strong>{rounded ? 'Round' : 'Square'} corners</strong>
41
- <br />
42
- {text}
43
- <!-- Default Slot -->
44
- <slot {rounded}/>
45
- </button>
File without changes