@storybook/addon-docs 6.5.9 → 7.0.0-alpha.10

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 (163) hide show
  1. package/blocks.d.ts +1 -1
  2. package/dist/cjs/blocks/index.js +5 -359
  3. package/dist/cjs/index.js +1 -7
  4. package/dist/cjs/manager.js +9 -15
  5. package/dist/cjs/preset.js +121 -193
  6. package/dist/cjs/preview.js +9 -87
  7. package/dist/cjs/shared.js +5 -5
  8. package/dist/esm/blocks/index.js +1 -24
  9. package/dist/esm/manager.js +9 -14
  10. package/dist/esm/preset.js +114 -179
  11. package/dist/esm/preview.js +7 -61
  12. package/dist/esm/shared.js +5 -5
  13. package/dist/types/blocks/index.d.ts +1 -0
  14. package/dist/{ts3.9 → types}/index.d.ts +0 -0
  15. package/dist/{ts3.9 → types}/manager.d.ts +0 -0
  16. package/dist/{ts3.9 → types}/preset.d.ts +2 -1
  17. package/dist/types/preview.d.ts +1 -0
  18. package/dist/{ts3.9 → types}/shared.d.ts +0 -0
  19. package/package.json +18 -25
  20. package/dist/cjs/blocks/Anchor.js +0 -26
  21. package/dist/cjs/blocks/ArgsTable.js +0 -400
  22. package/dist/cjs/blocks/Canvas.js +0 -144
  23. package/dist/cjs/blocks/Description.js +0 -153
  24. package/dist/cjs/blocks/DocsContainer.js +0 -155
  25. package/dist/cjs/blocks/DocsContext.js +0 -25
  26. package/dist/cjs/blocks/DocsPage.js +0 -32
  27. package/dist/cjs/blocks/DocsStory.js +0 -78
  28. package/dist/cjs/blocks/Heading.js +0 -35
  29. package/dist/cjs/blocks/Meta.js +0 -72
  30. package/dist/cjs/blocks/Preview.js +0 -29
  31. package/dist/cjs/blocks/Primary.js +0 -67
  32. package/dist/cjs/blocks/Props.js +0 -35
  33. package/dist/cjs/blocks/Source.js +0 -197
  34. package/dist/cjs/blocks/SourceContainer.js +0 -116
  35. package/dist/cjs/blocks/Stories.js +0 -82
  36. package/dist/cjs/blocks/Story.js +0 -263
  37. package/dist/cjs/blocks/Subheading.js +0 -35
  38. package/dist/cjs/blocks/Subtitle.js +0 -59
  39. package/dist/cjs/blocks/Title.js +0 -68
  40. package/dist/cjs/blocks/Wrapper.js +0 -21
  41. package/dist/cjs/blocks/enhanceSource.js +0 -129
  42. package/dist/cjs/blocks/mdx.js +0 -245
  43. package/dist/cjs/blocks/types.js +0 -10
  44. package/dist/cjs/blocks/useStory.js +0 -108
  45. package/dist/cjs/blocks/utils.js +0 -61
  46. package/dist/esm/blocks/Anchor.js +0 -11
  47. package/dist/esm/blocks/ArgsTable.js +0 -341
  48. package/dist/esm/blocks/Canvas.js +0 -95
  49. package/dist/esm/blocks/Description.js +0 -113
  50. package/dist/esm/blocks/DocsContainer.js +0 -106
  51. package/dist/esm/blocks/DocsContext.js +0 -16
  52. package/dist/esm/blocks/DocsPage.js +0 -13
  53. package/dist/esm/blocks/DocsStory.js +0 -55
  54. package/dist/esm/blocks/Heading.js +0 -19
  55. package/dist/esm/blocks/Meta.js +0 -35
  56. package/dist/esm/blocks/Preview.js +0 -14
  57. package/dist/esm/blocks/Primary.js +0 -29
  58. package/dist/esm/blocks/Props.js +0 -19
  59. package/dist/esm/blocks/Source.js +0 -150
  60. package/dist/esm/blocks/SourceContainer.js +0 -77
  61. package/dist/esm/blocks/Stories.js +0 -42
  62. package/dist/esm/blocks/Story.js +0 -207
  63. package/dist/esm/blocks/Subheading.js +0 -19
  64. package/dist/esm/blocks/Subtitle.js +0 -23
  65. package/dist/esm/blocks/Title.js +0 -25
  66. package/dist/esm/blocks/Wrapper.js +0 -9
  67. package/dist/esm/blocks/enhanceSource.js +0 -111
  68. package/dist/esm/blocks/mdx.js +0 -207
  69. package/dist/esm/blocks/types.js +0 -2
  70. package/dist/esm/blocks/useStory.js +0 -84
  71. package/dist/esm/blocks/utils.js +0 -43
  72. package/dist/modern/blocks/Anchor.js +0 -8
  73. package/dist/modern/blocks/ArgsTable.js +0 -292
  74. package/dist/modern/blocks/Canvas.js +0 -83
  75. package/dist/modern/blocks/Description.js +0 -107
  76. package/dist/modern/blocks/DocsContainer.js +0 -98
  77. package/dist/modern/blocks/DocsContext.js +0 -16
  78. package/dist/modern/blocks/DocsPage.js +0 -11
  79. package/dist/modern/blocks/DocsStory.js +0 -48
  80. package/dist/modern/blocks/Heading.js +0 -17
  81. package/dist/modern/blocks/Meta.js +0 -31
  82. package/dist/modern/blocks/Preview.js +0 -9
  83. package/dist/modern/blocks/Primary.js +0 -23
  84. package/dist/modern/blocks/Props.js +0 -14
  85. package/dist/modern/blocks/Source.js +0 -154
  86. package/dist/modern/blocks/SourceContainer.js +0 -44
  87. package/dist/modern/blocks/Stories.js +0 -34
  88. package/dist/modern/blocks/Story.js +0 -168
  89. package/dist/modern/blocks/Subheading.js +0 -17
  90. package/dist/modern/blocks/Subtitle.js +0 -23
  91. package/dist/modern/blocks/Title.js +0 -24
  92. package/dist/modern/blocks/Wrapper.js +0 -8
  93. package/dist/modern/blocks/enhanceSource.js +0 -89
  94. package/dist/modern/blocks/index.js +0 -24
  95. package/dist/modern/blocks/mdx.js +0 -204
  96. package/dist/modern/blocks/types.js +0 -2
  97. package/dist/modern/blocks/useStory.js +0 -28
  98. package/dist/modern/blocks/utils.js +0 -29
  99. package/dist/modern/index.js +0 -1
  100. package/dist/modern/manager.js +0 -16
  101. package/dist/modern/preset.js +0 -130
  102. package/dist/modern/preview.js +0 -6
  103. package/dist/modern/shared.js +0 -11
  104. package/dist/ts3.4/blocks/Anchor.d.ts +0 -6
  105. package/dist/ts3.4/blocks/ArgsTable.d.ts +0 -33
  106. package/dist/ts3.4/blocks/Canvas.d.ts +0 -9
  107. package/dist/ts3.4/blocks/Description.d.ts +0 -20
  108. package/dist/ts3.4/blocks/DocsContainer.d.ts +0 -7
  109. package/dist/ts3.4/blocks/DocsContext.d.ts +0 -5
  110. package/dist/ts3.4/blocks/DocsPage.d.ts +0 -2
  111. package/dist/ts3.4/blocks/DocsStory.d.ts +0 -3
  112. package/dist/ts3.4/blocks/Heading.d.ts +0 -6
  113. package/dist/ts3.4/blocks/Meta.d.ts +0 -9
  114. package/dist/ts3.4/blocks/Preview.d.ts +0 -3
  115. package/dist/ts3.4/blocks/Primary.d.ts +0 -6
  116. package/dist/ts3.4/blocks/Props.d.ts +0 -3
  117. package/dist/ts3.4/blocks/Source.d.ts +0 -38
  118. package/dist/ts3.4/blocks/SourceContainer.d.ts +0 -14
  119. package/dist/ts3.4/blocks/Stories.d.ts +0 -7
  120. package/dist/ts3.4/blocks/Story.d.ts +0 -28
  121. package/dist/ts3.4/blocks/Subheading.d.ts +0 -3
  122. package/dist/ts3.4/blocks/Subtitle.d.ts +0 -6
  123. package/dist/ts3.4/blocks/Title.d.ts +0 -8
  124. package/dist/ts3.4/blocks/Wrapper.d.ts +0 -2
  125. package/dist/ts3.4/blocks/enhanceSource.d.ts +0 -3
  126. package/dist/ts3.4/blocks/index.d.ts +0 -24
  127. package/dist/ts3.4/blocks/mdx.d.ts +0 -20
  128. package/dist/ts3.4/blocks/types.d.ts +0 -13
  129. package/dist/ts3.4/blocks/useStory.d.ts +0 -5
  130. package/dist/ts3.4/blocks/utils.d.ts +0 -3
  131. package/dist/ts3.4/index.d.ts +0 -1
  132. package/dist/ts3.4/manager.d.ts +0 -1
  133. package/dist/ts3.4/preset.d.ts +0 -11
  134. package/dist/ts3.4/preview.d.ts +0 -6
  135. package/dist/ts3.4/shared.d.ts +0 -24
  136. package/dist/ts3.9/blocks/Anchor.d.ts +0 -6
  137. package/dist/ts3.9/blocks/ArgsTable.d.ts +0 -33
  138. package/dist/ts3.9/blocks/Canvas.d.ts +0 -9
  139. package/dist/ts3.9/blocks/Description.d.ts +0 -20
  140. package/dist/ts3.9/blocks/DocsContainer.d.ts +0 -7
  141. package/dist/ts3.9/blocks/DocsContext.d.ts +0 -5
  142. package/dist/ts3.9/blocks/DocsPage.d.ts +0 -2
  143. package/dist/ts3.9/blocks/DocsStory.d.ts +0 -3
  144. package/dist/ts3.9/blocks/Heading.d.ts +0 -6
  145. package/dist/ts3.9/blocks/Meta.d.ts +0 -9
  146. package/dist/ts3.9/blocks/Preview.d.ts +0 -3
  147. package/dist/ts3.9/blocks/Primary.d.ts +0 -6
  148. package/dist/ts3.9/blocks/Props.d.ts +0 -3
  149. package/dist/ts3.9/blocks/Source.d.ts +0 -38
  150. package/dist/ts3.9/blocks/SourceContainer.d.ts +0 -14
  151. package/dist/ts3.9/blocks/Stories.d.ts +0 -7
  152. package/dist/ts3.9/blocks/Story.d.ts +0 -28
  153. package/dist/ts3.9/blocks/Subheading.d.ts +0 -3
  154. package/dist/ts3.9/blocks/Subtitle.d.ts +0 -6
  155. package/dist/ts3.9/blocks/Title.d.ts +0 -8
  156. package/dist/ts3.9/blocks/Wrapper.d.ts +0 -2
  157. package/dist/ts3.9/blocks/enhanceSource.d.ts +0 -3
  158. package/dist/ts3.9/blocks/index.d.ts +0 -24
  159. package/dist/ts3.9/blocks/mdx.d.ts +0 -20
  160. package/dist/ts3.9/blocks/types.d.ts +0 -13
  161. package/dist/ts3.9/blocks/useStory.d.ts +0 -5
  162. package/dist/ts3.9/blocks/utils.d.ts +0 -3
  163. package/dist/ts3.9/preview.d.ts +0 -6
