1 | "use strict";
|
2 |
|
3 | require("core-js/modules/es.symbol");
|
4 |
|
5 | require("core-js/modules/es.symbol.description");
|
6 |
|
7 | require("core-js/modules/es.symbol.iterator");
|
8 |
|
9 | require("core-js/modules/es.array.for-each");
|
10 |
|
11 | require("core-js/modules/es.array.index-of");
|
12 |
|
13 | require("core-js/modules/es.array.is-array");
|
14 |
|
15 | require("core-js/modules/es.array.iterator");
|
16 |
|
17 | require("core-js/modules/es.array.map");
|
18 |
|
19 | require("core-js/modules/es.array.reduce");
|
20 |
|
21 | require("core-js/modules/es.date.to-string");
|
22 |
|
23 | require("core-js/modules/es.object.assign");
|
24 |
|
25 | require("core-js/modules/es.object.define-property");
|
26 |
|
27 | require("core-js/modules/es.object.entries");
|
28 |
|
29 | require("core-js/modules/es.object.keys");
|
30 |
|
31 | require("core-js/modules/es.object.to-string");
|
32 |
|
33 | require("core-js/modules/es.object.values");
|
34 |
|
35 | require("core-js/modules/es.regexp.exec");
|
36 |
|
37 | require("core-js/modules/es.regexp.to-string");
|
38 |
|
39 | require("core-js/modules/es.string.iterator");
|
40 |
|
41 | require("core-js/modules/es.string.split");
|
42 |
|
43 | require("core-js/modules/web.dom-collections.for-each");
|
44 |
|
45 | require("core-js/modules/web.dom-collections.iterator");
|
46 |
|
47 | Object.defineProperty(exports, "__esModule", {
|
48 | value: true
|
49 | });
|
50 | exports["default"] = exports.NotesLink = exports.SyntaxHighlighter = void 0;
|
51 |
|
52 | var _react = _interopRequireWildcard(require("react"));
|
53 |
|
54 | var _addons = require("@storybook/addons");
|
55 |
|
56 | var _api = require("@storybook/api");
|
57 |
|
58 | var _router = require("@storybook/router");
|
59 |
|
60 | var _theming = require("@storybook/theming");
|
61 |
|
62 | var _components = require("@storybook/components");
|
63 |
|
64 | var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
|
65 |
|
66 | var _giphy = _interopRequireDefault(require("./giphy"));
|
67 |
|
68 | var _formatter = require("./formatter");
|
69 |
|
70 | var _shared = require("./shared");
|
71 |
|
72 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
73 |
|
74 | function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
75 |
|
76 | 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; }
|
77 |
|
78 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
79 |
|
80 | function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
81 |
|
82 | function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
83 |
|
84 | function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
85 |
|
86 | function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
87 |
|
88 | function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
89 |
|
90 | 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; }
|
91 |
|
92 | 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; }
|
93 |
|
94 | 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); }
|
95 |
|
96 | var Panel = _theming.styled.div(function (_ref) {
|
97 | var theme = _ref.theme;
|
98 | return Object.assign({
|
99 | padding: '3rem 40px',
|
100 | boxSizing: 'border-box',
|
101 | width: '100%',
|
102 | maxWidth: 980,
|
103 | margin: '0 auto'
|
104 | }, theme.addonNotesTheme || {});
|
105 | });
|
106 |
|
107 | function read(param) {
|
108 | if (!param) {
|
109 | return undefined;
|
110 | }
|
111 |
|
112 | if (typeof param === 'string') {
|
113 | return param;
|
114 | }
|
115 |
|
116 | if ('disable' in param) {
|
117 | return undefined;
|
118 | }
|
119 |
|
120 | if ('text' in param) {
|
121 | return param.text;
|
122 | }
|
123 |
|
124 | if ('markdown' in param) {
|
125 | return param.markdown;
|
126 | }
|
127 |
|
128 | if (_typeof(param) === 'object') {
|
129 | return param;
|
130 | }
|
131 |
|
132 | return undefined;
|
133 | }
|
134 |
|
135 | var SyntaxHighlighter = function SyntaxHighlighter(_ref2) {
|
136 | var className = _ref2.className,
|
137 | children = _ref2.children,
|
138 | props = _objectWithoutProperties(_ref2, ["className", "children"]);
|
139 |
|
140 |
|
141 | if (typeof className !== 'string') {
|
142 | return _react["default"].createElement("code", null, children);
|
143 | }
|
144 |
|
145 |
|
146 | var language = className.split('-');
|
147 | return _react["default"].createElement(_components.SyntaxHighlighter, _extends({
|
148 | language: language[1] || 'plaintext',
|
149 | bordered: true,
|
150 | format: false,
|
151 | copyable: true
|
152 | }, props), children);
|
153 | };
|
154 |
|
155 | exports.SyntaxHighlighter = SyntaxHighlighter;
|
156 |
|
157 | var NotesLink = function NotesLink(_ref3) {
|
158 | var href = _ref3.href,
|
159 | children = _ref3.children,
|
160 | props = _objectWithoutProperties(_ref3, ["href", "children"]);
|
161 |
|
162 |
|
163 | var isAbsoluteUrl = /^[a-z][a-z0-9+.-]*:/.test(href);
|
164 | var isAnchorUrl = /^#.*/.test(href);
|
165 |
|
166 | if (isAbsoluteUrl || isAnchorUrl) {
|
167 | return _react["default"].createElement("a", _extends({
|
168 | href: href
|
169 | }, props), children);
|
170 | }
|
171 |
|
172 | return _react["default"].createElement(_router.Link, _extends({
|
173 | to: href
|
174 | }, props), children);
|
175 | };
|
176 |
|
177 |
|
178 |
|
179 | exports.NotesLink = NotesLink;
|
180 | var defaultOptions = {
|
181 | overrides: {
|
182 | code: SyntaxHighlighter,
|
183 | a: NotesLink,
|
184 | Giphy: {
|
185 | component: _giphy["default"]
|
186 | }
|
187 | }
|
188 | };
|
189 |
|
190 | var mapper = function mapper(_ref4) {
|
191 | var state = _ref4.state,
|
192 | api = _ref4.api;
|
193 | var extraElements = Object.entries(api.getElements(_addons.types.NOTES_ELEMENT)).reduce(function (acc, _ref5) {
|
194 | var _ref6 = _slicedToArray(_ref5, 2),
|
195 | k = _ref6[0],
|
196 | v = _ref6[1];
|
197 |
|
198 | return Object.assign({}, acc, _defineProperty({}, k, v.render));
|
199 | }, {});
|
200 | var options = Object.assign({}, defaultOptions, {
|
201 | overrides: Object.assign({}, defaultOptions.overrides, {}, extraElements)
|
202 | });
|
203 | var story = state.storiesHash[state.storyId];
|
204 | var value = read(story ? api.getParameters(story.id, _shared.PARAM_KEY) : undefined);
|
205 | return {
|
206 | options: options,
|
207 | value: value
|
208 | };
|
209 | };
|
210 |
|
211 | var NotesPanel = function NotesPanel(_ref7) {
|
212 | var active = _ref7.active;
|
213 |
|
214 | if (!active) {
|
215 | return null;
|
216 | }
|
217 |
|
218 | return _react["default"].createElement(_api.Consumer, {
|
219 | filter: mapper
|
220 | }, function (_ref8) {
|
221 | var options = _ref8.options,
|
222 | value = _ref8.value;
|
223 |
|
224 | if (!value) {
|
225 | return _react["default"].createElement(_components.Placeholder, null, _react["default"].createElement(_react.Fragment, null, "No notes yet"), _react["default"].createElement(_react.Fragment, null, "Learn how to\xA0", _react["default"].createElement(_components.Link, {
|
226 | href: "https://github.com/storybookjs/storybook/tree/master/addons/notes",
|
227 | target: "_blank",
|
228 | withArrow: true,
|
229 | secondary: true,
|
230 | cancel: false
|
231 | }, "document components in Markdown")));
|
232 | }
|
233 |
|
234 | if (typeof value === 'string' || Object.keys(value).length === 1) {
|
235 | var md = _typeof(value) === 'object' ? Object.values(value)[0] : value;
|
236 | return _react["default"].createElement(Panel, {
|
237 | className: "addon-notes-container"
|
238 | }, _react["default"].createElement(_components.DocumentWrapper, null, _react["default"].createElement(_markdownToJsx["default"], {
|
239 | options: options
|
240 | }, (0, _formatter.formatter)(md))));
|
241 | }
|
242 |
|
243 | var groups = [];
|
244 | Object.entries(value).forEach(function (_ref9) {
|
245 | var _ref10 = _slicedToArray(_ref9, 2),
|
246 | title = _ref10[0],
|
247 | docs = _ref10[1];
|
248 |
|
249 | groups.push({
|
250 | title: title,
|
251 | render: function render(_ref11) {
|
252 | var isActive = _ref11.active;
|
253 | return _react["default"].createElement(_components.TabWrapper, {
|
254 | key: title,
|
255 | active: isActive
|
256 | }, _react["default"].createElement(Panel, null, _react["default"].createElement(_components.DocumentWrapper, null, _react["default"].createElement(_markdownToJsx["default"], {
|
257 | options: options
|
258 | }, (0, _formatter.formatter)(docs)))));
|
259 | }
|
260 | });
|
261 | });
|
262 | return _react["default"].createElement("div", {
|
263 | className: "addon-notes-container"
|
264 | }, _react["default"].createElement(_components.TabsState, null, groups.map(function (group) {
|
265 | return _react["default"].createElement("div", {
|
266 | id: group.title,
|
267 | key: group.title,
|
268 | title: group.title
|
269 | }, group.render);
|
270 | })));
|
271 | });
|
272 | };
|
273 |
|
274 | var _default = NotesPanel;
|
275 | exports["default"] = _default; |
\ | No newline at end of file |