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

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 (160) hide show
  1. package/blocks.d.ts +1 -1
  2. package/dist/cjs/blocks/Anchor.js +7 -10
  3. package/dist/cjs/blocks/ArgsTable.js +135 -206
  4. package/dist/cjs/blocks/Canvas.js +38 -73
  5. package/dist/cjs/blocks/Description.js +41 -68
  6. package/dist/cjs/blocks/DocsContainer.js +40 -68
  7. package/dist/cjs/blocks/DocsContext.js +1 -1
  8. package/dist/cjs/blocks/DocsPage.js +3 -5
  9. package/dist/cjs/blocks/DocsStory.js +18 -28
  10. package/dist/cjs/blocks/Heading.js +5 -9
  11. package/dist/cjs/blocks/Meta.js +11 -33
  12. package/dist/cjs/blocks/Preview.js +4 -10
  13. package/dist/cjs/blocks/Primary.js +12 -40
  14. package/dist/cjs/blocks/Props.js +4 -10
  15. package/dist/cjs/blocks/Source.js +62 -80
  16. package/dist/cjs/blocks/SourceContainer.js +19 -68
  17. package/dist/cjs/blocks/Stories.js +17 -48
  18. package/dist/cjs/blocks/Story.js +60 -180
  19. package/dist/cjs/blocks/Subheading.js +5 -9
  20. package/dist/cjs/blocks/Subtitle.js +15 -35
  21. package/dist/cjs/blocks/Title.js +12 -36
  22. package/dist/cjs/blocks/Wrapper.js +7 -8
  23. package/dist/cjs/blocks/enhanceSource.js +30 -67
  24. package/dist/cjs/blocks/index.js +28 -34
  25. package/dist/cjs/blocks/mdx.js +86 -97
  26. package/dist/cjs/blocks/types.js +2 -2
  27. package/dist/cjs/blocks/useStory.js +16 -87
  28. package/dist/cjs/blocks/utils.js +4 -25
  29. package/dist/cjs/index.js +1 -7
  30. package/dist/cjs/manager.js +9 -15
  31. package/dist/cjs/preset.js +129 -193
  32. package/dist/cjs/preview.js +5 -87
  33. package/dist/cjs/shared.js +5 -5
  34. package/dist/esm/blocks/Anchor.js +7 -10
  35. package/dist/esm/blocks/ArgsTable.js +133 -182
  36. package/dist/esm/blocks/Canvas.js +34 -46
  37. package/dist/esm/blocks/Description.js +39 -45
  38. package/dist/esm/blocks/DocsContainer.js +36 -44
  39. package/dist/esm/blocks/DocsContext.js +1 -1
  40. package/dist/esm/blocks/DocsPage.js +3 -5
  41. package/dist/esm/blocks/DocsStory.js +18 -27
  42. package/dist/esm/blocks/Heading.js +5 -7
  43. package/dist/esm/blocks/Meta.js +9 -13
  44. package/dist/esm/blocks/Preview.js +5 -10
  45. package/dist/esm/blocks/Primary.js +10 -16
  46. package/dist/esm/blocks/Props.js +5 -10
  47. package/dist/esm/blocks/Source.js +64 -70
  48. package/dist/esm/blocks/SourceContainer.js +17 -50
  49. package/dist/esm/blocks/Stories.js +15 -27
  50. package/dist/esm/blocks/Story.js +58 -151
  51. package/dist/esm/blocks/Subheading.js +5 -7
  52. package/dist/esm/blocks/Subtitle.js +12 -12
  53. package/dist/esm/blocks/Title.js +10 -11
  54. package/dist/esm/blocks/Wrapper.js +7 -8
  55. package/dist/esm/blocks/enhanceSource.js +32 -56
  56. package/dist/esm/blocks/mdx.js +85 -89
  57. package/dist/esm/blocks/types.js +2 -2
  58. package/dist/esm/blocks/useStory.js +16 -73
  59. package/dist/esm/blocks/utils.js +4 -18
  60. package/dist/esm/manager.js +9 -14
  61. package/dist/esm/preset.js +114 -179
  62. package/dist/esm/preview.js +3 -61
  63. package/dist/esm/shared.js +5 -5
  64. package/dist/{ts3.9 → types}/blocks/Anchor.d.ts +0 -0
  65. package/dist/{ts3.9 → types}/blocks/ArgsTable.d.ts +0 -0
  66. package/dist/{ts3.9 → types}/blocks/Canvas.d.ts +0 -0
  67. package/dist/{ts3.9 → types}/blocks/Description.d.ts +0 -0
  68. package/dist/{ts3.9 → types}/blocks/DocsContainer.d.ts +0 -0
  69. package/dist/{ts3.9 → types}/blocks/DocsContext.d.ts +0 -0
  70. package/dist/{ts3.9 → types}/blocks/DocsPage.d.ts +0 -0
  71. package/dist/{ts3.9 → types}/blocks/DocsStory.d.ts +0 -0
  72. package/dist/{ts3.9 → types}/blocks/Heading.d.ts +0 -0
  73. package/dist/{ts3.9 → types}/blocks/Meta.d.ts +0 -0
  74. package/dist/{ts3.9 → types}/blocks/Preview.d.ts +0 -0
  75. package/dist/{ts3.9 → types}/blocks/Primary.d.ts +0 -0
  76. package/dist/{ts3.9 → types}/blocks/Props.d.ts +0 -0
  77. package/dist/{ts3.9 → types}/blocks/Source.d.ts +0 -0
  78. package/dist/{ts3.9 → types}/blocks/SourceContainer.d.ts +0 -0
  79. package/dist/{ts3.9 → types}/blocks/Stories.d.ts +0 -0
  80. package/dist/{ts3.9 → types}/blocks/Story.d.ts +2 -2
  81. package/dist/{ts3.9 → types}/blocks/Subheading.d.ts +0 -0
  82. package/dist/{ts3.9 → types}/blocks/Subtitle.d.ts +0 -0
  83. package/dist/{ts3.9 → types}/blocks/Title.d.ts +0 -0
  84. package/dist/{ts3.9 → types}/blocks/Wrapper.d.ts +0 -0
  85. package/dist/{ts3.9 → types}/blocks/enhanceSource.d.ts +0 -0
  86. package/dist/{ts3.9 → types}/blocks/index.d.ts +0 -0
  87. package/dist/{ts3.9 → types}/blocks/mdx.d.ts +0 -0
  88. package/dist/{ts3.9 → types}/blocks/types.d.ts +0 -0
  89. package/dist/{ts3.9 → types}/blocks/useStory.d.ts +0 -0
  90. package/dist/{ts3.9 → types}/blocks/utils.d.ts +0 -0
  91. package/dist/{ts3.9 → types}/index.d.ts +0 -0
  92. package/dist/{ts3.9 → types}/manager.d.ts +0 -0
  93. package/dist/{ts3.9 → types}/preset.d.ts +2 -1
  94. package/dist/{ts3.9 → types}/preview.d.ts +0 -0
  95. package/dist/{ts3.9 → types}/shared.d.ts +0 -0
  96. package/package.json +17 -24
  97. package/dist/modern/blocks/Anchor.js +0 -8
  98. package/dist/modern/blocks/ArgsTable.js +0 -292
  99. package/dist/modern/blocks/Canvas.js +0 -83
  100. package/dist/modern/blocks/Description.js +0 -107
  101. package/dist/modern/blocks/DocsContainer.js +0 -98
  102. package/dist/modern/blocks/DocsContext.js +0 -16
  103. package/dist/modern/blocks/DocsPage.js +0 -11
  104. package/dist/modern/blocks/DocsStory.js +0 -48
  105. package/dist/modern/blocks/Heading.js +0 -17
  106. package/dist/modern/blocks/Meta.js +0 -31
  107. package/dist/modern/blocks/Preview.js +0 -9
  108. package/dist/modern/blocks/Primary.js +0 -23
  109. package/dist/modern/blocks/Props.js +0 -14
  110. package/dist/modern/blocks/Source.js +0 -154
  111. package/dist/modern/blocks/SourceContainer.js +0 -44
  112. package/dist/modern/blocks/Stories.js +0 -34
  113. package/dist/modern/blocks/Story.js +0 -168
  114. package/dist/modern/blocks/Subheading.js +0 -17
  115. package/dist/modern/blocks/Subtitle.js +0 -23
  116. package/dist/modern/blocks/Title.js +0 -24
  117. package/dist/modern/blocks/Wrapper.js +0 -8
  118. package/dist/modern/blocks/enhanceSource.js +0 -89
  119. package/dist/modern/blocks/index.js +0 -24
  120. package/dist/modern/blocks/mdx.js +0 -204
  121. package/dist/modern/blocks/types.js +0 -2
  122. package/dist/modern/blocks/useStory.js +0 -28
  123. package/dist/modern/blocks/utils.js +0 -29
  124. package/dist/modern/index.js +0 -1
  125. package/dist/modern/manager.js +0 -16
  126. package/dist/modern/preset.js +0 -130
  127. package/dist/modern/preview.js +0 -6
  128. package/dist/modern/shared.js +0 -11
  129. package/dist/ts3.4/blocks/Anchor.d.ts +0 -6
  130. package/dist/ts3.4/blocks/ArgsTable.d.ts +0 -33
  131. package/dist/ts3.4/blocks/Canvas.d.ts +0 -9
  132. package/dist/ts3.4/blocks/Description.d.ts +0 -20
  133. package/dist/ts3.4/blocks/DocsContainer.d.ts +0 -7
  134. package/dist/ts3.4/blocks/DocsContext.d.ts +0 -5
  135. package/dist/ts3.4/blocks/DocsPage.d.ts +0 -2
  136. package/dist/ts3.4/blocks/DocsStory.d.ts +0 -3
  137. package/dist/ts3.4/blocks/Heading.d.ts +0 -6
  138. package/dist/ts3.4/blocks/Meta.d.ts +0 -9
  139. package/dist/ts3.4/blocks/Preview.d.ts +0 -3
  140. package/dist/ts3.4/blocks/Primary.d.ts +0 -6
  141. package/dist/ts3.4/blocks/Props.d.ts +0 -3
  142. package/dist/ts3.4/blocks/Source.d.ts +0 -38
  143. package/dist/ts3.4/blocks/SourceContainer.d.ts +0 -14
  144. package/dist/ts3.4/blocks/Stories.d.ts +0 -7
  145. package/dist/ts3.4/blocks/Story.d.ts +0 -28
  146. package/dist/ts3.4/blocks/Subheading.d.ts +0 -3
  147. package/dist/ts3.4/blocks/Subtitle.d.ts +0 -6
  148. package/dist/ts3.4/blocks/Title.d.ts +0 -8
  149. package/dist/ts3.4/blocks/Wrapper.d.ts +0 -2
  150. package/dist/ts3.4/blocks/enhanceSource.d.ts +0 -3
  151. package/dist/ts3.4/blocks/index.d.ts +0 -24
  152. package/dist/ts3.4/blocks/mdx.d.ts +0 -20
  153. package/dist/ts3.4/blocks/types.d.ts +0 -13
  154. package/dist/ts3.4/blocks/useStory.d.ts +0 -5
  155. package/dist/ts3.4/blocks/utils.d.ts +0 -3
  156. package/dist/ts3.4/index.d.ts +0 -1
  157. package/dist/ts3.4/manager.d.ts +0 -1
  158. package/dist/ts3.4/preset.d.ts +0 -11
  159. package/dist/ts3.4/preview.d.ts +0 -6
  160. package/dist/ts3.4/shared.d.ts +0 -24
@@ -1,34 +1,10 @@
1
1
  "use strict";
2
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.weak-map.js");
6
-
7
- require("core-js/modules/es.object.get-own-property-descriptor.js");
8
-
9
- require("core-js/modules/es.symbol.js");
10
-
11
- require("core-js/modules/es.symbol.description.js");
12
-
13
- require("core-js/modules/es.symbol.iterator.js");
14
-
15
3
  Object.defineProperty(exports, "__esModule", {
16
4
  value: true
17
5
  });
18
6
  exports.Meta = void 0;
19
7
 
20
- require("core-js/modules/es.array.iterator.js");
21
-
22
- require("core-js/modules/es.object.to-string.js");
23
-
24
- require("core-js/modules/es.string.iterator.js");
25
-
26
- require("core-js/modules/web.dom-collections.iterator.js");
27
-
28
- require("core-js/modules/web.url.js");
29
-
30
- require("core-js/modules/web.url-search-params.js");
31
-
32
8
  var _react = _interopRequireWildcard(require("react"));
33
9
 
34
10
  var _global = _interopRequireDefault(require("global"));
@@ -39,20 +15,22 @@ var _DocsContext = require("./DocsContext");
39
15
 
40
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
41
17
 
42
- 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); }
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); }
43
19
 
44
- 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; }
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; }
45
21
 
46
- var document = _global.default.document;
22
+ const {
23
+ document
24
+ } = _global.default;
47
25
 
48
26
  function getFirstStoryId(docsContext) {
49
- var stories = docsContext.componentStories();
27
+ const stories = docsContext.componentStories();
50
28
  return stories.length > 0 ? stories[0].id : null;
51
29
  }
52
30
 
53
31
  function renderAnchor() {
54
- var context = (0, _react.useContext)(_DocsContext.DocsContext);
55
- var anchorId = getFirstStoryId(context) || context.id;
32
+ const context = (0, _react.useContext)(_DocsContext.DocsContext);
33
+ const anchorId = getFirstStoryId(context) || context.id;
56
34
  return /*#__PURE__*/_react.default.createElement(_Anchor.Anchor, {
57
35
  storyId: anchorId
58
36
  });
@@ -63,9 +41,9 @@ function renderAnchor() {
63
41
  */
64
42
 
65
43
 
66
- var Meta = function Meta() {
67
- var params = new URL(document.location).searchParams;
68
- var isDocs = params.get('viewMode') === 'docs';
44
+ const Meta = () => {
45
+ const params = new URL(document.location).searchParams;
46
+ const isDocs = params.get('viewMode') === 'docs';
69
47
  return isDocs ? renderAnchor() : null;
70
48
  };
71
49
 
@@ -1,9 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/es.array.slice.js");
4
-
5
- require("core-js/modules/es.object.freeze.js");
6
-
7
3
  Object.defineProperty(exports, "__esModule", {
8
4
  value: true
9
5
  });
@@ -17,13 +13,11 @@ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
17
13
 
18
14
  var _Canvas = require("./Canvas");
19
15
 
20
- var _templateObject;
21
-
22
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
17
 
24
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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.
25
20
 
26
- var Preview = (0, _utilDeprecate.default)(function (props) {
27
- return /*#__PURE__*/_react.default.createElement(_Canvas.Canvas, props);
28
- }, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Preview doc block has been renamed to Canvas.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n "]))));
21
+ https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
22
+ `);
29
23
  exports.Preview = Preview;
@@ -1,61 +1,33 @@
1
1
  "use strict";
2
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.assign.js");
6
-
7
- require("core-js/modules/es.array.iterator.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.js");
18
-
19
- require("core-js/modules/es.symbol.description.js");
20
-
21
- require("core-js/modules/es.symbol.iterator.js");
22
-
23
3
  Object.defineProperty(exports, "__esModule", {
24
4
  value: true
25
5
  });
26
6
  exports.Primary = void 0;
27
7
 
28
- require("core-js/modules/es.function.name.js");
29
-
30
- require("core-js/modules/es.array.find.js");
31
-
32
- require("core-js/modules/es.object.to-string.js");
33
-
34
8
  var _react = _interopRequireWildcard(require("react"));
35
9
 
36
10
  var _DocsContext = require("./DocsContext");
37
11
 
38
12
  var _DocsStory = require("./DocsStory");
39
13
 
40
- 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); }
41
-
42
- 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; }
43
-
44
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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); }
45
15
 
46
- var Primary = function Primary(_ref) {
47
- var name = _ref.name;
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; }
48
17
 
49
- var _useContext = (0, _react.useContext)(_DocsContext.DocsContext),
50
- getComponentStories = _useContext.componentStories;
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); }
51
19
 
52
- var componentStories = getComponentStories();
53
- var story;
20
+ const Primary = ({
21
+ name
22
+ }) => {
23
+ const {
24
+ componentStories: getComponentStories
25
+ } = (0, _react.useContext)(_DocsContext.DocsContext);
26
+ const componentStories = getComponentStories();
27
+ let story;
54
28
 
55
29
  if (componentStories) {
56
- story = name ? componentStories.find(function (s) {
57
- return s.name === name;
58
- }) : componentStories[0];
30
+ story = name ? componentStories.find(s => s.name === name) : componentStories[0];
59
31
  }
60
32
 
61
33
  return story ? /*#__PURE__*/_react.default.createElement(_DocsStory.DocsStory, _extends({}, story, {
@@ -1,9 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/es.array.slice.js");
4
-
5
- require("core-js/modules/es.object.freeze.js");
6
-
7
3
  Object.defineProperty(exports, "__esModule", {
8
4
  value: true
9
5
  });
@@ -19,15 +15,13 @@ var _ArgsTable = require("./ArgsTable");
19
15
 
20
16
  var _types = require("./types");
21
17
 
22
- var _templateObject;
23
-
24
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
19
 
26
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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.
27
22
 
28
- var Props = (0, _utilDeprecate.default)(function (props) {
29
- return /*#__PURE__*/_react.default.createElement(_ArgsTable.ArgsTable, props);
30
- }, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Props doc block has been renamed to ArgsTable.\n\n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed\n "])))); // @ts-ignore
23
+ https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
24
+ `); // @ts-ignore
31
25
 
32
26
  exports.Props = Props;
33
27
  Props.defaultProps = {
@@ -1,36 +1,10 @@
1
1
  "use strict";
2
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.string.iterator.js");
8
-
9
- require("core-js/modules/es.weak-map.js");
10
-
11
- require("core-js/modules/web.dom-collections.iterator.js");
12
-
13
- require("core-js/modules/es.object.get-own-property-descriptor.js");
14
-
15
- require("core-js/modules/es.symbol.js");
16
-
17
- require("core-js/modules/es.symbol.description.js");
18
-
19
- require("core-js/modules/es.symbol.iterator.js");
20
-
21
3
  Object.defineProperty(exports, "__esModule", {
22
4
  value: true
23
5
  });
24
6
  exports.getSourceProps = exports.SourceState = exports.Source = void 0;
25
7
 
26
- require("core-js/modules/es.array.filter.js");
27
-
28
- require("core-js/modules/es.object.to-string.js");
29
-
30
- require("core-js/modules/es.array.map.js");
31
-
32
- require("core-js/modules/es.array.join.js");
33
-
34
8
  var _react = _interopRequireWildcard(require("react"));
35
9
 
36
10
  var _components = require("@storybook/components");
@@ -47,11 +21,11 @@ var _enhanceSource = require("./enhanceSource");
47
21
 
48
22
  var _useStory = require("./useStory");
49
23
 
50
- 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); }
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); }
51
25
 