@@ -1,106 +0,0 @@
1
- import "core-js/modules/es.array.slice.js";
2
- import "core-js/modules/es.object.freeze.js";
3
-
4
- var _templateObject;
5
-
6
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7
-
8
- import "core-js/modules/es.object.assign.js";
9
- import "core-js/modules/es.array.iterator.js";
10
- import "core-js/modules/es.object.to-string.js";
11
- import "core-js/modules/es.string.iterator.js";
12
- import "core-js/modules/web.dom-collections.iterator.js";
13
- import "core-js/modules/web.url.js";
14
- import "core-js/modules/web.url-search-params.js";
15
- import React, { useEffect } from 'react';
16
- import global from 'global';
17
- import deprecate from 'util-deprecate';
18
- import dedent from 'ts-dedent';
19
- import { MDXProvider } from '@mdx-js/react';
20
- import { ThemeProvider, ensure as ensureTheme } from '@storybook/theming';
21
- import { DocsWrapper, DocsContent, components as htmlComponents } from '@storybook/components';
22
- import { DocsContext } from './DocsContext';
23
- import { anchorBlockIdFromId } from './Anchor';
24
- import { storyBlockIdFromId } from './Story';
25
- import { SourceContainer } from './SourceContainer';
26
- import { CodeOrSourceMdx, AnchorMdx, HeadersMdx } from './mdx';
27
- import { scrollToElement } from './utils';
28
- var document = global.document,
29
- globalWindow = global.window;
30
- var defaultComponents = Object.assign({}, htmlComponents, {
31
- code: CodeOrSourceMdx,
32
- a: AnchorMdx
33
- }, HeadersMdx);
34
- var warnOptionsTheme = deprecate(function () {}, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Deprecated parameter: options.theme => docs.theme\n\n https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming\n"]))));
35
- export var DocsContainer = function DocsContainer(_ref) {
36
- var context = _ref.context,
37
- children = _ref.children;
38
- var storyId = context.id,
39
- storyById = context.storyById;
40
-
41
- var _storyById = storyById(storyId),
42
- _storyById$parameters = _storyById.parameters,
43
- _storyById$parameters2 = _storyById$parameters.options,
44
- options = _storyById$parameters2 === void 0 ? {} : _storyById$parameters2,
45
- _storyById$parameters3 = _storyById$parameters.docs,
46
- docs = _storyById$parameters3 === void 0 ? {} : _storyById$parameters3;
47
-
48
- var themeVars = docs.theme;
49
-
50
- if (!themeVars && options.theme) {
51
- warnOptionsTheme();
52
- themeVars = options.theme;
53
- }
54
-
55
- var theme = ensureTheme(themeVars);
56
- var allComponents = Object.assign({}, defaultComponents, docs.components);
57
- useEffect(function () {
58
- var url;
59
-
60
- try {
61
- url = new URL(globalWindow.parent.location);
62
- } catch (err) {
63
- return;
64
- }
65
-
66
- if (url.hash) {
67
- var element = document.getElementById(url.hash.substring(1));
68
-
69
- if (element) {
70
- // Introducing a delay to ensure scrolling works when it's a full refresh.
71
- setTimeout(function () {
72
- scrollToElement(element);
73
- }, 200);
74
- }
75
- } else {
76
- var _element = document.getElementById(anchorBlockIdFromId(storyId)) || document.getElementById(storyBlockIdFromId(storyId));
77
-
78
- if (_element) {
79
- var allStories = _element.parentElement.querySelectorAll('[id|="anchor-"]');
80
-
81
- var scrollTarget = _element;
82
-
83
- if (allStories && allStories[0] === _element) {
84
- // Include content above first story
85
- scrollTarget = document.getElementById('docs-root');
86
- } // Introducing a delay to ensure scrolling works when it's a full refresh.
87
-
88
-
89
- setTimeout(function () {
90
- scrollToElement(scrollTarget, 'start');
91
- }, 200);
92
- }
93
- }
94
- }, [storyId]);
95
- return /*#__PURE__*/React.createElement(DocsContext.Provider, {
96
- value: context
97
- }, /*#__PURE__*/React.createElement(SourceContainer, null, /*#__PURE__*/React.createElement(ThemeProvider, {
98
- theme: theme
99
- }, /*#__PURE__*/React.createElement(MDXProvider, {
100
- components: allComponents
101
- }, /*#__PURE__*/React.createElement(DocsWrapper, {
102
- className: "sbdocs sbdocs-wrapper"
103
- }, /*#__PURE__*/React.createElement(DocsContent, {
104
- className: "sbdocs sbdocs-content"
105
- }, children))))));
106
- };
@@ -1,16 +0,0 @@
1
- import { createContext } from 'react';
2
- import { window as globalWindow } from 'global';
3
-
4
- // We add DocsContext to window. The reason is that in case DocsContext.ts is
5
- // imported multiple times (maybe once directly, and another time from a minified bundle)
6
- // we will have multiple DocsContext definitions - leading to lost context in
7
- // the React component tree.
8
- // This was specifically a problem with the Vite builder.
9
-
10
- /* eslint-disable no-underscore-dangle */
11
- if (globalWindow && globalWindow.__DOCS_CONTEXT__ === undefined) {
12
- globalWindow.__DOCS_CONTEXT__ = /*#__PURE__*/createContext({});
13
- globalWindow.__DOCS_CONTEXT__.displayName = 'DocsContext';
14
- }
15
-
16
- export var DocsContext = globalWindow ? globalWindow.__DOCS_CONTEXT__ : /*#__PURE__*/createContext({});
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { Title } from './Title';
3
- import { Subtitle } from './Subtitle';
4
- import { Description } from './Description';
5
- import { Primary } from './Primary';
6
- import { PRIMARY_STORY } from './types';
7
- import { ArgsTable } from './ArgsTable';
8
- import { Stories } from './Stories';
9
- export var DocsPage = function DocsPage() {
10
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null), /*#__PURE__*/React.createElement(Subtitle, null), /*#__PURE__*/React.createElement(Description, null), /*#__PURE__*/React.createElement(Primary, null), /*#__PURE__*/React.createElement(ArgsTable, {
11
- story: PRIMARY_STORY
12
- }), /*#__PURE__*/React.createElement(Stories, null));
13
- };
@@ -1,55 +0,0 @@
1
- import "core-js/modules/es.array.slice.js";
2
- import "core-js/modules/es.object.freeze.js";
3
-
4
- var _templateObject;
5
-
6
- import "core-js/modules/es.function.name.js";
7
- import "core-js/modules/es.symbol.js";
8
- import "core-js/modules/es.symbol.description.js";
9
-
10
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
11
-
12
- import React from 'react';
13
- import deprecate from 'util-deprecate';
14
- import dedent from 'ts-dedent';
15
- import { Subheading } from './Subheading';
16
- import { Anchor } from './Anchor';
17
- import { Description } from './Description';
18
- import { Story } from './Story';
19
- import { Canvas } from './Canvas';
20
- var warnStoryDescription = deprecate(function () {}, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Deprecated parameter: docs.storyDescription => docs.description.story\n \n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter\n "]))));
21
- export var DocsStory = function DocsStory(_ref) {
22
- var id = _ref.id,
23
- name = _ref.name,
24
- _ref$expanded = _ref.expanded,
25
- expanded = _ref$expanded === void 0 ? true : _ref$expanded,
26
- _ref$withToolbar = _ref.withToolbar,
27
- withToolbar = _ref$withToolbar === void 0 ? false : _ref$withToolbar,
28
- _ref$parameters = _ref.parameters,
29
- parameters = _ref$parameters === void 0 ? {} : _ref$parameters;
30
- var description;
31
- var docs = parameters.docs;
32
-
33
- if (expanded && docs) {
34
- var _docs$description;
35
-
36
- description = (_docs$description = docs.description) === null || _docs$description === void 0 ? void 0 : _docs$description.story;
37
-
38
- if (!description) {
39
- description = docs.storyDescription;
40
- if (description) warnStoryDescription();
41
- }
42
- }
43
-
44
- var subheading = expanded && name;
45
- return /*#__PURE__*/React.createElement(Anchor, {
46
- storyId: id
47
- }, subheading && /*#__PURE__*/React.createElement(Subheading, null, subheading), description && /*#__PURE__*/React.createElement(Description, {
48
- markdown: description
49
- }), /*#__PURE__*/React.createElement(Canvas, {
50
- withToolbar: withToolbar
51
- }, /*#__PURE__*/React.createElement(Story, {
52
- id: id,
53
- parameters: parameters
54
- })));
55
- };
@@ -1,19 +0,0 @@
1
- import "core-js/modules/es.regexp.exec.js";
2
- import "core-js/modules/es.string.replace.js";
3
- import React from 'react';
4
- import { H2 } from '@storybook/components';
5
- import { HeaderMdx } from './mdx';
6
- export var Heading = function Heading(_ref) {
7
- var children = _ref.children,
8
- disableAnchor = _ref.disableAnchor;
9
-
10
- if (disableAnchor || typeof children !== 'string') {
11
- return /*#__PURE__*/React.createElement(H2, null, children);
12
- }
13
-
14
- var tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
15
- return /*#__PURE__*/React.createElement(HeaderMdx, {
16
- as: "h2",
17
- id: tagID
18
- }, children);
19
- };
@@ -1,35 +0,0 @@
1
- import "core-js/modules/es.array.iterator.js";
2
- import "core-js/modules/es.object.to-string.js";
3
- import "core-js/modules/es.string.iterator.js";
4
- import "core-js/modules/web.dom-collections.iterator.js";
5
- import "core-js/modules/web.url.js";
6
- import "core-js/modules/web.url-search-params.js";
7
- import React, { useContext } from 'react';
8
- import global from 'global';
9
- import { Anchor } from './Anchor';
10
- import { DocsContext } from './DocsContext';
11
- var document = global.document;
12
-
13
- function getFirstStoryId(docsContext) {
14
- var stories = docsContext.componentStories();
15
- return stories.length > 0 ? stories[0].id : null;
16
- }
17
-
18
- function renderAnchor() {
19
- var context = useContext(DocsContext);
20
- var anchorId = getFirstStoryId(context) || context.id;
21
- return /*#__PURE__*/React.createElement(Anchor, {
22
- storyId: anchorId
23
- });
24
- }
25
- /**
26
- * This component is used to declare component metadata in docs
27
- * and gets transformed into a default export underneath the hood.
28
- */
29
-
30
-
31
- export var Meta = function Meta() {
32
- var params = new URL(document.location).searchParams;
33
- var isDocs = params.get('viewMode') === 'docs';
34
- return isDocs ? renderAnchor() : null;
35
- };
@@ -1,14 +0,0 @@
1
- import "core-js/modules/es.array.slice.js";
2
- import "core-js/modules/es.object.freeze.js";
3
-
4
- var _templateObject;
5
-
6
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7
-
8
- import React from 'react';
9
- import deprecate from 'util-deprecate';
10
- import dedent from 'ts-dedent';
11
- import { Canvas } from './Canvas';
12
- export var Preview = deprecate(function (props) {
13
- return /*#__PURE__*/React.createElement(Canvas, props);
14
- }, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Preview doc block has been renamed to Canvas.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n "]))));
@@ -1,29 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import "core-js/modules/es.function.name.js";
4
- import "core-js/modules/es.array.find.js";
5
- import "core-js/modules/es.object.to-string.js";
6
- import "core-js/modules/es.object.assign.js";
7
- import React, { useContext } from 'react';
8
- import { DocsContext } from './DocsContext';
9
- import { DocsStory } from './DocsStory';
10
- export var Primary = function Primary(_ref) {
11
- var name = _ref.name;
12
-
13
- var _useContext = useContext(DocsContext),
14
- getComponentStories = _useContext.componentStories;
15
-
16
- var componentStories = getComponentStories();
17
- var story;
18
-
19
- if (componentStories) {
20
- story = name ? componentStories.find(function (s) {
21
- return s.name === name;
22
- }) : componentStories[0];
23
- }
24
-
25
- return story ? /*#__PURE__*/React.createElement(DocsStory, _extends({}, story, {
26
- expanded: false,
27
- withToolbar: true
28
- })) : null;
29
- };
@@ -1,19 +0,0 @@
1
- import "core-js/modules/es.array.slice.js";
2
- import "core-js/modules/es.object.freeze.js";
3
-
4
- var _templateObject;
5
-
6
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7
-
8
- import React from 'react';
9
- import deprecate from 'util-deprecate';
10
- import dedent from 'ts-dedent';
11
- import { ArgsTable } from './ArgsTable';
12
- import { CURRENT_SELECTION } from './types';
13
- export var Props = deprecate(function (props) {
14
- return /*#__PURE__*/React.createElement(ArgsTable, props);
15
- }, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Props doc block has been renamed to ArgsTable.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n "])))); // @ts-ignore
16
-
17
- Props.defaultProps = {
18
- of: CURRENT_SELECTION
19
- };
@@ -1,150 +0,0 @@
1
- import "core-js/modules/es.array.filter.js";
2
- import "core-js/modules/es.object.to-string.js";
3
- import "core-js/modules/es.array.map.js";
4
- import "core-js/modules/es.array.join.js";
5
- import React, { useContext } from 'react';
6
- import { Source as PureSource, SourceError } from '@storybook/components';
7
- import { DocsContext } from './DocsContext';
8
- import { SourceContext } from './SourceContainer';
9
- import { CURRENT_SELECTION } from './types';
10
- import { SourceType } from '../shared';
11
- import { enhanceSource } from './enhanceSource';
12
- import { useStories } from './useStory';
13
- export var SourceState;
14
-
15
- (function (SourceState) {
16
- SourceState["OPEN"] = "open";
17
- SourceState["CLOSED"] = "closed";
18
- SourceState["NONE"] = "none";
19
- })(SourceState || (SourceState = {}));
20
-
21
- var getSourceState = function getSourceState(stories) {
22
- var states = stories.map(function (story) {
23
- var _story$parameters$doc, _story$parameters$doc2;
24
-
25
- return (_story$parameters$doc = story.parameters.docs) === null || _story$parameters$doc === void 0 ? void 0 : (_story$parameters$doc2 = _story$parameters$doc.source) === null || _story$parameters$doc2 === void 0 ? void 0 : _story$parameters$doc2.state;
26
- }).filter(Boolean);
27
- if (states.length === 0) return SourceState.CLOSED; // FIXME: handling multiple stories is a pain
28
-
29
- return states[0];
30
- };
31
-
32
- var getStorySource = function getStorySource(storyId, sourceContext) {
33
- var sources = sourceContext.sources; // source rendering is async so source is unavailable at the start of the render cycle,
34
- // so we fail gracefully here without warning
35
-
36
- return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
37
- code: '',
38
- format: false
39
- };
40
- };
41
-
42
- var getSnippet = function getSnippet(snippet, story) {
43
- var _parameters$docs, _parameters$docs$sour, _parameters$docs2, _parameters$docs2$sou, _enhanced$docs, _enhanced$docs$source;
44
-
45
- if (!story) {
46
- return snippet;
47
- }
48
-
49
- var parameters = story.parameters; // eslint-disable-next-line no-underscore-dangle
50
-
51
- var isArgsStory = parameters.__isArgsStory;
52
- var type = ((_parameters$docs = parameters.docs) === null || _parameters$docs === void 0 ? void 0 : (_parameters$docs$sour = _parameters$docs.source) === null || _parameters$docs$sour === void 0 ? void 0 : _parameters$docs$sour.type) || SourceType.AUTO; // if user has hard-coded the snippet, that takes precedence
53
-
54
- var userCode = (_parameters$docs2 = parameters.docs) === null || _parameters$docs2 === void 0 ? void 0 : (_parameters$docs2$sou = _parameters$docs2.source) === null || _parameters$docs2$sou === void 0 ? void 0 : _parameters$docs2$sou.code;
55
-
56
- if (userCode !== undefined) {
57
- return userCode;
58
- } // if user has explicitly set this as dynamic, use snippet
59
-
60
-
61
- if (type === SourceType.DYNAMIC) {
62
- var _parameters$docs3, _parameters$docs3$tra;
63
-
64
- return ((_parameters$docs3 = parameters.docs) === null || _parameters$docs3 === void 0 ? void 0 : (_parameters$docs3$tra = _parameters$docs3.transformSource) === null || _parameters$docs3$tra === void 0 ? void 0 : _parameters$docs3$tra.call(_parameters$docs3, snippet, story)) || snippet;
65
- } // if this is an args story and there's a snippet
66
-
67
-
68
- if (type === SourceType.AUTO && snippet && isArgsStory) {
69
- var _parameters$docs4, _parameters$docs4$tra;
70
-
71
- return ((_parameters$docs4 = parameters.docs) === null || _parameters$docs4 === void 0 ? void 0 : (_parameters$docs4$tra = _parameters$docs4.transformSource) === null || _parameters$docs4$tra === void 0 ? void 0 : _parameters$docs4$tra.call(_parameters$docs4, snippet, story)) || snippet;
72
- } // otherwise, use the source code logic
73
-
74
-
75
- var enhanced = enhanceSource(story) || parameters;
76
- return (enhanced === null || enhanced === void 0 ? void 0 : (_enhanced$docs = enhanced.docs) === null || _enhanced$docs === void 0 ? void 0 : (_enhanced$docs$source = _enhanced$docs.source) === null || _enhanced$docs$source === void 0 ? void 0 : _enhanced$docs$source.code) || '';
77
- };
78
-
79
- export var getSourceProps = function getSourceProps(props, docsContext, sourceContext) {
80
- var currentId = docsContext.id,
81
- storyById = docsContext.storyById;
82
-
83
- var _storyById = storyById(currentId),
84
- parameters = _storyById.parameters;
85
-
86
- var codeProps = props;
87
- var singleProps = props;
88
- var multiProps = props;
89
- var source = codeProps.code; // prefer user-specified code
90
-
91
- var format = codeProps.format; // prefer user-specified code
92
-
93
- var targetIds = multiProps.ids || [singleProps.id || currentId];
94
- var storyIds = targetIds.map(function (targetId) {
95
- return targetId === CURRENT_SELECTION ? currentId : targetId;
96
- });
97
- var stories = useStories(storyIds, docsContext);
98
-
99
- if (!stories.every(Boolean)) {
100
- return {
101
- error: SourceError.SOURCE_UNAVAILABLE,
102
- state: SourceState.NONE
103
- };
104
- }
105
-
106
- if (!source) {
107
- // just take the format from the first story, given how they're all concatinated together...
108
- // TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
109
- var _getStorySource = getStorySource(storyIds[0], sourceContext);
110
-
111
- format = _getStorySource.format;
112
- source = storyIds.map(function (storyId, idx) {
113
- var _getStorySource2 = getStorySource(storyId, sourceContext),
114
- storySource = _getStorySource2.code;
115
-
116
- var storyObj = stories[idx];
117
- return getSnippet(storySource, storyObj);
118
- }).join('\n\n');
119
- }
120
-
121
- var state = getSourceState(stories);
122
- var _parameters$docs5 = parameters.docs,
123
- docsParameters = _parameters$docs5 === void 0 ? {} : _parameters$docs5;
124
- var _docsParameters$sourc = docsParameters.source,
125
- sourceParameters = _docsParameters$sourc === void 0 ? {} : _docsParameters$sourc;
126
- var _sourceParameters$lan = sourceParameters.language,
127
- docsLanguage = _sourceParameters$lan === void 0 ? null : _sourceParameters$lan;
128
- return source ? {
129
- code: source,
130
- state: state,
131
- format: format,
132
- language: props.language || docsLanguage || 'jsx',
133
- dark: props.dark || false
134
- } : {
135
- error: SourceError.SOURCE_UNAVAILABLE,
136
- state: state
137
- };
138
- };
139
- /**
140
- * Story source doc block renders source code if provided,
141
- * or the source for a story if `storyId` is provided, or
142
- * the source for the current story if nothing is provided.
143
- */
144
-
145
- export var Source = function Source(props) {
146
- var sourceContext = useContext(SourceContext);
147
- var docsContext = useContext(DocsContext);
148
- var sourceProps = getSourceProps(props, docsContext, sourceContext);
149
- return /*#__PURE__*/React.createElement(PureSource, sourceProps);
150
- };
@@ -1,77 +0,0 @@
1
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
-
3
- import "core-js/modules/es.object.assign.js";
4
- import "core-js/modules/es.symbol.js";
5
- import "core-js/modules/es.symbol.description.js";
6
- import "core-js/modules/es.object.to-string.js";
7
- import "core-js/modules/es.symbol.iterator.js";
8
- import "core-js/modules/es.array.iterator.js";
9
- import "core-js/modules/es.string.iterator.js";
10
- import "core-js/modules/web.dom-collections.iterator.js";
11
- import "core-js/modules/es.array.slice.js";
12
- import "core-js/modules/es.function.name.js";
13
- import "core-js/modules/es.array.from.js";
14
- import "core-js/modules/es.regexp.exec.js";
15
-
16
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
-
18
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
19
-
20
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
21
-
22
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
23
-
24
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
25
-
26
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
-
28
- import React, { createContext, useEffect, useState } from 'react';
29
- import deepEqual from 'fast-deep-equal';
30
- import { addons } from '@storybook/addons';
31
- import { SNIPPET_RENDERED } from '../shared';
32
- export var SourceContext = /*#__PURE__*/createContext({
33
- sources: {}
34
- });
35
- export var SourceContainer = function SourceContainer(_ref) {
36
- var children = _ref.children;
37
-
38
- var _useState = useState({}),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- sources = _useState2[0],
41
- setSources = _useState2[1];
42
-
43
- var channel = addons.getChannel();
44
- useEffect(function () {
45
- var handleSnippetRendered = function handleSnippetRendered(id, newSource) {
46
- var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
47
-
48
- // optimization: if the source is the same, ignore the incoming event
49
- if (sources[id] && sources[id].code === newSource) {
50
- return;
51
- }
52
-
53
- setSources(function (current) {
54
- var newSources = Object.assign({}, current, _defineProperty({}, id, {
55
- code: newSource,
56
- format: format
57
- }));
58
-
59
- if (!deepEqual(current, newSources)) {
60
- return newSources;
61
- }
62
-
63
- return current;
64
- });
65
- };
66
-
67
- channel.on(SNIPPET_RENDERED, handleSnippetRendered);
68
- return function () {
69
- return channel.off(SNIPPET_RENDERED, handleSnippetRendered);
70
- };
71
- }, []);
72
- return /*#__PURE__*/React.createElement(SourceContext.Provider, {
73
- value: {
74
- sources: sources
75
- }
76
- }, children);
77
- };
@@ -1,42 +0,0 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
- import "core-js/modules/es.array.filter.js";
4
- import "core-js/modules/es.object.to-string.js";
5
- import "core-js/modules/es.array.slice.js";
6
- import "core-js/modules/es.array.map.js";
7
- import "core-js/modules/es.object.assign.js";
8
- import React, { useContext } from 'react';
9
- import { DocsContext } from './DocsContext';
10
- import { DocsStory } from './DocsStory';
11
- import { Heading } from './Heading';
12
- export var Stories = function Stories(_ref) {
13
- var title = _ref.title,
14
- _ref$includePrimary = _ref.includePrimary,
15
- includePrimary = _ref$includePrimary === void 0 ? false : _ref$includePrimary;
16
-
17
- var _useContext = useContext(DocsContext),
18
- componentStories = _useContext.componentStories;
19
-
20
- var stories = componentStories();
21
- stories = stories.filter(function (story) {
22
- var _story$parameters, _story$parameters$doc;
23
-
24
- return !((_story$parameters = story.parameters) !== null && _story$parameters !== void 0 && (_story$parameters$doc = _story$parameters.docs) !== null && _story$parameters$doc !== void 0 && _story$parameters$doc.disable);
25
- });
26
- if (!includePrimary) stories = stories.slice(1);
27
-
28
- if (!stories || stories.length === 0) {
29
- return null;
30
- }
31
-
32
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, null, title), stories.map(function (story) {
33
- return story && /*#__PURE__*/React.createElement(DocsStory, _extends({
34
- key: story.id
35
- }, story, {
36
- expanded: true
37
- }));
38
- }));
39
- };
40
- Stories.defaultProps = {
41
- title: 'Stories'
42
- };