@storybook/addon-docs 6.5.9 → 7.0.0-alpha.10

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 (163) hide show
  1. package/blocks.d.ts +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 +121 -193
  6. package/dist/cjs/preview.js +9 -87
  7. package/dist/cjs/shared.js +5 -5
  8. package/dist/esm/blocks/index.js +1 -24
  9. package/dist/esm/manager.js +9 -14
  10. package/dist/esm/preset.js +114 -179
  11. package/dist/esm/preview.js +7 -61
  12. package/dist/esm/shared.js +5 -5
  13. package/dist/types/blocks/index.d.ts +1 -0
  14. package/dist/{ts3.9 → types}/index.d.ts +0 -0
  15. package/dist/{ts3.9 → types}/manager.d.ts +0 -0
  16. package/dist/{ts3.9 → types}/preset.d.ts +2 -1
  17. package/dist/types/preview.d.ts +1 -0
  18. package/dist/{ts3.9 → types}/shared.d.ts +0 -0
  19. package/package.json +18 -25
  20. package/dist/cjs/blocks/Anchor.js +0 -26
  21. package/dist/cjs/blocks/ArgsTable.js +0 -400
  22. package/dist/cjs/blocks/Canvas.js +0 -144
  23. package/dist/cjs/blocks/Description.js +0 -153
  24. package/dist/cjs/blocks/DocsContainer.js +0 -155
  25. package/dist/cjs/blocks/DocsContext.js +0 -25
  26. package/dist/cjs/blocks/DocsPage.js +0 -32
  27. package/dist/cjs/blocks/DocsStory.js +0 -78
  28. package/dist/cjs/blocks/Heading.js +0 -35
  29. package/dist/cjs/blocks/Meta.js +0 -72
  30. package/dist/cjs/blocks/Preview.js +0 -29
  31. package/dist/cjs/blocks/Primary.js +0 -67
  32. package/dist/cjs/blocks/Props.js +0 -35
  33. package/dist/cjs/blocks/Source.js +0 -197
  34. package/dist/cjs/blocks/SourceContainer.js +0 -116
  35. package/dist/cjs/blocks/Stories.js +0 -82
  36. package/dist/cjs/blocks/Story.js +0 -263
  37. package/dist/cjs/blocks/Subheading.js +0 -35
  38. package/dist/cjs/blocks/Subtitle.js +0 -59
  39. package/dist/cjs/blocks/Title.js +0 -68
  40. package/dist/cjs/blocks/Wrapper.js +0 -21
  41. package/dist/cjs/blocks/enhanceSource.js +0 -129
  42. package/dist/cjs/blocks/mdx.js +0 -245
  43. package/dist/cjs/blocks/types.js +0 -10
  44. package/dist/cjs/blocks/useStory.js +0 -108
  45. package/dist/cjs/blocks/utils.js +0 -61
  46. package/dist/esm/blocks/Anchor.js +0 -11
  47. package/dist/esm/blocks/ArgsTable.js +0 -341
  48. package/dist/esm/blocks/Canvas.js +0 -95
  49. package/dist/esm/blocks/Description.js +0 -113
  50. package/dist/esm/blocks/DocsContainer.js +0 -106
  51. package/dist/esm/blocks/DocsContext.js +0 -16
  52. package/dist/esm/blocks/DocsPage.js +0 -13
  53. package/dist/esm/blocks/DocsStory.js +0 -55
  54. package/dist/esm/blocks/Heading.js +0 -19
  55. package/dist/esm/blocks/Meta.js +0 -35
  56. package/dist/esm/blocks/Preview.js +0 -14
  57. package/dist/esm/blocks/Primary.js +0 -29
  58. package/dist/esm/blocks/Props.js +0 -19
  59. package/dist/esm/blocks/Source.js +0 -150
  60. package/dist/esm/blocks/SourceContainer.js +0 -77
  61. package/dist/esm/blocks/Stories.js +0 -42
  62. package/dist/esm/blocks/Story.js +0 -207
  63. package/dist/esm/blocks/Subheading.js +0 -19
  64. package/dist/esm/blocks/Subtitle.js +0 -23
  65. package/dist/esm/blocks/Title.js +0 -25
  66. package/dist/esm/blocks/Wrapper.js +0 -9
  67. package/dist/esm/blocks/enhanceSource.js +0 -111
  68. package/dist/esm/blocks/mdx.js +0 -207
  69. package/dist/esm/blocks/types.js +0 -2
  70. package/dist/esm/blocks/useStory.js +0 -84
  71. package/dist/esm/blocks/utils.js +0 -43
  72. package/dist/modern/blocks/Anchor.js +0 -8
  73. package/dist/modern/blocks/ArgsTable.js +0 -292
  74. package/dist/modern/blocks/Canvas.js +0 -83
  75. package/dist/modern/blocks/Description.js +0 -107
  76. package/dist/modern/blocks/DocsContainer.js +0 -98
  77. package/dist/modern/blocks/DocsContext.js +0 -16
  78. package/dist/modern/blocks/DocsPage.js +0 -11
  79. package/dist/modern/blocks/DocsStory.js +0 -48
  80. package/dist/modern/blocks/Heading.js +0 -17
  81. package/dist/modern/blocks/Meta.js +0 -31
  82. package/dist/modern/blocks/Preview.js +0 -9
  83. package/dist/modern/blocks/Primary.js +0 -23
  84. package/dist/modern/blocks/Props.js +0 -14
  85. package/dist/modern/blocks/Source.js +0 -154
  86. package/dist/modern/blocks/SourceContainer.js +0 -44
  87. package/dist/modern/blocks/Stories.js +0 -34
  88. package/dist/modern/blocks/Story.js +0 -168
  89. package/dist/modern/blocks/Subheading.js +0 -17
  90. package/dist/modern/blocks/Subtitle.js +0 -23
  91. package/dist/modern/blocks/Title.js +0 -24
  92. package/dist/modern/blocks/Wrapper.js +0 -8
  93. package/dist/modern/blocks/enhanceSource.js +0 -89
  94. package/dist/modern/blocks/index.js +0 -24
  95. package/dist/modern/blocks/mdx.js +0 -204
  96. package/dist/modern/blocks/types.js +0 -2
  97. package/dist/modern/blocks/useStory.js +0 -28
  98. package/dist/modern/blocks/utils.js +0 -29
  99. package/dist/modern/index.js +0 -1
  100. package/dist/modern/manager.js +0 -16
  101. package/dist/modern/preset.js +0 -130
  102. package/dist/modern/preview.js +0 -6
  103. package/dist/modern/shared.js +0 -11
  104. package/dist/ts3.4/blocks/Anchor.d.ts +0 -6
  105. package/dist/ts3.4/blocks/ArgsTable.d.ts +0 -33
  106. package/dist/ts3.4/blocks/Canvas.d.ts +0 -9
  107. package/dist/ts3.4/blocks/Description.d.ts +0 -20
  108. package/dist/ts3.4/blocks/DocsContainer.d.ts +0 -7
  109. package/dist/ts3.4/blocks/DocsContext.d.ts +0 -5
  110. package/dist/ts3.4/blocks/DocsPage.d.ts +0 -2
  111. package/dist/ts3.4/blocks/DocsStory.d.ts +0 -3
  112. package/dist/ts3.4/blocks/Heading.d.ts +0 -6
  113. package/dist/ts3.4/blocks/Meta.d.ts +0 -9
  114. package/dist/ts3.4/blocks/Preview.d.ts +0 -3
  115. package/dist/ts3.4/blocks/Primary.d.ts +0 -6
  116. package/dist/ts3.4/blocks/Props.d.ts +0 -3
  117. package/dist/ts3.4/blocks/Source.d.ts +0 -38
  118. package/dist/ts3.4/blocks/SourceContainer.d.ts +0 -14
  119. package/dist/ts3.4/blocks/Stories.d.ts +0 -7
  120. package/dist/ts3.4/blocks/Story.d.ts +0 -28
  121. package/dist/ts3.4/blocks/Subheading.d.ts +0 -3
  122. package/dist/ts3.4/blocks/Subtitle.d.ts +0 -6
  123. package/dist/ts3.4/blocks/Title.d.ts +0 -8
  124. package/dist/ts3.4/blocks/Wrapper.d.ts +0 -2
  125. package/dist/ts3.4/blocks/enhanceSource.d.ts +0 -3
  126. package/dist/ts3.4/blocks/index.d.ts +0 -24
  127. package/dist/ts3.4/blocks/mdx.d.ts +0 -20
  128. package/dist/ts3.4/blocks/types.d.ts +0 -13
  129. package/dist/ts3.4/blocks/useStory.d.ts +0 -5
  130. package/dist/ts3.4/blocks/utils.d.ts +0 -3
  131. package/dist/ts3.4/index.d.ts +0 -1
  132. package/dist/ts3.4/manager.d.ts +0 -1
  133. package/dist/ts3.4/preset.d.ts +0 -11
  134. package/dist/ts3.4/preview.d.ts +0 -6
  135. package/dist/ts3.4/shared.d.ts +0 -24
  136. package/dist/ts3.9/blocks/Anchor.d.ts +0 -6
  137. package/dist/ts3.9/blocks/ArgsTable.d.ts +0 -33
  138. package/dist/ts3.9/blocks/Canvas.d.ts +0 -9
  139. package/dist/ts3.9/blocks/Description.d.ts +0 -20
  140. package/dist/ts3.9/blocks/DocsContainer.d.ts +0 -7
  141. package/dist/ts3.9/blocks/DocsContext.d.ts +0 -5
  142. package/dist/ts3.9/blocks/DocsPage.d.ts +0 -2
  143. package/dist/ts3.9/blocks/DocsStory.d.ts +0 -3
  144. package/dist/ts3.9/blocks/Heading.d.ts +0 -6
  145. package/dist/ts3.9/blocks/Meta.d.ts +0 -9
  146. package/dist/ts3.9/blocks/Preview.d.ts +0 -3
  147. package/dist/ts3.9/blocks/Primary.d.ts +0 -6
  148. package/dist/ts3.9/blocks/Props.d.ts +0 -3
  149. package/dist/ts3.9/blocks/Source.d.ts +0 -38
  150. package/dist/ts3.9/blocks/SourceContainer.d.ts +0 -14
  151. package/dist/ts3.9/blocks/Stories.d.ts +0 -7
  152. package/dist/ts3.9/blocks/Story.d.ts +0 -28
  153. package/dist/ts3.9/blocks/Subheading.d.ts +0 -3
  154. package/dist/ts3.9/blocks/Subtitle.d.ts +0 -6
  155. package/dist/ts3.9/blocks/Title.d.ts +0 -8
  156. package/dist/ts3.9/blocks/Wrapper.d.ts +0 -2
  157. package/dist/ts3.9/blocks/enhanceSource.d.ts +0 -3
  158. package/dist/ts3.9/blocks/index.d.ts +0 -24
  159. package/dist/ts3.9/blocks/mdx.d.ts +0 -20
  160. package/dist/ts3.9/blocks/types.d.ts +0 -13
  161. package/dist/ts3.9/blocks/useStory.d.ts +0 -5
  162. package/dist/ts3.9/blocks/utils.d.ts +0 -3
  163. package/dist/ts3.9/preview.d.ts +0 -6
