@storybook/react 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.
- package/README.md +1 -47
- package/dist/cjs/config.js +43 -0
- package/dist/cjs/{client/docs → docs}/config.js +3 -7
- package/dist/cjs/docs/extractArgTypes.js +47 -0
- package/dist/cjs/{client/docs → docs}/extractProps.js +9 -29
- package/dist/cjs/docs/jsxDecorator.js +210 -0
- package/dist/cjs/{client/docs → docs}/lib/captions.js +6 -6
- package/dist/cjs/docs/lib/componentTypes.js +14 -0
- package/dist/cjs/{client/docs → docs}/lib/defaultValues/createDefaultValue.js +16 -11
- package/dist/cjs/{client/docs → docs}/lib/defaultValues/createFromRawDefaultProp.js +38 -58
- package/dist/cjs/{client/docs → docs}/lib/defaultValues/generateArray.js +8 -6
- package/dist/cjs/{client/docs → docs}/lib/defaultValues/generateObject.js +8 -6
- package/dist/cjs/{client/docs → docs}/lib/defaultValues/index.js +2 -8
- package/dist/cjs/{client/docs → docs}/lib/defaultValues/prettyIdentifier.js +12 -10
- package/dist/cjs/{client/docs → docs}/lib/generateCode.js +10 -25
- package/dist/cjs/{client/docs → docs}/lib/index.js +4 -10
- package/dist/cjs/{client/docs → docs}/lib/inspection/acornParser.js +34 -58
- package/dist/cjs/{client/docs → docs}/lib/inspection/index.js +2 -8
- package/dist/cjs/{client/docs → docs}/lib/inspection/inspectValue.js +1 -3
- package/dist/cjs/{client/docs → docs}/lib/inspection/types.js +1 -1
- package/dist/cjs/{client/docs → docs}/lib/isHtmlTag.js +0 -4
- package/dist/cjs/{client/docs → docs}/propTypes/createType.js +102 -115
- package/dist/cjs/{client/docs → docs}/propTypes/generateFuncSignature.js +13 -23
- package/dist/cjs/{client/docs → docs}/propTypes/handleProp.js +13 -15
- package/dist/cjs/{client/docs → docs}/propTypes/rawDefaultPropResolvers.js +10 -14
- package/dist/cjs/docs/propTypes/sortProps.js +21 -0
- package/dist/cjs/docs/react-argtypes.stories.js +67 -0
- package/dist/cjs/{client/docs → docs}/typeScript/handleProp.js +11 -11
- package/dist/cjs/{client/index.js → index.js} +14 -19
- package/dist/cjs/{client/preview → preview}/config.js +3 -9
- package/dist/cjs/{client/preview → preview}/globals.js +3 -1
- package/dist/cjs/preview/index.js +44 -0
- package/dist/cjs/preview/render.js +165 -0
- package/dist/cjs/{client/preview → preview}/types-6-0.js +0 -0
- package/dist/cjs/{client/preview → preview}/types-6-3.js +1 -7
- package/dist/cjs/{client/preview → preview}/types-7-0.js +0 -0
- package/dist/cjs/{client/preview → preview}/types.js +0 -0
- package/dist/cjs/{client/testing → testing}/index.js +3 -3
- package/dist/esm/config.js +6 -0
- package/dist/{modern/client → esm}/docs/config.js +0 -2
- package/dist/{modern/client → esm}/docs/extractArgTypes.js +0 -1
- package/dist/{modern/client → esm}/docs/extractProps.js +0 -0
- package/dist/{modern/client → esm}/docs/jsxDecorator.js +11 -18
- package/dist/{modern/client → esm}/docs/lib/captions.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/componentTypes.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/defaultValues/createDefaultValue.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/defaultValues/createFromRawDefaultProp.js +1 -0
- package/dist/{modern/client → esm}/docs/lib/defaultValues/generateArray.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/defaultValues/generateObject.js +0 -0
- package/dist/esm/{client/docs → docs}/lib/defaultValues/index.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/defaultValues/prettyIdentifier.js +6 -6
- package/dist/{modern/client → esm}/docs/lib/generateCode.js +0 -0
- package/dist/esm/{client/docs → docs}/lib/index.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/inspection/acornParser.js +0 -0
- package/dist/esm/{client/docs → docs}/lib/inspection/index.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/inspection/inspectValue.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/inspection/types.js +0 -0
- package/dist/{modern/client → esm}/docs/lib/isHtmlTag.js +0 -0
- package/dist/{modern/client → esm}/docs/propTypes/createType.js +0 -1
- package/dist/{modern/client → esm}/docs/propTypes/generateFuncSignature.js +0 -0
- package/dist/{modern/client → esm}/docs/propTypes/handleProp.js +0 -0
- package/dist/{modern/client → esm}/docs/propTypes/rawDefaultPropResolvers.js +0 -0
- package/dist/{modern/client → esm}/docs/propTypes/sortProps.js +0 -0
- package/dist/{modern/client → esm}/docs/react-argtypes.stories.js +0 -0
- package/dist/{modern/client → esm}/docs/typeScript/handleProp.js +0 -0
- package/dist/{modern/client → esm}/index.js +2 -4
- package/dist/esm/preview/config.js +1 -0
- package/dist/{modern/client → esm}/preview/globals.js +0 -0
- package/dist/{modern/client → esm}/preview/index.js +1 -1
- package/dist/{modern/client → esm}/preview/render.js +2 -2
- package/dist/esm/{client/preview → preview}/types-6-0.js +0 -0
- package/dist/esm/{client/preview → preview}/types-6-3.js +0 -0
- package/dist/esm/{client/preview → preview}/types-7-0.js +0 -0
- package/dist/esm/{client/preview → preview}/types.js +0 -0
- package/dist/{modern/client → esm}/testing/index.js +0 -0
- package/dist/types/config.d.ts +10 -0
- package/dist/types/docs/config.d.ts +10 -0
- package/dist/{ts3.9/client → types}/docs/extractArgTypes.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/extractProps.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/jsxDecorator.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/captions.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/componentTypes.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/defaultValues/createDefaultValue.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/defaultValues/generateArray.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/defaultValues/generateObject.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/defaultValues/index.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/defaultValues/prettyIdentifier.d.ts +1 -1
- package/dist/{ts3.9/client → types}/docs/lib/generateCode.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/index.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/inspection/acornParser.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/inspection/index.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/inspection/inspectValue.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/inspection/types.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/lib/isHtmlTag.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/propTypes/createType.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/propTypes/generateFuncSignature.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/propTypes/handleProp.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/propTypes/rawDefaultPropResolvers.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/propTypes/sortProps.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/react-argtypes.stories.d.ts +0 -0
- package/dist/{ts3.9/client → types}/docs/typeScript/handleProp.d.ts +0 -0
- package/dist/{ts3.9/client → types}/index.d.ts +0 -0
- package/dist/types/preview/config.d.ts +1 -0
- package/dist/{ts3.9/client → types}/preview/globals.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/index.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/render.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types-6-0.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types-6-3.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types-7-0.d.ts +0 -0
- package/dist/{ts3.9/client → types}/preview/types.d.ts +0 -0
- package/dist/{ts3.9/client → types}/testing/index.d.ts +1 -1
- package/package.json +17 -61
- package/preview.js +1 -0
- package/bin/build.js +0 -4
- package/bin/index.js +0 -3
- package/demo.d.ts +0 -32
- package/demo.js +0 -5
- package/dist/cjs/client/docs/extractArgTypes.js +0 -54
- package/dist/cjs/client/docs/jsxDecorator.js +0 -277
- package/dist/cjs/client/docs/lib/componentTypes.js +0 -24
- package/dist/cjs/client/docs/propTypes/sortProps.js +0 -37
- package/dist/cjs/client/docs/react-argtypes.stories.js +0 -129
- package/dist/cjs/client/preview/index.js +0 -52
- package/dist/cjs/client/preview/render.js +0 -296
- package/dist/cjs/demo/Button.js +0 -37
- package/dist/cjs/demo/Welcome.js +0 -126
- package/dist/cjs/server/build.js +0 -9
- package/dist/cjs/server/cra-config.js +0 -69
- package/dist/cjs/server/framework-preset-cra.js +0 -35
- package/dist/cjs/server/framework-preset-react-docs.js +0 -68
- package/dist/cjs/server/framework-preset-react-dom-hack.js +0 -31
- package/dist/cjs/server/framework-preset-react.js +0 -98
- package/dist/cjs/server/index.js +0 -9
- package/dist/cjs/server/options.js +0 -17
- package/dist/cjs/server/preset.js +0 -16
- package/dist/esm/client/docs/config.js +0 -16
- package/dist/esm/client/docs/extractArgTypes.js +0 -39
- package/dist/esm/client/docs/extractProps.js +0 -54
- package/dist/esm/client/docs/jsxDecorator.js +0 -218
- package/dist/esm/client/docs/lib/captions.js +0 -6
- package/dist/esm/client/docs/lib/componentTypes.js +0 -9
- package/dist/esm/client/docs/lib/defaultValues/createDefaultValue.js +0 -67
- package/dist/esm/client/docs/lib/defaultValues/createFromRawDefaultProp.js +0 -191
- package/dist/esm/client/docs/lib/defaultValues/generateArray.js +0 -19
- package/dist/esm/client/docs/lib/defaultValues/generateObject.js +0 -19
- package/dist/esm/client/docs/lib/defaultValues/prettyIdentifier.js +0 -22
- package/dist/esm/client/docs/lib/generateCode.js +0 -68
- package/dist/esm/client/docs/lib/inspection/acornParser.js +0 -213
- package/dist/esm/client/docs/lib/inspection/inspectValue.js +0 -16
- package/dist/esm/client/docs/lib/inspection/types.js +0 -12
- package/dist/esm/client/docs/lib/isHtmlTag.js +0 -6
- package/dist/esm/client/docs/propTypes/createType.js +0 -449
- package/dist/esm/client/docs/propTypes/generateFuncSignature.js +0 -62
- package/dist/esm/client/docs/propTypes/handleProp.js +0 -39
- package/dist/esm/client/docs/propTypes/rawDefaultPropResolvers.js +0 -32
- package/dist/esm/client/docs/propTypes/sortProps.js +0 -24
- package/dist/esm/client/docs/react-argtypes.stories.js +0 -97
- package/dist/esm/client/docs/typeScript/handleProp.js +0 -27
- package/dist/esm/client/index.js +0 -7
- package/dist/esm/client/preview/config.js +0 -4
- package/dist/esm/client/preview/globals.js +0 -6
- package/dist/esm/client/preview/index.js +0 -29
- package/dist/esm/client/preview/render.js +0 -255
- package/dist/esm/client/testing/index.js +0 -96
- package/dist/esm/demo/Button.js +0 -26
- package/dist/esm/demo/Welcome.js +0 -114
- package/dist/esm/server/build.js +0 -3
- package/dist/esm/server/cra-config.js +0 -49
- package/dist/esm/server/framework-preset-cra.js +0 -25
- package/dist/esm/server/framework-preset-react-docs.js +0 -49
- package/dist/esm/server/framework-preset-react-dom-hack.js +0 -21
- package/dist/esm/server/framework-preset-react.js +0 -78
- package/dist/esm/server/index.js +0 -3
- package/dist/esm/server/options.js +0 -8
- package/dist/esm/server/preset.js +0 -5
- package/dist/modern/client/docs/lib/defaultValues/index.js +0 -2
- package/dist/modern/client/docs/lib/index.js +0 -4
- package/dist/modern/client/docs/lib/inspection/index.js +0 -2
- package/dist/modern/client/preview/config.js +0 -4
- package/dist/modern/client/preview/types-6-0.js +0 -1
- package/dist/modern/client/preview/types-6-3.js +0 -10
- package/dist/modern/client/preview/types-7-0.js +0 -1
- package/dist/modern/client/preview/types.js +0 -1
- package/dist/modern/demo/Button.js +0 -25
- package/dist/modern/demo/Welcome.js +0 -108
- package/dist/modern/server/build.js +0 -3
- package/dist/modern/server/cra-config.js +0 -49
- package/dist/modern/server/framework-preset-cra.js +0 -25
- package/dist/modern/server/framework-preset-react-docs.js +0 -49
- package/dist/modern/server/framework-preset-react-dom-hack.js +0 -21
- package/dist/modern/server/framework-preset-react.js +0 -78
- package/dist/modern/server/index.js +0 -3
- package/dist/modern/server/options.js +0 -8
- package/dist/modern/server/preset.js +0 -5
- package/dist/ts3.4/client/docs/config.d.ts +0 -13
- package/dist/ts3.4/client/docs/extractArgTypes.d.ts +0 -2
- package/dist/ts3.4/client/docs/extractProps.d.ts +0 -5
- package/dist/ts3.4/client/docs/jsxDecorator.d.ts +0 -23
- package/dist/ts3.4/client/docs/lib/captions.d.ts +0 -6
- package/dist/ts3.4/client/docs/lib/componentTypes.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/defaultValues/createDefaultValue.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +0 -11
- package/dist/ts3.4/client/docs/lib/defaultValues/generateArray.d.ts +0 -3
- package/dist/ts3.4/client/docs/lib/defaultValues/generateObject.d.ts +0 -3
- package/dist/ts3.4/client/docs/lib/defaultValues/index.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/defaultValues/prettyIdentifier.d.ts +0 -4
- package/dist/ts3.4/client/docs/lib/generateCode.d.ts +0 -3
- package/dist/ts3.4/client/docs/lib/index.d.ts +0 -4
- package/dist/ts3.4/client/docs/lib/inspection/acornParser.d.ts +0 -7
- package/dist/ts3.4/client/docs/lib/inspection/index.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/inspection/inspectValue.d.ts +0 -2
- package/dist/ts3.4/client/docs/lib/inspection/types.d.ts +0 -50
- package/dist/ts3.4/client/docs/lib/isHtmlTag.d.ts +0 -1
- package/dist/ts3.4/client/docs/propTypes/createType.d.ts +0 -2
- package/dist/ts3.4/client/docs/propTypes/generateFuncSignature.d.ts +0 -4
- package/dist/ts3.4/client/docs/propTypes/handleProp.d.ts +0 -5
- package/dist/ts3.4/client/docs/propTypes/rawDefaultPropResolvers.d.ts +0 -1
- package/dist/ts3.4/client/docs/propTypes/sortProps.d.ts +0 -4
- package/dist/ts3.4/client/docs/react-argtypes.stories.d.ts +0 -1
- package/dist/ts3.4/client/docs/typeScript/handleProp.d.ts +0 -3
- package/dist/ts3.4/client/index.d.ts +0 -4
- package/dist/ts3.4/client/preview/config.d.ts +0 -4
- package/dist/ts3.4/client/preview/globals.d.ts +0 -1
- package/dist/ts3.4/client/preview/index.d.ts +0 -25
- package/dist/ts3.4/client/preview/render.d.ts +0 -5
- package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -35
- package/dist/ts3.4/client/preview/types-6-3.d.ts +0 -40
- package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -21
- package/dist/ts3.4/client/preview/types.d.ts +0 -16
- package/dist/ts3.4/client/testing/index.d.ts +0 -84
- package/dist/ts3.4/demo/Button.d.ts +0 -4
- package/dist/ts3.4/demo/Welcome.d.ts +0 -6
- package/dist/ts3.4/server/build.d.ts +0 -1
- package/dist/ts3.4/server/cra-config.d.ts +0 -4
- package/dist/ts3.4/server/framework-preset-cra.d.ts +0 -3
- package/dist/ts3.4/server/framework-preset-react-docs.d.ts +0 -6
- package/dist/ts3.4/server/framework-preset-react-dom-hack.d.ts +0 -32
- package/dist/ts3.4/server/framework-preset-react.d.ts +0 -6
- package/dist/ts3.4/server/index.d.ts +0 -1
- package/dist/ts3.4/server/options.d.ts +0 -3
- package/dist/ts3.4/server/preset.d.ts +0 -3
- package/dist/ts3.9/client/docs/config.d.ts +0 -13
- package/dist/ts3.9/client/preview/config.d.ts +0 -4
- package/dist/ts3.9/demo/Button.d.ts +0 -4
- package/dist/ts3.9/demo/Welcome.d.ts +0 -6
- package/dist/ts3.9/server/build.d.ts +0 -1
- package/dist/ts3.9/server/cra-config.d.ts +0 -4
- package/dist/ts3.9/server/framework-preset-cra.d.ts +0 -3
- package/dist/ts3.9/server/framework-preset-react-docs.d.ts +0 -6
- package/dist/ts3.9/server/framework-preset-react-dom-hack.d.ts +0 -32
- package/dist/ts3.9/server/framework-preset-react.d.ts +0 -6
- package/dist/ts3.9/server/index.d.ts +0 -1
- package/dist/ts3.9/server/options.d.ts +0 -3
- package/dist/ts3.9/server/preset.d.ts +0 -3
- package/preset.js +0 -1
- package/standalone.js +0 -8
- package/types/index.ts +0 -19
- package/types-6-0.d.ts +0 -1
- package/types-7-0.d.ts +0 -1
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
4
|
+
|
|
5
|
+
var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
|
|
6
|
+
|
|
7
|
+
var _components = require("@storybook/components");
|
|
8
|
+
|
|
9
|
+
var _store = require("@storybook/store");
|
|
10
|
+
|
|
11
|
+
var _ = require("..");
|
|
12
|
+
|
|
13
|
+
var _extractArgTypes = require("./extractArgTypes");
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
|
|
17
|
+
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); }
|
|
18
|
+
|
|
19
|
+
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
|
+
|
|
21
|
+
const argsTableProps = component => {
|
|
22
|
+
const argTypes = (0, _extractArgTypes.extractArgTypes)(component);
|
|
23
|
+
const parameters = {
|
|
24
|
+
__isArgsStory: true
|
|
25
|
+
};
|
|
26
|
+
const rows = (0, _store.inferControls)({
|
|
27
|
+
argTypes,
|
|
28
|
+
parameters
|
|
29
|
+
});
|
|
30
|
+
return {
|
|
31
|
+
rows
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
const ArgsStory = ({
|
|
36
|
+
component
|
|
37
|
+
}) => {
|
|
38
|
+
const {
|
|
39
|
+
rows
|
|
40
|
+
} = argsTableProps(component);
|
|
41
|
+
const initialArgs = (0, _mapValues.default)(rows, argType => argType.defaultValue);
|
|
42
|
+
const [args, setArgs] = (0, _react.useState)(initialArgs);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("b", null, "NOTE:"), " these stories are to help visualise the snapshot tests in", ' ', /*#__PURE__*/_react.default.createElement("code", null, "./react-properties.test.js"), "."), /*#__PURE__*/_react.default.createElement(_components.ArgsTable, {
|
|
44
|
+
rows: rows,
|
|
45
|
+
args: args,
|
|
46
|
+
updateArgs: val => setArgs(Object.assign({}, args, val))
|
|
47
|
+
}), /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, "arg name"), /*#__PURE__*/_react.default.createElement("th", null, "argType"))), /*#__PURE__*/_react.default.createElement("tbody", null, Object.entries(args).map(([key, val]) => /*#__PURE__*/_react.default.createElement("tr", {
|
|
48
|
+
key: key
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("code", null, key)), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(rows[key]))))))));
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
const issuesFixtures = ['js-class-component', 'js-function-component', 'js-function-component-inline-defaults', 'js-function-component-inline-defaults-no-propTypes', 'ts-function-component', 'ts-function-component-inline-defaults', '9399-js-proptypes-shape', '8663-js-styled-components', '9626-js-default-values', '9668-js-proptypes-no-jsdoc', '8143-ts-react-fc-generics', '8143-ts-imported-types', '8279-js-styled-docgen', '8140-js-prop-types-oneof', '9023-js-hoc', '8740-ts-multi-props', '9556-ts-react-default-exports', '9592-ts-styled-props', '9591-ts-import-types', '9721-ts-deprecated-jsdoc', '9827-ts-default-values', '9586-js-react-memo', '9575-ts-camel-case', '9493-ts-display-name', '8894-9511-ts-forward-ref', '9465-ts-type-props', '8428-js-static-prop-types', '9764-ts-extend-props', '9922-ts-component-props'];
|
|
53
|
+
const issuesStories = (0, _.storiesOf)('ArgTypes/Issues', module);
|
|
54
|
+
issuesFixtures.forEach(fixture => {
|
|
55
|
+
// eslint-disable-next-line import/no-dynamic-require, global-require
|
|
56
|
+
const {
|
|
57
|
+
component
|
|
58
|
+
} = require(`./__testfixtures__/${fixture}/input`);
|
|
59
|
+
|
|
60
|
+
issuesStories.add(fixture, () => /*#__PURE__*/_react.default.createElement(ArgsStory, {
|
|
61
|
+
component: component
|
|
62
|
+
}), {
|
|
63
|
+
chromatic: {
|
|
64
|
+
disable: true
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
});
|
|
@@ -6,25 +6,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.enhanceTypeScriptProp = enhanceTypeScriptProp;
|
|
7
7
|
exports.enhanceTypeScriptProps = enhanceTypeScriptProps;
|
|
8
8
|
|
|
9
|
-
require("core-js/modules/es.array.map.js");
|
|
10
|
-
|
|
11
9
|
var _defaultValues = require("../lib/defaultValues");
|
|
12
10
|
|
|
13
11
|
function enhanceTypeScriptProp(extractedProp, rawDefaultProp) {
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
const {
|
|
13
|
+
propDef
|
|
14
|
+
} = extractedProp;
|
|
15
|
+
const {
|
|
16
|
+
defaultValue
|
|
17
|
+
} = extractedProp.docgenInfo;
|
|
16
18
|
|
|
17
19
|
if (defaultValue != null && defaultValue.value != null) {
|
|
18
|
-
|
|
20
|
+
const newDefaultValue = (0, _defaultValues.createDefaultValue)(defaultValue.value);
|
|
19
21
|
|
|
20
22
|
if (newDefaultValue != null) {
|
|
21
23
|
propDef.defaultValue = newDefaultValue;
|
|
22
24
|
}
|
|
23
25
|
} else if (rawDefaultProp != null) {
|
|
24
|
-
|
|
26
|
+
const newDefaultValue = (0, _defaultValues.createDefaultValueFromRawDefaultProp)(rawDefaultProp, propDef);
|
|
25
27
|
|
|
26
|
-
if (
|
|
27
|
-
propDef.defaultValue =
|
|
28
|
+
if (newDefaultValue != null) {
|
|
29
|
+
propDef.defaultValue = newDefaultValue;
|
|
28
30
|
}
|
|
29
31
|
}
|
|
30
32
|
|
|
@@ -32,7 +34,5 @@ function enhanceTypeScriptProp(extractedProp, rawDefaultProp) {
|
|
|
32
34
|
}
|
|
33
35
|
|
|
34
36
|
function enhanceTypeScriptProps(extractedProps) {
|
|
35
|
-
return extractedProps.map(
|
|
36
|
-
return enhanceTypeScriptProp(prop);
|
|
37
|
-
});
|
|
37
|
+
return extractedProps.map(prop => enhanceTypeScriptProp(prop));
|
|
38
38
|
}
|
|
@@ -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
|
});
|
|
@@ -21,49 +15,49 @@ var _exportNames = {
|
|
|
21
15
|
};
|
|
22
16
|
Object.defineProperty(exports, "addDecorator", {
|
|
23
17
|
enumerable: true,
|
|
24
|
-
get: function
|
|
18
|
+
get: function () {
|
|
25
19
|
return _preview.addDecorator;
|
|
26
20
|
}
|
|
27
21
|
});
|
|
28
22
|
Object.defineProperty(exports, "addParameters", {
|
|
29
23
|
enumerable: true,
|
|
30
|
-
get: function
|
|
24
|
+
get: function () {
|
|
31
25
|
return _preview.addParameters;
|
|
32
26
|
}
|
|
33
27
|
});
|
|
34
28
|
Object.defineProperty(exports, "configure", {
|
|
35
29
|
enumerable: true,
|
|
36
|
-
get: function
|
|
30
|
+
get: function () {
|
|
37
31
|
return _preview.configure;
|
|
38
32
|
}
|
|
39
33
|
});
|
|
40
34
|
Object.defineProperty(exports, "forceReRender", {
|
|
41
35
|
enumerable: true,
|
|
42
|
-
get: function
|
|
36
|
+
get: function () {
|
|
43
37
|
return _preview.forceReRender;
|
|
44
38
|
}
|
|
45
39
|
});
|
|
46
40
|
Object.defineProperty(exports, "getStorybook", {
|
|
47
41
|
enumerable: true,
|
|
48
|
-
get: function
|
|
42
|
+
get: function () {
|
|
49
43
|
return _preview.getStorybook;
|
|
50
44
|
}
|
|
51
45
|
});
|
|
52
46
|
Object.defineProperty(exports, "raw", {
|
|
53
47
|
enumerable: true,
|
|
54
|
-
get: function
|
|
48
|
+
get: function () {
|
|
55
49
|
return _preview.raw;
|
|
56
50
|
}
|
|
57
51
|
});
|
|
58
52
|
Object.defineProperty(exports, "setAddon", {
|
|
59
53
|
enumerable: true,
|
|
60
|
-
get: function
|
|
54
|
+
get: function () {
|
|
61
55
|
return _preview.setAddon;
|
|
62
56
|
}
|
|
63
57
|
});
|
|
64
58
|
Object.defineProperty(exports, "storiesOf", {
|
|
65
59
|
enumerable: true,
|
|
66
|
-
get: function
|
|
60
|
+
get: function () {
|
|
67
61
|
return _preview.storiesOf;
|
|
68
62
|
}
|
|
69
63
|
});
|
|
@@ -78,7 +72,7 @@ Object.keys(_testing).forEach(function (key) {
|
|
|
78
72
|
if (key in exports && exports[key] === _testing[key]) return;
|
|
79
73
|
Object.defineProperty(exports, key, {
|
|
80
74
|
enumerable: true,
|
|
81
|
-
get: function
|
|
75
|
+
get: function () {
|
|
82
76
|
return _testing[key];
|
|
83
77
|
}
|
|
84
78
|
});
|
|
@@ -92,12 +86,13 @@ Object.keys(_types).forEach(function (key) {
|
|
|
92
86
|
if (key in exports && exports[key] === _types[key]) return;
|
|
93
87
|
Object.defineProperty(exports, key, {
|
|
94
88
|
enumerable: true,
|
|
95
|
-
get: function
|
|
89
|
+
get: function () {
|
|
96
90
|
return _types[key];
|
|
97
91
|
}
|
|
98
92
|
});
|
|
99
93
|
});
|
|
100
94
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
95
|
+
var _module, _module$hot;
|
|
96
|
+
|
|
97
|
+
// optimization: stop HMR propagation in webpack
|
|
98
|
+
(_module = module) === null || _module === void 0 ? void 0 : (_module$hot = _module.hot) === null || _module$hot === void 0 ? void 0 : _module$hot.decline();
|
|
@@ -3,23 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.parameters = void 0;
|
|
7
6
|
Object.defineProperty(exports, "render", {
|
|
8
7
|
enumerable: true,
|
|
9
|
-
get: function
|
|
8
|
+
get: function () {
|
|
10
9
|
return _render.render;
|
|
11
10
|
}
|
|
12
11
|
});
|
|
13
12
|
Object.defineProperty(exports, "renderToDOM", {
|
|
14
13
|
enumerable: true,
|
|
15
|
-
get: function
|
|
14
|
+
get: function () {
|
|
16
15
|
return _render.renderToDOM;
|
|
17
16
|
}
|
|
18
17
|
});
|
|
19
18
|
|
|
20
|
-
var _render = require("./render");
|
|
21
|
-
|
|
22
|
-
var parameters = {
|
|
23
|
-
framework: 'react'
|
|
24
|
-
};
|
|
25
|
-
exports.parameters = parameters;
|
|
19
|
+
var _render = require("./render");
|
|
@@ -4,7 +4,9 @@ var _global = _interopRequireDefault(require("global"));
|
|
|
4
4
|
|
|
5
5
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const {
|
|
8
|
+
window: globalWindow
|
|
9
|
+
} = _global.default;
|
|
8
10
|
|
|
9
11
|
if (globalWindow) {
|
|
10
12
|
globalWindow.STORYBOOK_ENV = 'react';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
|
|
7
|
+
|
|
8
|
+
var _coreClient = require("@storybook/core-client");
|
|
9
|
+
|
|
10
|
+
require("./globals");
|
|
11
|
+
|
|
12
|
+
var _render = require("./render");
|
|
13
|
+
|
|
14
|
+
/* eslint-disable prefer-destructuring */
|
|
15
|
+
const framework = 'react';
|
|
16
|
+
const api = (0, _coreClient.start)(_render.renderToDOM, {
|
|
17
|
+
render: _render.render
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
const storiesOf = (kind, m) => {
|
|
21
|
+
return api.clientApi.storiesOf(kind, m).addParameters({
|
|
22
|
+
framework
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
exports.storiesOf = storiesOf;
|
|
27
|
+
|
|
28
|
+
const configure = (...args) => api.configure(framework, ...args);
|
|
29
|
+
|
|
30
|
+
exports.configure = configure;
|
|
31
|
+
const addDecorator = api.clientApi.addDecorator;
|
|
32
|
+
exports.addDecorator = addDecorator;
|
|
33
|
+
const addParameters = api.clientApi.addParameters;
|
|
34
|
+
exports.addParameters = addParameters;
|
|
35
|
+
const clearDecorators = api.clientApi.clearDecorators;
|
|
36
|
+
exports.clearDecorators = clearDecorators;
|
|
37
|
+
const setAddon = api.clientApi.setAddon;
|
|
38
|
+
exports.setAddon = setAddon;
|
|
39
|
+
const forceReRender = api.forceReRender;
|
|
40
|
+
exports.forceReRender = forceReRender;
|
|
41
|
+
const getStorybook = api.clientApi.getStorybook;
|
|
42
|
+
exports.getStorybook = getStorybook;
|
|
43
|
+
const raw = api.clientApi.raw;
|
|
44
|
+
exports.raw = raw;
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.render = void 0;
|
|
7
|
+
exports.renderToDOM = renderToDOM;
|
|
8
|
+
|
|
9
|
+
var _global = _interopRequireDefault(require("global"));
|
|
10
|
+
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
|
|
13
|
+
var _reactDom = _interopRequireWildcard(require("react-dom"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
|
|
17
|
+
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); }
|
|
18
|
+
|
|
19
|
+
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
|
+
|
|
21
|
+
const {
|
|
22
|
+
FRAMEWORK_OPTIONS
|
|
23
|
+
} = _global.default; // A map of all rendered React 18 nodes
|
|
24
|
+
|
|
25
|
+
const nodes = new Map();
|
|
26
|
+
|
|
27
|
+
const render = (args, context) => {
|
|
28
|
+
const {
|
|
29
|
+
id,
|
|
30
|
+
component: Component
|
|
31
|
+
} = context;
|
|
32
|
+
|
|
33
|
+
if (!Component) {
|
|
34
|
+
throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(Component, args);
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
exports.render = render;
|
|
41
|
+
|
|
42
|
+
const renderElement = async (node, el) => {
|
|
43
|
+
// Create Root Element conditionally for new React 18 Root Api
|
|
44
|
+
const root = await getReactRoot(el);
|
|
45
|
+
return new Promise(resolve => {
|
|
46
|
+
if (root) {
|
|
47
|
+
root.render(node);
|
|
48
|
+
setTimeout(() => {
|
|
49
|
+
resolve(null);
|
|
50
|
+
}, 0);
|
|
51
|
+
} else {
|
|
52
|
+
_reactDom.default.render(node, el, () => resolve(null));
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
const canUseNewReactRootApi = _reactDom.version && (_reactDom.version.startsWith('18') || _reactDom.version.startsWith('0.0.0'));
|
|
58
|
+
|
|
59
|
+
const shouldUseNewRootApi = (FRAMEWORK_OPTIONS === null || FRAMEWORK_OPTIONS === void 0 ? void 0 : FRAMEWORK_OPTIONS.legacyRootApi) !== true;
|
|
60
|
+
const isUsingNewReactRootApi = shouldUseNewRootApi && canUseNewReactRootApi;
|
|
61
|
+
|
|
62
|
+
const unmountElement = el => {
|
|
63
|
+
const root = nodes.get(el);
|
|
64
|
+
|
|
65
|
+
if (root && isUsingNewReactRootApi) {
|
|
66
|
+
root.unmount();
|
|
67
|
+
nodes.delete(el);
|
|
68
|
+
} else {
|
|
69
|
+
_reactDom.default.unmountComponentAtNode(el);
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
const getReactRoot = async el => {
|
|
74
|
+
if (!isUsingNewReactRootApi) {
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
let root = nodes.get(el);
|
|
79
|
+
|
|
80
|
+
if (!root) {
|
|
81
|
+
// eslint-disable-next-line import/no-unresolved
|
|
82
|
+
const reactDomClient = (await Promise.resolve().then(() => _interopRequireWildcard(require('react-dom/client')))).default;
|
|
83
|
+
root = reactDomClient.createRoot(el);
|
|
84
|
+
nodes.set(el, root);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
return root;
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
class ErrorBoundary extends _react.Component {
|
|
91
|
+
constructor(...args) {
|
|
92
|
+
super(...args);
|
|
93
|
+
this.state = {
|
|
94
|
+
hasError: false
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
static getDerivedStateFromError() {
|
|
99
|
+
return {
|
|
100
|
+
hasError: true
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
componentDidMount() {
|
|
105
|
+
const {
|
|
106
|
+
hasError
|
|
107
|
+
} = this.state;
|
|
108
|
+
const {
|
|
109
|
+
showMain
|
|
110
|
+
} = this.props;
|
|
111
|
+
|
|
112
|
+
if (!hasError) {
|
|
113
|
+
showMain();
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
componentDidCatch(err) {
|
|
118
|
+
const {
|
|
119
|
+
showException
|
|
120
|
+
} = this.props; // message partially duplicates stack, strip it
|
|
121
|
+
|
|
122
|
+
showException(err);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
render() {
|
|
126
|
+
const {
|
|
127
|
+
hasError
|
|
128
|
+
} = this.state;
|
|
129
|
+
const {
|
|
130
|
+
children
|
|
131
|
+
} = this.props;
|
|
132
|
+
return hasError ? null : children;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
const Wrapper = FRAMEWORK_OPTIONS !== null && FRAMEWORK_OPTIONS !== void 0 && FRAMEWORK_OPTIONS.strictMode ? _react.StrictMode : _react.Fragment;
|
|
138
|
+
|
|
139
|
+
async function renderToDOM({
|
|
140
|
+
storyContext,
|
|
141
|
+
unboundStoryFn,
|
|
142
|
+
showMain,
|
|
143
|
+
showException,
|
|
144
|
+
forceRemount
|
|
145
|
+
}, domElement) {
|
|
146
|
+
const Story = unboundStoryFn;
|
|
147
|
+
|
|
148
|
+
const content = /*#__PURE__*/_react.default.createElement(ErrorBoundary, {
|
|
149
|
+
showMain: showMain,
|
|
150
|
+
showException: showException
|
|
151
|
+
}, /*#__PURE__*/_react.default.createElement(Story, storyContext)); // For React 15, StrictMode & Fragment doesn't exists.
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
const element = Wrapper ? /*#__PURE__*/_react.default.createElement(Wrapper, null, content) : content; // In most cases, we need to unmount the existing set of components in the DOM node.
|
|
155
|
+
// Otherwise, React may not recreate instances for every story run.
|
|
156
|
+
// This could leads to issues like below:
|
|
157
|
+
// https://github.com/storybookjs/react-storybook/issues/81
|
|
158
|
+
// (This is not the case when we change args or globals to the story however)
|
|
159
|
+
|
|
160
|
+
if (forceRemount) {
|
|
161
|
+
unmountElement(domElement);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
await renderElement(element, domElement);
|
|
165
|
+
}
|
|
File without changes
|
|
@@ -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
|
});
|
|
@@ -17,7 +11,7 @@ Object.keys(_types).forEach(function (key) {
|
|
|
17
11
|
if (key in exports && exports[key] === _types[key]) return;
|
|
18
12
|
Object.defineProperty(exports, key, {
|
|
19
13
|
enumerable: true,
|
|
20
|
-
get: function
|
|
14
|
+
get: function () {
|
|
21
15
|
return _types[key];
|
|
22
16
|
}
|
|
23
17
|
});
|
|
File without changes
|
|
File without changes
|
|
@@ -39,13 +39,13 @@ function setProjectAnnotations(projectAnnotations) {
|
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
function setGlobalConfig(projectAnnotations) {
|
|
42
|
-
_clientLogger.once.warn(
|
|
42
|
+
_clientLogger.once.warn(`setGlobalConfig is deprecated. Use setProjectAnnotations instead.`);
|
|
43
43
|
|
|
44
44
|
setProjectAnnotations(projectAnnotations);
|
|
45
45
|
} // This will not be necessary once we have auto preset loading
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
const defaultProjectAnnotations = {
|
|
49
49
|
render: _render.render
|
|
50
50
|
};
|
|
51
51
|
/**
|
|
@@ -107,6 +107,6 @@ function composeStory(story, componentAnnotations, projectAnnotations, exportsNa
|
|
|
107
107
|
|
|
108
108
|
|
|
109
109
|
function composeStories(csfExports, projectAnnotations) {
|
|
110
|
-
|
|
110
|
+
const composedStories = (0, _store.composeStories)(csfExports, projectAnnotations, composeStory);
|
|
111
111
|
return composedStories;
|
|
112
112
|
}
|
|
@@ -4,8 +4,6 @@ import { jsxDecorator } from './jsxDecorator';
|
|
|
4
4
|
export const parameters = {
|
|
5
5
|
docs: {
|
|
6
6
|
inlineStories: true,
|
|
7
|
-
// NOTE: that the result is a react element. Hooks support is provided by the outer code.
|
|
8
|
-
prepareForInline: storyFn => storyFn(),
|
|
9
7
|
extractArgTypes,
|
|
10
8
|
extractComponentDescription
|
|
11
9
|
}
|
|
File without changes
|
|
@@ -2,6 +2,7 @@ const _excluded = ["mdxType", "originalType", "children"];
|
|
|
2
2
|
|
|
3
3
|
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; }
|
|
4
4
|
|
|
5
|
+
/* eslint-disable no-underscore-dangle */
|
|
5
6
|
import React, { createElement } from 'react';
|
|
6
7
|
import reactElementToJSXString from 'react-element-to-jsx-string';
|
|
7
8
|
import dedent from 'ts-dedent';
|
|
@@ -107,35 +108,29 @@ const defaultOpts = {
|
|
|
107
108
|
showDefaultProps: false
|
|
108
109
|
};
|
|
109
110
|
export const skipJsxRender = context => {
|
|
110
|
-
|
|
111
|
+
const sourceParams = context?.parameters.docs?.source;
|
|
112
|
+
const isArgsStory = context?.parameters.__isArgsStory; // always render if the user forces it
|
|
111
113
|
|
|
112
|
-
|
|
113
|
-
const isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
|
|
114
|
-
|
|
115
|
-
if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
|
|
114
|
+
if (sourceParams?.type === SourceType.DYNAMIC) {
|
|
116
115
|
return false;
|
|
117
116
|
} // never render if the user is forcing the block to render code, or
|
|
118
117
|
// if the user provides code, or if it's not an args story.
|
|
119
118
|
|
|
120
119
|
|
|
121
|
-
return !isArgsStory ||
|
|
120
|
+
return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
|
|
122
121
|
};
|
|
123
122
|
|
|
124
|
-
const isMdx = node =>
|
|
125
|
-
var _node$type, _node$props;
|
|
126
|
-
|
|
127
|
-
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);
|
|
128
|
-
};
|
|
123
|
+
const isMdx = node => node.type?.displayName === 'MDXCreateElement' && !!node.props?.mdxType;
|
|
129
124
|
|
|
130
125
|
const mdxToJsx = node => {
|
|
131
126
|
if (!isMdx(node)) return node;
|
|
132
127
|
|
|
133
|
-
const _node$
|
|
128
|
+
const _node$props = node.props,
|
|
134
129
|
{
|
|
135
130
|
originalType,
|
|
136
131
|
children
|
|
137
|
-
} = _node$
|
|
138
|
-
rest = _objectWithoutPropertiesLoose(_node$
|
|
132
|
+
} = _node$props,
|
|
133
|
+
rest = _objectWithoutPropertiesLoose(_node$props, _excluded);
|
|
139
134
|
|
|
140
135
|
let jsxChildren = [];
|
|
141
136
|
|
|
@@ -148,8 +143,6 @@ const mdxToJsx = node => {
|
|
|
148
143
|
};
|
|
149
144
|
|
|
150
145
|
export const jsxDecorator = (storyFn, context) => {
|
|
151
|
-
var _context$parameters$d2, _context$parameters$d3;
|
|
152
|
-
|
|
153
146
|
const channel = addons.getChannel();
|
|
154
147
|
const skip = skipJsxRender(context);
|
|
155
148
|
const story = storyFn();
|
|
@@ -163,9 +156,9 @@ export const jsxDecorator = (storyFn, context) => {
|
|
|
163
156
|
return story;
|
|
164
157
|
}
|
|
165
158
|
|
|
166
|
-
const options = Object.assign({}, defaultOpts,
|
|
159
|
+
const options = Object.assign({}, defaultOpts, context?.parameters.jsx || {}); // Exclude decorators from source code snippet by default
|
|
167
160
|
|
|
168
|
-
const storyJsx = context
|
|
161
|
+
const storyJsx = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
|
|
169
162
|
const sourceJsx = mdxToJsx(storyJsx);
|
|
170
163
|
const rendered = renderJsx(sourceJsx, options);
|
|
171
164
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { InspectionType } from '../inspection';
|
|
2
|
+
export function getPrettyFuncIdentifier(identifier, hasArguments) {
|
|
3
|
+
return hasArguments ? `${identifier}( ... )` : `${identifier}()`;
|
|
4
|
+
}
|
|
5
|
+
export function getPrettyElementIdentifier(identifier) {
|
|
6
|
+
return `<${identifier} />`;
|
|
7
|
+
}
|
|
2
8
|
export function getPrettyIdentifier(inferredType) {
|
|
3
9
|
const {
|
|
4
10
|
type,
|
|
@@ -15,10 +21,4 @@ export function getPrettyIdentifier(inferredType) {
|
|
|
15
21
|
default:
|
|
16
22
|
return identifier;
|
|
17
23
|
}
|
|
18
|
-
}
|
|
19
|
-
export function getPrettyFuncIdentifier(identifier, hasArguments) {
|
|
20
|
-
return hasArguments ? `${identifier}( ... )` : `${identifier}()`;
|
|
21
|
-
}
|
|
22
|
-
export function getPrettyElementIdentifier(identifier) {
|
|
23
|
-
return `<${identifier} />`;
|
|
24
24
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|