@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.
Files changed (90) hide show
  1. package/blocks.js +1 -1
  2. package/dist/cjs/blocks/index.js +5 -359
  3. package/dist/cjs/index.js +1 -7
  4. package/dist/cjs/manager.js +9 -15
  5. package/dist/cjs/preset.js +120 -288
  6. package/dist/cjs/preview.js +9 -103
  7. package/dist/cjs/shared.js +5 -5
  8. package/dist/esm/blocks/index.js +1 -24
  9. package/dist/esm/preview.js +6 -2
  10. package/dist/types/blocks/index.d.ts +1 -24
  11. package/dist/types/preview.d.ts +1 -6
  12. package/package.json +19 -16
  13. package/dist/cjs/blocks/Anchor.js +0 -26
  14. package/dist/cjs/blocks/ArgsTable.js +0 -400
  15. package/dist/cjs/blocks/Canvas.js +0 -144
  16. package/dist/cjs/blocks/Description.js +0 -153
  17. package/dist/cjs/blocks/DocsContainer.js +0 -155
  18. package/dist/cjs/blocks/DocsContext.js +0 -25
  19. package/dist/cjs/blocks/DocsPage.js +0 -32
  20. package/dist/cjs/blocks/DocsStory.js +0 -78
  21. package/dist/cjs/blocks/Heading.js +0 -35
  22. package/dist/cjs/blocks/Meta.js +0 -72
  23. package/dist/cjs/blocks/Preview.js +0 -29
  24. package/dist/cjs/blocks/Primary.js +0 -67
  25. package/dist/cjs/blocks/Props.js +0 -35
  26. package/dist/cjs/blocks/Source.js +0 -197
  27. package/dist/cjs/blocks/SourceContainer.js +0 -116
  28. package/dist/cjs/blocks/Stories.js +0 -82
  29. package/dist/cjs/blocks/Story.js +0 -263
  30. package/dist/cjs/blocks/Subheading.js +0 -35
  31. package/dist/cjs/blocks/Subtitle.js +0 -59
  32. package/dist/cjs/blocks/Title.js +0 -68
  33. package/dist/cjs/blocks/Wrapper.js +0 -21
  34. package/dist/cjs/blocks/enhanceSource.js +0 -129
  35. package/dist/cjs/blocks/mdx.js +0 -245
  36. package/dist/cjs/blocks/types.js +0 -10
  37. package/dist/cjs/blocks/useStory.js +0 -122
  38. package/dist/cjs/blocks/utils.js +0 -61
  39. package/dist/esm/blocks/Anchor.js +0 -8
  40. package/dist/esm/blocks/ArgsTable.js +0 -292
  41. package/dist/esm/blocks/Canvas.js +0 -83
  42. package/dist/esm/blocks/Description.js +0 -107
  43. package/dist/esm/blocks/DocsContainer.js +0 -98
  44. package/dist/esm/blocks/DocsContext.js +0 -16
  45. package/dist/esm/blocks/DocsPage.js +0 -11
  46. package/dist/esm/blocks/DocsStory.js +0 -46
  47. package/dist/esm/blocks/Heading.js +0 -17
  48. package/dist/esm/blocks/Meta.js +0 -31
  49. package/dist/esm/blocks/Preview.js +0 -9
  50. package/dist/esm/blocks/Primary.js +0 -23
  51. package/dist/esm/blocks/Props.js +0 -14
  52. package/dist/esm/blocks/Source.js +0 -144
  53. package/dist/esm/blocks/SourceContainer.js +0 -44
  54. package/dist/esm/blocks/Stories.js +0 -30
  55. package/dist/esm/blocks/Story.js +0 -166
  56. package/dist/esm/blocks/Subheading.js +0 -17
  57. package/dist/esm/blocks/Subtitle.js +0 -23
  58. package/dist/esm/blocks/Title.js +0 -24
  59. package/dist/esm/blocks/Wrapper.js +0 -8
  60. package/dist/esm/blocks/enhanceSource.js +0 -87
  61. package/dist/esm/blocks/mdx.js +0 -203
  62. package/dist/esm/blocks/types.js +0 -2
  63. package/dist/esm/blocks/useStory.js +0 -27
  64. package/dist/esm/blocks/utils.js +0 -29
  65. package/dist/types/blocks/Anchor.d.ts +0 -6
  66. package/dist/types/blocks/ArgsTable.d.ts +0 -33
  67. package/dist/types/blocks/Canvas.d.ts +0 -9
  68. package/dist/types/blocks/Description.d.ts +0 -20
  69. package/dist/types/blocks/DocsContainer.d.ts +0 -7
  70. package/dist/types/blocks/DocsContext.d.ts +0 -5
  71. package/dist/types/blocks/DocsPage.d.ts +0 -2
  72. package/dist/types/blocks/DocsStory.d.ts +0 -3
  73. package/dist/types/blocks/Heading.d.ts +0 -6
  74. package/dist/types/blocks/Meta.d.ts +0 -9
  75. package/dist/types/blocks/Preview.d.ts +0 -3
  76. package/dist/types/blocks/Primary.d.ts +0 -6
  77. package/dist/types/blocks/Props.d.ts +0 -3
  78. package/dist/types/blocks/Source.d.ts +0 -38
  79. package/dist/types/blocks/SourceContainer.d.ts +0 -14
  80. package/dist/types/blocks/Stories.d.ts +0 -7
  81. package/dist/types/blocks/Story.d.ts +0 -28
  82. package/dist/types/blocks/Subheading.d.ts +0 -3
  83. package/dist/types/blocks/Subtitle.d.ts +0 -6
  84. package/dist/types/blocks/Title.d.ts +0 -8
  85. package/dist/types/blocks/Wrapper.d.ts +0 -2
  86. package/dist/types/blocks/enhanceSource.d.ts +0 -3
  87. package/dist/types/blocks/mdx.d.ts +0 -20
  88. package/dist/types/blocks/types.d.ts +0 -13
  89. package/dist/types/blocks/useStory.d.ts +0 -5
  90. package/dist/types/blocks/utils.d.ts +0 -3
@@ -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;
@@ -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
- };