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