@storybook/addon-docs 7.0.0-alpha.0 → 7.0.0-alpha.11
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.js +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 +120 -288
- package/dist/cjs/preview.js +9 -103
- package/dist/cjs/shared.js +5 -5
- package/dist/esm/blocks/index.js +1 -24
- package/dist/esm/preview.js +6 -2
- package/dist/types/blocks/index.d.ts +1 -24
- package/dist/types/preview.d.ts +1 -6
- package/package.json +19 -16
- 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 -122
- package/dist/cjs/blocks/utils.js +0 -61
- 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 -166
- 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/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/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/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/cjs/blocks/Meta.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
16
|
-
value: true
|
|
17
|
-
});
|
|
18
|
-
exports.Meta = void 0;
|
|
19
|
-
|
|
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
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
33
|
-
|
|
34
|
-
var _global = _interopRequireDefault(require("global"));
|
|
35
|
-
|
|
36
|
-
var _Anchor = require("./Anchor");
|
|
37
|
-
|
|
38
|
-
var _DocsContext = require("./DocsContext");
|
|
39
|
-
|
|
40
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
41
|
-
|
|
42
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
-
|
|
44
|
-
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
|
-
|
|
46
|
-
var document = _global.default.document;
|
|
47
|
-
|
|
48
|
-
function getFirstStoryId(docsContext) {
|
|
49
|
-
var stories = docsContext.componentStories();
|
|
50
|
-
return stories.length > 0 ? stories[0].id : null;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
function renderAnchor() {
|
|
54
|
-
var context = (0, _react.useContext)(_DocsContext.DocsContext);
|
|
55
|
-
var anchorId = getFirstStoryId(context) || context.id;
|
|
56
|
-
return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
|
|
57
|
-
storyId: anchorId
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* This component is used to declare component metadata in docs
|
|
62
|
-
* and gets transformed into a default export underneath the hood.
|
|
63
|
-
*/
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
var Meta = function Meta() {
|
|
67
|
-
var params = new URL(document.location).searchParams;
|
|
68
|
-
var isDocs = params.get('viewMode') === 'docs';
|
|
69
|
-
return isDocs ? renderAnchor() : null;
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
exports.Meta = Meta;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.array.slice.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.object.freeze.js");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.Preview = void 0;
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
|
|
15
|
-
|
|
16
|
-
var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
|
17
|
-
|
|
18
|
-
var _Canvas = require("./Canvas");
|
|
19
|
-
|
|
20
|
-
var _templateObject;
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
-
|
|
26
|
-
var Preview = (0, _utilDeprecate.default)(function (props) {
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, props);
|
|
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 "]))));
|
|
29
|
-
exports.Preview = Preview;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
24
|
-
value: true
|
|
25
|
-
});
|
|
26
|
-
exports.Primary = void 0;
|
|
27
|
-
|
|
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
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
35
|
-
|
|
36
|
-
var _DocsContext = require("./DocsContext");
|
|
37
|
-
|
|
38
|
-
var _DocsStory = require("./DocsStory");
|
|
39
|
-
|
|
40
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
|
-
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
|
-
|
|
44
|
-
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
|
-
|
|
46
|
-
var Primary = function Primary(_ref) {
|
|
47
|
-
var name = _ref.name;
|
|
48
|
-
|
|
49
|
-
var _useContext = (0, _react.useContext)(_DocsContext.DocsContext),
|
|
50
|
-
getComponentStories = _useContext.componentStories;
|
|
51
|
-
|
|
52
|
-
var componentStories = getComponentStories();
|
|
53
|
-
var story;
|
|
54
|
-
|
|
55
|
-
if (componentStories) {
|
|
56
|
-
story = name ? componentStories.find(function (s) {
|
|
57
|
-
return s.name === name;
|
|
58
|
-
}) : componentStories[0];
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
return story ? /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({}, story, {
|
|
62
|
-
expanded: false,
|
|
63
|
-
withToolbar: true
|
|
64
|
-
})) : null;
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
exports.Primary = Primary;
|
package/dist/cjs/blocks/Props.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.array.slice.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.object.freeze.js");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.Props = void 0;
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
|
|
15
|
-
|
|
16
|
-
var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
|
17
|
-
|
|
18
|
-
var _ArgsTable = require("./ArgsTable");
|
|
19
|
-
|
|
20
|
-
var _types = require("./types");
|
|
21
|
-
|
|
22
|
-
var _templateObject;
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
27
|
-
|
|
28
|
-
var Props = (0, _utilDeprecate.default)(function (props) {
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, props);
|
|
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
|
|
31
|
-
|
|
32
|
-
exports.Props = Props;
|
|
33
|
-
Props.defaultProps = {
|
|
34
|
-
of: _types.CURRENT_SELECTION
|
|
35
|
-
};
|
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
22
|
-
value: true
|
|
23
|
-
});
|
|
24
|
-
exports.getSourceProps = exports.SourceState = exports.Source = void 0;
|
|
25
|
-
|
|
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
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
35
|
-
|
|
36
|
-
var _components = require("@storybook/components");
|
|
37
|
-
|
|
38
|
-
var _DocsContext = require("./DocsContext");
|
|
39
|
-
|
|
40
|
-
var _SourceContainer = require("./SourceContainer");
|
|
41
|
-
|
|
42
|
-
var _types = require("./types");
|
|
43
|
-
|
|
44
|
-
var _shared = require("../shared");
|
|
45
|
-
|
|
46
|
-
var _enhanceSource = require("./enhanceSource");
|
|
47
|
-
|
|
48
|
-
var _useStory = require("./useStory");
|
|
49
|
-
|
|
50
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
51
|
-
|
|
52
|
-
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
|
-
|
|
54
|
-
var SourceState;
|
|
55
|
-
exports.SourceState = SourceState;
|
|
56
|
-
|
|
57
|
-
(function (SourceState) {
|
|
58
|
-
SourceState["OPEN"] = "open";
|
|
59
|
-
SourceState["CLOSED"] = "closed";
|
|
60
|
-
SourceState["NONE"] = "none";
|
|
61
|
-
})(SourceState || (exports.SourceState = SourceState = {}));
|
|
62
|
-
|
|
63
|
-
var getSourceState = function getSourceState(stories) {
|
|
64
|
-
var states = stories.map(function (story) {
|
|
65
|
-
var _story$parameters$doc, _story$parameters$doc2;
|
|
66
|
-
|
|
67
|
-
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;
|
|
68
|
-
}).filter(Boolean);
|
|
69
|
-
if (states.length === 0) return SourceState.CLOSED; // FIXME: handling multiple stories is a pain
|
|
70
|
-
|
|
71
|
-
return states[0];
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
var getStorySource = function getStorySource(storyId, sourceContext) {
|
|
75
|
-
var sources = sourceContext.sources; // source rendering is async so source is unavailable at the start of the render cycle,
|
|
76
|
-
// so we fail gracefully here without warning
|
|
77
|
-
|
|
78
|
-
return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
|
|
79
|
-
code: '',
|
|
80
|
-
format: false
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
var getSnippet = function getSnippet(snippet, story) {
|
|
85
|
-
var _parameters$docs, _parameters$docs$sour, _parameters$docs2, _parameters$docs2$sou, _enhanced$docs, _enhanced$docs$source;
|
|
86
|
-
|
|
87
|
-
if (!story) {
|
|
88
|
-
return snippet;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
var parameters = story.parameters; // eslint-disable-next-line no-underscore-dangle
|
|
92
|
-
|
|
93
|
-
var isArgsStory = parameters.__isArgsStory;
|
|
94
|
-
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) || _shared.SourceType.AUTO; // if user has hard-coded the snippet, that takes precedence
|
|
95
|
-
|
|
96
|
-
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;
|
|
97
|
-
|
|
98
|
-
if (userCode !== undefined) {
|
|
99
|
-
return userCode;
|
|
100
|
-
} // if user has explicitly set this as dynamic, use snippet
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
if (type === _shared.SourceType.DYNAMIC) {
|
|
104
|
-
var _parameters$docs3, _parameters$docs3$tra;
|
|
105
|
-
|
|
106
|
-
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;
|
|
107
|
-
} // if this is an args story and there's a snippet
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
if (type === _shared.SourceType.AUTO && snippet && isArgsStory) {
|
|
111
|
-
var _parameters$docs4, _parameters$docs4$tra;
|
|
112
|
-
|
|
113
|
-
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;
|
|
114
|
-
} // otherwise, use the source code logic
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
var enhanced = (0, _enhanceSource.enhanceSource)(story) || parameters;
|
|
118
|
-
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
|
-
};
|
|
120
|
-
|
|
121
|
-
var getSourceProps = function getSourceProps(props, docsContext, sourceContext) {
|
|
122
|
-
var currentId = docsContext.id,
|
|
123
|
-
storyById = docsContext.storyById;
|
|
124
|
-
|
|
125
|
-
var _storyById = storyById(currentId),
|
|
126
|
-
parameters = _storyById.parameters;
|
|
127
|
-
|
|
128
|
-
var codeProps = props;
|
|
129
|
-
var singleProps = props;
|
|
130
|
-
var multiProps = props;
|
|
131
|
-
var source = codeProps.code; // prefer user-specified code
|
|
132
|
-
|
|
133
|
-
var format = codeProps.format; // prefer user-specified code
|
|
134
|
-
|
|
135
|
-
var targetIds = multiProps.ids || [singleProps.id || currentId];
|
|
136
|
-
var storyIds = targetIds.map(function (targetId) {
|
|
137
|
-
return targetId === _types.CURRENT_SELECTION ? currentId : targetId;
|
|
138
|
-
});
|
|
139
|
-
var stories = (0, _useStory.useStories)(storyIds, docsContext);
|
|
140
|
-
|
|
141
|
-
if (!stories.every(Boolean)) {
|
|
142
|
-
return {
|
|
143
|
-
error: _components.SourceError.SOURCE_UNAVAILABLE,
|
|
144
|
-
state: SourceState.NONE
|
|
145
|
-
};
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
if (!source) {
|
|
149
|
-
// just take the format from the first story, given how they're all concatinated together...
|
|
150
|
-
// TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
|
|
151
|
-
var _getStorySource = getStorySource(storyIds[0], sourceContext);
|
|
152
|
-
|
|
153
|
-
format = _getStorySource.format;
|
|
154
|
-
source = storyIds.map(function (storyId, idx) {
|
|
155
|
-
var _getStorySource2 = getStorySource(storyId, sourceContext),
|
|
156
|
-
storySource = _getStorySource2.code;
|
|
157
|
-
|
|
158
|
-
var storyObj = stories[idx];
|
|
159
|
-
return getSnippet(storySource, storyObj);
|
|
160
|
-
}).join('\n\n');
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
var state = getSourceState(stories);
|
|
164
|
-
var _parameters$docs5 = parameters.docs,
|
|
165
|
-
docsParameters = _parameters$docs5 === void 0 ? {} : _parameters$docs5;
|
|
166
|
-
var _docsParameters$sourc = docsParameters.source,
|
|
167
|
-
sourceParameters = _docsParameters$sourc === void 0 ? {} : _docsParameters$sourc;
|
|
168
|
-
var _sourceParameters$lan = sourceParameters.language,
|
|
169
|
-
docsLanguage = _sourceParameters$lan === void 0 ? null : _sourceParameters$lan;
|
|
170
|
-
return source ? {
|
|
171
|
-
code: source,
|
|
172
|
-
state: state,
|
|
173
|
-
format: format,
|
|
174
|
-
language: props.language || docsLanguage || 'jsx',
|
|
175
|
-
dark: props.dark || false
|
|
176
|
-
} : {
|
|
177
|
-
error: _components.SourceError.SOURCE_UNAVAILABLE,
|
|
178
|
-
state: state
|
|
179
|
-
};
|
|
180
|
-
};
|
|
181
|
-
/**
|
|
182
|
-
* Story source doc block renders source code if provided,
|
|
183
|
-
* or the source for a story if `storyId` is provided, or
|
|
184
|
-
* the source for the current story if nothing is provided.
|
|
185
|
-
*/
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
exports.getSourceProps = getSourceProps;
|
|
189
|
-
|
|
190
|
-
var Source = function Source(props) {
|
|
191
|
-
var sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
|
|
192
|
-
var docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
|
|
193
|
-
var sourceProps = getSourceProps(props, docsContext, sourceContext);
|
|
194
|
-
return /*#__PURE__*/_react.default.createElement(_components.Source, sourceProps);
|
|
195
|
-
};
|
|
196
|
-
|
|
197
|
-
exports.Source = Source;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
32
|
-
value: true
|
|
33
|
-
});
|
|
34
|
-
exports.SourceContext = exports.SourceContainer = void 0;
|
|
35
|
-
|
|
36
|
-
require("core-js/modules/es.object.assign.js");
|
|
37
|
-
|
|
38
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
39
|
-
|
|
40
|
-
var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
|
|
41
|
-
|
|
42
|
-
var _addons = require("@storybook/addons");
|
|
43
|
-
|
|
44
|
-
var _shared = require("../shared");
|
|
45
|
-
|
|
46
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
47
|
-
|
|
48
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
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."); }
|
|
57
|
-
|
|
58
|
-
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); }
|
|
59
|
-
|
|
60
|
-
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; }
|
|
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)({
|
|
67
|
-
sources: {}
|
|
68
|
-
});
|
|
69
|
-
exports.SourceContext = SourceContext;
|
|
70
|
-
|
|
71
|
-
var SourceContainer = function SourceContainer(_ref) {
|
|
72
|
-
var children = _ref.children;
|
|
73
|
-
|
|
74
|
-
var _useState = (0, _react.useState)({}),
|
|
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;
|
|
84
|
-
|
|
85
|
-
// optimization: if the source is the same, ignore the incoming event
|
|
86
|
-
if (sources[id] && sources[id].code === newSource) {
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
setSources(function (current) {
|
|
91
|
-
var newSources = Object.assign({}, current, _defineProperty({}, id, {
|
|
92
|
-
code: newSource,
|
|
93
|
-
format: format
|
|
94
|
-
}));
|
|
95
|
-
|
|
96
|
-
if (!(0, _fastDeepEqual.default)(current, newSources)) {
|
|
97
|
-
return newSources;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
return current;
|
|
101
|
-
});
|
|
102
|
-
};
|
|
103
|
-
|
|
104
|
-
channel.on(_shared.SNIPPET_RENDERED, handleSnippetRendered);
|
|
105
|
-
return function () {
|
|
106
|
-
return channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
|
|
107
|
-
};
|
|
108
|
-
}, []);
|
|
109
|
-
return /*#__PURE__*/_react.default.createElement(SourceContext.Provider, {
|
|
110
|
-
value: {
|
|
111
|
-
sources: sources
|
|
112
|
-
}
|
|
113
|
-
}, children);
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
exports.SourceContainer = SourceContainer;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
24
|
-
value: true
|
|
25
|
-
});
|
|
26
|
-
exports.Stories = void 0;
|
|
27
|
-
|
|
28
|
-
require("core-js/modules/es.array.filter.js");
|
|
29
|
-
|
|
30
|
-
require("core-js/modules/es.object.to-string.js");
|
|
31
|
-
|
|
32
|
-
require("core-js/modules/es.array.slice.js");
|
|
33
|
-
|
|
34
|
-
require("core-js/modules/es.array.map.js");
|
|
35
|
-
|
|
36
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
37
|
-
|
|
38
|
-
var _DocsContext = require("./DocsContext");
|
|
39
|
-
|
|
40
|
-
var _DocsStory = require("./DocsStory");
|
|
41
|
-
|
|
42
|
-
var _Heading = require("./Heading");
|
|
43
|
-
|
|
44
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
45
|
-
|
|
46
|
-
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; }
|
|
47
|
-
|
|
48
|
-
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); }
|
|
49
|
-
|
|
50
|
-
var Stories = function Stories(_ref) {
|
|
51
|
-
var title = _ref.title,
|
|
52
|
-
_ref$includePrimary = _ref.includePrimary,
|
|
53
|
-
includePrimary = _ref$includePrimary === void 0 ? false : _ref$includePrimary;
|
|
54
|
-
|
|
55
|
-
var _useContext = (0, _react.useContext)(_DocsContext.DocsContext),
|
|
56
|
-
componentStories = _useContext.componentStories;
|
|
57
|
-
|
|
58
|
-
var stories = componentStories();
|
|
59
|
-
stories = stories.filter(function (story) {
|
|
60
|
-
var _story$parameters, _story$parameters$doc;
|
|
61
|
-
|
|
62
|
-
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);
|
|
63
|
-
});
|
|
64
|
-
if (!includePrimary) stories = stories.slice(1);
|
|
65
|
-
|
|
66
|
-
if (!stories || stories.length === 0) {
|
|
67
|
-
return null;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Heading.Heading, null, title), stories.map(function (story) {
|
|
71
|
-
return story && /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({
|
|
72
|
-
key: story.id
|
|
73
|
-
}, story, {
|
|
74
|
-
expanded: true
|
|
75
|
-
}));
|
|
76
|
-
}));
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
exports.Stories = Stories;
|
|
80
|
-
Stories.defaultProps = {
|
|
81
|
-
title: 'Stories'
|
|
82
|
-
};
|