@storybook/addon-docs 7.0.0-alpha.5 → 7.0.0-alpha.51

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 (122) hide show
  1. package/README.md +14 -77
  2. package/angular/index.js +1 -1
  3. package/dist/DocsRenderer-MHI45CTG.mjs +1 -0
  4. package/dist/chunk-HKSD7XQF.mjs +1 -0
  5. package/dist/chunk-WMY67HY3.mjs +1 -0
  6. package/dist/index.d.ts +11 -0
  7. package/dist/index.js +1 -0
  8. package/dist/index.mjs +1 -0
  9. package/dist/preset.d.ts +5 -0
  10. package/dist/preset.js +7 -0
  11. package/dist/preset.mjs +7 -0
  12. package/dist/preview.d.ts +3 -0
  13. package/dist/preview.js +1 -0
  14. package/dist/preview.mjs +1 -0
  15. package/jest-transform-mdx.js +4 -3
  16. package/jest.config.js +7 -0
  17. package/package.json +65 -38
  18. package/preset.js +1 -1
  19. package/preview.js +1 -1
  20. package/web-components/README.md +1 -0
  21. package/LICENSE +0 -21
  22. package/blocks.d.ts +0 -2
  23. package/blocks.js +0 -14
  24. package/dist/cjs/blocks/Anchor.js +0 -23
  25. package/dist/cjs/blocks/ArgsTable.js +0 -329
  26. package/dist/cjs/blocks/Canvas.js +0 -109
  27. package/dist/cjs/blocks/Description.js +0 -126
  28. package/dist/cjs/blocks/DocsContainer.js +0 -127
  29. package/dist/cjs/blocks/DocsContext.js +0 -25
  30. package/dist/cjs/blocks/DocsPage.js +0 -30
  31. package/dist/cjs/blocks/DocsStory.js +0 -68
  32. package/dist/cjs/blocks/Heading.js +0 -31
  33. package/dist/cjs/blocks/Meta.js +0 -50
  34. package/dist/cjs/blocks/Preview.js +0 -23
  35. package/dist/cjs/blocks/Primary.js +0 -39
  36. package/dist/cjs/blocks/Props.js +0 -29
  37. package/dist/cjs/blocks/Source.js +0 -179
  38. package/dist/cjs/blocks/SourceContainer.js +0 -67
  39. package/dist/cjs/blocks/Stories.js +0 -51
  40. package/dist/cjs/blocks/Story.js +0 -143
  41. package/dist/cjs/blocks/Subheading.js +0 -31
  42. package/dist/cjs/blocks/Subtitle.js +0 -39
  43. package/dist/cjs/blocks/Title.js +0 -44
  44. package/dist/cjs/blocks/Wrapper.js +0 -20
  45. package/dist/cjs/blocks/enhanceSource.js +0 -92
  46. package/dist/cjs/blocks/index.js +0 -366
  47. package/dist/cjs/blocks/mdx.js +0 -234
  48. package/dist/cjs/blocks/types.js +0 -10
  49. package/dist/cjs/blocks/useStory.js +0 -37
  50. package/dist/cjs/blocks/utils.js +0 -40
  51. package/dist/cjs/index.js +0 -18
  52. package/dist/cjs/manager.js +0 -20
  53. package/dist/cjs/preset.js +0 -162
  54. package/dist/cjs/preview.js +0 -18
  55. package/dist/cjs/shared.js +0 -22
  56. package/dist/esm/blocks/Anchor.js +0 -8
  57. package/dist/esm/blocks/ArgsTable.js +0 -292
  58. package/dist/esm/blocks/Canvas.js +0 -83
  59. package/dist/esm/blocks/Description.js +0 -107
  60. package/dist/esm/blocks/DocsContainer.js +0 -98
  61. package/dist/esm/blocks/DocsContext.js +0 -16
  62. package/dist/esm/blocks/DocsPage.js +0 -11
  63. package/dist/esm/blocks/DocsStory.js +0 -46
  64. package/dist/esm/blocks/Heading.js +0 -17
  65. package/dist/esm/blocks/Meta.js +0 -31
  66. package/dist/esm/blocks/Preview.js +0 -9
  67. package/dist/esm/blocks/Primary.js +0 -23
  68. package/dist/esm/blocks/Props.js +0 -14
  69. package/dist/esm/blocks/Source.js +0 -144
  70. package/dist/esm/blocks/SourceContainer.js +0 -44
  71. package/dist/esm/blocks/Stories.js +0 -30
  72. package/dist/esm/blocks/Story.js +0 -114
  73. package/dist/esm/blocks/Subheading.js +0 -17
  74. package/dist/esm/blocks/Subtitle.js +0 -23
  75. package/dist/esm/blocks/Title.js +0 -24
  76. package/dist/esm/blocks/Wrapper.js +0 -8
  77. package/dist/esm/blocks/enhanceSource.js +0 -87
  78. package/dist/esm/blocks/index.js +0 -24
  79. package/dist/esm/blocks/mdx.js +0 -203
  80. package/dist/esm/blocks/types.js +0 -2
  81. package/dist/esm/blocks/useStory.js +0 -27
  82. package/dist/esm/blocks/utils.js +0 -29
  83. package/dist/esm/index.js +0 -1
  84. package/dist/esm/manager.js +0 -16
  85. package/dist/esm/preset.js +0 -132
  86. package/dist/esm/preview.js +0 -6
  87. package/dist/esm/shared.js +0 -11
  88. package/dist/types/blocks/Anchor.d.ts +0 -6
  89. package/dist/types/blocks/ArgsTable.d.ts +0 -33
  90. package/dist/types/blocks/Canvas.d.ts +0 -9
  91. package/dist/types/blocks/Description.d.ts +0 -20
  92. package/dist/types/blocks/DocsContainer.d.ts +0 -7
  93. package/dist/types/blocks/DocsContext.d.ts +0 -5
  94. package/dist/types/blocks/DocsPage.d.ts +0 -2
  95. package/dist/types/blocks/DocsStory.d.ts +0 -3
  96. package/dist/types/blocks/Heading.d.ts +0 -6
  97. package/dist/types/blocks/Meta.d.ts +0 -9
  98. package/dist/types/blocks/Preview.d.ts +0 -3
  99. package/dist/types/blocks/Primary.d.ts +0 -6
  100. package/dist/types/blocks/Props.d.ts +0 -3
  101. package/dist/types/blocks/Source.d.ts +0 -38
  102. package/dist/types/blocks/SourceContainer.d.ts +0 -14
  103. package/dist/types/blocks/Stories.d.ts +0 -7
  104. package/dist/types/blocks/Story.d.ts +0 -28
  105. package/dist/types/blocks/Subheading.d.ts +0 -3
  106. package/dist/types/blocks/Subtitle.d.ts +0 -6
  107. package/dist/types/blocks/Title.d.ts +0 -8
  108. package/dist/types/blocks/Wrapper.d.ts +0 -2
  109. package/dist/types/blocks/enhanceSource.d.ts +0 -3
  110. package/dist/types/blocks/index.d.ts +0 -24
  111. package/dist/types/blocks/mdx.d.ts +0 -20
  112. package/dist/types/blocks/types.d.ts +0 -13
  113. package/dist/types/blocks/useStory.d.ts +0 -5
  114. package/dist/types/blocks/utils.d.ts +0 -3
  115. package/dist/types/index.d.ts +0 -1
  116. package/dist/types/manager.d.ts +0 -1
  117. package/dist/types/preset.d.ts +0 -12
  118. package/dist/types/preview.d.ts +0 -6
  119. package/dist/types/shared.d.ts +0 -24
  120. package/manager.js +0 -1
  121. package/mdx-compiler-plugin.js +0 -1
  122. package/register.js +0 -6