@@ -1,400 +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.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.slice.js");
18
-
19
- require("core-js/modules/es.function.name.js");
20
-
21
- require("core-js/modules/es.array.from.js");
22
-
23
- require("core-js/modules/es.regexp.exec.js");
24
-
25
- require("core-js/modules/es.weak-map.js");
26
-
27
- require("core-js/modules/es.object.get-own-property-descriptor.js");
28
-
29
- Object.defineProperty(exports, "__esModule", {
30
- value: true
31
- });
32
- exports.getComponent = exports.extractComponentArgTypes = exports.StoryTable = exports.ComponentsTable = exports.ArgsTable = void 0;
33
-
34
- require("core-js/modules/es.array.includes.js");
35
-
36
- require("core-js/modules/es.string.includes.js");
37
-
38
- require("core-js/modules/es.object.assign.js");
39
-
40
- require("core-js/modules/es.array.sort.js");
41
-
42
- require("core-js/modules/es.array.find.js");
43
-
44
- require("core-js/modules/es.object.to-string.js");
45
-
46
- require("core-js/modules/es.object.values.js");
47
-
48
- var _react = _interopRequireWildcard(require("react"));
49
-
50
- var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
51
-
52
- var _components = require("@storybook/components");
53
-
54
- var _addons = require("@storybook/addons");
55
-
56
- var _store = require("@storybook/store");
57
-
58
- var _coreEvents = _interopRequireDefault(require("@storybook/core-events"));
59
-
60
- var _DocsContext = require("./DocsContext");
61
-
62
- var _types = require("./types");
63
-
64
- var _utils = require("./utils");
65
-
66
- var _Story = require("./Story");
67
-
68
- var _useStory = require("./useStory");
69
-
70
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
71
-
72
- 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); }
73
-
74
- 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; }
75
-
76
- function _extends() { _extends = Object.assign || 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); }
77
-
78
- 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; }
79
-
80
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
81
-
82
- 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."); }
83
-
84
- 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); }
85
-
86
- 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; }
87
-
88
- 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; }
89
-
90
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
91
-
92
- var getContext = function getContext(storyId, context) {
93
- var story = context.storyById(storyId);
94
-
95
- if (!story) {
96
- throw new Error("Unknown story: ".concat(storyId));
97
- }
98
-
99
- return context.getStoryContext(story);
100
- };
101
-
102
- var useArgs = function useArgs(storyId, context) {
103
- var channel = _addons.addons.getChannel();
104
-
105
- var storyContext = getContext(storyId, context);
106
-
107
- var _useState = (0, _react.useState)(storyContext.args),
108
- _useState2 = _slicedToArray(_useState, 2),
109
- args = _useState2[0],
110
- setArgs = _useState2[1];
111
-
112
- (0, _react.useEffect)(function () {
113
- var cb = function cb(changed) {
114
- if (changed.storyId === storyId) {
115
- setArgs(changed.args);
116
- }
117
- };
118
-
119
- channel.on(_coreEvents.default.STORY_ARGS_UPDATED, cb);
120
- return function () {
121
- return channel.off(_coreEvents.default.STORY_ARGS_UPDATED, cb);
122
- };
123
- }, [storyId]);
124
- var updateArgs = (0, _react.useCallback)(function (updatedArgs) {
125
- return channel.emit(_coreEvents.default.UPDATE_STORY_ARGS, {
126
- storyId: storyId,
127
- updatedArgs: updatedArgs
128
- });
129
- }, [storyId]);
130
- var resetArgs = (0, _react.useCallback)(function (argNames) {
131
- return channel.emit(_coreEvents.default.RESET_STORY_ARGS, {
132
- storyId: storyId,
133
- argNames: argNames
134
- });
135
- }, [storyId]);
136
- return [args, updateArgs, resetArgs];
137
- };
138
-
139
- var useGlobals = function useGlobals(storyId, context) {
140
- var channel = _addons.addons.getChannel();
141
-
142
- var storyContext = getContext(storyId, context);
143
-
144
- var _useState3 = (0, _react.useState)(storyContext.globals),
145
- _useState4 = _slicedToArray(_useState3, 2),
146
- globals = _useState4[0],
147
- setGlobals = _useState4[1];
148
-
149
- (0, _react.useEffect)(function () {
150
- var cb = function cb(changed) {
151
- setGlobals(changed.globals);
152
- };
153
-
154
- channel.on(_coreEvents.default.GLOBALS_UPDATED, cb);
155
- return function () {
156
- return channel.off(_coreEvents.default.GLOBALS_UPDATED, cb);
157
- };
158
- }, []);
159
- return [globals];
160
- };
161
-
162
- var extractComponentArgTypes = function extractComponentArgTypes(component, _ref, include, exclude) {
163
- var id = _ref.id,
164
- storyById = _ref.storyById;
165
-
166
- var _storyById = storyById(id),
167
- parameters = _storyById.parameters;
168
-
169
- var _ref2 = parameters.docs || {},
170
- extractArgTypes = _ref2.extractArgTypes;
171
-
172
- if (!extractArgTypes) {
173
- throw new Error(_components.ArgsTableError.ARGS_UNSUPPORTED);
174
- }
175
-
176
- var argTypes = extractArgTypes(component);
177
- argTypes = (0, _store.filterArgTypes)(argTypes, include, exclude);
178
- return argTypes;
179
- };
180
-
181
- exports.extractComponentArgTypes = extractComponentArgTypes;
182
-
183
- var isShortcut = function isShortcut(value) {
184
- return value && [_types.CURRENT_SELECTION, _types.PRIMARY_STORY].includes(value);
185
- };
186
-
187
- var getComponent = function getComponent() {
188
- var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
189
-
190
- var _ref3 = arguments.length > 1 ? arguments[1] : undefined,
191
- id = _ref3.id,
192
- storyById = _ref3.storyById;
193
-
194
- var _ref4 = props,
195
- of = _ref4.of;
196
- var _ref5 = props,
197
- story = _ref5.story;
198
-
199
- var _storyById2 = storyById(id),
200
- component = _storyById2.component;
201
-
202
- if (isShortcut(of) || isShortcut(story)) {
203
- return component || null;
204
- }
205
-
206
- if (!of) {
207
- throw new Error(_components.ArgsTableError.NO_COMPONENT);
208
- }
209
-
210
- return of;
211
- };
212
-
213
- exports.getComponent = getComponent;
214
-
215
- var addComponentTabs = function addComponentTabs(tabs, components, context, include, exclude, sort) {
216
- return Object.assign({}, tabs, (0, _mapValues.default)(components, function (comp) {
217
- return {
218
- rows: extractComponentArgTypes(comp, context, include, exclude),
219
- sort: sort
220
- };
221
- }));
222
- };
223
-
224
- var StoryTable = function StoryTable(props) {
225
- var context = (0, _react.useContext)(_DocsContext.DocsContext);
226
- var currentId = context.id,
227
- componentStories = context.componentStories;
228
- var storyName = props.story,
229
- component = props.component,
230
- subcomponents = props.subcomponents,
231
- showComponent = props.showComponent,
232
- include = props.include,
233
- exclude = props.exclude,
234
- sort = props.sort;
235
-
236
- try {
237
- var storyId;
238
-
239
- switch (storyName) {
240
- case _types.CURRENT_SELECTION:
241
- {
242
- storyId = currentId;
243
- break;
244
- }
245
-
246
- case _types.PRIMARY_STORY:
247
- {
248
- var primaryStory = componentStories()[0];
249
- storyId = primaryStory.id;
250
- break;
251
- }
252
-
253
- default:
254
- {
255
- storyId = (0, _Story.lookupStoryId)(storyName, context);
256
- }
257
- }
258
-
259
- var story = (0, _useStory.useStory)(storyId, context); // eslint-disable-next-line prefer-const
260
-
261
- var _useArgs = useArgs(storyId, context),
262
- _useArgs2 = _slicedToArray(_useArgs, 3),
263
- args = _useArgs2[0],
264
- updateArgs = _useArgs2[1],
265
- resetArgs = _useArgs2[2];
266
-
267
- var _useGlobals = useGlobals(storyId, context),
268
- _useGlobals2 = _slicedToArray(_useGlobals, 1),
269
- globals = _useGlobals2[0];
270
-
271
- if (!story) return /*#__PURE__*/_react.default.createElement(_components.ArgsTable, {
272
- isLoading: true,
273
- updateArgs: updateArgs,
274
- resetArgs: resetArgs
275
- });
276
- var argTypes = (0, _store.filterArgTypes)(story.argTypes, include, exclude);
277
- var mainLabel = (0, _utils.getComponentName)(component) || 'Story';
278
-
279
- var tabs = _defineProperty({}, mainLabel, {
280
- rows: argTypes,
281
- args: args,
282
- globals: globals,
283
- updateArgs: updateArgs,
284
- resetArgs: resetArgs
285
- }); // Use the dynamically generated component tabs if there are no controls
286
-
287
-
288
- var storyHasArgsWithControls = argTypes && Object.values(argTypes).find(function (v) {
289
- return !!(v !== null && v !== void 0 && v.control);
290
- });
291
-
292
- if (!storyHasArgsWithControls) {
293
- updateArgs = null;
294
- resetArgs = null;
295
- tabs = {};
296
- }
297
-
298
- if (component && (!storyHasArgsWithControls || showComponent)) {
299
- tabs = addComponentTabs(tabs, _defineProperty({}, mainLabel, component), context, include, exclude);
300
- }
301
-
302
- if (subcomponents) {
303
- if (Array.isArray(subcomponents)) {
304
- throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");
305
- }
306
-
307
- tabs = addComponentTabs(tabs, subcomponents, context, include, exclude);
308
- }
309
-
310
- return /*#__PURE__*/_react.default.createElement(_components.TabbedArgsTable, {
311
- tabs: tabs,
312
- sort: sort
313
- });
314
- } catch (err) {
315
- return /*#__PURE__*/_react.default.createElement(_components.ArgsTable, {
316
- error: err.message
317
- });
318
- }
319
- };
320
-
321
- exports.StoryTable = StoryTable;
322
-
323
- var ComponentsTable = function ComponentsTable(props) {
324
- var context = (0, _react.useContext)(_DocsContext.DocsContext);
325
- var components = props.components,
326
- include = props.include,
327
- exclude = props.exclude,
328
- sort = props.sort;
329
- var tabs = addComponentTabs({}, components, context, include, exclude);
330
- return /*#__PURE__*/_react.default.createElement(_components.TabbedArgsTable, {
331
- tabs: tabs,
332
- sort: sort
333
- });
334
- };
335
-
336
- exports.ComponentsTable = ComponentsTable;
337
-
338
- var ArgsTable = function ArgsTable(props) {
339
- var context = (0, _react.useContext)(_DocsContext.DocsContext);
340
- var id = context.id,
341
- storyById = context.storyById;
342
-
343
- var _storyById3 = storyById(id),
344
- controls = _storyById3.parameters.controls,
345
- subcomponents = _storyById3.subcomponents;
346
-
347
- var _ref6 = props,
348
- include = _ref6.include,
349
- exclude = _ref6.exclude,
350
- components = _ref6.components,
351
- sortProp = _ref6.sort;
352
- var _ref7 = props,
353
- storyName = _ref7.story;
354
- var sort = sortProp || (controls === null || controls === void 0 ? void 0 : controls.sort);
355
- var main = getComponent(props, context);
356
-
357
- if (storyName) {
358
- return /*#__PURE__*/_react.default.createElement(StoryTable, _extends({}, props, {
359
- component: main,
360
- subcomponents: subcomponents,
361
- sort: sort
362
- }));
363
- }
364
-
365
- if (!components && !subcomponents) {
366
- var mainProps;
367
-
368
- try {
369
- mainProps = {
370
- rows: extractComponentArgTypes(main, context, include, exclude)
371
- };
372
- } catch (err) {
373
- mainProps = {
374
- error: err.message
375
- };
376
- }
377
-
378
- return /*#__PURE__*/_react.default.createElement(_components.ArgsTable, _extends({}, mainProps, {
379
- sort: sort
380
- }));
381
- }
382
-
383
- if (components) {
384
- return /*#__PURE__*/_react.default.createElement(ComponentsTable, _extends({}, props, {
385
- components: components,
386
- sort: sort
387
- }));
388
- }
389
-
390
- var mainLabel = (0, _utils.getComponentName)(main);
391
- return /*#__PURE__*/_react.default.createElement(ComponentsTable, _extends({}, props, {
392
- components: Object.assign(_defineProperty({}, mainLabel, main), subcomponents),
393
- sort: sort
394
- }));
395
- };
396
-
397
- exports.ArgsTable = ArgsTable;
398
- ArgsTable.defaultProps = {
399
- of: _types.CURRENT_SELECTION
400
- };
@@ -1,144 +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.keys.js");
6
-
7
- require("core-js/modules/es.symbol.js");
8
-
9
- require("core-js/modules/es.array.iterator.js");
10
-
11
- require("core-js/modules/es.string.iterator.js");
12
-
13
- require("core-js/modules/es.weak-map.js");
14
-
15
- require("core-js/modules/web.dom-collections.iterator.js");
16
-
17
- require("core-js/modules/es.object.get-own-property-descriptor.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.Canvas = void 0;
27
- Object.defineProperty(exports, "SourceState", {
28
- enumerable: true,
29
- get: function get() {
30
- return _Source.SourceState;
31
- }
32
- });
33
-
34
- require("core-js/modules/es.object.assign.js");
35
-
36
- require("core-js/modules/es.array.filter.js");
37
-
38
- require("core-js/modules/es.object.to-string.js");
39
-
40
- require("core-js/modules/es.function.name.js");
41
-
42
- require("core-js/modules/es.array.map.js");
43
-
44
- var _react = _interopRequireWildcard(require("react"));
45
-
46
- var _react2 = require("@mdx-js/react");
47
-
48
- var _csf = require("@storybook/csf");
49
-
50
- var _components = require("@storybook/components");
51
-
52
- var _DocsContext = require("./DocsContext");
53
-
54
- var _SourceContainer = require("./SourceContainer");
55
-
56
- var _Source = require("./Source");
57
-
58
- var _useStory = require("./useStory");
59
-
60
- var _types = require("./types");
61
-
62
- var _excluded = ["withSource", "mdxSource", "children"];
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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
69
-
70
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
71
-
72
- var getPreviewProps = function getPreviewProps(_ref, docsContext, sourceContext) {
73
- var withSource = _ref.withSource,
74
- mdxSource = _ref.mdxSource,
75
- children = _ref.children,
76
- props = _objectWithoutProperties(_ref, _excluded);
77
-
78
- var mdxComponentAnnotations = docsContext.mdxComponentAnnotations,
79
- mdxStoryNameToKey = docsContext.mdxStoryNameToKey;
80
- var sourceState = withSource;
81
- var isLoading = false;
82
-
83
- if (sourceState === _Source.SourceState.NONE) {
84
- return {
85
- isLoading: isLoading,
86
- previewProps: props
87
- };
88
- }
89
-
90
- if (mdxSource) {
91
- return {
92
- isLoading: isLoading,
93
- previewProps: Object.assign({}, props, {
94
- withSource: (0, _Source.getSourceProps)({
95
- code: decodeURI(mdxSource)
96
- }, docsContext, sourceContext)
97
- })
98
- };
99
- }
100
-
101
- var childArray = Array.isArray(children) ? children : [children];
102
- var storyChildren = childArray.filter(function (c) {
103
- return c.props && (c.props.id || c.props.name);
104
- });
105
- var targetIds = storyChildren.map(function (s) {
106
- return s.props.id || (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[s.props.name]));
107
- });
108
- var sourceProps = (0, _Source.getSourceProps)({
109
- ids: targetIds
110
- }, docsContext, sourceContext);
111
- if (!sourceState) sourceState = sourceProps.state;
112
- var storyIds = targetIds.map(function (targetId) {
113
- return targetId === _types.CURRENT_SELECTION ? docsContext.id : targetId;
114
- });
115
- var stories = (0, _useStory.useStories)(storyIds, docsContext);
116
- isLoading = stories.some(function (s) {
117
- return !s;
118
- });
119
- return {
120
- isLoading: isLoading,
121
- previewProps: Object.assign({}, props, {
122
- // pass through columns etc.
123
- withSource: sourceProps,
124
- isExpanded: sourceState === _Source.SourceState.OPEN
125
- })
126
- };
127
- };
128
-
129
- var Canvas = function Canvas(props) {
130
- var docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
131
- var sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
132
-
133
- var _getPreviewProps = getPreviewProps(props, docsContext, sourceContext),
134
- isLoading = _getPreviewProps.isLoading,
135
- previewProps = _getPreviewProps.previewProps;
136
-
137
- var children = props.children;
138
- if (isLoading) return /*#__PURE__*/_react.default.createElement(_components.PreviewSkeleton, null);
139
- return /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
140
- components: _components.resetComponents
141
- }, /*#__PURE__*/_react.default.createElement(_components.Preview, previewProps, children));
142
- };
143
-
144
- exports.Canvas = Canvas;
@@ -1,153 +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.iterator.js");
18
-
19
- Object.defineProperty(exports, "__esModule", {
20
- value: true
21
- });
22
- exports.getDescriptionProps = exports.DescriptionType = exports.Description = void 0;
23
-
24
- require("core-js/modules/es.symbol.js");
25
-
26
- require("core-js/modules/es.symbol.description.js");
27
-
28
- require("core-js/modules/es.string.trim.js");
29
-
30
- require("core-js/modules/es.array.concat.js");
31
-
32
- require("core-js/modules/es.object.assign.js");
33
-
34
- var _react = _interopRequireWildcard(require("react"));
35
-
36
- var _components = require("@storybook/components");
37
-
38
- var _docsTools = require("@storybook/docs-tools");
39
-
40
- var _DocsContext = require("./DocsContext");
41
-
42
- var _types = require("./types");
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
- var DescriptionType;
49
- exports.DescriptionType = DescriptionType;
50
-
51
- (function (DescriptionType) {
52
- DescriptionType["INFO"] = "info";
53
- DescriptionType["NOTES"] = "notes";
54
- DescriptionType["DOCGEN"] = "docgen";
55
- DescriptionType["LEGACY_5_2"] = "legacy-5.2";
56
- DescriptionType["AUTO"] = "auto";
57
- })(DescriptionType || (exports.DescriptionType = DescriptionType = {}));
58
-
59
- var getNotes = function getNotes(notes) {
60
- return notes && (typeof notes === 'string' ? notes : (0, _docsTools.str)(notes.markdown) || (0, _docsTools.str)(notes.text));
61
- };
62
-
63
- var getInfo = function getInfo(info) {
64
- return info && (typeof info === 'string' ? info : (0, _docsTools.str)(info.text));
65
- };
66
-
67
- var noDescription = function noDescription(component) {
68
- return null;
69
- };
70
-
71
- var getDescriptionProps = function getDescriptionProps(_ref, _ref2) {
72
- var of = _ref.of,
73
- type = _ref.type,
74
- markdown = _ref.markdown,
75
- children = _ref.children;
76
- var id = _ref2.id,
77
- storyById = _ref2.storyById;
78
-
79
- var _storyById = storyById(id),
80
- component = _storyById.component,
81
- parameters = _storyById.parameters;
82
-
83
- if (children || markdown) {
84
- return {
85
- markdown: children || markdown
86
- };
87
- }
88
-
89
- var notes = parameters.notes,
90
- info = parameters.info,
91
- docs = parameters.docs;
92
-
93
- var _ref3 = docs || {},
94
- _ref3$extractComponen = _ref3.extractComponentDescription,
95
- extractComponentDescription = _ref3$extractComponen === void 0 ? noDescription : _ref3$extractComponen,
96
- description = _ref3.description;
97
-
98
- var target = of === _types.CURRENT_SELECTION ? component : of; // override component description
99
-
100
- var componentDescriptionParameter = description === null || description === void 0 ? void 0 : description.component;
101
-
102
- if (componentDescriptionParameter) {
103
- return {
104
- markdown: componentDescriptionParameter
105
- };
106
- }
107
-
108
- switch (type) {
109
- case DescriptionType.INFO:
110
- return {
111
- markdown: getInfo(info)
112
- };
113
-
114
- case DescriptionType.NOTES:
115
- return {
116
- markdown: getNotes(notes)
117
- };
118
- // FIXME: remove in 6.0
119
-
120
- case DescriptionType.LEGACY_5_2:
121
- return {
122
- markdown: "\n".concat(getNotes(notes) || getInfo(info) || '', "\n\n").concat(extractComponentDescription(target) || '', "\n").trim()
123
- };
124
-
125
- case DescriptionType.DOCGEN:
126
- case DescriptionType.AUTO:
127
- default:
128
- return {
129
- markdown: extractComponentDescription(target, Object.assign({
130
- component: component
131
- }, parameters))
132
- };
133
- }
134
- };
135
-
136
- exports.getDescriptionProps = getDescriptionProps;
137
-
138
- var DescriptionContainer = function DescriptionContainer(props) {
139
- var context = (0, _react.useContext)(_DocsContext.DocsContext);
140
-
141
- var _getDescriptionProps = getDescriptionProps(props, context),
142
- markdown = _getDescriptionProps.markdown;
143
-
144
- return markdown ? /*#__PURE__*/_react.default.createElement(_components.Description, {
145
- markdown: markdown
146
- }) : null;
147
- }; // since we are in the docs blocks, assume default description if for primary component story
148
-
149
-
150
- exports.Description = DescriptionContainer;
151
- DescriptionContainer.defaultProps = {
152
- of: '.'
153
- };