@storybook/react 7.0.0-alpha.0 → 7.0.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/config.js +4 -12
- package/dist/cjs/docs/config.js +3 -7
- package/dist/cjs/docs/extractArgTypes.js +20 -27
- package/dist/cjs/docs/extractProps.js +9 -29
- package/dist/cjs/docs/jsxDecorator.js +50 -117
- package/dist/cjs/docs/lib/captions.js +6 -6
- package/dist/cjs/docs/lib/componentTypes.js +2 -12
- package/dist/cjs/docs/lib/defaultValues/createDefaultValue.js +16 -11
- package/dist/cjs/docs/lib/defaultValues/createFromRawDefaultProp.js +38 -58
- package/dist/cjs/docs/lib/defaultValues/generateArray.js +8 -6
- package/dist/cjs/docs/lib/defaultValues/generateObject.js +8 -6
- package/dist/cjs/docs/lib/defaultValues/index.js +2 -8
- package/dist/cjs/docs/lib/defaultValues/prettyIdentifier.js +6 -4
- package/dist/cjs/docs/lib/generateCode.js +10 -25
- package/dist/cjs/docs/lib/index.js +4 -10
- package/dist/cjs/docs/lib/inspection/acornParser.js +34 -58
- package/dist/cjs/docs/lib/inspection/index.js +2 -8
- package/dist/cjs/docs/lib/inspection/inspectValue.js +1 -3
- package/dist/cjs/docs/lib/inspection/types.js +1 -1
- package/dist/cjs/docs/lib/isHtmlTag.js +0 -4
- package/dist/cjs/docs/propTypes/createType.js +102 -115
- package/dist/cjs/docs/propTypes/generateFuncSignature.js +13 -23
- package/dist/cjs/docs/propTypes/handleProp.js +13 -15
- package/dist/cjs/docs/propTypes/rawDefaultPropResolvers.js +10 -14
- package/dist/cjs/docs/propTypes/sortProps.js +4 -20
- package/dist/cjs/docs/react-argtypes.stories.js +30 -92
- package/dist/cjs/docs/typeScript/handleProp.js +11 -11
- package/dist/cjs/index.js +10 -16
- package/dist/cjs/preview/config.js +2 -2
- package/dist/cjs/preview/globals.js +3 -1
- package/dist/cjs/preview/index.js +12 -20
- package/dist/cjs/preview/render.js +113 -258
- package/dist/cjs/preview/types-6-3.js +1 -7
- package/dist/cjs/testing/index.js +3 -3
- package/dist/esm/docs/config.js +0 -2
- package/dist/types/config.d.ts +0 -1
- package/dist/types/docs/config.d.ts +1 -4
- package/package.json +7 -7
package/dist/cjs/config.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
35
|
+
get: function () {
|
|
44
36
|
return _config2[key];
|
|
45
37
|
}
|
|
46
38
|
});
|
|
47
39
|
});
|
|
48
|
-
|
|
40
|
+
const parameters = Object.assign({
|
|
49
41
|
framework: 'react'
|
|
50
42
|
}, _config.parameters);
|
|
51
43
|
exports.parameters = parameters;
|
package/dist/cjs/docs/config.js
CHANGED
|
@@ -11,19 +11,15 @@ var _extractArgTypes = require("./extractArgTypes");
|
|
|
11
11
|
|
|
12
12
|
var _jsxDecorator = require("./jsxDecorator");
|
|
13
13
|
|
|
14
|
-
|
|
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
|
-
|
|
22
|
+
const decorators = [_jsxDecorator.jsxDecorator];
|
|
27
23
|
exports.decorators = decorators;
|
|
28
|
-
|
|
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("
|
|
8
|
+
var _extractProps = require("./extractProps");
|
|
9
9
|
|
|
10
|
-
|
|
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
|
-
|
|
23
|
-
|
|
12
|
+
const {
|
|
13
|
+
rows
|
|
14
|
+
} = (0, _extractProps.extractProps)(component);
|
|
24
15
|
|
|
25
16
|
if (rows) {
|
|
26
|
-
return rows.reduce(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
|
36
|
-
description
|
|
28
|
+
name,
|
|
29
|
+
description,
|
|
37
30
|
type: Object.assign({
|
|
38
|
-
required
|
|
31
|
+
required
|
|
39
32
|
}, sbType),
|
|
40
33
|
table: {
|
|
41
|
-
type
|
|
42
|
-
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
|
-
|
|
37
|
-
Object.keys(_propTypes.default).forEach(
|
|
20
|
+
const propTypesMap = new Map();
|
|
21
|
+
Object.keys(_propTypes.default).forEach(typeName => {
|
|
38
22
|
// @ts-ignore
|
|
39
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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(
|
|
66
|
-
return x.propDef;
|
|
67
|
-
});
|
|
49
|
+
return extractedProps.map(x => x.propDef);
|
|
68
50
|
}
|
|
69
51
|
}
|
|
70
52
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
35
|
+
const applyBeforeRender = (domString, options) => {
|
|
102
36
|
if (typeof options.onBeforeRender !== 'function') {
|
|
103
37
|
return domString;
|
|
104
38
|
}
|
|
105
39
|
|
|
106
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
130
|
-
|
|
67
|
+
let renderedJSX = code;
|
|
68
|
+
const Type = renderedJSX.type;
|
|
131
69
|
|
|
132
|
-
for (
|
|
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
|
-
|
|
96
|
+
const displayNameDefaults = typeof options.displayName === 'string' ? {
|
|
159
97
|
showFunctions: true,
|
|
160
|
-
displayName:
|
|
161
|
-
return options.displayName;
|
|
162
|
-
}
|
|
98
|
+
displayName: () => options.displayName
|
|
163
99
|
} : {
|
|
164
100
|
// To get exotic component names resolving properly
|
|
165
|
-
displayName:
|
|
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
|
-
|
|
170
|
-
filterProps:
|
|
171
|
-
return value !== undefined;
|
|
172
|
-
}
|
|
103
|
+
const filterDefaults = {
|
|
104
|
+
filterProps: (value, key) => value !== undefined
|
|
173
105
|
};
|
|
174
|
-
|
|
106
|
+
const opts = Object.assign({}, displayNameDefaults, filterDefaults, options);
|
|
175
107
|
|
|
176
|
-
|
|
108
|
+
const result = _react.default.Children.map(code, c => {
|
|
177
109
|
// @ts-ignore FIXME: workaround react-element-to-jsx-string
|
|
178
|
-
|
|
179
|
-
|
|
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('"') > -1) {
|
|
182
|
-
|
|
114
|
+
const matches = string.match(/\S+=\\"([^"]*)\\"/g);
|
|
183
115
|
|
|
184
116
|
if (matches) {
|
|
185
|
-
matches.forEach(
|
|
117
|
+
matches.forEach(match => {
|
|
186
118
|
string = string.replace(match, match.replace(/"/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
|
-
|
|
130
|
+
const defaultOpts = {
|
|
199
131
|
skip: 0,
|
|
200
132
|
showFunctions: false,
|
|
201
133
|
enableBeautify: true,
|
|
202
134
|
showDefaultProps: false
|
|
203
135
|
};
|
|
204
136
|
|
|
205
|
-
|
|
137
|
+
const skipJsxRender = context => {
|
|
206
138
|
var _context$parameters$d;
|
|
207
139
|
|
|
208
|
-
|
|
209
|
-
|
|
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
|
-
|
|
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
|
-
|
|
160
|
+
const mdxToJsx = node => {
|
|
229
161
|
if (!isMdx(node)) return node;
|
|
230
162
|
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
163
|
+
const _node$props2 = node.props,
|
|
164
|
+
{
|
|
165
|
+
originalType,
|
|
166
|
+
children
|
|
167
|
+
} = _node$props2,
|
|
168
|
+
rest = _objectWithoutPropertiesLoose(_node$props2, _excluded);
|
|
236
169
|
|
|
237
|
-
|
|
170
|
+
let jsxChildren = [];
|
|
238
171
|
|
|
239
172
|
if (children) {
|
|
240
|
-
|
|
173
|
+
const array = Array.isArray(children) ? children : [children];
|
|
241
174
|
jsxChildren = array.map(mdxToJsx);
|
|
242
175
|
}
|
|
243
176
|
|
|
244
|
-
return /*#__PURE__*/_react.createElement
|
|
177
|
+
return /*#__PURE__*/(0, _react.createElement)(originalType, rest, ...jsxChildren);
|
|
245
178
|
};
|
|
246
179
|
|
|
247
|
-
|
|
180
|
+
const jsxDecorator = (storyFn, context) => {
|
|
248
181
|
var _context$parameters$d2, _context$parameters$d3;
|
|
249
182
|
|
|
250
|
-
|
|
183
|
+
const channel = _addons.addons.getChannel();
|
|
251
184
|
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
(0, _addons.useEffect)(
|
|
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
|
-
|
|
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
|
-
|
|
267
|
-
|
|
268
|
-
|
|
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
|
-
|
|
7
|
+
const CUSTOM_CAPTION = 'custom';
|
|
8
8
|
exports.CUSTOM_CAPTION = CUSTOM_CAPTION;
|
|
9
|
-
|
|
9
|
+
const OBJECT_CAPTION = 'object';
|
|
10
10
|
exports.OBJECT_CAPTION = OBJECT_CAPTION;
|
|
11
|
-
|
|
11
|
+
const ARRAY_CAPTION = 'array';
|
|
12
12
|
exports.ARRAY_CAPTION = ARRAY_CAPTION;
|
|
13
|
-
|
|
13
|
+
const CLASS_CAPTION = 'class';
|
|
14
14
|
exports.CLASS_CAPTION = CLASS_CAPTION;
|
|
15
|
-
|
|
15
|
+
const FUNCTION_CAPTION = 'func';
|
|
16
16
|
exports.FUNCTION_CAPTION = FUNCTION_CAPTION;
|
|
17
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
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
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
-
|
|
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
|
-
|
|
62
|
+
const inspectionResult = (0, _inspection.inspectValue)(defaultValue);
|
|
58
63
|
|
|
59
64
|
switch (inspectionResult.inferredType.type) {
|
|
60
65
|
case _inspection.InspectionType.OBJECT:
|