@@ -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
- const DocsContext = _global.window ? _global.window.__DOCS_CONTEXT__ : /*#__PURE__*/(0, _react.createContext)({});
25
- exports.DocsContext = DocsContext;
@@ -1,30 +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
- const DocsPage = () => /*#__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, {
27
- story: _types.PRIMARY_STORY
28
- }), /*#__PURE__*/_react.default.createElement(_Stories.Stories, null));
29
-
30
- exports.DocsPage = DocsPage;
@@ -1,68 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DocsStory = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
11
-
12
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
-
14
- var _Subheading = require("./Subheading");
15
-
16
- var _Anchor = require("./Anchor");
17
-
18
- var _Description = require("./Description");
19
-
20
- var _Story = require("./Story");
21
-
22
- var _Canvas = require("./Canvas");
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- const warnStoryDescription = (0, _utilDeprecate.default)(() => {}, (0, _tsDedent.default)`
27
- Deprecated parameter: docs.storyDescription => docs.description.story
28
-
29
- https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter
30
- `);
31
-
32
- const DocsStory = ({
33
- id,
34
- name,
35
- expanded = true,
36
- withToolbar = false,
37
- parameters = {}
38
- }) => {
39
- let description;
40
- const {
41
- docs
42
- } = parameters;
43
-
44
- if (expanded && docs) {
45
- var _docs$description;
46
-
47
- description = (_docs$description = docs.description) === null || _docs$description === void 0 ? void 0 : _docs$description.story;
48
-
49
- if (!description) {
50
- description = docs.storyDescription;
51
- if (description) warnStoryDescription();
52
- }
53
- }
54
-
55
- const subheading = expanded && name;
56
- return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
57
- storyId: id
58
- }, subheading && /*#__PURE__*/_react.default.createElement(_Subheading.Subheading, null, subheading), description && /*#__PURE__*/_react.default.createElement(_Description.Description, {
59
- markdown: description
60
- }), /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, {
61
- withToolbar: withToolbar
62
- }, /*#__PURE__*/_react.default.createElement(_Story.Story, {
63
- id: id,
64
- parameters: parameters
65
- })));
66
- };
67
-
68
- exports.DocsStory = DocsStory;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Heading = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _components = require("@storybook/components");
11
-
12
- var _mdx = require("./mdx");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const Heading = ({
17
- children,
18
- disableAnchor
19
- }) => {
20
- if (disableAnchor || typeof children !== 'string') {
21
- return /*#__PURE__*/_react.default.createElement(_components.H2, null, children);
22
- }
23
-
24
- const tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
25
- return /*#__PURE__*/_react.default.createElement(_mdx.HeaderMdx, {
26
- as: "h2",
27
- id: tagID
28
- }, children);
29
- };
30
-
31
- exports.Heading = Heading;
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Meta = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _global = _interopRequireDefault(require("global"));
11
-
12
- var _Anchor = require("./Anchor");
13
-
14
- var _DocsContext = require("./DocsContext");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- 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; }
21
-
22
- const {
23
- document
24
- } = _global.default;
25
-
26
- function getFirstStoryId(docsContext) {
27
- const stories = docsContext.componentStories();
28
- return stories.length > 0 ? stories[0].id : null;
29
- }
30
-
31
- function renderAnchor() {
32
- const context = (0, _react.useContext)(_DocsContext.DocsContext);
33
- const anchorId = getFirstStoryId(context) || context.id;
34
- return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
35
- storyId: anchorId
36
- });
37
- }
38
- /**
39
- * This component is used to declare component metadata in docs
40
- * and gets transformed into a default export underneath the hood.
41
- */
42
-
43
-
44
- const Meta = () => {
45
- const params = new URL(document.location).searchParams;
46
- const isDocs = params.get('viewMode') === 'docs';
47
- return isDocs ? renderAnchor() : null;
48
- };
49
-
50
- exports.Meta = Meta;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Preview = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
11
-
12
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
-
14
- var _Canvas = require("./Canvas");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- const Preview = (0, _utilDeprecate.default)(props => /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, props), (0, _tsDedent.default)`
19
- Preview doc block has been renamed to Canvas.
20
-
21
- https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
22
- `);
23
- exports.Preview = Preview;
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Primary = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _DocsContext = require("./DocsContext");
11
-
12
- var _DocsStory = require("./DocsStory");
13
-
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
-
16
- 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; }
17
-
18
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
19
-
20
- const Primary = ({
21
- name
22
- }) => {
23
- const {
24
- componentStories: getComponentStories
25
- } = (0, _react.useContext)(_DocsContext.DocsContext);
26
- const componentStories = getComponentStories();
27
- let story;
28
-
29
- if (componentStories) {
30
- story = name ? componentStories.find(s => s.name === name) : componentStories[0];
31
- }
32
-
33
- return story ? /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({}, story, {
34
- expanded: false,
35
- withToolbar: true
36
- })) : null;
37
- };
38
-
39
- exports.Primary = Primary;
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Props = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
11
-
12
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
-
14
- var _ArgsTable = require("./ArgsTable");
15
-
16
- var _types = require("./types");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- const Props = (0, _utilDeprecate.default)(props => /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, props), (0, _tsDedent.default)`
21
- Props doc block has been renamed to ArgsTable.
22
-
23
- https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
24
- `); // @ts-ignore
25
-
26
- exports.Props = Props;
27
- Props.defaultProps = {
28
- of: _types.CURRENT_SELECTION
29
- };
@@ -1,179 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getSourceProps = exports.SourceState = exports.Source = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _components = require("@storybook/components");
11
-
12
- var _DocsContext = require("./DocsContext");
13
-
14
- var _SourceContainer = require("./SourceContainer");
15
-
16
- var _types = require("./types");
17
-
18
- var _shared = require("../shared");
19
-
20
- var _enhanceSource = require("./enhanceSource");
21
-
22
- var _useStory = require("./useStory");
23
-
24
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
-
26
- 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; }
27
-
28
- let SourceState;
29
- exports.SourceState = SourceState;
30
-
31
- (function (SourceState) {
32
- SourceState["OPEN"] = "open";
33
- SourceState["CLOSED"] = "closed";
34
- SourceState["NONE"] = "none";
35
- })(SourceState || (exports.SourceState = SourceState = {}));
36
-
37
- const getSourceState = stories => {
38
- const states = stories.map(story => {
39
- var _story$parameters$doc, _story$parameters$doc2;
40
-
41
- return (_story$parameters$doc = story.parameters.docs) === null || _story$parameters$doc === void 0 ? void 0 : (_story$parameters$doc2 = _story$parameters$doc.source) === null || _story$parameters$doc2 === void 0 ? void 0 : _story$parameters$doc2.state;
42
- }).filter(Boolean);
43
- if (states.length === 0) return SourceState.CLOSED; // FIXME: handling multiple stories is a pain
44
-
45
- return states[0];
46
- };
47
-
48
- const getStorySource = (storyId, sourceContext) => {
49
- const {
50
- sources
51
- } = sourceContext; // source rendering is async so source is unavailable at the start of the render cycle,
52
- // so we fail gracefully here without warning
53
-
54
- return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
55
- code: '',
56
- format: false
57
- };
58
- };
59
-
60
- const getSnippet = (snippet, story) => {
61
- var _parameters$docs, _parameters$docs$sour, _parameters$docs2, _parameters$docs2$sou, _enhanced$docs, _enhanced$docs$source;
62
-
63
- if (!story) {
64
- return snippet;
65
- }
66
-
67
- const {
68
- parameters
69
- } = story; // eslint-disable-next-line no-underscore-dangle
70
-
71
- const isArgsStory = parameters.__isArgsStory;
72
- const type = ((_parameters$docs = parameters.docs) === null || _parameters$docs === void 0 ? void 0 : (_parameters$docs$sour = _parameters$docs.source) === null || _parameters$docs$sour === void 0 ? void 0 : _parameters$docs$sour.type) || _shared.SourceType.AUTO; // if user has hard-coded the snippet, that takes precedence
73
-
74
- const userCode = (_parameters$docs2 = parameters.docs) === null || _parameters$docs2 === void 0 ? void 0 : (_parameters$docs2$sou = _parameters$docs2.source) === null || _parameters$docs2$sou === void 0 ? void 0 : _parameters$docs2$sou.code;
75
-
76
- if (userCode !== undefined) {
77
- return userCode;
78
- } // if user has explicitly set this as dynamic, use snippet
79
-
80
-
81
- if (type === _shared.SourceType.DYNAMIC) {
82
- var _parameters$docs3, _parameters$docs3$tra;
83
-
84
- return ((_parameters$docs3 = parameters.docs) === null || _parameters$docs3 === void 0 ? void 0 : (_parameters$docs3$tra = _parameters$docs3.transformSource) === null || _parameters$docs3$tra === void 0 ? void 0 : _parameters$docs3$tra.call(_parameters$docs3, snippet, story)) || snippet;
85
- } // if this is an args story and there's a snippet
86
-
87
-
88
- if (type === _shared.SourceType.AUTO && snippet && isArgsStory) {
89
- var _parameters$docs4, _parameters$docs4$tra;
90
-
91
- return ((_parameters$docs4 = parameters.docs) === null || _parameters$docs4 === void 0 ? void 0 : (_parameters$docs4$tra = _parameters$docs4.transformSource) === null || _parameters$docs4$tra === void 0 ? void 0 : _parameters$docs4$tra.call(_parameters$docs4, snippet, story)) || snippet;
92
- } // otherwise, use the source code logic
93
-
94
-
95
- const enhanced = (0, _enhanceSource.enhanceSource)(story) || parameters;
96
- return (enhanced === null || enhanced === void 0 ? void 0 : (_enhanced$docs = enhanced.docs) === null || _enhanced$docs === void 0 ? void 0 : (_enhanced$docs$source = _enhanced$docs.source) === null || _enhanced$docs$source === void 0 ? void 0 : _enhanced$docs$source.code) || '';
97
- };
98
-
99
- const getSourceProps = (props, docsContext, sourceContext) => {
100
- const {
101
- id: currentId,
102
- storyById
103
- } = docsContext;
104
- const {
105
- parameters
106
- } = storyById(currentId);
107
- const codeProps = props;
108
- const singleProps = props;
109
- const multiProps = props;
110
- let source = codeProps.code; // prefer user-specified code
111
-
112
- let {
113
- format
114
- } = codeProps; // prefer user-specified code
115
-
116
- const targetIds = multiProps.ids || [singleProps.id || currentId];
117
- const storyIds = targetIds.map(targetId => targetId === _types.CURRENT_SELECTION ? currentId : targetId);
118
- const stories = (0, _useStory.useStories)(storyIds, docsContext);
119
-
120
- if (!stories.every(Boolean)) {
121
- return {
122
- error: _components.SourceError.SOURCE_UNAVAILABLE,
123
- state: SourceState.NONE
124
- };
125
- }
126
-
127
- if (!source) {
128
- // just take the format from the first story, given how they're all concatinated together...
129
- // TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
130
- ({
131
- format
132
- } = getStorySource(storyIds[0], sourceContext));
133
- source = storyIds.map((storyId, idx) => {
134
- const {
135
- code: storySource
136
- } = getStorySource(storyId, sourceContext);
137
- const storyObj = stories[idx];
138
- return getSnippet(storySource, storyObj);
139
- }).join('\n\n');
140
- }
141
-
142
- const state = getSourceState(stories);
143
- const {
144
- docs: docsParameters = {}
145
- } = parameters;
146
- const {
147
- source: sourceParameters = {}
148
- } = docsParameters;
149
- const {
150
- language: docsLanguage = null
151
- } = sourceParameters;
152
- return source ? {
153
- code: source,
154
- state,
155
- format,
156
- language: props.language || docsLanguage || 'jsx',
157
- dark: props.dark || false
158
- } : {
159
- error: _components.SourceError.SOURCE_UNAVAILABLE,
160
- state
161
- };
162
- };
163
- /**
164
- * Story source doc block renders source code if provided,
165
- * or the source for a story if `storyId` is provided, or
166
- * the source for the current story if nothing is provided.
167
- */
168
-
169
-
170
- exports.getSourceProps = getSourceProps;
171
-
172
- const Source = props => {
173
- const sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
174
- const docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
175
- const sourceProps = getSourceProps(props, docsContext, sourceContext);
176
- return /*#__PURE__*/_react.default.createElement(_components.Source, sourceProps);
177
- };
178
-
179
- exports.Source = Source;
@@ -1,67 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SourceContext = exports.SourceContainer = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
11
-
12
- var _addons = require("@storybook/addons");
13
-
14
- var _shared = require("../shared");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- 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; }
21
-
22
- const SourceContext = /*#__PURE__*/(0, _react.createContext)({
23
- sources: {}
24
- });
25
- exports.SourceContext = SourceContext;
26
-
27
- const SourceContainer = ({
28
- children
29
- }) => {
30
- const [sources, setSources] = (0, _react.useState)({});
31
-
32
- const channel = _addons.addons.getChannel();
33
-
34
- (0, _react.useEffect)(() => {
35
- const handleSnippetRendered = (id, newSource, format = false) => {
36
- // optimization: if the source is the same, ignore the incoming event
37
- if (sources[id] && sources[id].code === newSource) {
38
- return;
39
- }
40
-
41
- setSources(current => {
42
- const newSources = Object.assign({}, current, {
43
- [id]: {
44
- code: newSource,
45
- format
46
- }
47
- });
48
-
49
- if (!(0, _fastDeepEqual.default)(current, newSources)) {
50
- return newSources;
51
- }
52
-
53
- return current;
54
- });
55
- };
56
-
57
- channel.on(_shared.SNIPPET_RENDERED, handleSnippetRendered);
58
- return () => channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
59
- }, []);
60
- return /*#__PURE__*/_react.default.createElement(SourceContext.Provider, {
61
- value: {
62
- sources
63
- }
64
- }, children);
65
- };
66
-
67
- exports.SourceContainer = SourceContainer;
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Stories = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _DocsContext = require("./DocsContext");
11
-
12
- var _DocsStory = require("./DocsStory");
13
-
14
- var _Heading = require("./Heading");
15
-
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
- 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; }
19
-
20
- function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
21
-
22
- const Stories = ({
23
- title,
24
- includePrimary = false
25
- }) => {
26
- const {
27
- componentStories
28
- } = (0, _react.useContext)(_DocsContext.DocsContext);
29
- let stories = componentStories();
30
- stories = stories.filter(story => {
31
- var _story$parameters, _story$parameters$doc;
32
-
33
- return !((_story$parameters = story.parameters) !== null && _story$parameters !== void 0 && (_story$parameters$doc = _story$parameters.docs) !== null && _story$parameters$doc !== void 0 && _story$parameters$doc.disable);
34
- });
35
- if (!includePrimary) stories = stories.slice(1);
36
-
37
- if (!stories || stories.length === 0) {
38
- return null;
39
- }
40
-
41
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Heading.Heading, null, title), stories.map(story => story && /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({
42
- key: story.id
43
- }, story, {
44
- expanded: true
45
- }))));
46
- };
47
-
48
- exports.Stories = Stories;
49
- Stories.defaultProps = {
50
- title: 'Stories'
51
- };