@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,263 +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.symbol.iterator.js");
10
-
11
- require("core-js/modules/es.array.slice.js");
12
-
13
- require("core-js/modules/es.array.from.js");
14
-
15
- require("core-js/modules/es.regexp.exec.js");
16
-
17
- require("core-js/modules/es.weak-map.js");
18
-
19
- require("core-js/modules/es.object.get-own-property-descriptor.js");
20
-
21
- Object.defineProperty(exports, "__esModule", {
22
- value: true
23
- });
24
- exports.storyBlockIdFromId = exports.lookupStoryId = exports.getStoryProps = exports.getStoryId = exports.Story = void 0;
25
-
26
- require("core-js/modules/es.function.name.js");
27
-
28
- require("core-js/modules/es.object.assign.js");
29
-
30
- require("core-js/modules/es.object.to-string.js");
31
-
32
- require("core-js/modules/es.promise.js");
33
-
34
- require("core-js/modules/es.array.iterator.js");
35
-
36
- require("core-js/modules/es.string.iterator.js");
37
-
38
- require("core-js/modules/web.dom-collections.iterator.js");
39
-
40
- require("core-js/modules/es.array.concat.js");
41
-
42
- var _react = _interopRequireWildcard(require("react"));
43
-
44
- var _react2 = require("@mdx-js/react");
45
-
46
- var _global = _interopRequireDefault(require("global"));
47
-
48
- var _components = require("@storybook/components");
49
-
50
- var _csf = require("@storybook/csf");
51
-
52
- var _addons = require("@storybook/addons");
53
-
54
- var _coreEvents = _interopRequireDefault(require("@storybook/core-events"));
55
-
56
- var _types = require("./types");
57
-
58
- var _DocsContext = require("./DocsContext");
59
-
60
- var _useStory = require("./useStory");
61
-
62
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
63
-
64
- 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); }
65
-
66
- 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; }
67
-
68
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
69
-
70
- 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."); }
71
-
72
- 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); }
73
-
74
- 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; }
75
-
76
- 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; }
77
-
78
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
79
-
80
- var storyBlockIdFromId = function storyBlockIdFromId(storyId) {
81
- return "story--".concat(storyId);
82
- };
83
-
84
- exports.storyBlockIdFromId = storyBlockIdFromId;
85
-
86
- var lookupStoryId = function lookupStoryId(storyName, _ref) {
87
- var mdxStoryNameToKey = _ref.mdxStoryNameToKey,
88
- mdxComponentAnnotations = _ref.mdxComponentAnnotations;
89
- return (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[storyName]));
90
- };
91
-
92
- exports.lookupStoryId = lookupStoryId;
93
-
94
- var getStoryId = function getStoryId(props, context) {
95
- var _ref2 = props,
96
- id = _ref2.id;
97
- var _ref3 = props,
98
- name = _ref3.name;
99
- var inputId = id === _types.CURRENT_SELECTION ? context.id : id;
100
- return inputId || lookupStoryId(name, context);
101
- };
102
-
103
- exports.getStoryId = getStoryId;
104
-
105
- var getStoryProps = function getStoryProps(_ref4, story, context, onStoryFnCalled) {
106
- var height = _ref4.height,
107
- inline = _ref4.inline;
108
- var storyName = story.name,
109
- parameters = story.parameters;
110
- var _parameters$docs = parameters.docs,
111
- docs = _parameters$docs === void 0 ? {} : _parameters$docs;
112
-
113
- if (docs.disable) {
114
- return null;
115
- } // prefer block props, then story parameters defined by the framework-specific settings and optionally overridden by users
116
-
117
-
118
- var _docs$inlineStories = docs.inlineStories,
119
- inlineStories = _docs$inlineStories === void 0 ? false : _docs$inlineStories,
120
- _docs$iframeHeight = docs.iframeHeight,
121
- iframeHeight = _docs$iframeHeight === void 0 ? 100 : _docs$iframeHeight,
122
- prepareForInline = docs.prepareForInline;
123
- var storyIsInline = typeof inline === 'boolean' ? inline : inlineStories;
124
-
125
- if (storyIsInline && !prepareForInline) {
126
- throw new Error("Story '".concat(storyName, "' is set to render inline, but no 'prepareForInline' function is implemented in your docs configuration!"));
127
- }
128
-
129
- var boundStoryFn = function boundStoryFn() {
130
- var storyResult = story.unboundStoryFn(Object.assign({}, context.getStoryContext(story), {
131
- loaded: {},
132
- abortSignal: undefined,
133
- canvasElement: undefined
134
- })); // We need to wait until the bound story function has actually been called before we
135
- // consider the story rendered. Certain frameworks (i.e. angular) don't actually render
136
- // the component in the very first react render cycle, and so we can't just wait until the
137
- // `PureStory` component has been rendered to consider the underlying story "rendered".
138
-
139
- onStoryFnCalled();
140
- return storyResult;
141
- };
142
-
143
- return Object.assign({
144
- inline: storyIsInline,
145
- id: story.id,
146
- height: height || (storyIsInline ? undefined : iframeHeight),
147
- title: storyName
148
- }, storyIsInline && {
149
- parameters: parameters,
150
- storyFn: function storyFn() {
151
- return prepareForInline(boundStoryFn, context.getStoryContext(story));
152
- }
153
- });
154
- };
155
-
156
- exports.getStoryProps = getStoryProps;
157
-
158
- function makeGate() {
159
- var open;
160
- var gate = new Promise(function (r) {
161
- open = r;
162
- });
163
- return [gate, open];
164
- }
165
-
166
- var Story = function Story(props) {
167
- var context = (0, _react.useContext)(_DocsContext.DocsContext);
168
-
169
- var channel = _addons.addons.getChannel();
170
-
171
- var storyRef = (0, _react.useRef)();
172
- var storyId = getStoryId(props, context);
173
- var story = (0, _useStory.useStory)(storyId, context);
174
-
175
- var _useState = (0, _react.useState)(true),
176
- _useState2 = _slicedToArray(_useState, 2),
177
- showLoader = _useState2[0],
178
- setShowLoader = _useState2[1];
179
-
180
- (0, _react.useEffect)(function () {
181
- var cleanup;
182
-
183
- if (story && storyRef.current) {
184
- var element = storyRef.current;
185
- cleanup = context.renderStoryToElement(story, element);
186
- setShowLoader(false);
187
- }
188
-
189
- return function () {
190
- return cleanup && cleanup();
191
- };
192
- }, [story]);
193
-
194
- var _makeGate = makeGate(),
195
- _makeGate2 = _slicedToArray(_makeGate, 2),
196
- storyFnRan = _makeGate2[0],
197
- onStoryFnRan = _makeGate2[1];
198
-
199
- var _makeGate3 = makeGate(),
200
- _makeGate4 = _slicedToArray(_makeGate3, 2),
201
- rendered = _makeGate4[0],
202
- onRendered = _makeGate4[1];
203
-
204
- (0, _react.useEffect)(onRendered);
205
-
206
- if (!story) {
207
- return /*#__PURE__*/_react.default.createElement(_components.StorySkeleton, null);
208
- }
209
-
210
- var storyProps = getStoryProps(props, story, context, onStoryFnRan);
211
-
212
- if (!storyProps) {
213
- return null;
214
- }
215
-
216
- if (storyProps.inline) {
217
- var _global$FEATURES;
218
-
219
- // If we are rendering a old-style inline Story via `PureStory` below, we want to emit
220
- // the `STORY_RENDERED` event when it renders. The modern mode below calls out to
221
- // `Preview.renderStoryToDom()` which itself emits the event.
222
- if (!(_global.default !== null && _global.default !== void 0 && (_global$FEATURES = _global.default.FEATURES) !== null && _global$FEATURES !== void 0 && _global$FEATURES.modernInlineRender)) {
223
- // We need to wait for two things before we can consider the story rendered:
224
- // (a) React's `useEffect` hook needs to fire. This is needed for React stories, as
225
- // decorators of the form `<A><B/></A>` will not actually execute `B` in the first
226
- // call to the story function.
227
- // (b) The story function needs to actually have been called.
228
- // Certain frameworks (i.e.angular) don't actually render the component in the very first
229
- // React render cycle, so we need to wait for the framework to actually do that
230
- Promise.all([storyFnRan, rendered]).then(function () {
231
- channel.emit(_coreEvents.default.STORY_RENDERED, storyId);
232
- });
233
- } else {
234
- // We do this so React doesn't complain when we replace the span in a secondary render
235
- var htmlContents = "<span></span>"; // FIXME: height/style/etc. lifted from PureStory
236
-
237
- var height = storyProps.height;
238
- return /*#__PURE__*/_react.default.createElement("div", {
239
- id: storyBlockIdFromId(story.id)
240
- }, /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
241
- components: _components.resetComponents
242
- }, height ? /*#__PURE__*/_react.default.createElement("style", null, "#story--".concat(story.id, " { min-height: ").concat(height, "; transform: translateZ(0); overflow: auto }")) : null, showLoader && /*#__PURE__*/_react.default.createElement(_components.StorySkeleton, null), /*#__PURE__*/_react.default.createElement("div", {
243
- ref: storyRef,
244
- "data-name": story.name,
245
- dangerouslySetInnerHTML: {
246
- __html: htmlContents
247
- }
248
- })));
249
- }
250
- }
251
-
252
- return /*#__PURE__*/_react.default.createElement("div", {
253
- id: storyBlockIdFromId(story.id)
254
- }, /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
255
- components: _components.resetComponents
256
- }, /*#__PURE__*/_react.default.createElement(_components.Story, storyProps)));
257
- };
258
-
259
- exports.Story = Story;
260
- Story.defaultProps = {
261
- children: null,
262
- name: null
263
- };
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Subheading = void 0;
7
-
8
- require("core-js/modules/es.regexp.exec.js");
9
-
10
- require("core-js/modules/es.string.replace.js");
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _components = require("@storybook/components");
15
-
16
- var _mdx = require("./mdx");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- var Subheading = function Subheading(_ref) {
21
- var children = _ref.children,
22
- disableAnchor = _ref.disableAnchor;
23
-
24
- if (disableAnchor || typeof children !== 'string') {
25
- return /*#__PURE__*/_react.default.createElement(_components.H3, null, children);
26
- }
27
-
28
- var tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
29
- return /*#__PURE__*/_react.default.createElement(_mdx.HeaderMdx, {
30
- as: "h3",
31
- id: tagID
32
- }, children);
33
- };
34
-
35
- exports.Subheading = Subheading;
@@ -1,59 +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.object.to-string.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.Subtitle = void 0;
27
-
28
- var _react = _interopRequireWildcard(require("react"));
29
-
30
- var _components = require("@storybook/components");
31
-
32
- var _DocsContext = require("./DocsContext");
33
-
34
- 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); }
35
-
36
- 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; }
37
-
38
- var Subtitle = function Subtitle(_ref) {
39
- var children = _ref.children;
40
-
41
- var _useContext = (0, _react.useContext)(_DocsContext.DocsContext),
42
- id = _useContext.id,
43
- storyById = _useContext.storyById;
44
-
45
- var _storyById = storyById(id),
46
- parameters = _storyById.parameters;
47
-
48
- var text = children;
49
-
50
- if (!text) {
51
- text = parameters === null || parameters === void 0 ? void 0 : parameters.componentSubtitle;
52
- }
53
-
54
- return text ? /*#__PURE__*/_react.default.createElement(_components.Subtitle, {
55
- className: "sbdocs-subtitle"
56
- }, text) : null;
57
- };
58
-
59
- exports.Subtitle = Subtitle;
@@ -1,68 +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.object.to-string.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.extractTitle = exports.Title = void 0;
27
-
28
- require("core-js/modules/es.regexp.exec.js");
29
-
30
- require("core-js/modules/es.string.split.js");
31
-
32
- require("core-js/modules/es.string.trim.js");
33
-
34
- var _react = _interopRequireWildcard(require("react"));
35
-
36
- var _components = require("@storybook/components");
37
-
38
- var _DocsContext = require("./DocsContext");
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
- var STORY_KIND_PATH_SEPARATOR = /\s*\/\s*/;
45
-
46
- var extractTitle = function extractTitle(_ref) {
47
- var title = _ref.title;
48
- var groups = title.trim().split(STORY_KIND_PATH_SEPARATOR);
49
- return groups && groups[groups.length - 1] || title;
50
- };
51
-
52
- exports.extractTitle = extractTitle;
53
-
54
- var Title = function Title(_ref2) {
55
- var children = _ref2.children;
56
- var context = (0, _react.useContext)(_DocsContext.DocsContext);
57
- var text = children;
58
-
59
- if (!text) {
60
- text = extractTitle(context);
61
- }
62
-
63
- return text ? /*#__PURE__*/_react.default.createElement(_components.Title, {
64
- className: "sbdocs-title"
65
- }, text) : null;
66
- };
67
-
68
- exports.Title = Title;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Wrapper = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
- var Wrapper = function Wrapper(_ref) {
13
- var children = _ref.children;
14
- return /*#__PURE__*/_react.default.createElement("div", {
15
- style: {
16
- fontFamily: 'sans-serif'
17
- }
18
- }, children);
19
- };
20
-
21
- exports.Wrapper = Wrapper;
@@ -1,129 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.symbol.js");
4
-
5
- require("core-js/modules/es.symbol.description.js");
6
-
7
- require("core-js/modules/es.object.to-string.js");
8
-
9
- require("core-js/modules/es.symbol.iterator.js");
10
-
11
- require("core-js/modules/es.array.iterator.js");
12
-
13
- require("core-js/modules/es.string.iterator.js");
14
-
15
- require("core-js/modules/web.dom-collections.iterator.js");
16
-
17
- require("core-js/modules/es.array.from.js");
18
-
19
- require("core-js/modules/es.function.name.js");
20
-
21
- Object.defineProperty(exports, "__esModule", {
22
- value: true
23
- });
24
- exports.enhanceSource = void 0;
25
-
26
- require("core-js/modules/es.array.join.js");
27
-
28
- require("core-js/modules/es.array.concat.js");
29
-
30
- require("core-js/modules/es.array.slice.js");
31
-
32
- require("core-js/modules/es.regexp.exec.js");
33
-
34
- require("core-js/modules/es.string.replace.js");
35
-
36
- require("core-js/modules/es.string.split.js");
37
-
38
- var _store = require("@storybook/store");
39
-
40
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
41
-
42
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
43
-
44
- 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); }
45
-
46
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
47
-
48
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
49
-
50
- 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; }
51
-
52
- /**
53
- * given a location, extract the text from the full source
54
- */
55
- function extractSource(location, lines) {
56
- var start = location.startBody,
57
- end = location.endBody;
58
-
59
- if (start.line === end.line && lines[start.line - 1] !== undefined) {
60
- return lines[start.line - 1].substring(start.col, end.col);
61
- } // NOTE: storysource locations are 1-based not 0-based!
62
-
63
-
64
- var startLine = lines[start.line - 1];
65
- var endLine = lines[end.line - 1];
66
-
67
- if (startLine === undefined || endLine === undefined) {
68
- return null;
69
- }
70
-
71
- return [startLine.substring(start.col)].concat(_toConsumableArray(lines.slice(start.line, end.line - 1)), [endLine.substring(0, end.col)]).join('\n');
72
- } // ============================================================
73
- // END @storybook/source-loader/extract-source
74
- // ============================================================
75
-
76
-
77
- /**
78
- * Replaces full story id name like: story-kind--story-name -> story-name
79
- * @param id
80
- */
81
- var storyIdToSanitizedStoryName = function storyIdToSanitizedStoryName(id) {
82
- return id.replace(/^.*?--/, '');
83
- };
84
-
85
- var extract = function extract(targetId, _ref) {
86
- var source = _ref.source,
87
- locationsMap = _ref.locationsMap;
88
-
89
- if (!locationsMap) {
90
- return source;
91
- }
92
-
93
- var sanitizedStoryName = storyIdToSanitizedStoryName(targetId);
94
- var location = locationsMap[sanitizedStoryName];
95
-
96
- if (!location) {
97
- return source;
98
- }
99
-
100
- var lines = source.split('\n');
101
- return extractSource(location, lines);
102
- };
103
-
104
- var enhanceSource = function enhanceSource(story) {
105
- var _docs$source;
106
-
107
- var id = story.id,
108
- parameters = story.parameters;
109
- var storySource = parameters.storySource,
110
- _parameters$docs = parameters.docs,
111
- docs = _parameters$docs === void 0 ? {} : _parameters$docs;
112
- var transformSource = docs.transformSource; // no input or user has manually overridden the output
113
-
114
- if (!(storySource !== null && storySource !== void 0 && storySource.source) || (_docs$source = docs.source) !== null && _docs$source !== void 0 && _docs$source.code) {
115
- return null;
116
- }
117
-
118
- var input = extract(id, storySource);
119
- var code = transformSource ? transformSource(input, story) : input;
120
- return {
121
- docs: (0, _store.combineParameters)(docs, {
122
- source: {
123
- code: code
124
- }
125
- })
126
- };
127
- };
128
-
129
- exports.enhanceSource = enhanceSource;