@storybook/addon-docs 7.0.0-alpha.3 → 7.0.0-alpha.33

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 (104) hide show
  1. package/README.md +12 -13
  2. package/angular/index.js +1 -1
  3. package/blocks.js +1 -1
  4. package/dist/cjs/DocsRenderer.js +52 -0
  5. package/dist/cjs/blocks/index.js +4 -352
  6. package/dist/cjs/index.js +13 -1
  7. package/dist/cjs/preset.js +20 -5
  8. package/dist/cjs/preview.js +6 -2
  9. package/dist/esm/DocsRenderer.js +34 -0
  10. package/dist/esm/blocks/index.js +1 -24
  11. package/dist/esm/index.js +2 -1
  12. package/dist/esm/preset.js +15 -3
  13. package/dist/esm/preview.js +6 -2
  14. package/dist/types/DocsRenderer.d.ts +8 -0
  15. package/dist/types/blocks/index.d.ts +1 -24
  16. package/dist/types/index.d.ts +1 -0
  17. package/dist/types/preset.d.ts +8 -2
  18. package/dist/types/preview.d.ts +1 -6
  19. package/package.json +25 -24
  20. package/web-components/README.md +1 -0
  21. package/LICENSE +0 -21
  22. package/dist/cjs/blocks/Anchor.js +0 -23
  23. package/dist/cjs/blocks/ArgsTable.js +0 -329
  24. package/dist/cjs/blocks/Canvas.js +0 -109
  25. package/dist/cjs/blocks/Description.js +0 -126
  26. package/dist/cjs/blocks/DocsContainer.js +0 -127
  27. package/dist/cjs/blocks/DocsContext.js +0 -25
  28. package/dist/cjs/blocks/DocsPage.js +0 -30
  29. package/dist/cjs/blocks/DocsStory.js +0 -68
  30. package/dist/cjs/blocks/Heading.js +0 -31
  31. package/dist/cjs/blocks/Meta.js +0 -50
  32. package/dist/cjs/blocks/Preview.js +0 -23
  33. package/dist/cjs/blocks/Primary.js +0 -39
  34. package/dist/cjs/blocks/Props.js +0 -29
  35. package/dist/cjs/blocks/Source.js +0 -179
  36. package/dist/cjs/blocks/SourceContainer.js +0 -67
  37. package/dist/cjs/blocks/Stories.js +0 -51
  38. package/dist/cjs/blocks/Story.js +0 -143
  39. package/dist/cjs/blocks/Subheading.js +0 -31
  40. package/dist/cjs/blocks/Subtitle.js +0 -39
  41. package/dist/cjs/blocks/Title.js +0 -44
  42. package/dist/cjs/blocks/Wrapper.js +0 -20
  43. package/dist/cjs/blocks/enhanceSource.js +0 -92
  44. package/dist/cjs/blocks/mdx.js +0 -234
  45. package/dist/cjs/blocks/types.js +0 -10
  46. package/dist/cjs/blocks/useStory.js +0 -37
  47. package/dist/cjs/blocks/utils.js +0 -40
  48. package/dist/cjs/manager.js +0 -20
  49. package/dist/esm/blocks/Anchor.js +0 -8
  50. package/dist/esm/blocks/ArgsTable.js +0 -292
  51. package/dist/esm/blocks/Canvas.js +0 -83
  52. package/dist/esm/blocks/Description.js +0 -107
  53. package/dist/esm/blocks/DocsContainer.js +0 -98
  54. package/dist/esm/blocks/DocsContext.js +0 -16
  55. package/dist/esm/blocks/DocsPage.js +0 -11
  56. package/dist/esm/blocks/DocsStory.js +0 -46
  57. package/dist/esm/blocks/Heading.js +0 -17
  58. package/dist/esm/blocks/Meta.js +0 -31
  59. package/dist/esm/blocks/Preview.js +0 -9
  60. package/dist/esm/blocks/Primary.js +0 -23
  61. package/dist/esm/blocks/Props.js +0 -14
  62. package/dist/esm/blocks/Source.js +0 -144
  63. package/dist/esm/blocks/SourceContainer.js +0 -44
  64. package/dist/esm/blocks/Stories.js +0 -30
  65. package/dist/esm/blocks/Story.js +0 -114
  66. package/dist/esm/blocks/Subheading.js +0 -17
  67. package/dist/esm/blocks/Subtitle.js +0 -23
  68. package/dist/esm/blocks/Title.js +0 -24
  69. package/dist/esm/blocks/Wrapper.js +0 -8
  70. package/dist/esm/blocks/enhanceSource.js +0 -87
  71. package/dist/esm/blocks/mdx.js +0 -203
  72. package/dist/esm/blocks/types.js +0 -2
  73. package/dist/esm/blocks/useStory.js +0 -27
  74. package/dist/esm/blocks/utils.js +0 -29
  75. package/dist/esm/manager.js +0 -16
  76. package/dist/types/blocks/Anchor.d.ts +0 -6
  77. package/dist/types/blocks/ArgsTable.d.ts +0 -33
  78. package/dist/types/blocks/Canvas.d.ts +0 -9
  79. package/dist/types/blocks/Description.d.ts +0 -20
  80. package/dist/types/blocks/DocsContainer.d.ts +0 -7
  81. package/dist/types/blocks/DocsContext.d.ts +0 -5
  82. package/dist/types/blocks/DocsPage.d.ts +0 -2
  83. package/dist/types/blocks/DocsStory.d.ts +0 -3
  84. package/dist/types/blocks/Heading.d.ts +0 -6
  85. package/dist/types/blocks/Meta.d.ts +0 -9
  86. package/dist/types/blocks/Preview.d.ts +0 -3
  87. package/dist/types/blocks/Primary.d.ts +0 -6
  88. package/dist/types/blocks/Props.d.ts +0 -3
  89. package/dist/types/blocks/Source.d.ts +0 -38
  90. package/dist/types/blocks/SourceContainer.d.ts +0 -14
  91. package/dist/types/blocks/Stories.d.ts +0 -7
  92. package/dist/types/blocks/Story.d.ts +0 -28
  93. package/dist/types/blocks/Subheading.d.ts +0 -3
  94. package/dist/types/blocks/Subtitle.d.ts +0 -6
  95. package/dist/types/blocks/Title.d.ts +0 -8
  96. package/dist/types/blocks/Wrapper.d.ts +0 -2
  97. package/dist/types/blocks/enhanceSource.d.ts +0 -3
  98. package/dist/types/blocks/mdx.d.ts +0 -20
  99. package/dist/types/blocks/types.d.ts +0 -13
  100. package/dist/types/blocks/useStory.d.ts +0 -5
  101. package/dist/types/blocks/utils.d.ts +0 -3
  102. package/dist/types/manager.d.ts +0 -1
  103. package/manager.js +0 -1
  104. package/register.js +0 -6
