@storybook/react 7.0.0-alpha.1 → 7.0.0-alpha.4

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 (50) hide show
  1. package/dist/cjs/config.js +4 -12
  2. package/dist/cjs/docs/config.js +3 -7
  3. package/dist/cjs/docs/extractArgTypes.js +20 -27
  4. package/dist/cjs/docs/extractProps.js +9 -29
  5. package/dist/cjs/docs/jsxDecorator.js +50 -117
  6. package/dist/cjs/docs/lib/captions.js +6 -6
  7. package/dist/cjs/docs/lib/componentTypes.js +2 -12
  8. package/dist/cjs/docs/lib/defaultValues/createDefaultValue.js +16 -11
  9. package/dist/cjs/docs/lib/defaultValues/createFromRawDefaultProp.js +40 -59
  10. package/dist/cjs/docs/lib/defaultValues/generateArray.js +8 -6
  11. package/dist/cjs/docs/lib/defaultValues/generateObject.js +8 -6
  12. package/dist/cjs/docs/lib/defaultValues/index.js +2 -8
  13. package/dist/cjs/docs/lib/defaultValues/prettyIdentifier.js +8 -4
  14. package/dist/cjs/docs/lib/generateCode.js +10 -25
  15. package/dist/cjs/docs/lib/index.js +4 -10
  16. package/dist/cjs/docs/lib/inspection/acornParser.js +34 -58
  17. package/dist/cjs/docs/lib/inspection/index.js +2 -8
  18. package/dist/cjs/docs/lib/inspection/inspectValue.js +1 -3
  19. package/dist/cjs/docs/lib/inspection/types.js +1 -1
  20. package/dist/cjs/docs/lib/isHtmlTag.js +0 -4
  21. package/dist/cjs/docs/propTypes/createType.js +108 -119
  22. package/dist/cjs/docs/propTypes/generateFuncSignature.js +13 -23
  23. package/dist/cjs/docs/propTypes/handleProp.js +13 -15
  24. package/dist/cjs/docs/propTypes/rawDefaultPropResolvers.js +10 -14
  25. package/dist/cjs/docs/propTypes/sortProps.js +4 -20
  26. package/dist/cjs/docs/react-argtypes.stories.js +30 -92
  27. package/dist/cjs/docs/typeScript/handleProp.js +11 -11
  28. package/dist/cjs/index.js +10 -16
  29. package/dist/cjs/preview/config.js +2 -2
  30. package/dist/cjs/preview/globals.js +3 -1
  31. package/dist/cjs/preview/index.js +12 -20
  32. package/dist/cjs/preview/render.js +113 -258
  33. package/dist/cjs/preview/types-6-3.js +1 -7
  34. package/dist/cjs/testing/index.js +4 -3
  35. package/dist/esm/docs/config.js +0 -2
  36. package/dist/esm/docs/jsxDecorator.js +1 -1
  37. package/dist/esm/docs/lib/defaultValues/createFromRawDefaultProp.js +2 -1
  38. package/dist/esm/docs/lib/defaultValues/prettyIdentifier.js +2 -0
  39. package/dist/esm/docs/propTypes/createType.js +7 -5
  40. package/dist/esm/docs/propTypes/sortProps.js +1 -1
  41. package/dist/esm/testing/index.js +1 -0
  42. package/dist/types/config.d.ts +0 -1
  43. package/dist/types/docs/config.d.ts +1 -4
  44. package/dist/types/docs/extractProps.d.ts +6 -2
  45. package/dist/types/docs/jsxDecorator.d.ts +1 -1
  46. package/dist/types/docs/lib/defaultValues/createDefaultValue.d.ts +1 -1
  47. package/dist/types/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +2 -2
  48. package/dist/types/docs/propTypes/createType.d.ts +1 -1
  49. package/dist/types/preview/render.d.ts +1 -1
  50. package/package.json +7 -8
@@ -1,11 +1,5 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/es.object.to-string.js");
4
-
5
- require("core-js/modules/web.dom-collections.for-each.js");
6
-
7
- require("core-js/modules/es.object.keys.js");
8
-
9
3
  Object.defineProperty(exports, "__esModule", {
10
4
  value: true
11
5
  });
