@storybook/addon-docs 7.0.0-alpha.1 → 7.0.0-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/blocks.js +1 -1
- package/dist/cjs/blocks/index.js +5 -359
- package/dist/cjs/index.js +1 -7
- package/dist/cjs/manager.js +9 -15
- package/dist/cjs/preset.js +131 -288
- package/dist/cjs/preview.js +9 -103
- package/dist/cjs/shared.js +5 -5
- package/dist/esm/blocks/index.js +1 -24
- package/dist/esm/preset.js +9 -1
- package/dist/esm/preview.js +6 -2
- package/dist/types/blocks/index.d.ts +1 -24
- package/dist/types/preset.d.ts +7 -2
- package/dist/types/preview.d.ts +1 -6
- package/package.json +20 -17
- package/dist/cjs/blocks/Anchor.js +0 -26
- package/dist/cjs/blocks/ArgsTable.js +0 -400
- package/dist/cjs/blocks/Canvas.js +0 -144
- package/dist/cjs/blocks/Description.js +0 -153
- package/dist/cjs/blocks/DocsContainer.js +0 -155
- package/dist/cjs/blocks/DocsContext.js +0 -25
- package/dist/cjs/blocks/DocsPage.js +0 -32
- package/dist/cjs/blocks/DocsStory.js +0 -78
- package/dist/cjs/blocks/Heading.js +0 -35
- package/dist/cjs/blocks/Meta.js +0 -72
- package/dist/cjs/blocks/Preview.js +0 -29
- package/dist/cjs/blocks/Primary.js +0 -67
- package/dist/cjs/blocks/Props.js +0 -35
- package/dist/cjs/blocks/Source.js +0 -197
- package/dist/cjs/blocks/SourceContainer.js +0 -116
- package/dist/cjs/blocks/Stories.js +0 -82
- package/dist/cjs/blocks/Story.js +0 -263
- package/dist/cjs/blocks/Subheading.js +0 -35
- package/dist/cjs/blocks/Subtitle.js +0 -59
- package/dist/cjs/blocks/Title.js +0 -68
- package/dist/cjs/blocks/Wrapper.js +0 -21
- package/dist/cjs/blocks/enhanceSource.js +0 -129
- package/dist/cjs/blocks/mdx.js +0 -245
- package/dist/cjs/blocks/types.js +0 -10
- package/dist/cjs/blocks/useStory.js +0 -122
- package/dist/cjs/blocks/utils.js +0 -61
- package/dist/esm/blocks/Anchor.js +0 -8
- package/dist/esm/blocks/ArgsTable.js +0 -292
- package/dist/esm/blocks/Canvas.js +0 -83
- package/dist/esm/blocks/Description.js +0 -107
- package/dist/esm/blocks/DocsContainer.js +0 -98
- package/dist/esm/blocks/DocsContext.js +0 -16
- package/dist/esm/blocks/DocsPage.js +0 -11
- package/dist/esm/blocks/DocsStory.js +0 -46
- package/dist/esm/blocks/Heading.js +0 -17
- package/dist/esm/blocks/Meta.js +0 -31
- package/dist/esm/blocks/Preview.js +0 -9
- package/dist/esm/blocks/Primary.js +0 -23
- package/dist/esm/blocks/Props.js +0 -14
- package/dist/esm/blocks/Source.js +0 -144
- package/dist/esm/blocks/SourceContainer.js +0 -44
- package/dist/esm/blocks/Stories.js +0 -30
- package/dist/esm/blocks/Story.js +0 -166
- package/dist/esm/blocks/Subheading.js +0 -17
- package/dist/esm/blocks/Subtitle.js +0 -23
- package/dist/esm/blocks/Title.js +0 -24
- package/dist/esm/blocks/Wrapper.js +0 -8
- package/dist/esm/blocks/enhanceSource.js +0 -87
- package/dist/esm/blocks/mdx.js +0 -203
- package/dist/esm/blocks/types.js +0 -2
- package/dist/esm/blocks/useStory.js +0 -27
- package/dist/esm/blocks/utils.js +0 -29
- package/dist/types/blocks/Anchor.d.ts +0 -6
- package/dist/types/blocks/ArgsTable.d.ts +0 -33
- package/dist/types/blocks/Canvas.d.ts +0 -9
- package/dist/types/blocks/Description.d.ts +0 -20
- package/dist/types/blocks/DocsContainer.d.ts +0 -7
- package/dist/types/blocks/DocsContext.d.ts +0 -5
- package/dist/types/blocks/DocsPage.d.ts +0 -2
- package/dist/types/blocks/DocsStory.d.ts +0 -3
- package/dist/types/blocks/Heading.d.ts +0 -6
- package/dist/types/blocks/Meta.d.ts +0 -9
- package/dist/types/blocks/Preview.d.ts +0 -3
- package/dist/types/blocks/Primary.d.ts +0 -6
- package/dist/types/blocks/Props.d.ts +0 -3
- package/dist/types/blocks/Source.d.ts +0 -38
- package/dist/types/blocks/SourceContainer.d.ts +0 -14
- package/dist/types/blocks/Stories.d.ts +0 -7
- package/dist/types/blocks/Story.d.ts +0 -28
- package/dist/types/blocks/Subheading.d.ts +0 -3
- package/dist/types/blocks/Subtitle.d.ts +0 -6
- package/dist/types/blocks/Title.d.ts +0 -8
- package/dist/types/blocks/Wrapper.d.ts +0 -2
- package/dist/types/blocks/enhanceSource.d.ts +0 -3
- package/dist/types/blocks/mdx.d.ts +0 -20
- package/dist/types/blocks/types.d.ts +0 -13
- package/dist/types/blocks/useStory.d.ts +0 -5
- package/dist/types/blocks/utils.d.ts +0 -3
|
@@ -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
|
-
};
|
|
@@ -1,155 +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.slice.js");
|
|
6
|
-
|
|
7
|
-
require("core-js/modules/es.object.freeze.js");
|
|
8
|
-
|
|
9
|
-
require("core-js/modules/es.weak-map.js");
|
|
10
|
-
|
|
11
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
12
|
-
|
|
13
|
-
require("core-js/modules/es.symbol.js");
|
|
14
|
-
|
|
15
|
-
require("core-js/modules/es.symbol.description.js");
|
|
16
|
-
|
|
17
|
-
require("core-js/modules/es.symbol.iterator.js");
|
|
18
|
-
|
|
19
|
-
Object.defineProperty(exports, "__esModule", {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
exports.DocsContainer = void 0;
|
|
23
|
-
|
|
24
|
-
require("core-js/modules/es.object.assign.js");
|
|
25
|
-
|
|
26
|
-
require("core-js/modules/es.array.iterator.js");
|
|
27
|
-
|
|
28
|
-
require("core-js/modules/es.object.to-string.js");
|
|
29
|
-
|
|
30
|
-
require("core-js/modules/es.string.iterator.js");
|
|
31
|
-
|
|
32
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
33
|
-
|
|
34
|
-
require("core-js/modules/web.url.js");
|
|
35
|
-
|
|
36
|
-
require("core-js/modules/web.url-search-params.js");
|
|
37
|
-
|
|
38
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
39
|
-
|
|
40
|
-
var _global = _interopRequireDefault(require("global"));
|
|
41
|
-
|
|
42
|
-
var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
|
|
43
|
-
|
|
44
|
-
var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
|
45
|
-
|
|
46
|
-
var _react2 = require("@mdx-js/react");
|
|
47
|
-
|
|
48
|
-
var _theming = require("@storybook/theming");
|
|
49
|
-
|
|
50
|
-
var _components = require("@storybook/components");
|
|
51
|
-
|
|
52
|
-
var _DocsContext = require("./DocsContext");
|
|
53
|
-
|
|
54
|
-
var _Anchor = require("./Anchor");
|
|
55
|
-
|
|
56
|
-
var _Story = require("./Story");
|
|
57
|
-
|
|
58
|
-
var _SourceContainer = require("./SourceContainer");
|
|
59
|
-
|
|
60
|
-
var _mdx = require("./mdx");
|
|
61
|
-
|
|
62
|
-
var _utils = require("./utils");
|
|
63
|
-
|
|
64
|
-
var _templateObject;
|
|
65
|
-
|
|
66
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
67
|
-
|
|
68
|
-
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); }
|
|
69
|
-
|
|
70
|
-
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; }
|
|
71
|
-
|
|
72
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
73
|
-
|
|
74
|
-
var document = _global.default.document,
|
|
75
|
-
globalWindow = _global.default.window;
|
|
76
|
-
var defaultComponents = Object.assign({}, _components.components, {
|
|
77
|
-
code: _mdx.CodeOrSourceMdx,
|
|
78
|
-
a: _mdx.AnchorMdx
|
|
79
|
-
}, _mdx.HeadersMdx);
|
|
80
|
-
var warnOptionsTheme = (0, _utilDeprecate.default)(function () {}, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Deprecated parameter: options.theme => docs.theme\n\n https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming\n"]))));
|
|
81
|
-
|
|
82
|
-
var DocsContainer = function DocsContainer(_ref) {
|
|
83
|
-
var context = _ref.context,
|
|
84
|
-
children = _ref.children;
|
|
85
|
-
var storyId = context.id,
|
|
86
|
-
storyById = context.storyById;
|
|
87
|
-
|
|
88
|
-
var _storyById = storyById(storyId),
|
|
89
|
-
_storyById$parameters = _storyById.parameters,
|
|
90
|
-
_storyById$parameters2 = _storyById$parameters.options,
|
|
91
|
-
options = _storyById$parameters2 === void 0 ? {} : _storyById$parameters2,
|
|
92
|
-
_storyById$parameters3 = _storyById$parameters.docs,
|
|
93
|
-
docs = _storyById$parameters3 === void 0 ? {} : _storyById$parameters3;
|
|
94
|
-
|
|
95
|
-
var themeVars = docs.theme;
|
|
96
|
-
|
|
97
|
-
if (!themeVars && options.theme) {
|
|
98
|
-
warnOptionsTheme();
|
|
99
|
-
themeVars = options.theme;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
var theme = (0, _theming.ensure)(themeVars);
|
|
103
|
-
var allComponents = Object.assign({}, defaultComponents, docs.components);
|
|
104
|
-
(0, _react.useEffect)(function () {
|
|
105
|
-
var url;
|
|
106
|
-
|
|
107
|
-
try {
|
|
108
|
-
url = new URL(globalWindow.parent.location);
|
|
109
|
-
} catch (err) {
|
|
110
|
-
return;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
if (url.hash) {
|
|
114
|
-
var element = document.getElementById(url.hash.substring(1));
|
|
115
|
-
|
|
116
|
-
if (element) {
|
|
117
|
-
// Introducing a delay to ensure scrolling works when it's a full refresh.
|
|
118
|
-
setTimeout(function () {
|
|
119
|
-
(0, _utils.scrollToElement)(element);
|
|
120
|
-
}, 200);
|
|
121
|
-
}
|
|
122
|
-
} else {
|
|
123
|
-
var _element = document.getElementById((0, _Anchor.anchorBlockIdFromId)(storyId)) || document.getElementById((0, _Story.storyBlockIdFromId)(storyId));
|
|
124
|
-
|
|
125
|
-
if (_element) {
|
|
126
|
-
var allStories = _element.parentElement.querySelectorAll('[id|="anchor-"]');
|
|
127
|
-
|
|
128
|
-
var scrollTarget = _element;
|
|
129
|
-
|
|
130
|
-
if (allStories && allStories[0] === _element) {
|
|
131
|
-
// Include content above first story
|
|
132
|
-
scrollTarget = document.getElementById('docs-root');
|
|
133
|
-
} // Introducing a delay to ensure scrolling works when it's a full refresh.
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
setTimeout(function () {
|
|
137
|
-
(0, _utils.scrollToElement)(scrollTarget, 'start');
|
|
138
|
-
}, 200);
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
}, [storyId]);
|
|
142
|
-
return /*#__PURE__*/_react.default.createElement(_DocsContext.DocsContext.Provider, {
|
|
143
|
-
value: context
|
|
144
|
-
}, /*#__PURE__*/_react.default.createElement(_SourceContainer.SourceContainer, null, /*#__PURE__*/_react.default.createElement(_theming.ThemeProvider, {
|
|
145
|
-
theme: theme
|
|
146
|
-
}, /*#__PURE__*/_react.default.createElement(_react2.MDXProvider, {
|
|
147
|
-
components: allComponents
|
|
148
|
-
}, /*#__PURE__*/_react.default.createElement(_components.DocsWrapper, {
|
|
149
|
-
className: "sbdocs sbdocs-wrapper"
|
|
150
|
-
}, /*#__PURE__*/_react.default.createElement(_components.DocsContent, {
|
|
151
|
-
className: "sbdocs sbdocs-content"
|
|
152
|
-
}, children))))));
|
|
153
|
-
};
|
|
154
|
-
|
|
155
|
-
exports.DocsContainer = DocsContainer;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.DocsContext = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _global = require("global");
|
|
11
|
-
|
|
12
|
-
// We add DocsContext to window. The reason is that in case DocsContext.ts is
|
|
13
|
-
// imported multiple times (maybe once directly, and another time from a minified bundle)
|
|
14
|
-
// we will have multiple DocsContext definitions - leading to lost context in
|
|
15
|
-
// the React component tree.
|
|
16
|
-
// This was specifically a problem with the Vite builder.
|
|
17
|
-
|
|
18
|
-
/* eslint-disable no-underscore-dangle */
|
|
19
|
-
if (_global.window && _global.window.__DOCS_CONTEXT__ === undefined) {
|
|
20
|
-
_global.window.__DOCS_CONTEXT__ = /*#__PURE__*/(0, _react.createContext)({});
|
|
21
|
-
_global.window.__DOCS_CONTEXT__.displayName = 'DocsContext';
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
var DocsContext = _global.window ? _global.window.__DOCS_CONTEXT__ : /*#__PURE__*/(0, _react.createContext)({});
|
|
25
|
-
exports.DocsContext = DocsContext;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.DocsPage = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _Title = require("./Title");
|
|
11
|
-
|
|
12
|
-
var _Subtitle = require("./Subtitle");
|
|
13
|
-
|
|
14
|
-
var _Description = require("./Description");
|
|
15
|
-
|
|
16
|
-
var _Primary = require("./Primary");
|
|
17
|
-
|
|
18
|
-
var _types = require("./types");
|
|
19
|
-
|
|
20
|
-
var _ArgsTable = require("./ArgsTable");
|
|
21
|
-
|
|
22
|
-
var _Stories = require("./Stories");
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
|
-
var DocsPage = function DocsPage() {
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Title.Title, null), /*#__PURE__*/_react.default.createElement(_Subtitle.Subtitle, null), /*#__PURE__*/_react.default.createElement(_Description.Description, null), /*#__PURE__*/_react.default.createElement(_Primary.Primary, null), /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, {
|
|
28
|
-
story: _types.PRIMARY_STORY
|
|
29
|
-
}), /*#__PURE__*/_react.default.createElement(_Stories.Stories, null));
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
exports.DocsPage = DocsPage;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.array.slice.js");
|
|
4
|
-
|
|
5
|
-
require("core-js/modules/es.object.freeze.js");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.DocsStory = void 0;
|
|
11
|
-
|
|
12
|
-
require("core-js/modules/es.function.name.js");
|
|
13
|
-
|
|
14
|
-
require("core-js/modules/es.symbol.js");
|
|
15
|
-
|
|
16
|
-
require("core-js/modules/es.symbol.description.js");
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
|
-
var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
|
|
21
|
-
|
|
22
|
-
var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
|
23
|
-
|
|
24
|
-
var _Subheading = require("./Subheading");
|
|
25
|
-
|
|
26
|
-
var _Anchor = require("./Anchor");
|
|
27
|
-
|
|
28
|
-
var _Description = require("./Description");
|
|
29
|
-
|
|
30
|
-
var _Story = require("./Story");
|
|
31
|
-
|
|
32
|
-
var _Canvas = require("./Canvas");
|
|
33
|
-
|
|
34
|
-
var _templateObject;
|
|
35
|
-
|
|
36
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
37
|
-
|
|
38
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
39
|
-
|
|
40
|
-
var warnStoryDescription = (0, _utilDeprecate.default)(function () {}, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Deprecated parameter: docs.storyDescription => docs.description.story\n \n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter\n "]))));
|
|
41
|
-
|
|
42
|
-
var DocsStory = function DocsStory(_ref) {
|
|
43
|
-
var id = _ref.id,
|
|
44
|
-
name = _ref.name,
|
|
45
|
-
_ref$expanded = _ref.expanded,
|
|
46
|
-
expanded = _ref$expanded === void 0 ? true : _ref$expanded,
|
|
47
|
-
_ref$withToolbar = _ref.withToolbar,
|
|
48
|
-
withToolbar = _ref$withToolbar === void 0 ? false : _ref$withToolbar,
|
|
49
|
-
_ref$parameters = _ref.parameters,
|
|
50
|
-
parameters = _ref$parameters === void 0 ? {} : _ref$parameters;
|
|
51
|
-
var description;
|
|
52
|
-
var docs = parameters.docs;
|
|
53
|
-
|
|
54
|
-
if (expanded && docs) {
|
|
55
|
-
var _docs$description;
|
|
56
|
-
|
|
57
|
-
description = (_docs$description = docs.description) === null || _docs$description === void 0 ? void 0 : _docs$description.story;
|
|
58
|
-
|
|
59
|
-
if (!description) {
|
|
60
|
-
description = docs.storyDescription;
|
|
61
|
-
if (description) warnStoryDescription();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
var subheading = expanded && name;
|
|
66
|
-
return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
|
|
67
|
-
storyId: id
|
|
68
|
-
}, subheading && /*#__PURE__*/_react.default.createElement(_Subheading.Subheading, null, subheading), description && /*#__PURE__*/_react.default.createElement(_Description.Description, {
|
|
69
|
-
markdown: description
|
|
70
|
-
}), /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, {
|
|
71
|
-
withToolbar: withToolbar
|
|
72
|
-
}, /*#__PURE__*/_react.default.createElement(_Story.Story, {
|
|
73
|
-
id: id,
|
|
74
|
-
parameters: parameters
|
|
75
|
-
})));
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
exports.DocsStory = DocsStory;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Heading = 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 Heading = function Heading(_ref) {
|
|
21
|
-
var children = _ref.children,
|
|
22
|
-
disableAnchor = _ref.disableAnchor;
|
|
23
|
-
|
|
24
|
-
if (disableAnchor || typeof children !== 'string') {
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_components.H2, null, children);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
var tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement(_mdx.HeaderMdx, {
|
|
30
|
-
as: "h2",
|
|
31
|
-
id: tagID
|
|
32
|
-
}, children);
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
exports.Heading = Heading;
|