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.array.slice.js");
|
6 |
|
7 | require("core-js/modules/es.object.freeze.js");
|
8 |
|
9 | require("core-js/modules/es.weak-map.js");
|
10 |
|
11 | require("core-js/modules/es.object.get-own-property-descriptor.js");
|
12 |
|
13 | require("core-js/modules/es.symbol.js");
|
14 |
|
15 | require("core-js/modules/es.symbol.description.js");
|
16 |
|
17 | require("core-js/modules/es.symbol.iterator.js");
|
18 |
|
19 | Object.defineProperty(exports, "__esModule", {
|
20 | value: true
|
21 | });
|
22 | exports.DocsContainer = void 0;
|
23 |
|
24 | require("core-js/modules/es.object.assign.js");
|
25 |
|
26 | require("core-js/modules/web.url.js");
|
27 |
|
28 | require("core-js/modules/es.object.to-string.js");
|
29 |
|
30 | require("core-js/modules/es.string.iterator.js");
|
31 |
|
32 | require("core-js/modules/es.array.iterator.js");
|
33 |
|
34 | require("core-js/modules/web.dom-collections.iterator.js");
|
35 |
|
36 | var _react = _interopRequireWildcard(require("react"));
|
37 |
|
38 | var _global = _interopRequireDefault(require("global"));
|
39 |
|
40 | var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
|
41 |
|
42 | var _tsDedent = _interopRequireDefault(require("ts-dedent"));
|
43 |
|
44 | var _react2 = require("@mdx-js/react");
|
45 |
|
46 | var _theming = require("@storybook/theming");
|
47 |
|
48 | var _components = require("@storybook/components");
|
49 |
|
50 | var _DocsContext = require("./DocsContext");
|
51 |
|
52 | var _Anchor = require("./Anchor");
|
53 |
|
54 | var _Story = require("./Story");
|
55 |
|
56 | var _SourceContainer = require("./SourceContainer");
|
57 |
|
58 | var _mdx = require("./mdx");
|
59 |
|
60 | var _utils = require("./utils");
|
61 |
|
62 | var _templateObject;
|
63 |
|
64 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
65 |
|
66 | function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
67 |
|
68 | 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; }
|
69 |
|
70 | function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
71 |
|
72 | var document = _global.default.document,
|
73 | globalWindow = _global.default.window;
|
74 | var defaultComponents = Object.assign({}, _components.components, {
|
75 | code: _mdx.CodeOrSourceMdx,
|
76 | a: _mdx.AnchorMdx
|
77 | }, _mdx.HeadersMdx);
|
78 | var warnOptionsTheme = (0, _utilDeprecate.default)(function () {}, (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n Deprecated parameter: options.theme => docs.theme\n\n https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming\n"]))));
|
79 |
|
80 | var DocsContainer = function DocsContainer(_ref) {
|
81 | var context = _ref.context,
|
82 | children = _ref.children;
|
83 | var storyId = context.id,
|
84 | storyById = context.storyById;
|
85 |
|
86 | var _storyById = storyById(storyId),
|
87 | _storyById$parameters = _storyById.parameters,
|
88 | _storyById$parameters2 = _storyById$parameters.options,
|
89 | options = _storyById$parameters2 === void 0 ? {} : _storyById$parameters2,
|
90 | _storyById$parameters3 = _storyById$parameters.docs,
|
91 | docs = _storyById$parameters3 === void 0 ? {} : _storyById$parameters3;
|
92 |
|
93 | var themeVars = docs.theme;
|
94 |
|
95 | if (!themeVars && options.theme) {
|
96 | warnOptionsTheme();
|
97 | themeVars = options.theme;
|
98 | }
|
99 |
|
100 | var theme = (0, _theming.ensure)(themeVars);
|
101 | var allComponents = Object.assign({}, defaultComponents, docs.components);
|
102 | (0, _react.useEffect)(function () {
|
103 | var url;
|
104 |
|
105 | try {
|
106 | url = new URL(globalWindow.parent.location);
|
107 | } catch (err) {
|
108 | return;
|
109 | }
|
110 |
|
111 | if (url.hash) {
|
112 | var element = document.getElementById(url.hash.substring(1));
|
113 |
|
114 | if (element) {
|
115 |
|
116 | setTimeout(function () {
|
117 | (0, _utils.scrollToElement)(element);
|
118 | }, 200);
|
119 | }
|
120 | } else {
|
121 | var _element = document.getElementById((0, _Anchor.anchorBlockIdFromId)(storyId)) || document.getElementById((0, _Story.storyBlockIdFromId)(storyId));
|
122 |
|
123 | if (_element) {
|
124 | var allStories = _element.parentElement.querySelectorAll('[id|="anchor-"]');
|
125 |
|
126 | var scrollTarget = _element;
|
127 |
|
128 | if (allStories && allStories[0] === _element) {
|
129 |
|
130 | scrollTarget = document.getElementById('docs-root');
|
131 | }
|
132 |
|
133 |
|
134 | setTimeout(function () {
|
135 | (0, _utils.scrollToElement)(scrollTarget, 'start');
|
136 | }, 200);
|
137 | }
|
138 | }
|
139 | }, [storyId]);
|
140 | return _react.default.createElement(_DocsContext.DocsContext.Provider, {
|
141 | value: context
|
142 | }, _react.default.createElement(_SourceContainer.SourceContainer, null, _react.default.createElement(_theming.ThemeProvider, {
|
143 | theme: theme
|
144 | }, _react.default.createElement(_react2.MDXProvider, {
|
145 | components: allComponents
|
146 | }, _react.default.createElement(_components.DocsWrapper, {
|
147 | className: "sbdocs sbdocs-wrapper"
|
148 | }, _react.default.createElement(_components.DocsContent, {
|
149 | className: "sbdocs sbdocs-content"
|
150 | }, children))))));
|
151 | };
|
152 |
|
153 | exports.DocsContainer = DocsContainer; |
\ | No newline at end of file |