@storybook/addon-docs 7.0.0-alpha.5 → 7.0.0-alpha.50
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/README.md +14 -77
- package/angular/index.js +1 -1
- package/dist/DocsRenderer-MHI45CTG.mjs +1 -0
- package/dist/chunk-HKSD7XQF.mjs +1 -0
- package/dist/chunk-WMY67HY3.mjs +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/dist/preset.d.ts +5 -0
- package/dist/preset.js +7 -0
- package/dist/preset.mjs +7 -0
- package/dist/preview.d.ts +3 -0
- package/dist/preview.js +1 -0
- package/dist/preview.mjs +1 -0
- package/jest-transform-mdx.js +4 -3
- package/jest.config.js +7 -0
- package/package.json +63 -36
- package/preset.js +1 -1
- package/preview.js +1 -1
- package/web-components/README.md +1 -0
- package/LICENSE +0 -21
- package/blocks.d.ts +0 -2
- package/blocks.js +0 -14
- package/dist/cjs/blocks/Anchor.js +0 -23
- package/dist/cjs/blocks/ArgsTable.js +0 -329
- package/dist/cjs/blocks/Canvas.js +0 -109
- package/dist/cjs/blocks/Description.js +0 -126
- package/dist/cjs/blocks/DocsContainer.js +0 -127
- package/dist/cjs/blocks/DocsContext.js +0 -25
- package/dist/cjs/blocks/DocsPage.js +0 -30
- package/dist/cjs/blocks/DocsStory.js +0 -68
- package/dist/cjs/blocks/Heading.js +0 -31
- package/dist/cjs/blocks/Meta.js +0 -50
- package/dist/cjs/blocks/Preview.js +0 -23
- package/dist/cjs/blocks/Primary.js +0 -39
- package/dist/cjs/blocks/Props.js +0 -29
- package/dist/cjs/blocks/Source.js +0 -179
- package/dist/cjs/blocks/SourceContainer.js +0 -67
- package/dist/cjs/blocks/Stories.js +0 -51
- package/dist/cjs/blocks/Story.js +0 -143
- package/dist/cjs/blocks/Subheading.js +0 -31
- package/dist/cjs/blocks/Subtitle.js +0 -39
- package/dist/cjs/blocks/Title.js +0 -44
- package/dist/cjs/blocks/Wrapper.js +0 -20
- package/dist/cjs/blocks/enhanceSource.js +0 -92
- package/dist/cjs/blocks/index.js +0 -366
- package/dist/cjs/blocks/mdx.js +0 -234
- package/dist/cjs/blocks/types.js +0 -10
- package/dist/cjs/blocks/useStory.js +0 -37
- package/dist/cjs/blocks/utils.js +0 -40
- package/dist/cjs/index.js +0 -18
- package/dist/cjs/manager.js +0 -20
- package/dist/cjs/preset.js +0 -162
- package/dist/cjs/preview.js +0 -18
- package/dist/cjs/shared.js +0 -22
- package/dist/esm/blocks/Anchor.js +0 -8
- package/dist/esm/blocks/ArgsTable.js +0 -292
- package/dist/esm/blocks/Canvas.js +0 -83
- package/dist/esm/blocks/Description.js +0 -107
- package/dist/esm/blocks/DocsContainer.js +0 -98
- package/dist/esm/blocks/DocsContext.js +0 -16
- package/dist/esm/blocks/DocsPage.js +0 -11
- package/dist/esm/blocks/DocsStory.js +0 -46
- package/dist/esm/blocks/Heading.js +0 -17
- package/dist/esm/blocks/Meta.js +0 -31
- package/dist/esm/blocks/Preview.js +0 -9
- package/dist/esm/blocks/Primary.js +0 -23
- package/dist/esm/blocks/Props.js +0 -14
- package/dist/esm/blocks/Source.js +0 -144
- package/dist/esm/blocks/SourceContainer.js +0 -44
- package/dist/esm/blocks/Stories.js +0 -30
- package/dist/esm/blocks/Story.js +0 -114
- package/dist/esm/blocks/Subheading.js +0 -17
- package/dist/esm/blocks/Subtitle.js +0 -23
- package/dist/esm/blocks/Title.js +0 -24
- package/dist/esm/blocks/Wrapper.js +0 -8
- package/dist/esm/blocks/enhanceSource.js +0 -87
- package/dist/esm/blocks/index.js +0 -24
- package/dist/esm/blocks/mdx.js +0 -203
- package/dist/esm/blocks/types.js +0 -2
- package/dist/esm/blocks/useStory.js +0 -27
- package/dist/esm/blocks/utils.js +0 -29
- package/dist/esm/index.js +0 -1
- package/dist/esm/manager.js +0 -16
- package/dist/esm/preset.js +0 -132
- package/dist/esm/preview.js +0 -6
- package/dist/esm/shared.js +0 -11
- package/dist/types/blocks/Anchor.d.ts +0 -6
- package/dist/types/blocks/ArgsTable.d.ts +0 -33
- package/dist/types/blocks/Canvas.d.ts +0 -9
- package/dist/types/blocks/Description.d.ts +0 -20
- package/dist/types/blocks/DocsContainer.d.ts +0 -7
- package/dist/types/blocks/DocsContext.d.ts +0 -5
- package/dist/types/blocks/DocsPage.d.ts +0 -2
- package/dist/types/blocks/DocsStory.d.ts +0 -3
- package/dist/types/blocks/Heading.d.ts +0 -6
- package/dist/types/blocks/Meta.d.ts +0 -9
- package/dist/types/blocks/Preview.d.ts +0 -3
- package/dist/types/blocks/Primary.d.ts +0 -6
- package/dist/types/blocks/Props.d.ts +0 -3
- package/dist/types/blocks/Source.d.ts +0 -38
- package/dist/types/blocks/SourceContainer.d.ts +0 -14
- package/dist/types/blocks/Stories.d.ts +0 -7
- package/dist/types/blocks/Story.d.ts +0 -28
- package/dist/types/blocks/Subheading.d.ts +0 -3
- package/dist/types/blocks/Subtitle.d.ts +0 -6
- package/dist/types/blocks/Title.d.ts +0 -8
- package/dist/types/blocks/Wrapper.d.ts +0 -2
- package/dist/types/blocks/enhanceSource.d.ts +0 -3
- package/dist/types/blocks/index.d.ts +0 -24
- package/dist/types/blocks/mdx.d.ts +0 -20
- package/dist/types/blocks/types.d.ts +0 -13
- package/dist/types/blocks/useStory.d.ts +0 -5
- package/dist/types/blocks/utils.d.ts +0 -3
- package/dist/types/index.d.ts +0 -1
- package/dist/types/manager.d.ts +0 -1
- package/dist/types/preset.d.ts +0 -12
- package/dist/types/preview.d.ts +0 -6
- package/dist/types/shared.d.ts +0 -24
- package/manager.js +0 -1
- package/mdx-compiler-plugin.js +0 -1
- package/register.js +0 -6
|
@@ -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;
|
package/dist/cjs/blocks/Meta.js
DELETED
|
@@ -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;
|
package/dist/cjs/blocks/Props.js
DELETED
|
@@ -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
|
-
};
|
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getSourceProps = exports.SourceState = exports.Source = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _components = require("@storybook/components");
|
|
11
|
-
|
|
12
|
-
var _DocsContext = require("./DocsContext");
|
|
13
|
-
|
|
14
|
-
var _SourceContainer = require("./SourceContainer");
|
|
15
|
-
|
|
16
|
-
var _types = require("./types");
|
|
17
|
-
|
|
18
|
-
var _shared = require("../shared");
|
|
19
|
-
|
|
20
|
-
var _enhanceSource = require("./enhanceSource");
|
|
21
|
-
|
|
22
|
-
var _useStory = require("./useStory");
|
|
23
|
-
|
|
24
|
-
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); }
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
|
-
let SourceState;
|
|
29
|
-
exports.SourceState = SourceState;
|
|
30
|
-
|
|
31
|
-
(function (SourceState) {
|
|
32
|
-
SourceState["OPEN"] = "open";
|
|
33
|
-
SourceState["CLOSED"] = "closed";
|
|
34
|
-
SourceState["NONE"] = "none";
|
|
35
|
-
})(SourceState || (exports.SourceState = SourceState = {}));
|
|
36
|
-
|
|
37
|
-
const getSourceState = stories => {
|
|
38
|
-
const states = stories.map(story => {
|
|
39
|
-
var _story$parameters$doc, _story$parameters$doc2;
|
|
40
|
-
|
|
41
|
-
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;
|
|
42
|
-
}).filter(Boolean);
|
|
43
|
-
if (states.length === 0) return SourceState.CLOSED; // FIXME: handling multiple stories is a pain
|
|
44
|
-
|
|
45
|
-
return states[0];
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
const getStorySource = (storyId, sourceContext) => {
|
|
49
|
-
const {
|
|
50
|
-
sources
|
|
51
|
-
} = sourceContext; // source rendering is async so source is unavailable at the start of the render cycle,
|
|
52
|
-
// so we fail gracefully here without warning
|
|
53
|
-
|
|
54
|
-
return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
|
|
55
|
-
code: '',
|
|
56
|
-
format: false
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
const getSnippet = (snippet, story) => {
|
|
61
|
-
var _parameters$docs, _parameters$docs$sour, _parameters$docs2, _parameters$docs2$sou, _enhanced$docs, _enhanced$docs$source;
|
|
62
|
-
|
|
63
|
-
if (!story) {
|
|
64
|
-
return snippet;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
const {
|
|
68
|
-
parameters
|
|
69
|
-
} = story; // eslint-disable-next-line no-underscore-dangle
|
|
70
|
-
|
|
71
|
-
const isArgsStory = parameters.__isArgsStory;
|
|
72
|
-
const 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) || _shared.SourceType.AUTO; // if user has hard-coded the snippet, that takes precedence
|
|
73
|
-
|
|
74
|
-
const 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;
|
|
75
|
-
|
|
76
|
-
if (userCode !== undefined) {
|
|
77
|
-
return userCode;
|
|
78
|
-
} // if user has explicitly set this as dynamic, use snippet
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
if (type === _shared.SourceType.DYNAMIC) {
|
|
82
|
-
var _parameters$docs3, _parameters$docs3$tra;
|
|
83
|
-
|
|
84
|
-
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;
|
|
85
|
-
} // if this is an args story and there's a snippet
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
if (type === _shared.SourceType.AUTO && snippet && isArgsStory) {
|
|
89
|
-
var _parameters$docs4, _parameters$docs4$tra;
|
|
90
|
-
|
|
91
|
-
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;
|
|
92
|
-
} // otherwise, use the source code logic
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
const enhanced = (0, _enhanceSource.enhanceSource)(story) || parameters;
|
|
96
|
-
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) || '';
|
|
97
|
-
};
|
|
98
|
-
|
|
99
|
-
const getSourceProps = (props, docsContext, sourceContext) => {
|
|
100
|
-
const {
|
|
101
|
-
id: currentId,
|
|
102
|
-
storyById
|
|
103
|
-
} = docsContext;
|
|
104
|
-
const {
|
|
105
|
-
parameters
|
|
106
|
-
} = storyById(currentId);
|
|
107
|
-
const codeProps = props;
|
|
108
|
-
const singleProps = props;
|
|
109
|
-
const multiProps = props;
|
|
110
|
-
let source = codeProps.code; // prefer user-specified code
|
|
111
|
-
|
|
112
|
-
let {
|
|
113
|
-
format
|
|
114
|
-
} = codeProps; // prefer user-specified code
|
|
115
|
-
|
|
116
|
-
const targetIds = multiProps.ids || [singleProps.id || currentId];
|
|
117
|
-
const storyIds = targetIds.map(targetId => targetId === _types.CURRENT_SELECTION ? currentId : targetId);
|
|
118
|
-
const stories = (0, _useStory.useStories)(storyIds, docsContext);
|
|
119
|
-
|
|
120
|
-
if (!stories.every(Boolean)) {
|
|
121
|
-
return {
|
|
122
|
-
error: _components.SourceError.SOURCE_UNAVAILABLE,
|
|
123
|
-
state: SourceState.NONE
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
if (!source) {
|
|
128
|
-
// just take the format from the first story, given how they're all concatinated together...
|
|
129
|
-
// TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
|
|
130
|
-
({
|
|
131
|
-
format
|
|
132
|
-
} = getStorySource(storyIds[0], sourceContext));
|
|
133
|
-
source = storyIds.map((storyId, idx) => {
|
|
134
|
-
const {
|
|
135
|
-
code: storySource
|
|
136
|
-
} = getStorySource(storyId, sourceContext);
|
|
137
|
-
const storyObj = stories[idx];
|
|
138
|
-
return getSnippet(storySource, storyObj);
|
|
139
|
-
}).join('\n\n');
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
const state = getSourceState(stories);
|
|
143
|
-
const {
|
|
144
|
-
docs: docsParameters = {}
|
|
145
|
-
} = parameters;
|
|
146
|
-
const {
|
|
147
|
-
source: sourceParameters = {}
|
|
148
|
-
} = docsParameters;
|
|
149
|
-
const {
|
|
150
|
-
language: docsLanguage = null
|
|
151
|
-
} = sourceParameters;
|
|
152
|
-
return source ? {
|
|
153
|
-
code: source,
|
|
154
|
-
state,
|
|
155
|
-
format,
|
|
156
|
-
language: props.language || docsLanguage || 'jsx',
|
|
157
|
-
dark: props.dark || false
|
|
158
|
-
} : {
|
|
159
|
-
error: _components.SourceError.SOURCE_UNAVAILABLE,
|
|
160
|
-
state
|
|
161
|
-
};
|
|
162
|
-
};
|
|
163
|
-
/**
|
|
164
|
-
* Story source doc block renders source code if provided,
|
|
165
|
-
* or the source for a story if `storyId` is provided, or
|
|
166
|
-
* the source for the current story if nothing is provided.
|
|
167
|
-
*/
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
exports.getSourceProps = getSourceProps;
|
|
171
|
-
|
|
172
|
-
const Source = props => {
|
|
173
|
-
const sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
|
|
174
|
-
const docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
|
|
175
|
-
const sourceProps = getSourceProps(props, docsContext, sourceContext);
|
|
176
|
-
return /*#__PURE__*/_react.default.createElement(_components.Source, sourceProps);
|
|
177
|
-
};
|
|
178
|
-
|
|
179
|
-
exports.Source = Source;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SourceContext = exports.SourceContainer = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
|
|
11
|
-
|
|
12
|
-
var _addons = require("@storybook/addons");
|
|
13
|
-
|
|
14
|
-
var _shared = require("../shared");
|
|
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 SourceContext = /*#__PURE__*/(0, _react.createContext)({
|
|
23
|
-
sources: {}
|
|
24
|
-
});
|
|
25
|
-
exports.SourceContext = SourceContext;
|
|
26
|
-
|
|
27
|
-
const SourceContainer = ({
|
|
28
|
-
children
|
|
29
|
-
}) => {
|
|
30
|
-
const [sources, setSources] = (0, _react.useState)({});
|
|
31
|
-
|
|
32
|
-
const channel = _addons.addons.getChannel();
|
|
33
|
-
|
|
34
|
-
(0, _react.useEffect)(() => {
|
|
35
|
-
const handleSnippetRendered = (id, newSource, format = false) => {
|
|
36
|
-
// optimization: if the source is the same, ignore the incoming event
|
|
37
|
-
if (sources[id] && sources[id].code === newSource) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
setSources(current => {
|
|
42
|
-
const newSources = Object.assign({}, current, {
|
|
43
|
-
[id]: {
|
|
44
|
-
code: newSource,
|
|
45
|
-
format
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
if (!(0, _fastDeepEqual.default)(current, newSources)) {
|
|
50
|
-
return newSources;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
return current;
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
channel.on(_shared.SNIPPET_RENDERED, handleSnippetRendered);
|
|
58
|
-
return () => channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
|
|
59
|
-
}, []);
|
|
60
|
-
return /*#__PURE__*/_react.default.createElement(SourceContext.Provider, {
|
|
61
|
-
value: {
|
|
62
|
-
sources
|
|
63
|
-
}
|
|
64
|
-
}, children);
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
exports.SourceContainer = SourceContainer;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Stories = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _DocsContext = require("./DocsContext");
|
|
11
|
-
|
|
12
|
-
var _DocsStory = require("./DocsStory");
|
|
13
|
-
|
|
14
|
-
var _Heading = require("./Heading");
|
|
15
|
-
|
|
16
|
-
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); }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
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); }
|
|
21
|
-
|
|
22
|
-
const Stories = ({
|
|
23
|
-
title,
|
|
24
|
-
includePrimary = false
|
|
25
|
-
}) => {
|
|
26
|
-
const {
|
|
27
|
-
componentStories
|
|
28
|
-
} = (0, _react.useContext)(_DocsContext.DocsContext);
|
|
29
|
-
let stories = componentStories();
|
|
30
|
-
stories = stories.filter(story => {
|
|
31
|
-
var _story$parameters, _story$parameters$doc;
|
|
32
|
-
|
|
33
|
-
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);
|
|
34
|
-
});
|
|
35
|
-
if (!includePrimary) stories = stories.slice(1);
|
|
36
|
-
|
|
37
|
-
if (!stories || stories.length === 0) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Heading.Heading, null, title), stories.map(story => story && /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({
|
|
42
|
-
key: story.id
|
|
43
|
-
}, story, {
|
|
44
|
-
expanded: true
|
|
45
|
-
}))));
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
exports.Stories = Stories;
|
|
49
|
-
Stories.defaultProps = {
|
|
50
|
-
title: 'Stories'
|
|
51
|
-
};
|