@storybook/addon-docs 7.0.0-alpha.1 → 7.0.0-alpha.4
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/dist/cjs/blocks/Anchor.js +7 -10
- package/dist/cjs/blocks/ArgsTable.js +134 -205
- package/dist/cjs/blocks/Canvas.js +38 -73
- package/dist/cjs/blocks/Description.js +41 -68
- package/dist/cjs/blocks/DocsContainer.js +40 -68
- package/dist/cjs/blocks/DocsContext.js +1 -1
- package/dist/cjs/blocks/DocsPage.js +3 -5
- package/dist/cjs/blocks/DocsStory.js +18 -28
- package/dist/cjs/blocks/Heading.js +5 -9
- package/dist/cjs/blocks/Meta.js +11 -33
- package/dist/cjs/blocks/Preview.js +4 -10
- package/dist/cjs/blocks/Primary.js +11 -39
- package/dist/cjs/blocks/Props.js +4 -10
- package/dist/cjs/blocks/Source.js +62 -80
- package/dist/cjs/blocks/SourceContainer.js +19 -68
- package/dist/cjs/blocks/Stories.js +16 -47
- package/dist/cjs/blocks/Story.js +60 -180
- package/dist/cjs/blocks/Subheading.js +5 -9
- package/dist/cjs/blocks/Subtitle.js +15 -35
- package/dist/cjs/blocks/Title.js +12 -36
- package/dist/cjs/blocks/Wrapper.js +7 -8
- package/dist/cjs/blocks/enhanceSource.js +30 -67
- package/dist/cjs/blocks/index.js +28 -34
- package/dist/cjs/blocks/mdx.js +85 -96
- package/dist/cjs/blocks/types.js +2 -2
- package/dist/cjs/blocks/useStory.js +16 -101
- package/dist/cjs/blocks/utils.js +4 -25
- package/dist/cjs/index.js +1 -7
- package/dist/cjs/manager.js +9 -15
- package/dist/cjs/preset.js +120 -288
- package/dist/cjs/preview.js +5 -103
- package/dist/cjs/shared.js +5 -5
- package/dist/esm/blocks/Story.js +21 -73
- package/dist/types/blocks/Story.d.ts +2 -2
- package/package.json +15 -15
package/dist/cjs/blocks/Meta.js
CHANGED
|
@@ -1,34 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.weak-map.js");
|
|
6
|
-
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
|
|
9
|
-
require("core-js/modules/es.symbol.js");
|
|
10
|
-
|
|
11
|
-
require("core-js/modules/es.symbol.description.js");
|
|
12
|
-
|
|
13
|
-
require("core-js/modules/es.symbol.iterator.js");
|
|
14
|
-
|
|
15
3
|
Object.defineProperty(exports, "__esModule", {
|
|
16
4
|
value: true
|
|
17
5
|
});
|
|
18
6
|
exports.Meta = void 0;
|
|
19
7
|
|
|
20
|
-
require("core-js/modules/es.array.iterator.js");
|
|
21
|
-
|
|
22
|
-
require("core-js/modules/es.object.to-string.js");
|
|
23
|
-
|
|
24
|
-
require("core-js/modules/es.string.iterator.js");
|
|
25
|
-
|
|
26
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
27
|
-
|
|
28
|
-
require("core-js/modules/web.url.js");
|
|
29
|
-
|
|
30
|
-
require("core-js/modules/web.url-search-params.js");
|
|
31
|
-
|
|
32
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
33
9
|
|
|
34
10
|
var _global = _interopRequireDefault(require("global"));
|
|
@@ -39,20 +15,22 @@ var _DocsContext = require("./DocsContext");
|
|
|
39
15
|
|
|
40
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
41
17
|
|
|
42
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
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); }
|
|
43
19
|
|
|
44
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
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; }
|
|
45
21
|
|
|
46
|
-
|
|
22
|
+
const {
|
|
23
|
+
document
|
|
24
|
+
} = _global.default;
|
|
47
25
|
|
|
48
26
|
function getFirstStoryId(docsContext) {
|
|
49
|
-
|
|
27
|
+
const stories = docsContext.componentStories();
|
|
50
28
|
return stories.length > 0 ? stories[0].id : null;
|
|
51
29
|
}
|
|
52
30
|
|
|
53
31
|
function renderAnchor() {
|
|
54
|
-
|
|
55
|
-
|
|
32
|
+
const context = (0, _react.useContext)(_DocsContext.DocsContext);
|
|
33
|
+
const anchorId = getFirstStoryId(context) || context.id;
|
|
56
34
|
return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
|
|
57
35
|
storyId: anchorId
|
|
58
36
|
});
|
|
@@ -63,9 +41,9 @@ function renderAnchor() {
|
|
|
63
41
|
*/
|
|
64
42
|
|
|
65
43
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
44
|
+
const Meta = () => {
|
|
45
|
+
const params = new URL(document.location).searchParams;
|
|
46
|
+
const isDocs = params.get('viewMode') === 'docs';
|
|
69
47
|
return isDocs ? renderAnchor() : null;
|
|
70
48
|
};
|
|
71
49
|
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.array.slice.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.object.freeze.js");
|
|
6
|
-
|
|
7
3
|
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
@@ -17,13 +13,11 @@ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
|
|
17
13
|
|
|
18
14
|
var _Canvas = require("./Canvas");
|
|
19
15
|
|
|
20
|
-
var _templateObject;
|
|
21
|
-
|
|
22
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
17
|
|
|
24
|
-
|
|
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.
|
|
25
20
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}, (0, _tsDedent.default)(_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 "]))));
|
|
21
|
+
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
|
|
22
|
+
`);
|
|
29
23
|
exports.Preview = Preview;
|
|
@@ -1,61 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.object.assign.js");
|
|
6
|
-
|
|
7
|
-
require("core-js/modules/es.array.iterator.js");
|
|
8
|
-
|
|
9
|
-
require("core-js/modules/es.string.iterator.js");
|
|
10
|
-
|
|
11
|
-
require("core-js/modules/es.weak-map.js");
|
|
12
|
-
|
|
13
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
14
|
-
|
|
15
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
16
|
-
|
|
17
|
-
require("core-js/modules/es.symbol.js");
|
|
18
|
-
|
|
19
|
-
require("core-js/modules/es.symbol.description.js");
|
|
20
|
-
|
|
21
|
-
require("core-js/modules/es.symbol.iterator.js");
|
|
22
|
-
|
|
23
3
|
Object.defineProperty(exports, "__esModule", {
|
|
24
4
|
value: true
|
|
25
5
|
});
|
|
26
6
|
exports.Primary = void 0;
|
|
27
7
|
|
|
28
|
-
require("core-js/modules/es.function.name.js");
|
|
29
|
-
|
|
30
|
-
require("core-js/modules/es.array.find.js");
|
|
31
|
-
|
|
32
|
-
require("core-js/modules/es.object.to-string.js");
|
|
33
|
-
|
|
34
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
35
9
|
|
|
36
10
|
var _DocsContext = require("./DocsContext");
|
|
37
11
|
|
|
38
12
|
var _DocsStory = require("./DocsStory");
|
|
39
13
|
|
|
40
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
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); }
|
|
41
15
|
|
|
42
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
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; }
|
|
43
17
|
|
|
44
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); }
|
|
45
19
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
20
|
+
const Primary = ({
|
|
21
|
+
name
|
|
22
|
+
}) => {
|
|
23
|
+
const {
|
|
24
|
+
componentStories: getComponentStories
|
|
25
|
+
} = (0, _react.useContext)(_DocsContext.DocsContext);
|
|
26
|
+
const componentStories = getComponentStories();
|
|
27
|
+
let story;
|
|
54
28
|
|
|
55
29
|
if (componentStories) {
|
|
56
|
-
story = name ? componentStories.find(
|
|
57
|
-
return s.name === name;
|
|
58
|
-
}) : componentStories[0];
|
|
30
|
+
story = name ? componentStories.find(s => s.name === name) : componentStories[0];
|
|
59
31
|
}
|
|
60
32
|
|
|
61
33
|
return story ? /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({}, story, {
|
package/dist/cjs/blocks/Props.js
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.array.slice.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.object.freeze.js");
|
|
6
|
-
|
|
7
3
|
Object.defineProperty(exports, "__esModule", {
|
|
8
4
|
value: true
|
|
9
5
|
});
|
|
@@ -19,15 +15,13 @@ var _ArgsTable = require("./ArgsTable");
|
|
|
19
15
|
|
|
20
16
|
var _types = require("./types");
|
|
21
17
|
|
|
22
|
-
var _templateObject;
|
|
23
|
-
|
|
24
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
19
|
|
|
26
|
-
|
|
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.
|
|
27
22
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}, (0, _tsDedent.default)(_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
|
|
23
|
+
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
|
|
24
|
+
`); // @ts-ignore
|
|
31
25
|
|
|
32
26
|
exports.Props = Props;
|
|
33
27
|
Props.defaultProps = {
|
|
@@ -1,36 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.array.iterator.js");
|
|
6
|
-
|
|
7
|
-
require("core-js/modules/es.string.iterator.js");
|
|
8
|
-
|
|
9
|
-
require("core-js/modules/es.weak-map.js");
|
|
10
|
-
|
|
11
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
-
|
|
13
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
14
|
-
|
|
15
|
-
require("core-js/modules/es.symbol.js");
|
|
16
|
-
|
|
17
|
-
require("core-js/modules/es.symbol.description.js");
|
|
18
|
-
|
|
19
|
-
require("core-js/modules/es.symbol.iterator.js");
|
|
20
|
-
|
|
21
3
|
Object.defineProperty(exports, "__esModule", {
|
|
22
4
|
value: true
|
|
23
5
|
});
|
|
24
6
|
exports.getSourceProps = exports.SourceState = exports.Source = void 0;
|
|
25
7
|
|
|
26
|
-
require("core-js/modules/es.array.filter.js");
|
|
27
|
-
|
|
28
|
-
require("core-js/modules/es.object.to-string.js");
|
|
29
|
-
|
|
30
|
-
require("core-js/modules/es.array.map.js");
|
|
31
|
-
|
|
32
|
-
require("core-js/modules/es.array.join.js");
|
|
33
|
-
|
|
34
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
35
9
|
|
|
36
10
|
var _components = require("@storybook/components");
|
|
@@ -47,11 +21,11 @@ var _enhanceSource = require("./enhanceSource");
|
|
|
47
21
|
|
|
48
22
|
var _useStory = require("./useStory");
|
|
49
23
|
|
|
50
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
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); }
|
|
51
25
|
|
|
52
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
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; }
|
|
53
27
|
|
|
54
|
-
|
|
28
|
+
let SourceState;
|
|
55
29
|
exports.SourceState = SourceState;
|
|
56
30
|
|
|
57
31
|
(function (SourceState) {
|
|
@@ -60,8 +34,8 @@ exports.SourceState = SourceState;
|
|
|
60
34
|
SourceState["NONE"] = "none";
|
|
61
35
|
})(SourceState || (exports.SourceState = SourceState = {}));
|
|
62
36
|
|
|
63
|
-
|
|
64
|
-
|
|
37
|
+
const getSourceState = stories => {
|
|
38
|
+
const states = stories.map(story => {
|
|
65
39
|
var _story$parameters$doc, _story$parameters$doc2;
|
|
66
40
|
|
|
67
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;
|
|
@@ -71,8 +45,10 @@ var getSourceState = function getSourceState(stories) {
|
|
|
71
45
|
return states[0];
|
|
72
46
|
};
|
|
73
47
|
|
|
74
|
-
|
|
75
|
-
|
|
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,
|
|
76
52
|
// so we fail gracefully here without warning
|
|
77
53
|
|
|
78
54
|
return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
|
|
@@ -81,19 +57,21 @@ var getStorySource = function getStorySource(storyId, sourceContext) {
|
|
|
81
57
|
};
|
|
82
58
|
};
|
|
83
59
|
|
|
84
|
-
|
|
60
|
+
const getSnippet = (snippet, story) => {
|
|
85
61
|
var _parameters$docs, _parameters$docs$sour, _parameters$docs2, _parameters$docs2$sou, _enhanced$docs, _enhanced$docs$source;
|
|
86
62
|
|
|
87
63
|
if (!story) {
|
|
88
64
|
return snippet;
|
|
89
65
|
}
|
|
90
66
|
|
|
91
|
-
|
|
67
|
+
const {
|
|
68
|
+
parameters
|
|
69
|
+
} = story; // eslint-disable-next-line no-underscore-dangle
|
|
92
70
|
|
|
93
|
-
|
|
94
|
-
|
|
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
|
|
95
73
|
|
|
96
|
-
|
|
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;
|
|
97
75
|
|
|
98
76
|
if (userCode !== undefined) {
|
|
99
77
|
return userCode;
|
|
@@ -114,29 +92,30 @@ var getSnippet = function getSnippet(snippet, story) {
|
|
|
114
92
|
} // otherwise, use the source code logic
|
|
115
93
|
|
|
116
94
|
|
|
117
|
-
|
|
95
|
+
const enhanced = (0, _enhanceSource.enhanceSource)(story) || parameters;
|
|
118
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) || '';
|
|
119
97
|
};
|
|
120
98
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
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);
|
|
140
119
|
|
|
141
120
|
if (!stories.every(Boolean)) {
|
|
142
121
|
return {
|
|
@@ -148,34 +127,37 @@ var getSourceProps = function getSourceProps(props, docsContext, sourceContext)
|
|
|
148
127
|
if (!source) {
|
|
149
128
|
// just take the format from the first story, given how they're all concatinated together...
|
|
150
129
|
// TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
source = storyIds.map(
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
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];
|
|
159
138
|
return getSnippet(storySource, storyObj);
|
|
160
139
|
}).join('\n\n');
|
|
161
140
|
}
|
|
162
141
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
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;
|
|
170
152
|
return source ? {
|
|
171
153
|
code: source,
|
|
172
|
-
state
|
|
173
|
-
format
|
|
154
|
+
state,
|
|
155
|
+
format,
|
|
174
156
|
language: props.language || docsLanguage || 'jsx',
|
|
175
157
|
dark: props.dark || false
|
|
176
158
|
} : {
|
|
177
159
|
error: _components.SourceError.SOURCE_UNAVAILABLE,
|
|
178
|
-
state
|
|
160
|
+
state
|
|
179
161
|
};
|
|
180
162
|
};
|
|
181
163
|
/**
|
|
@@ -187,10 +169,10 @@ var getSourceProps = function getSourceProps(props, docsContext, sourceContext)
|
|
|
187
169
|
|
|
188
170
|
exports.getSourceProps = getSourceProps;
|
|
189
171
|
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
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);
|
|
194
176
|
return /*#__PURE__*/_react.default.createElement(_components.Source, sourceProps);
|
|
195
177
|
};
|
|
196
178
|
|
|
@@ -1,40 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.symbol.js");
|
|
6
|
-
|
|
7
|
-
require("core-js/modules/es.symbol.description.js");
|
|
8
|
-
|
|
9
|
-
require("core-js/modules/es.object.to-string.js");
|
|
10
|
-
|
|
11
|
-
require("core-js/modules/es.symbol.iterator.js");
|
|
12
|
-
|
|
13
|
-
require("core-js/modules/es.array.iterator.js");
|
|
14
|
-
|
|
15
|
-
require("core-js/modules/es.string.iterator.js");
|
|
16
|
-
|
|
17
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
18
|
-
|
|
19
|
-
require("core-js/modules/es.array.slice.js");
|
|
20
|
-
|
|
21
|
-
require("core-js/modules/es.function.name.js");
|
|
22
|
-
|
|
23
|
-
require("core-js/modules/es.array.from.js");
|
|
24
|
-
|
|
25
|
-
require("core-js/modules/es.regexp.exec.js");
|
|
26
|
-
|
|
27
|
-
require("core-js/modules/es.weak-map.js");
|
|
28
|
-
|
|
29
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
30
|
-
|
|
31
3
|
Object.defineProperty(exports, "__esModule", {
|
|
32
4
|
value: true
|
|
33
5
|
});
|
|
34
6
|
exports.SourceContext = exports.SourceContainer = void 0;
|
|
35
7
|
|
|
36
|
-
require("core-js/modules/es.object.assign.js");
|
|
37
|
-
|
|
38
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
39
9
|
|
|
40
10
|
var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
|
|
@@ -45,53 +15,36 @@ var _shared = require("../shared");
|
|
|
45
15
|
|
|
46
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
47
17
|
|
|
48
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
|
49
|
-
|
|
50
|
-
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; }
|
|
51
|
-
|
|
52
|
-
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; }
|
|
53
|
-
|
|
54
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
55
|
-
|
|
56
|
-
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."); }
|
|
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); }
|
|
57
19
|
|
|
58
|
-
function
|
|
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; }
|
|
59
21
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
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; }
|
|
63
|
-
|
|
64
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
65
|
-
|
|
66
|
-
var SourceContext = /*#__PURE__*/(0, _react.createContext)({
|
|
22
|
+
const SourceContext = /*#__PURE__*/(0, _react.createContext)({
|
|
67
23
|
sources: {}
|
|
68
24
|
});
|
|
69
25
|
exports.SourceContext = SourceContext;
|
|
70
26
|
|
|
71
|
-
|
|
72
|
-
|
|
27
|
+
const SourceContainer = ({
|
|
28
|
+
children
|
|
29
|
+
}) => {
|
|
30
|
+
const [sources, setSources] = (0, _react.useState)({});
|
|
73
31
|
|
|
74
|
-
|
|
75
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
76
|
-
sources = _useState2[0],
|
|
77
|
-
setSources = _useState2[1];
|
|
78
|
-
|
|
79
|
-
var channel = _addons.addons.getChannel();
|
|
80
|
-
|
|
81
|
-
(0, _react.useEffect)(function () {
|
|
82
|
-
var handleSnippetRendered = function handleSnippetRendered(id, newSource) {
|
|
83
|
-
var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
32
|
+
const channel = _addons.addons.getChannel();
|
|
84
33
|
|
|
34
|
+
(0, _react.useEffect)(() => {
|
|
35
|
+
const handleSnippetRendered = (id, newSource, format = false) => {
|
|
85
36
|
// optimization: if the source is the same, ignore the incoming event
|
|
86
37
|
if (sources[id] && sources[id].code === newSource) {
|
|
87
38
|
return;
|
|
88
39
|
}
|
|
89
40
|
|
|
90
|
-
setSources(
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
41
|
+
setSources(current => {
|
|
42
|
+
const newSources = Object.assign({}, current, {
|
|
43
|
+
[id]: {
|
|
44
|
+
code: newSource,
|
|
45
|
+
format
|
|
46
|
+
}
|
|
47
|
+
});
|
|
95
48
|
|
|
96
49
|
if (!(0, _fastDeepEqual.default)(current, newSources)) {
|
|
97
50
|
return newSources;
|
|
@@ -102,13 +55,11 @@ var SourceContainer = function SourceContainer(_ref) {
|
|
|
102
55
|
};
|
|
103
56
|
|
|
104
57
|
channel.on(_shared.SNIPPET_RENDERED, handleSnippetRendered);
|
|
105
|
-
return
|
|
106
|
-
return channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
|
|
107
|
-
};
|
|
58
|
+
return () => channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
|
|
108
59
|
}, []);
|
|
109
60
|
return /*#__PURE__*/_react.default.createElement(SourceContext.Provider, {
|
|
110
61
|
value: {
|
|
111
|
-
sources
|
|
62
|
+
sources
|
|
112
63
|
}
|
|
113
64
|
}, children);
|
|
114
65
|
};
|