@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.
- package/blocks.d.ts +1 -1
- package/dist/cjs/blocks/index.js +5 -359
- package/dist/cjs/index.js +1 -7
- package/dist/cjs/manager.js +9 -15
- package/dist/cjs/preset.js +121 -193
- package/dist/cjs/preview.js +9 -87
- package/dist/cjs/shared.js +5 -5
- package/dist/esm/blocks/index.js +1 -24
- package/dist/esm/manager.js +9 -14
- package/dist/esm/preset.js +114 -179
- package/dist/esm/preview.js +7 -61
- package/dist/esm/shared.js +5 -5
- package/dist/types/blocks/index.d.ts +1 -0
- package/dist/{ts3.9 → types}/index.d.ts +0 -0
- package/dist/{ts3.9 → types}/manager.d.ts +0 -0
- package/dist/{ts3.9 → types}/preset.d.ts +2 -1
- package/dist/types/preview.d.ts +1 -0
- package/dist/{ts3.9 → types}/shared.d.ts +0 -0
- package/package.json +18 -25
- package/dist/cjs/blocks/Anchor.js +0 -26
- package/dist/cjs/blocks/ArgsTable.js +0 -400
- package/dist/cjs/blocks/Canvas.js +0 -144
- package/dist/cjs/blocks/Description.js +0 -153
- package/dist/cjs/blocks/DocsContainer.js +0 -155
- package/dist/cjs/blocks/DocsContext.js +0 -25
- package/dist/cjs/blocks/DocsPage.js +0 -32
- package/dist/cjs/blocks/DocsStory.js +0 -78
- package/dist/cjs/blocks/Heading.js +0 -35
- package/dist/cjs/blocks/Meta.js +0 -72
- package/dist/cjs/blocks/Preview.js +0 -29
- package/dist/cjs/blocks/Primary.js +0 -67
- package/dist/cjs/blocks/Props.js +0 -35
- package/dist/cjs/blocks/Source.js +0 -197
- package/dist/cjs/blocks/SourceContainer.js +0 -116
- package/dist/cjs/blocks/Stories.js +0 -82
- package/dist/cjs/blocks/Story.js +0 -263
- package/dist/cjs/blocks/Subheading.js +0 -35
- package/dist/cjs/blocks/Subtitle.js +0 -59
- package/dist/cjs/blocks/Title.js +0 -68
- package/dist/cjs/blocks/Wrapper.js +0 -21
- package/dist/cjs/blocks/enhanceSource.js +0 -129
- package/dist/cjs/blocks/mdx.js +0 -245
- package/dist/cjs/blocks/types.js +0 -10
- package/dist/cjs/blocks/useStory.js +0 -108
- package/dist/cjs/blocks/utils.js +0 -61
- package/dist/esm/blocks/Anchor.js +0 -11
- package/dist/esm/blocks/ArgsTable.js +0 -341
- package/dist/esm/blocks/Canvas.js +0 -95
- package/dist/esm/blocks/Description.js +0 -113
- package/dist/esm/blocks/DocsContainer.js +0 -106
- package/dist/esm/blocks/DocsContext.js +0 -16
- package/dist/esm/blocks/DocsPage.js +0 -13
- package/dist/esm/blocks/DocsStory.js +0 -55
- package/dist/esm/blocks/Heading.js +0 -19
- package/dist/esm/blocks/Meta.js +0 -35
- package/dist/esm/blocks/Preview.js +0 -14
- package/dist/esm/blocks/Primary.js +0 -29
- package/dist/esm/blocks/Props.js +0 -19
- package/dist/esm/blocks/Source.js +0 -150
- package/dist/esm/blocks/SourceContainer.js +0 -77
- package/dist/esm/blocks/Stories.js +0 -42
- package/dist/esm/blocks/Story.js +0 -207
- package/dist/esm/blocks/Subheading.js +0 -19
- package/dist/esm/blocks/Subtitle.js +0 -23
- package/dist/esm/blocks/Title.js +0 -25
- package/dist/esm/blocks/Wrapper.js +0 -9
- package/dist/esm/blocks/enhanceSource.js +0 -111
- package/dist/esm/blocks/mdx.js +0 -207
- package/dist/esm/blocks/types.js +0 -2
- package/dist/esm/blocks/useStory.js +0 -84
- package/dist/esm/blocks/utils.js +0 -43
- package/dist/modern/blocks/Anchor.js +0 -8
- package/dist/modern/blocks/ArgsTable.js +0 -292
- package/dist/modern/blocks/Canvas.js +0 -83
- package/dist/modern/blocks/Description.js +0 -107
- package/dist/modern/blocks/DocsContainer.js +0 -98
- package/dist/modern/blocks/DocsContext.js +0 -16
- package/dist/modern/blocks/DocsPage.js +0 -11
- package/dist/modern/blocks/DocsStory.js +0 -48
- package/dist/modern/blocks/Heading.js +0 -17
- package/dist/modern/blocks/Meta.js +0 -31
- package/dist/modern/blocks/Preview.js +0 -9
- package/dist/modern/blocks/Primary.js +0 -23
- package/dist/modern/blocks/Props.js +0 -14
- package/dist/modern/blocks/Source.js +0 -154
- package/dist/modern/blocks/SourceContainer.js +0 -44
- package/dist/modern/blocks/Stories.js +0 -34
- package/dist/modern/blocks/Story.js +0 -168
- package/dist/modern/blocks/Subheading.js +0 -17
- package/dist/modern/blocks/Subtitle.js +0 -23
- package/dist/modern/blocks/Title.js +0 -24
- package/dist/modern/blocks/Wrapper.js +0 -8
- package/dist/modern/blocks/enhanceSource.js +0 -89
- package/dist/modern/blocks/index.js +0 -24
- package/dist/modern/blocks/mdx.js +0 -204
- package/dist/modern/blocks/types.js +0 -2
- package/dist/modern/blocks/useStory.js +0 -28
- package/dist/modern/blocks/utils.js +0 -29
- package/dist/modern/index.js +0 -1
- package/dist/modern/manager.js +0 -16
- package/dist/modern/preset.js +0 -130
- package/dist/modern/preview.js +0 -6
- package/dist/modern/shared.js +0 -11
- package/dist/ts3.4/blocks/Anchor.d.ts +0 -6
- package/dist/ts3.4/blocks/ArgsTable.d.ts +0 -33
- package/dist/ts3.4/blocks/Canvas.d.ts +0 -9
- package/dist/ts3.4/blocks/Description.d.ts +0 -20
- package/dist/ts3.4/blocks/DocsContainer.d.ts +0 -7
- package/dist/ts3.4/blocks/DocsContext.d.ts +0 -5
- package/dist/ts3.4/blocks/DocsPage.d.ts +0 -2
- package/dist/ts3.4/blocks/DocsStory.d.ts +0 -3
- package/dist/ts3.4/blocks/Heading.d.ts +0 -6
- package/dist/ts3.4/blocks/Meta.d.ts +0 -9
- package/dist/ts3.4/blocks/Preview.d.ts +0 -3
- package/dist/ts3.4/blocks/Primary.d.ts +0 -6
- package/dist/ts3.4/blocks/Props.d.ts +0 -3
- package/dist/ts3.4/blocks/Source.d.ts +0 -38
- package/dist/ts3.4/blocks/SourceContainer.d.ts +0 -14
- package/dist/ts3.4/blocks/Stories.d.ts +0 -7
- package/dist/ts3.4/blocks/Story.d.ts +0 -28
- package/dist/ts3.4/blocks/Subheading.d.ts +0 -3
- package/dist/ts3.4/blocks/Subtitle.d.ts +0 -6
- package/dist/ts3.4/blocks/Title.d.ts +0 -8
- package/dist/ts3.4/blocks/Wrapper.d.ts +0 -2
- package/dist/ts3.4/blocks/enhanceSource.d.ts +0 -3
- package/dist/ts3.4/blocks/index.d.ts +0 -24
- package/dist/ts3.4/blocks/mdx.d.ts +0 -20
- package/dist/ts3.4/blocks/types.d.ts +0 -13
- package/dist/ts3.4/blocks/useStory.d.ts +0 -5
- package/dist/ts3.4/blocks/utils.d.ts +0 -3
- package/dist/ts3.4/index.d.ts +0 -1
- package/dist/ts3.4/manager.d.ts +0 -1
- package/dist/ts3.4/preset.d.ts +0 -11
- package/dist/ts3.4/preview.d.ts +0 -6
- package/dist/ts3.4/shared.d.ts +0 -24
- package/dist/ts3.9/blocks/Anchor.d.ts +0 -6
- package/dist/ts3.9/blocks/ArgsTable.d.ts +0 -33
- package/dist/ts3.9/blocks/Canvas.d.ts +0 -9
- package/dist/ts3.9/blocks/Description.d.ts +0 -20
- package/dist/ts3.9/blocks/DocsContainer.d.ts +0 -7
- package/dist/ts3.9/blocks/DocsContext.d.ts +0 -5
- package/dist/ts3.9/blocks/DocsPage.d.ts +0 -2
- package/dist/ts3.9/blocks/DocsStory.d.ts +0 -3
- package/dist/ts3.9/blocks/Heading.d.ts +0 -6
- package/dist/ts3.9/blocks/Meta.d.ts +0 -9
- package/dist/ts3.9/blocks/Preview.d.ts +0 -3
- package/dist/ts3.9/blocks/Primary.d.ts +0 -6
- package/dist/ts3.9/blocks/Props.d.ts +0 -3
- package/dist/ts3.9/blocks/Source.d.ts +0 -38
- package/dist/ts3.9/blocks/SourceContainer.d.ts +0 -14
- package/dist/ts3.9/blocks/Stories.d.ts +0 -7
- package/dist/ts3.9/blocks/Story.d.ts +0 -28
- package/dist/ts3.9/blocks/Subheading.d.ts +0 -3
- package/dist/ts3.9/blocks/Subtitle.d.ts +0 -6
- package/dist/ts3.9/blocks/Title.d.ts +0 -8
- package/dist/ts3.9/blocks/Wrapper.d.ts +0 -2
- package/dist/ts3.9/blocks/enhanceSource.d.ts +0 -3
- package/dist/ts3.9/blocks/index.d.ts +0 -24
- package/dist/ts3.9/blocks/mdx.d.ts +0 -20
- package/dist/ts3.9/blocks/types.d.ts +0 -13
- package/dist/ts3.9/blocks/useStory.d.ts +0 -5
- package/dist/ts3.9/blocks/utils.d.ts +0 -3
- 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
|
-
};
|
package/dist/esm/blocks/Meta.js
DELETED
|
@@ -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
|
-
};
|
package/dist/esm/blocks/Props.js
DELETED
|
@@ -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
|
-
};
|