@@ -16,20 +10,18 @@ var _exportNames = {
16
10
  };
17
11
  Object.defineProperty(exports, "argTypesEnhancers", {
18
12
  enumerable: true,
19
- get: function get() {
13
+ get: function () {
20
14
  return _config.argTypesEnhancers;
21
15
  }
22
16
  });
23
17
  Object.defineProperty(exports, "decorators", {
24
18
  enumerable: true,
25
- get: function get() {
19
+ get: function () {
26
20
  return _config.decorators;
27
21
  }
28
22
  });
29
23
  exports.parameters = void 0;
30
24
 
31
- require("core-js/modules/es.object.assign.js");
32
-
33
25
  var _config = require("./docs/config");
34
26
 
35
27
  var _config2 = require("./preview/config");
@@ -40,12 +32,12 @@ Object.keys(_config2).forEach(function (key) {
40
32
  if (key in exports && exports[key] === _config2[key]) return;
41
33
  Object.defineProperty(exports, key, {
42
34
  enumerable: true,
43
- get: function get() {
35
+ get: function () {
44
36
  return _config2[key];
45
37
  }
46
38
  });
47
39
  });
48
- var parameters = Object.assign({
40
+ const parameters = Object.assign({
49
41
  framework: 'react'
50
42
  }, _config.parameters);
51
43
  exports.parameters = parameters;
@@ -11,19 +11,15 @@ var _extractArgTypes = require("./extractArgTypes");
11
11
 
12
12
  var _jsxDecorator = require("./jsxDecorator");
13
13
 
14
- var parameters = {
14
+ const parameters = {
15
15
  docs: {
16
16
  inlineStories: true,
17
- // NOTE: that the result is a react element. Hooks support is provided by the outer code.
18
- prepareForInline: function prepareForInline(storyFn) {
19
- return storyFn();
20
- },
21
17
  extractArgTypes: _extractArgTypes.extractArgTypes,
22
18
  extractComponentDescription: _docsTools.extractComponentDescription
23
19
  }
24
20
  };
25
21
  exports.parameters = parameters;
26
- var decorators = [_jsxDecorator.jsxDecorator];
22
+ const decorators = [_jsxDecorator.jsxDecorator];
27
23
  exports.decorators = decorators;
28
- var argTypesEnhancers = [_docsTools.enhanceArgTypes];
24
+ const argTypesEnhancers = [_docsTools.enhanceArgTypes];
29
25
  exports.argTypesEnhancers = argTypesEnhancers;
@@ -5,41 +5,34 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.extractArgTypes = void 0;
7
7
 
8
- require("core-js/modules/es.object.to-string.js");
8
+ var _extractProps = require("./extractProps");
9
9
 
10
- require("core-js/modules/es.function.name.js");
11
-
12
- require("core-js/modules/es.symbol.js");
13
-
14
- require("core-js/modules/es.symbol.description.js");
15
-
16
- require("core-js/modules/es.object.assign.js");
17
-
18
- var _extractProps2 = require("./extractProps");
19
-
20
- var extractArgTypes = function extractArgTypes(component) {
10
+ const extractArgTypes = component => {
21
11
  if (component) {
22
- var _extractProps = (0, _extractProps2.extractProps)(component),
23
- rows = _extractProps.rows;
12
+ const {
13
+ rows
14
+ } = (0, _extractProps.extractProps)(component);
24
15
 
25
16
  if (rows) {
26
- return rows.reduce(function (acc, row) {
27
- var name = row.name,
28
- description = row.description,
29
- type = row.type,
30
- sbType = row.sbType,
31
- defaultSummary = row.defaultValue,
32
- jsDocTags = row.jsDocTags,
33
- required = row.required;
17
+ return rows.reduce((acc, row) => {
18
+ const {
19
+ name,
20
+ description,
21
+ type,
22
+ sbType,
23
+ defaultValue: defaultSummary,
24
+ jsDocTags,
25
+ required
26
+ } = row;
34
27
  acc[name] = {
35
- name: name,
36
- description: description,
28
+ name,
29
+ description,
37
30
  type: Object.assign({
38
- required: required
31
+ required
39
32
  }, sbType),
40
33
  table: {
41
- type: type,
42
- jsDocTags: jsDocTags,
34
+ type,
35
+ jsDocTags,
43
36
  defaultValue: defaultSummary
44
37
  }
45
38
  };
@@ -5,22 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.extractProps = void 0;
7
7
 
8
- require("core-js/modules/es.array.iterator.js");
9
-
10
- require("core-js/modules/es.map.js");
11
-
12
- require("core-js/modules/es.object.to-string.js");
13
-
14
- require("core-js/modules/es.string.iterator.js");
15
-
16
- require("core-js/modules/web.dom-collections.iterator.js");
17
-
18
- require("core-js/modules/web.dom-collections.for-each.js");
19
-
20
- require("core-js/modules/es.object.keys.js");
21
-
22
- require("core-js/modules/es.array.map.js");
23
-
24
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
25
9
 
26
10
  var _docsTools = require("@storybook/docs-tools");
@@ -33,22 +17,22 @@ var _lib = require("./lib");
33
17
 
34
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
19
 
36
- var propTypesMap = new Map();
37
- Object.keys(_propTypes.default).forEach(function (typeName) {
20
+ const propTypesMap = new Map();
21
+ Object.keys(_propTypes.default).forEach(typeName => {
38
22
  // @ts-ignore
39
- var type = _propTypes.default[typeName];
23
+ const type = _propTypes.default[typeName];
40
24
  propTypesMap.set(type, typeName);
41
25
  propTypesMap.set(type.isRequired, typeName);
42
26
  });
43
27
 
44
28
  function getPropDefs(component, section) {
45
- var processedComponent = component; // eslint-disable-next-line react/forbid-foreign-prop-types
29
+ let processedComponent = component; // eslint-disable-next-line react/forbid-foreign-prop-types
46
30
 
47
31
  if (!(0, _docsTools.hasDocgen)(component) && !component.propTypes && (0, _lib.isMemo)(component)) {
48
32
  processedComponent = component.type;
49
33
  }
50
34
 
51
- var extractedProps = (0, _docsTools.extractComponentProps)(processedComponent, section);
35
+ const extractedProps = (0, _docsTools.extractComponentProps)(processedComponent, section);
52
36
 
53
37
  if (extractedProps.length === 0) {
54
38
  return [];
@@ -62,16 +46,12 @@ function getPropDefs(component, section) {
62
46
  return (0, _handleProp2.enhanceTypeScriptProps)(extractedProps);
63
47
 
64
48
  default:
65
- return extractedProps.map(function (x) {
66
- return x.propDef;
67
- });
49
+ return extractedProps.map(x => x.propDef);
68
50
  }
69
51
  }
70
52
 
71
- var extractProps = function extractProps(component) {
72
- return {
73
- rows: getPropDefs(component, 'props')
74
- };
75
- };
53
+ const extractProps = component => ({
54
+ rows: getPropDefs(component, 'props')
55
+ });
76
56
 
77
57
  exports.extractProps = extractProps;
@@ -1,58 +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.slice.js");
6
-
7
- require("core-js/modules/es.object.freeze.js");
8
-
9
- require("core-js/modules/es.object.keys.js");
10
-
11
- require("core-js/modules/es.symbol.js");
12
-
13
- require("core-js/modules/es.symbol.description.js");
14
-
15
- require("core-js/modules/es.symbol.iterator.js");
16
-
17
- require("core-js/modules/es.array.iterator.js");
18
-
19
- require("core-js/modules/es.string.iterator.js");
20
-
21
- require("core-js/modules/web.dom-collections.iterator.js");
22
-
23
- require("core-js/modules/es.array.from.js");
24
-
25
- require("core-js/modules/es.weak-map.js");
26
-
27
- require("core-js/modules/es.object.get-own-property-descriptor.js");
28
-
29
3
  Object.defineProperty(exports, "__esModule", {
30
4
  value: true
31
5
  });
32
6
  exports.skipJsxRender = exports.renderJsx = exports.jsxDecorator = void 0;
33
7
 
34
- require("core-js/modules/es.function.name.js");
35
-
36
- require("core-js/modules/es.object.assign.js");
37
-
38
- require("core-js/modules/es.array.join.js");
39
-
40
- require("core-js/modules/es.array.map.js");
41
-
42
- require("core-js/modules/es.object.to-string.js");
43
-
44
- require("core-js/modules/es.regexp.to-string.js");
45
-
46
- require("core-js/modules/es.regexp.exec.js");
47
-
48
- require("core-js/modules/es.string.match.js");
49
-
50
- require("core-js/modules/web.dom-collections.for-each.js");
51
-
52
- require("core-js/modules/es.string.replace.js");
53
-
54
- require("core-js/modules/es.array.concat.js");
55
-
56
8
  var _react = _interopRequireWildcard(require("react"));
57
9
 
58
10
  var _reactElementToJsxString = _interopRequireDefault(require("react-element-to-jsx-string"));
@@ -69,47 +21,33 @@ var _clientLogger = require("@storybook/client-logger");
69
21
 
70
22
  var _lib = require("./lib");
71
23
 
72
- var _excluded = ["mdxType", "originalType", "children"];
73
-
74
- var _templateObject;
24
+ const _excluded = ["mdxType", "originalType", "children"];
75
25
 
76
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
77
27
 
78
- 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); }
79
-
80
- 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; }
81
-
82
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
28
+ 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); }
83
29
 
84
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
85
-
86
- 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); }
87
-
88
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
89
-
90
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
91
-
92
- 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; }
93
-
94
- 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; }
30
+ 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; }
95
31
 
96
32
  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; }
97
33
 
98
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
99
-
100
34
  /** Run the user supplied onBeforeRender function if it exists */
101
- var applyBeforeRender = function applyBeforeRender(domString, options) {
35
+ const applyBeforeRender = (domString, options) => {
102
36
  if (typeof options.onBeforeRender !== 'function') {
103
37
  return domString;
104
38
  }
105
39
 
106
- var deprecatedOnBeforeRender = (0, _utilDeprecate.default)(options.onBeforeRender, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n StoryFn.parameters.jsx.onBeforeRender was deprecated.\n Prefer StoryFn.parameters.jsx.transformSource instead.\n See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.\n "]))));
40
+ const deprecatedOnBeforeRender = (0, _utilDeprecate.default)(options.onBeforeRender, (0, _tsDedent.default)`
41
+ StoryFn.parameters.jsx.onBeforeRender was deprecated.
42
+ Prefer StoryFn.parameters.jsx.transformSource instead.
43
+ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
44
+ `);
107
45
  return deprecatedOnBeforeRender(domString);
108
46
  };
109
47
  /** Run the user supplied transformSource function if it exists */
110
48
 
111
49
 
112
- var applyTransformSource = function applyTransformSource(domString, options, context) {
50
+ const applyTransformSource = (domString, options, context) => {
113
51
  if (typeof options.transformSource !== 'function') {
114
52
  return domString;
115
53
  }
@@ -119,17 +57,17 @@ var applyTransformSource = function applyTransformSource(domString, options, con
119
57
  /** Apply the users parameters and render the jsx for a story */
120
58
 
121
59
 
122
- var renderJsx = function renderJsx(code, options) {
60
+ const renderJsx = (code, options) => {
123
61
  if (typeof code === 'undefined') {
124
62
  _clientLogger.logger.warn('Too many skip or undefined component');
125
63
 
126
64
  return null;
127
65
  }
128
66
 
129
- var renderedJSX = code;
130
- var Type = renderedJSX.type;
67
+ let renderedJSX = code;
68
+ const Type = renderedJSX.type; // @ts-ignore
131
69
 
132
- for (var i = 0; i < options.skip; i += 1) {
70
+ for (let i = 0; i < options.skip; i += 1) {
133
71
  if (typeof renderedJSX === 'undefined') {
134
72
  _clientLogger.logger.warn('Cannot skip undefined element');
135
73
 
@@ -155,34 +93,28 @@ var renderJsx = function renderJsx(code, options) {
155
93
  }
156
94
  }
157
95
 
158
- var displayNameDefaults = typeof options.displayName === 'string' ? {
96
+ const displayNameDefaults = typeof options.displayName === 'string' ? {
159
97
  showFunctions: true,
160
- displayName: function displayName() {
161
- return options.displayName;
162
- }
98
+ displayName: () => options.displayName
163
99
  } : {
164
100
  // To get exotic component names resolving properly
165
- displayName: function displayName(el) {
166
- return el.type.displayName || (0, _docsTools.getDocgenSection)(el.type, 'displayName') || (el.type.name !== '_default' ? el.type.name : null) || (typeof el.type === 'function' ? 'No Display Name' : null) || ((0, _lib.isForwardRef)(el.type) ? el.type.render.name : null) || ((0, _lib.isMemo)(el.type) ? el.type.type.name : null) || el.type;
167
- }
101
+ displayName: el => el.type.displayName || (0, _docsTools.getDocgenSection)(el.type, 'displayName') || (el.type.name !== '_default' ? el.type.name : null) || (typeof el.type === 'function' ? 'No Display Name' : null) || ((0, _lib.isForwardRef)(el.type) ? el.type.render.name : null) || ((0, _lib.isMemo)(el.type) ? el.type.type.name : null) || el.type
168
102
  };
169
- var filterDefaults = {
170
- filterProps: function filterProps(value, key) {
171
- return value !== undefined;
172
- }
103
+ const filterDefaults = {
104
+ filterProps: (value, key) => value !== undefined
173
105
  };
174
- var opts = Object.assign({}, displayNameDefaults, filterDefaults, options);
106
+ const opts = Object.assign({}, displayNameDefaults, filterDefaults, options);
175
107
 
176
- var result = _react.default.Children.map(code, function (c) {
108
+ const result = _react.default.Children.map(code, c => {
177
109
  // @ts-ignore FIXME: workaround react-element-to-jsx-string
178
- var child = typeof c === 'number' ? c.toString() : c;
179
- var string = applyBeforeRender((0, _reactElementToJsxString.default)(child, opts), options);
110
+ const child = typeof c === 'number' ? c.toString() : c;
111
+ let string = applyBeforeRender((0, _reactElementToJsxString.default)(child, opts), options);
180
112
 
181
113
  if (string.indexOf('&quot;') > -1) {
182
- var matches = string.match(/\S+=\\"([^"]*)\\"/g);
114
+ const matches = string.match(/\S+=\\"([^"]*)\\"/g);
183
115
 
184
116
  if (matches) {
185
- matches.forEach(function (match) {
117
+ matches.forEach(match => {
186
118
  string = string.replace(match, match.replace(/&quot;/g, "'"));
187
119
  });
188
120
  }
@@ -195,18 +127,18 @@ var renderJsx = function renderJsx(code, options) {
195
127
  };
196
128
 
197
129
  exports.renderJsx = renderJsx;
198
- var defaultOpts = {
130
+ const defaultOpts = {
199
131
  skip: 0,
200
132
  showFunctions: false,
201
133
  enableBeautify: true,
202
134
  showDefaultProps: false
203
135
  };
204
136
 
205
- var skipJsxRender = function skipJsxRender(context) {
137
+ const skipJsxRender = context => {
206
138
  var _context$parameters$d;
207
139
 
208
- var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
209
- var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
140
+ const sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
141
+ const isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
210
142
 
211
143
  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _docsTools.SourceType.DYNAMIC) {
212
144
  return false;
@@ -219,40 +151,41 @@ var skipJsxRender = function skipJsxRender(context) {
219
151
 
220
152
  exports.skipJsxRender = skipJsxRender;
221
153
 
222
- var isMdx = function isMdx(node) {
154
+ const isMdx = node => {
223
155
  var _node$type, _node$props;
224
156
 
225
157
  return ((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.displayName) === 'MDXCreateElement' && !!((_node$props = node.props) !== null && _node$props !== void 0 && _node$props.mdxType);
226
158
  };
227
159
 
228
- var mdxToJsx = function mdxToJsx(node) {
160
+ const mdxToJsx = node => {
229
161
  if (!isMdx(node)) return node;
230
162
 
231
- var _node$props2 = node.props,
232
- mdxType = _node$props2.mdxType,
233
- originalType = _node$props2.originalType,
234
- children = _node$props2.children,
235
- rest = _objectWithoutProperties(_node$props2, _excluded);
163
+ const _node$props2 = node.props,
164
+ {
165
+ originalType,
166
+ children
167
+ } = _node$props2,
168
+ rest = _objectWithoutPropertiesLoose(_node$props2, _excluded);
236
169
 
237
- var jsxChildren = [];
170
+ let jsxChildren = [];
238
171
 
239
172
  if (children) {
240
- var array = Array.isArray(children) ? children : [children];
173
+ const array = Array.isArray(children) ? children : [children];
241
174
  jsxChildren = array.map(mdxToJsx);
242
175
  }
243
176
 
244
- return /*#__PURE__*/_react.createElement.apply(void 0, [originalType, rest].concat(_toConsumableArray(jsxChildren)));
177
+ return /*#__PURE__*/(0, _react.createElement)(originalType, rest, ...jsxChildren);
245
178
  };
246
179
 
247
- var jsxDecorator = function jsxDecorator(storyFn, context) {
180
+ const jsxDecorator = (storyFn, context) => {
248
181
  var _context$parameters$d2, _context$parameters$d3;
249
182
 
250
- var channel = _addons.addons.getChannel();
183
+ const channel = _addons.addons.getChannel();
251
184
 
252
- var skip = skipJsxRender(context);
253
- var story = storyFn();
254
- var jsx = '';
255
- (0, _addons.useEffect)(function () {
185
+ const skip = skipJsxRender(context);
186
+ const story = storyFn();
187
+ let jsx = '';
188
+ (0, _addons.useEffect)(() => {
256
189
  if (!skip) channel.emit(_docsTools.SNIPPET_RENDERED, (context || {}).id, jsx);
257
190
  }); // We only need to render JSX if the source block is actually going to
258
191
  // consume it. Otherwise it's just slowing us down.
@@ -261,11 +194,11 @@ var jsxDecorator = function jsxDecorator(storyFn, context) {
261
194
  return story;
262
195
  }
263
196
 
264
- var options = Object.assign({}, defaultOpts, (context === null || context === void 0 ? void 0 : context.parameters.jsx) || {}); // Exclude decorators from source code snippet by default
197
+ const options = Object.assign({}, defaultOpts, (context === null || context === void 0 ? void 0 : context.parameters.jsx) || {}); // Exclude decorators from source code snippet by default
265
198
 
266
- var storyJsx = context !== null && context !== void 0 && (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 && (_context$parameters$d3 = _context$parameters$d2.source) !== null && _context$parameters$d3 !== void 0 && _context$parameters$d3.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
267
- var sourceJsx = mdxToJsx(storyJsx);
268
- var rendered = renderJsx(sourceJsx, options);
199
+ const storyJsx = context !== null && context !== void 0 && (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 && (_context$parameters$d3 = _context$parameters$d2.source) !== null && _context$parameters$d3 !== void 0 && _context$parameters$d3.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
200
+ const sourceJsx = mdxToJsx(storyJsx);
201
+ const rendered = renderJsx(sourceJsx, options);
269
202
 
270
203
  if (rendered) {
271
204
  jsx = applyTransformSource(rendered, options, context);
@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.OBJECT_CAPTION = exports.FUNCTION_CAPTION = exports.ELEMENT_CAPTION = exports.CUSTOM_CAPTION = exports.CLASS_CAPTION = exports.ARRAY_CAPTION = void 0;
7
- var CUSTOM_CAPTION = 'custom';
7
+ const CUSTOM_CAPTION = 'custom';
8
8
  exports.CUSTOM_CAPTION = CUSTOM_CAPTION;
9
- var OBJECT_CAPTION = 'object';
9
+ const OBJECT_CAPTION = 'object';
10
10
  exports.OBJECT_CAPTION = OBJECT_CAPTION;
11
- var ARRAY_CAPTION = 'array';
11
+ const ARRAY_CAPTION = 'array';
12
12
  exports.ARRAY_CAPTION = ARRAY_CAPTION;
13
- var CLASS_CAPTION = 'class';
13
+ const CLASS_CAPTION = 'class';
14
14
  exports.CLASS_CAPTION = CLASS_CAPTION;
15
- var FUNCTION_CAPTION = 'func';
15
+ const FUNCTION_CAPTION = 'func';
16
16
  exports.FUNCTION_CAPTION = FUNCTION_CAPTION;
17
- var ELEMENT_CAPTION = 'element';
17
+ const ELEMENT_CAPTION = 'element';
18
18
  exports.ELEMENT_CAPTION = ELEMENT_CAPTION;
@@ -5,20 +5,10 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.isMemo = exports.isForwardRef = void 0;
7
7
 
8
- require("core-js/modules/es.symbol.js");
9
-
10
- require("core-js/modules/es.symbol.description.js");
11
-
12
- require("core-js/modules/es.object.to-string.js");
13
-
14
- var isMemo = function isMemo(component) {
15
- return component.$$typeof === Symbol.for('react.memo');
16
- };
8
+ const isMemo = component => component.$$typeof === Symbol.for('react.memo');
17
9
 
18
10
  exports.isMemo = isMemo;
19
11
 
20
- var isForwardRef = function isForwardRef(component) {
21
- return component.$$typeof === Symbol.for('react.forward_ref');
22
- };
12
+ const isForwardRef = component => component.$$typeof === Symbol.for('react.forward_ref');
23
13
 
24
14
  exports.isForwardRef = isForwardRef;
@@ -21,30 +21,35 @@ var _generateArray = require("./generateArray");
21
21
 
22
22
  var _prettyIdentifier = require("./prettyIdentifier");
23
23
 
24
- function generateFunc(_ref) {
25
- var inferredType = _ref.inferredType,
26
- ast = _ref.ast;
27
- var _ref2 = inferredType,
28
- identifier = _ref2.identifier;
24
+ function generateFunc({
25
+ inferredType,
26
+ ast
27
+ }) {
28
+ const {
29
+ identifier
30
+ } = inferredType;
29
31
 
30
32
  if (identifier != null) {
31
33
  return (0, _docsTools.createSummaryValue)((0, _prettyIdentifier.getPrettyIdentifier)(inferredType), (0, _generateCode.generateCode)(ast));
32
34
  }
33
35
 
34
- var prettyCaption = (0, _generateCode.generateCode)(ast, true);
36
+ const prettyCaption = (0, _generateCode.generateCode)(ast, true);
35
37
  return !(0, _docsTools.isTooLongForDefaultValueSummary)(prettyCaption) ? (0, _docsTools.createSummaryValue)(prettyCaption) : (0, _docsTools.createSummaryValue)(_captions.FUNCTION_CAPTION, (0, _generateCode.generateCode)(ast));
36
38
  } // All elements are JSX elements.
37
39
  // JSX elements are not supported by escodegen.
38
40
 
39
41
 
40
42
  function generateElement(defaultValue, inspectionResult) {
41
- var inferredType = inspectionResult.inferredType;
42
- var _ref3 = inferredType,
43
- identifier = _ref3.identifier;
43
+ const {
44
+ inferredType
45
+ } = inspectionResult;
46
+ const {
47
+ identifier
48
+ } = inferredType;
44
49
 
45
50
  if (identifier != null) {
46
51
  if (!(0, _isHtmlTag.isHtmlTag)(identifier)) {
47
- var prettyIdentifier = (0, _prettyIdentifier.getPrettyIdentifier)(inferredType);
52
+ const prettyIdentifier = (0, _prettyIdentifier.getPrettyIdentifier)(inferredType);
48
53
  return (0, _docsTools.createSummaryValue)(prettyIdentifier, defaultValue);
49
54
  }
50
55
  }
@@ -54,7 +59,7 @@ function generateElement(defaultValue, inspectionResult) {
54
59
 
55
60
  function createDefaultValue(defaultValue) {
56
61
  try {
57
- var inspectionResult = (0, _inspection.inspectValue)(defaultValue);
62
+ const inspectionResult = (0, _inspection.inspectValue)(defaultValue);
58
63
 
59
64
  switch (inspectionResult.inferredType.type) {
60
65
  case _inspection.InspectionType.OBJECT: