@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.
- package/blocks.d.ts +1 -1
- package/dist/cjs/blocks/index.js +5 -359
- package/dist/cjs/index.js +1 -7
- package/dist/cjs/manager.js +9 -15
- package/dist/cjs/preset.js +121 -193
- package/dist/cjs/preview.js +9 -87
- package/dist/cjs/shared.js +5 -5
- package/dist/esm/blocks/index.js +1 -24
- package/dist/esm/manager.js +9 -14
- package/dist/esm/preset.js +114 -179
- package/dist/esm/preview.js +7 -61
- package/dist/esm/shared.js +5 -5
- package/dist/types/blocks/index.d.ts +1 -0
- package/dist/{ts3.9 → types}/index.d.ts +0 -0
- package/dist/{ts3.9 → types}/manager.d.ts +0 -0
- package/dist/{ts3.9 → types}/preset.d.ts +2 -1
- package/dist/types/preview.d.ts +1 -0
- package/dist/{ts3.9 → types}/shared.d.ts +0 -0
- package/package.json +18 -25
- package/dist/cjs/blocks/Anchor.js +0 -26
- package/dist/cjs/blocks/ArgsTable.js +0 -400
- package/dist/cjs/blocks/Canvas.js +0 -144
- package/dist/cjs/blocks/Description.js +0 -153
- package/dist/cjs/blocks/DocsContainer.js +0 -155
- package/dist/cjs/blocks/DocsContext.js +0 -25
- package/dist/cjs/blocks/DocsPage.js +0 -32
- package/dist/cjs/blocks/DocsStory.js +0 -78
- package/dist/cjs/blocks/Heading.js +0 -35
- package/dist/cjs/blocks/Meta.js +0 -72
- package/dist/cjs/blocks/Preview.js +0 -29
- package/dist/cjs/blocks/Primary.js +0 -67
- package/dist/cjs/blocks/Props.js +0 -35
- package/dist/cjs/blocks/Source.js +0 -197
- package/dist/cjs/blocks/SourceContainer.js +0 -116
- package/dist/cjs/blocks/Stories.js +0 -82
- package/dist/cjs/blocks/Story.js +0 -263
- package/dist/cjs/blocks/Subheading.js +0 -35
- package/dist/cjs/blocks/Subtitle.js +0 -59
- package/dist/cjs/blocks/Title.js +0 -68
- package/dist/cjs/blocks/Wrapper.js +0 -21
- package/dist/cjs/blocks/enhanceSource.js +0 -129
- package/dist/cjs/blocks/mdx.js +0 -245
- package/dist/cjs/blocks/types.js +0 -10
- package/dist/cjs/blocks/useStory.js +0 -108
- package/dist/cjs/blocks/utils.js +0 -61
- package/dist/esm/blocks/Anchor.js +0 -11
- package/dist/esm/blocks/ArgsTable.js +0 -341
- package/dist/esm/blocks/Canvas.js +0 -95
- package/dist/esm/blocks/Description.js +0 -113
- package/dist/esm/blocks/DocsContainer.js +0 -106
- package/dist/esm/blocks/DocsContext.js +0 -16
- package/dist/esm/blocks/DocsPage.js +0 -13
- package/dist/esm/blocks/DocsStory.js +0 -55
- package/dist/esm/blocks/Heading.js +0 -19
- package/dist/esm/blocks/Meta.js +0 -35
- package/dist/esm/blocks/Preview.js +0 -14
- package/dist/esm/blocks/Primary.js +0 -29
- package/dist/esm/blocks/Props.js +0 -19
- package/dist/esm/blocks/Source.js +0 -150
- package/dist/esm/blocks/SourceContainer.js +0 -77
- package/dist/esm/blocks/Stories.js +0 -42
- package/dist/esm/blocks/Story.js +0 -207
- package/dist/esm/blocks/Subheading.js +0 -19
- package/dist/esm/blocks/Subtitle.js +0 -23
- package/dist/esm/blocks/Title.js +0 -25
- package/dist/esm/blocks/Wrapper.js +0 -9
- package/dist/esm/blocks/enhanceSource.js +0 -111
- package/dist/esm/blocks/mdx.js +0 -207
- package/dist/esm/blocks/types.js +0 -2
- package/dist/esm/blocks/useStory.js +0 -84
- package/dist/esm/blocks/utils.js +0 -43
- package/dist/modern/blocks/Anchor.js +0 -8
- package/dist/modern/blocks/ArgsTable.js +0 -292
- package/dist/modern/blocks/Canvas.js +0 -83
- package/dist/modern/blocks/Description.js +0 -107
- package/dist/modern/blocks/DocsContainer.js +0 -98
- package/dist/modern/blocks/DocsContext.js +0 -16
- package/dist/modern/blocks/DocsPage.js +0 -11
- package/dist/modern/blocks/DocsStory.js +0 -48
- package/dist/modern/blocks/Heading.js +0 -17
- package/dist/modern/blocks/Meta.js +0 -31
- package/dist/modern/blocks/Preview.js +0 -9
- package/dist/modern/blocks/Primary.js +0 -23
- package/dist/modern/blocks/Props.js +0 -14
- package/dist/modern/blocks/Source.js +0 -154
- package/dist/modern/blocks/SourceContainer.js +0 -44
- package/dist/modern/blocks/Stories.js +0 -34
- package/dist/modern/blocks/Story.js +0 -168
- package/dist/modern/blocks/Subheading.js +0 -17
- package/dist/modern/blocks/Subtitle.js +0 -23
- package/dist/modern/blocks/Title.js +0 -24
- package/dist/modern/blocks/Wrapper.js +0 -8
- package/dist/modern/blocks/enhanceSource.js +0 -89
- package/dist/modern/blocks/index.js +0 -24
- package/dist/modern/blocks/mdx.js +0 -204
- package/dist/modern/blocks/types.js +0 -2
- package/dist/modern/blocks/useStory.js +0 -28
- package/dist/modern/blocks/utils.js +0 -29
- package/dist/modern/index.js +0 -1
- package/dist/modern/manager.js +0 -16
- package/dist/modern/preset.js +0 -130
- package/dist/modern/preview.js +0 -6
- package/dist/modern/shared.js +0 -11
- package/dist/ts3.4/blocks/Anchor.d.ts +0 -6
- package/dist/ts3.4/blocks/ArgsTable.d.ts +0 -33
- package/dist/ts3.4/blocks/Canvas.d.ts +0 -9
- package/dist/ts3.4/blocks/Description.d.ts +0 -20
- package/dist/ts3.4/blocks/DocsContainer.d.ts +0 -7
- package/dist/ts3.4/blocks/DocsContext.d.ts +0 -5
- package/dist/ts3.4/blocks/DocsPage.d.ts +0 -2
- package/dist/ts3.4/blocks/DocsStory.d.ts +0 -3
- package/dist/ts3.4/blocks/Heading.d.ts +0 -6
- package/dist/ts3.4/blocks/Meta.d.ts +0 -9
- package/dist/ts3.4/blocks/Preview.d.ts +0 -3
- package/dist/ts3.4/blocks/Primary.d.ts +0 -6
- package/dist/ts3.4/blocks/Props.d.ts +0 -3
- package/dist/ts3.4/blocks/Source.d.ts +0 -38
- package/dist/ts3.4/blocks/SourceContainer.d.ts +0 -14
- package/dist/ts3.4/blocks/Stories.d.ts +0 -7
- package/dist/ts3.4/blocks/Story.d.ts +0 -28
- package/dist/ts3.4/blocks/Subheading.d.ts +0 -3
- package/dist/ts3.4/blocks/Subtitle.d.ts +0 -6
- package/dist/ts3.4/blocks/Title.d.ts +0 -8
- package/dist/ts3.4/blocks/Wrapper.d.ts +0 -2
- package/dist/ts3.4/blocks/enhanceSource.d.ts +0 -3
- package/dist/ts3.4/blocks/index.d.ts +0 -24
- package/dist/ts3.4/blocks/mdx.d.ts +0 -20
- package/dist/ts3.4/blocks/types.d.ts +0 -13
- package/dist/ts3.4/blocks/useStory.d.ts +0 -5
- package/dist/ts3.4/blocks/utils.d.ts +0 -3
- package/dist/ts3.4/index.d.ts +0 -1
- package/dist/ts3.4/manager.d.ts +0 -1
- package/dist/ts3.4/preset.d.ts +0 -11
- package/dist/ts3.4/preview.d.ts +0 -6
- package/dist/ts3.4/shared.d.ts +0 -24
- package/dist/ts3.9/blocks/Anchor.d.ts +0 -6
- package/dist/ts3.9/blocks/ArgsTable.d.ts +0 -33
- package/dist/ts3.9/blocks/Canvas.d.ts +0 -9
- package/dist/ts3.9/blocks/Description.d.ts +0 -20
- package/dist/ts3.9/blocks/DocsContainer.d.ts +0 -7
- package/dist/ts3.9/blocks/DocsContext.d.ts +0 -5
- package/dist/ts3.9/blocks/DocsPage.d.ts +0 -2
- package/dist/ts3.9/blocks/DocsStory.d.ts +0 -3
- package/dist/ts3.9/blocks/Heading.d.ts +0 -6
- package/dist/ts3.9/blocks/Meta.d.ts +0 -9
- package/dist/ts3.9/blocks/Preview.d.ts +0 -3
- package/dist/ts3.9/blocks/Primary.d.ts +0 -6
- package/dist/ts3.9/blocks/Props.d.ts +0 -3
- package/dist/ts3.9/blocks/Source.d.ts +0 -38
- package/dist/ts3.9/blocks/SourceContainer.d.ts +0 -14
- package/dist/ts3.9/blocks/Stories.d.ts +0 -7
- package/dist/ts3.9/blocks/Story.d.ts +0 -28
- package/dist/ts3.9/blocks/Subheading.d.ts +0 -3
- package/dist/ts3.9/blocks/Subtitle.d.ts +0 -6
- package/dist/ts3.9/blocks/Title.d.ts +0 -8
- package/dist/ts3.9/blocks/Wrapper.d.ts +0 -2
- package/dist/ts3.9/blocks/enhanceSource.d.ts +0 -3
- package/dist/ts3.9/blocks/index.d.ts +0 -24
- package/dist/ts3.9/blocks/mdx.d.ts +0 -20
- package/dist/ts3.9/blocks/types.d.ts +0 -13
- package/dist/ts3.9/blocks/useStory.d.ts +0 -5
- package/dist/ts3.9/blocks/utils.d.ts +0 -3
- 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
|
-
};
|