@@ -1,109 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Canvas = void 0;
7
- Object.defineProperty(exports, "SourceState", {
8
- enumerable: true,
9
- get: function () {
10
- return _Source.SourceState;
11
- }
12
- });
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _react2 = require("@mdx-js/react");
17
-
18
- var _csf = require("@storybook/csf");
19
-
20
- var _components = require("@storybook/components");
21
-
22
- var _DocsContext = require("./DocsContext");
23
-
24
- var _SourceContainer = require("./SourceContainer");
25
-
26
- var _Source = require("./Source");
27
-
28
- var _useStory = require("./useStory");
29
-
30
- var _types = require("./types");
31
-
32
- const _excluded = ["withSource", "mdxSource", "children"];
33
-
34
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
-
36
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
-
38
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
39
-
40
- const getPreviewProps = (_ref, docsContext, sourceContext) => {
41
- let {
42
- withSource,
43
- mdxSource,
44
- children
45
- } = _ref,
46
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
47
-
48
- const {
49
- mdxComponentAnnotations,
50
- mdxStoryNameToKey
51
- } = docsContext;
52
- let sourceState = withSource;
53
- let isLoading = false;
54
-
55
- if (sourceState === _Source.SourceState.NONE) {
56
- return {
57
- isLoading,
58
- previewProps: props
59
- };
60
- }
61
-
62
- if (mdxSource) {
63
- return {
64
- isLoading,
65
- previewProps: Object.assign({}, props, {
66
- withSource: (0, _Source.getSourceProps)({
67
- code: decodeURI(mdxSource)
68
- }, docsContext, sourceContext)
69
- })
70
- };
71
- }
72
-
73
- const childArray = Array.isArray(children) ? children : [children];
74
- const storyChildren = childArray.filter(c => c.props && (c.props.id || c.props.name));
75
- const targetIds = storyChildren.map(s => s.props.id || (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[s.props.name])));
76
- const sourceProps = (0, _Source.getSourceProps)({
77
- ids: targetIds
78
- }, docsContext, sourceContext);
79
- if (!sourceState) sourceState = sourceProps.state;
80
- const storyIds = targetIds.map(targetId => targetId === _types.CURRENT_SELECTION ? docsContext.id : targetId);
81
- const stories = (0, _useStory.useStories)(storyIds, docsContext);
82
- isLoading = stories.some(s => !s);
83
- return {
84
- isLoading,
85
- previewProps: Object.assign({}, props, {
86
- // pass through columns etc.
87
- withSource: sourceProps,
88
- isExpanded: sourceState === _Source.SourceState.OPEN
89
- })
90
- };
91
- };
92
-
93
- const Canvas = props => {
94
- const docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
95
- const sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
96
- const {
97
- isLoading,
98
- previewProps
99
- } = getPreviewProps(props, docsContext, sourceContext);
100
- const {
101
- children
102
- } = props;
103
- if (isLoading) return /*#__PURE__*/_react.default.createElement(_components.PreviewSkeleton, null);
104
- return /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
105
- components: _components.resetComponents
106
- }, /*#__PURE__*/_react.default.createElement(_components.Preview, previewProps, children));
107
- };
108
-
109
- exports.Canvas = Canvas;
@@ -1,126 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getDescriptionProps = exports.DescriptionType = exports.Description = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _components = require("@storybook/components");
11
-
12
- var _docsTools = require("@storybook/docs-tools");
13
-
14
- var _DocsContext = require("./DocsContext");
15
-
16
- var _types = require("./types");
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- let DescriptionType;
23
- exports.DescriptionType = DescriptionType;
24
-
25
- (function (DescriptionType) {
26
- DescriptionType["INFO"] = "info";
27
- DescriptionType["NOTES"] = "notes";
28
- DescriptionType["DOCGEN"] = "docgen";
29
- DescriptionType["LEGACY_5_2"] = "legacy-5.2";
30
- DescriptionType["AUTO"] = "auto";
31
- })(DescriptionType || (exports.DescriptionType = DescriptionType = {}));
32
-
33
- const getNotes = notes => notes && (typeof notes === 'string' ? notes : (0, _docsTools.str)(notes.markdown) || (0, _docsTools.str)(notes.text));
34
-
35
- const getInfo = info => info && (typeof info === 'string' ? info : (0, _docsTools.str)(info.text));
36
-
37
- const noDescription = component => null;
38
-
39
- const getDescriptionProps = ({
40
- of,
41
- type,
42
- markdown,
43
- children
44
- }, {
45
- id,
46
- storyById
47
- }) => {
48
- const {
49
- component,
50
- parameters
51
- } = storyById(id);
52
-
53
- if (children || markdown) {
54
- return {
55
- markdown: children || markdown
56
- };
57
- }
58
-
59
- const {
60
- notes,
61
- info,
62
- docs
63
- } = parameters;
64
- const {
65
- extractComponentDescription = noDescription,
66
- description
67
- } = docs || {};
68
- const target = of === _types.CURRENT_SELECTION ? component : of; // override component description
69
-
70
- const componentDescriptionParameter = description === null || description === void 0 ? void 0 : description.component;
71
-
72
- if (componentDescriptionParameter) {
73
- return {
74
- markdown: componentDescriptionParameter
75
- };
76
- }
77
-
78
- switch (type) {
79
- case DescriptionType.INFO:
80
- return {
81
- markdown: getInfo(info)
82
- };
83
-
84
- case DescriptionType.NOTES:
85
- return {
86
- markdown: getNotes(notes)
87
- };
88
- // FIXME: remove in 6.0
89
-
90
- case DescriptionType.LEGACY_5_2:
91
- return {
92
- markdown: `
93
- ${getNotes(notes) || getInfo(info) || ''}
94
-
95
- ${extractComponentDescription(target) || ''}
96
- `.trim()
97
- };
98
-
99
- case DescriptionType.DOCGEN:
100
- case DescriptionType.AUTO:
101
- default:
102
- return {
103
- markdown: extractComponentDescription(target, Object.assign({
104
- component
105
- }, parameters))
106
- };
107
- }
108
- };
109
-
110
- exports.getDescriptionProps = getDescriptionProps;
111
-
112
- const DescriptionContainer = props => {
113
- const context = (0, _react.useContext)(_DocsContext.DocsContext);
114
- const {
115
- markdown
116
- } = getDescriptionProps(props, context);
117
- return markdown ? /*#__PURE__*/_react.default.createElement(_components.Description, {
118
- markdown: markdown
119
- }) : null;
120
- }; // since we are in the docs blocks, assume default description if for primary component story
121
-
122
-
123
- exports.Description = DescriptionContainer;
124
- DescriptionContainer.defaultProps = {
125
- of: '.'
126
- };
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DocsContainer = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _global = _interopRequireDefault(require("global"));
11
-
12
- var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
13
-
14
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
15
-
16
- var _react2 = require("@mdx-js/react");
17
-
18
- var _theming = require("@storybook/theming");
19
-
20
- var _components = require("@storybook/components");
21
-
22
- var _DocsContext = require("./DocsContext");
23
-
24
- var _Anchor = require("./Anchor");
25
-
26
- var _Story = require("./Story");
27
-
28
- var _SourceContainer = require("./SourceContainer");
29
-
30
- var _mdx = require("./mdx");
31
-
32
- var _utils = require("./utils");
33
-
34
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
-
36
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
37
-
38
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
39
-
40
- const {
41
- document,
42
- window: globalWindow
43
- } = _global.default;
44
- const defaultComponents = Object.assign({}, _components.components, {
45
- code: _mdx.CodeOrSourceMdx,
46
- a: _mdx.AnchorMdx
47
- }, _mdx.HeadersMdx);
48
- const warnOptionsTheme = (0, _utilDeprecate.default)(() => {}, (0, _tsDedent.default)`
49
- Deprecated parameter: options.theme => docs.theme
50
-
51
- https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming
52
- `);
53
-
54
- const DocsContainer = ({
55
- context,
56
- children
57
- }) => {
58
- const {
59
- id: storyId,
60
- storyById
61
- } = context;
62
- const {
63
- parameters: {
64
- options = {},
65
- docs = {}
66
- }
67
- } = storyById(storyId);
68
- let themeVars = docs.theme;
69
-
70
- if (!themeVars && options.theme) {
71
- warnOptionsTheme();
72
- themeVars = options.theme;
73
- }
74
-
75
- const theme = (0, _theming.ensure)(themeVars);
76
- const allComponents = Object.assign({}, defaultComponents, docs.components);
77
- (0, _react.useEffect)(() => {
78
- let url;
79
-
80
- try {
81
- url = new URL(globalWindow.parent.location);
82
- } catch (err) {
83
- return;
84
- }
85
-
86
- if (url.hash) {
87
- const element = document.getElementById(url.hash.substring(1));
88
-
89
- if (element) {
90
- // Introducing a delay to ensure scrolling works when it's a full refresh.
91
- setTimeout(() => {
92
- (0, _utils.scrollToElement)(element);
93
- }, 200);
94
- }
95
- } else {
96
- const element = document.getElementById((0, _Anchor.anchorBlockIdFromId)(storyId)) || document.getElementById((0, _Story.storyBlockIdFromId)(storyId));
97
-
98
- if (element) {
99
- const allStories = element.parentElement.querySelectorAll('[id|="anchor-"]');
100
- let scrollTarget = element;
101
-
102
- if (allStories && allStories[0] === element) {
103
- // Include content above first story
104
- scrollTarget = document.getElementById('docs-root');
105
- } // Introducing a delay to ensure scrolling works when it's a full refresh.
106
-
107
-
108
- setTimeout(() => {
109
- (0, _utils.scrollToElement)(scrollTarget, 'start');
110
- }, 200);
111
- }
112
- }
113
- }, [storyId]);
114
- return /*#__PURE__*/_react.default.createElement(_DocsContext.DocsContext.Provider, {
115
- value: context
116
- }, /*#__PURE__*/_react.default.createElement(_SourceContainer.SourceContainer, null, /*#__PURE__*/_react.default.createElement(_theming.ThemeProvider, {
117
- theme: theme
118
- }, /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
119
- components: allComponents
120
- }, /*#__PURE__*/_react.default.createElement(_components.DocsWrapper, {
121
- className: "sbdocs sbdocs-wrapper"
122
- }, /*#__PURE__*/_react.default.createElement(_components.DocsContent, {
123
- className: "sbdocs sbdocs-content"
124
- }, children))))));
125
- };
126
-
127
- exports.DocsContainer = DocsContainer;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DocsContext = void 0;
7
-
8
- var _react = require("react");
9
-
10
- var _global = require("global");
11
-
12
- // We add DocsContext to window. The reason is that in case DocsContext.ts is
13
- // imported multiple times (maybe once directly, and another time from a minified bundle)
14
- // we will have multiple DocsContext definitions - leading to lost context in
15
- // the React component tree.
16
- // This was specifically a problem with the Vite builder.
17
-
18
- /* eslint-disable no-underscore-dangle */
19
- if (_global.window && _global.window.__DOCS_CONTEXT__ === undefined) {
20
- _global.window.__DOCS_CONTEXT__ = /*#__PURE__*/(0, _react.createContext)({});
21
- _global.window.__DOCS_CONTEXT__.displayName = 'DocsContext';
22
- }
23
-
24
- const DocsContext = _global.window ? _global.window.__DOCS_CONTEXT__ : /*#__PURE__*/(0, _react.createContext)({});
25
- exports.DocsContext = DocsContext;
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DocsPage = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _Title = require("./Title");
11
-
12
- var _Subtitle = require("./Subtitle");
13
-
14
- var _Description = require("./Description");
15
-
16
- var _Primary = require("./Primary");
17
-
18
- var _types = require("./types");
19
-
20
- var _ArgsTable = require("./ArgsTable");
21
-
22
- var _Stories = require("./Stories");
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- const DocsPage = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Title.Title, null), /*#__PURE__*/_react.default.createElement(_Subtitle.Subtitle, null), /*#__PURE__*/_react.default.createElement(_Description.Description, null), /*#__PURE__*/_react.default.createElement(_Primary.Primary, null), /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, {
27
- story: _types.PRIMARY_STORY
28
- }), /*#__PURE__*/_react.default.createElement(_Stories.Stories, null));
29
-
30
- exports.DocsPage = DocsPage;
@@ -1,68 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DocsStory = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
11
-
12
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
-
14
- var _Subheading = require("./Subheading");
15
-
16
- var _Anchor = require("./Anchor");
17
-
18
- var _Description = require("./Description");
19
-
20
- var _Story = require("./Story");
21
-
22
- var _Canvas = require("./Canvas");
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- const warnStoryDescription = (0, _utilDeprecate.default)(() => {}, (0, _tsDedent.default)`
27
- Deprecated parameter: docs.storyDescription => docs.description.story
28
-
29
- https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter
30
- `);
31
-
32
- const DocsStory = ({
33
- id,
34
- name,
35
- expanded = true,
36
- withToolbar = false,
37
- parameters = {}
38
- }) => {
39
- let description;
40
- const {
41
- docs
42
- } = parameters;
43
-
44
- if (expanded && docs) {
45
- var _docs$description;
46
-
47
- description = (_docs$description = docs.description) === null || _docs$description === void 0 ? void 0 : _docs$description.story;
48
-
49
- if (!description) {
50
- description = docs.storyDescription;
51
- if (description) warnStoryDescription();
52
- }
53
- }
54
-
55
- const subheading = expanded && name;
56
- return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
57
- storyId: id
58
- }, subheading && /*#__PURE__*/_react.default.createElement(_Subheading.Subheading, null, subheading), description && /*#__PURE__*/_react.default.createElement(_Description.Description, {
59
- markdown: description
60
- }), /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, {
61
- withToolbar: withToolbar
62
- }, /*#__PURE__*/_react.default.createElement(_Story.Story, {
63
- id: id,
64
- parameters: parameters
65
- })));
66
- };
67
-
68
- exports.DocsStory = DocsStory;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Heading = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _components = require("@storybook/components");
11
-
12
- var _mdx = require("./mdx");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const Heading = ({
17
- children,
18
- disableAnchor
19
- }) => {
20
- if (disableAnchor || typeof children !== 'string') {
21
- return /*#__PURE__*/_react.default.createElement(_components.H2, null, children);
22
- }
23
-
24
- const tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
25
- return /*#__PURE__*/_react.default.createElement(_mdx.HeaderMdx, {
26
- as: "h2",
27
- id: tagID
28
- }, children);
29
- };
30
-
31
- exports.Heading = Heading;
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Meta = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _global = _interopRequireDefault(require("global"));
11
-
12
- var _Anchor = require("./Anchor");
13
-
14
- var _DocsContext = require("./DocsContext");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- const {
23
- document
24
- } = _global.default;
25
-
26
- function getFirstStoryId(docsContext) {
27
- const stories = docsContext.componentStories();
28
- return stories.length > 0 ? stories[0].id : null;
29
- }
30
-
31
- function renderAnchor() {
32
- const context = (0, _react.useContext)(_DocsContext.DocsContext);
33
- const anchorId = getFirstStoryId(context) || context.id;
34
- return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
35
- storyId: anchorId
36
- });
37
- }
38
- /**
39
- * This component is used to declare component metadata in docs
40
- * and gets transformed into a default export underneath the hood.
41
- */
42
-
43
-
44
- const Meta = () => {
45
- const params = new URL(document.location).searchParams;
46
- const isDocs = params.get('viewMode') === 'docs';
47
- return isDocs ? renderAnchor() : null;
48
- };
49
-
50
- exports.Meta = Meta;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Preview = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
11
-
12
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
-
14
- var _Canvas = require("./Canvas");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- const Preview = (0, _utilDeprecate.default)(props => /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, props), (0, _tsDedent.default)`
19
- Preview doc block has been renamed to Canvas.
20
-
21
- https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
22
- `);
23
- exports.Preview = Preview;
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Primary = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _DocsContext = require("./DocsContext");
11
-
12
- var _DocsStory = require("./DocsStory");
13
-
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
-
16
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
-
18
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
19
-
20
- const Primary = ({
21
- name
22
- }) => {
23
- const {
24
- componentStories: getComponentStories
25
- } = (0, _react.useContext)(_DocsContext.DocsContext);
26
- const componentStories = getComponentStories();
27
- let story;
28
-
29
- if (componentStories) {
30
- story = name ? componentStories.find(s => s.name === name) : componentStories[0];
31
- }
32
-
33
- return story ? /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({}, story, {
34
- expanded: false,
35
- withToolbar: true
36
- })) : null;
37
- };
38
-
39
- exports.Primary = Primary;
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Props = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
11
-
12
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
-
14
- var _ArgsTable = require("./ArgsTable");
15
-
16
- var _types = require("./types");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- const Props = (0, _utilDeprecate.default)(props => /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, props), (0, _tsDedent.default)`
21
- Props doc block has been renamed to ArgsTable.
22
-
23
- https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
24
- `); // @ts-ignore
25
-
26
- exports.Props = Props;
27
- Props.defaultProps = {
28
- of: _types.CURRENT_SELECTION
29
- };