52
- 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; }
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; }
53
27
 
54
- var SourceState;
28
+ let SourceState;
55
29
  exports.SourceState = SourceState;
56
30
 
57
31
  (function (SourceState) {
@@ -60,8 +34,8 @@ exports.SourceState = SourceState;
60
34
  SourceState["NONE"] = "none";
61
35
  })(SourceState || (exports.SourceState = SourceState = {}));
62
36
 
63
- var getSourceState = function getSourceState(stories) {
64
- var states = stories.map(function (story) {
37
+ const getSourceState = stories => {
38
+ const states = stories.map(story => {
65
39
  var _story$parameters$doc, _story$parameters$doc2;
66
40
 
67
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;
@@ -71,8 +45,10 @@ var getSourceState = function getSourceState(stories) {
71
45
  return states[0];
72
46
  };
73
47
 
74
- var getStorySource = function getStorySource(storyId, sourceContext) {
75
- var sources = sourceContext.sources; // source rendering is async so source is unavailable at the start of the render cycle,
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,
76
52
  // so we fail gracefully here without warning
77
53
 
78
54
  return (sources === null || sources === void 0 ? void 0 : sources[storyId]) || {
@@ -81,19 +57,21 @@ var getStorySource = function getStorySource(storyId, sourceContext) {
81
57
  };
82
58
  };
83
59
 
84
- var getSnippet = function getSnippet(snippet, story) {
60
+ const getSnippet = (snippet, story) => {
85
61
  var _parameters$docs, _parameters$docs$sour, _parameters$docs2, _parameters$docs2$sou, _enhanced$docs, _enhanced$docs$source;
86
62
 
87
63
  if (!story) {
88
64
  return snippet;
89
65
  }
90
66
 
91
- var parameters = story.parameters; // eslint-disable-next-line no-underscore-dangle
67
+ const {
68
+ parameters
69
+ } = story; // eslint-disable-next-line no-underscore-dangle
92
70
 
93
- var isArgsStory = parameters.__isArgsStory;
94
- var 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
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
95
73
 
96
- var 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;
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;
97
75
 
98
76
  if (userCode !== undefined) {
99
77
  return userCode;
@@ -114,29 +92,30 @@ var getSnippet = function getSnippet(snippet, story) {
114
92
  } // otherwise, use the source code logic
115
93
 
116
94
 
117
- var enhanced = (0, _enhanceSource.enhanceSource)(story) || parameters;
95
+ const enhanced = (0, _enhanceSource.enhanceSource)(story) || parameters;
118
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) || '';
119
97
  };
120
98
 
121
- var getSourceProps = function getSourceProps(props, docsContext, sourceContext) {
122
- var currentId = docsContext.id,
123
- storyById = docsContext.storyById;
124
-
125
- var _storyById = storyById(currentId),
126
- parameters = _storyById.parameters;
127
-
128
- var codeProps = props;
129
- var singleProps = props;
130
- var multiProps = props;
131
- var source = codeProps.code; // prefer user-specified code
132
-
133
- var format = codeProps.format; // prefer user-specified code
134
-
135
- var targetIds = multiProps.ids || [singleProps.id || currentId];
136
- var storyIds = targetIds.map(function (targetId) {
137
- return targetId === _types.CURRENT_SELECTION ? currentId : targetId;
138
- });
139
- var stories = (0, _useStory.useStories)(storyIds, docsContext);
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);
140
119
 
141
120
  if (!stories.every(Boolean)) {
142
121
  return {
@@ -148,34 +127,37 @@ var getSourceProps = function getSourceProps(props, docsContext, sourceContext)
148
127
  if (!source) {
149
128
  // just take the format from the first story, given how they're all concatinated together...
150
129
  // TODO: we should consider sending an event with all the sources separately, instead of concatenating them here
151
- var _getStorySource = getStorySource(storyIds[0], sourceContext);
152
-
153
- format = _getStorySource.format;
154
- source = storyIds.map(function (storyId, idx) {
155
- var _getStorySource2 = getStorySource(storyId, sourceContext),
156
- storySource = _getStorySource2.code;
157
-
158
- var storyObj = stories[idx];
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];
159
138
  return getSnippet(storySource, storyObj);
160
139
  }).join('\n\n');
161
140
  }
162
141
 
163
- var state = getSourceState(stories);
164
- var _parameters$docs5 = parameters.docs,
165
- docsParameters = _parameters$docs5 === void 0 ? {} : _parameters$docs5;
166
- var _docsParameters$sourc = docsParameters.source,
167
- sourceParameters = _docsParameters$sourc === void 0 ? {} : _docsParameters$sourc;
168
- var _sourceParameters$lan = sourceParameters.language,
169
- docsLanguage = _sourceParameters$lan === void 0 ? null : _sourceParameters$lan;
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;
170
152
  return source ? {
171
153
  code: source,
172
- state: state,
173
- format: format,
154
+ state,
155
+ format,
174
156
  language: props.language || docsLanguage || 'jsx',
175
157
  dark: props.dark || false
176
158
  } : {
177
159
  error: _components.SourceError.SOURCE_UNAVAILABLE,
178
- state: state
160
+ state
179
161
  };
180
162
  };
181
163
  /**
@@ -187,10 +169,10 @@ var getSourceProps = function getSourceProps(props, docsContext, sourceContext)
187
169
 
188
170
  exports.getSourceProps = getSourceProps;
189
171
 
190
- var Source = function Source(props) {
191
- var sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
192
- var docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
193
- var sourceProps = getSourceProps(props, docsContext, sourceContext);
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);
194
176
  return /*#__PURE__*/_react.default.createElement(_components.Source, sourceProps);
195
177
  };
196
178
 
@@ -1,40 +1,10 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- require("core-js/modules/es.symbol.js");
6
-
7
- require("core-js/modules/es.symbol.description.js");
8
-
9
- require("core-js/modules/es.object.to-string.js");
10
-
11
- require("core-js/modules/es.symbol.iterator.js");
12
-
13
- require("core-js/modules/es.array.iterator.js");
14
-
15
- require("core-js/modules/es.string.iterator.js");
16
-
17
- require("core-js/modules/web.dom-collections.iterator.js");
18
-
19
- require("core-js/modules/es.array.slice.js");
20
-
21
- require("core-js/modules/es.function.name.js");
22
-
23
- require("core-js/modules/es.array.from.js");
24
-
25
- require("core-js/modules/es.regexp.exec.js");
26
-
27
- require("core-js/modules/es.weak-map.js");
28
-
29
- require("core-js/modules/es.object.get-own-property-descriptor.js");
30
-
31
3
  Object.defineProperty(exports, "__esModule", {
32
4
  value: true
33
5
  });
34
6
  exports.SourceContext = exports.SourceContainer = void 0;
35
7
 
36
- require("core-js/modules/es.object.assign.js");
37
-
38
8
  var _react = _interopRequireWildcard(require("react"));
39
9
 
40
10
  var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
@@ -45,53 +15,36 @@ var _shared = require("../shared");
45
15
 
46
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
47
17
 
48
- 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); }
49
-
50
- 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; }
51
-
52
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
53
-
54
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
55
-
56
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
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); }
57
19
 
58
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
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; }
59
21
 
60
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
61
-
62
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
63
-
64
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
65
-
66
- var SourceContext = /*#__PURE__*/(0, _react.createContext)({
22
+ const SourceContext = /*#__PURE__*/(0, _react.createContext)({
67
23
  sources: {}
68
24
  });
69
25
  exports.SourceContext = SourceContext;
70
26
 
71
- var SourceContainer = function SourceContainer(_ref) {
72
- var children = _ref.children;
27
+ const SourceContainer = ({
28
+ children
29
+ }) => {
30
+ const [sources, setSources] = (0, _react.useState)({});
73
31
 
74
- var _useState = (0, _react.useState)({}),
75
- _useState2 = _slicedToArray(_useState, 2),
76
- sources = _useState2[0],
77
- setSources = _useState2[1];
78
-
79
- var channel = _addons.addons.getChannel();
80
-
81
- (0, _react.useEffect)(function () {
82
- var handleSnippetRendered = function handleSnippetRendered(id, newSource) {
83
- var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
32
+ const channel = _addons.addons.getChannel();
84
33
 
34
+ (0, _react.useEffect)(() => {
35
+ const handleSnippetRendered = (id, newSource, format = false) => {
85
36
  // optimization: if the source is the same, ignore the incoming event
86
37
  if (sources[id] && sources[id].code === newSource) {
87
38
  return;
88
39
  }
89
40
 
90
- setSources(function (current) {
91
- var newSources = Object.assign({}, current, _defineProperty({}, id, {
92
- code: newSource,
93
- format: format
94
- }));
41
+ setSources(current => {
42
+ const newSources = Object.assign({}, current, {
43
+ [id]: {
44
+ code: newSource,
45
+ format
46
+ }
47
+ });
95
48
 
96
49
  if (!(0, _fastDeepEqual.default)(current, newSources)) {
97
50
  return newSources;
@@ -102,13 +55,11 @@ var SourceContainer = function SourceContainer(_ref) {
102
55
  };
103
56
 
104
57
  channel.on(_shared.SNIPPET_RENDERED, handleSnippetRendered);
105
- return function () {
106
- return channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
107
- };
58
+ return () => channel.off(_shared.SNIPPET_RENDERED, handleSnippetRendered);
108
59
  }, []);
109
60
  return /*#__PURE__*/_react.default.createElement(SourceContext.Provider, {
110
61
  value: {
111
- sources: sources
62
+ sources
112
63
  }
113
64
  }, children);
114
65
  };