1 | "use strict";
|
2 |
|
3 | function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4 |
|
5 | require("core-js/modules/es.symbol.js");
|
6 |
|
7 | require("core-js/modules/es.weak-map.js");
|
8 |
|
9 | require("core-js/modules/es.object.to-string.js");
|
10 |
|
11 | require("core-js/modules/es.string.iterator.js");
|
12 |
|
13 | require("core-js/modules/es.array.iterator.js");
|
14 |
|
15 | require("core-js/modules/web.dom-collections.iterator.js");
|
16 |
|
17 | require("core-js/modules/es.object.get-own-property-descriptor.js");
|
18 |
|
19 | require("core-js/modules/es.symbol.description.js");
|
20 |
|
21 | require("core-js/modules/es.symbol.iterator.js");
|
22 |
|
23 | Object.defineProperty(exports, "__esModule", {
|
24 | value: true
|
25 | });
|
26 | Object.defineProperty(exports, "SourceState", {
|
27 | enumerable: true,
|
28 | get: function get() {
|
29 | return _Source.SourceState;
|
30 | }
|
31 | });
|
32 | exports.Canvas = void 0;
|
33 |
|
34 | require("core-js/modules/es.object.assign.js");
|
35 |
|
36 | require("core-js/modules/es.array.filter.js");
|
37 |
|
38 | require("core-js/modules/es.function.name.js");
|
39 |
|
40 | require("core-js/modules/es.array.map.js");
|
41 |
|
42 | require("core-js/modules/es.object.keys.js");
|
43 |
|
44 | var _react = _interopRequireWildcard(require("react"));
|
45 |
|
46 | var _react2 = require("@mdx-js/react");
|
47 |
|
48 | var _csf = require("@storybook/csf");
|
49 |
|
50 | var _components = require("@storybook/components");
|
51 |
|
52 | var _DocsContext = require("./DocsContext");
|
53 |
|
54 | var _SourceContainer = require("./SourceContainer");
|
55 |
|
56 | var _Source = require("./Source");
|
57 |
|
58 | var _useStory = require("./useStory");
|
59 |
|
60 | function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
61 |
|
62 | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
63 |
|
64 | 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; }
|
65 |
|
66 | 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; }
|
67 |
|
68 | var getPreviewProps = function getPreviewProps(_ref, docsContext, sourceContext) {
|
69 | var withSource = _ref.withSource,
|
70 | mdxSource = _ref.mdxSource,
|
71 | children = _ref.children,
|
72 | props = _objectWithoutProperties(_ref, ["withSource", "mdxSource", "children"]);
|
73 |
|
74 | var mdxComponentAnnotations = docsContext.mdxComponentAnnotations,
|
75 | mdxStoryNameToKey = docsContext.mdxStoryNameToKey;
|
76 | var sourceState = withSource;
|
77 | var isLoading = false;
|
78 |
|
79 | if (sourceState === _Source.SourceState.NONE) {
|
80 | return {
|
81 | isLoading: isLoading,
|
82 | previewProps: props
|
83 | };
|
84 | }
|
85 |
|
86 | if (mdxSource) {
|
87 | return {
|
88 | isLoading: isLoading,
|
89 | previewProps: Object.assign({}, props, {
|
90 | withSource: (0, _Source.getSourceProps)({
|
91 | code: decodeURI(mdxSource)
|
92 | }, docsContext, sourceContext)
|
93 | })
|
94 | };
|
95 | }
|
96 |
|
97 | var childArray = Array.isArray(children) ? children : [children];
|
98 | var storyChildren = childArray.filter(function (c) {
|
99 | return c.props && (c.props.id || c.props.name);
|
100 | });
|
101 | var targetIds = storyChildren.map(function (s) {
|
102 | return s.props.id || (0, _csf.toId)(mdxComponentAnnotations.id || mdxComponentAnnotations.title, (0, _csf.storyNameFromExport)(mdxStoryNameToKey[s.props.name]));
|
103 | });
|
104 | var sourceProps = (0, _Source.getSourceProps)({
|
105 | ids: targetIds
|
106 | }, docsContext, sourceContext);
|
107 | if (!sourceState) sourceState = sourceProps.state;
|
108 | var stories = (0, _useStory.useStories)(targetIds, docsContext);
|
109 | isLoading = stories.some(function (s) {
|
110 | return !s;
|
111 | });
|
112 | return {
|
113 | isLoading: isLoading,
|
114 | previewProps: Object.assign({}, props, {
|
115 |
|
116 | withSource: sourceProps,
|
117 | isExpanded: sourceState === _Source.SourceState.OPEN
|
118 | })
|
119 | };
|
120 | };
|
121 |
|
122 | var Canvas = function Canvas(props) {
|
123 | var docsContext = (0, _react.useContext)(_DocsContext.DocsContext);
|
124 | var sourceContext = (0, _react.useContext)(_SourceContainer.SourceContext);
|
125 |
|
126 | var _getPreviewProps = getPreviewProps(props, docsContext, sourceContext),
|
127 | isLoading = _getPreviewProps.isLoading,
|
128 | previewProps = _getPreviewProps.previewProps;
|
129 |
|
130 | var children = props.children;
|
131 | if (isLoading) return _react.default.createElement(_components.PreviewSkeleton, null);
|
132 | return _react.default.createElement(_react2.MDXProvider, {
|
133 | components: _components.resetComponents
|
134 | }, _react.default.createElement(_components.Preview, previewProps, children));
|
135 | };
|
136 |
|
137 | exports.Canvas = Canvas; |
\ | No newline at end of file |