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 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | var _exportNames = {
|
9 | knob: true,
|
10 | text: true,
|
11 | "boolean": true,
|
12 | number: true,
|
13 | color: true,
|
14 | object: true,
|
15 | select: true,
|
16 | radios: true,
|
17 | array: true,
|
18 | date: true,
|
19 | button: true,
|
20 | files: true,
|
21 | optionsKnob: true,
|
22 | withKnobs: true
|
23 | };
|
24 | exports.knob = knob;
|
25 | exports.text = text;
|
26 | exports["boolean"] = _boolean;
|
27 | exports.number = number;
|
28 | exports.color = color;
|
29 | exports.object = object;
|
30 | exports.select = select;
|
31 | exports.radios = radios;
|
32 | exports.array = array;
|
33 | exports.date = date;
|
34 | exports.button = button;
|
35 | exports.files = files;
|
36 | exports.optionsKnob = optionsKnob;
|
37 | exports.withKnobs = void 0;
|
38 |
|
39 | var _addons = _interopRequireWildcard(require("@storybook/addons"));
|
40 |
|
41 | var _shared = require("./shared");
|
42 |
|
43 | Object.keys(_shared).forEach(function (key) {
|
44 | if (key === "default" || key === "__esModule") return;
|
45 | if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
46 | if (key in exports && exports[key] === _shared[key]) return;
|
47 | Object.defineProperty(exports, key, {
|
48 | enumerable: true,
|
49 | get: function get() {
|
50 | return _shared[key];
|
51 | }
|
52 | });
|
53 | });
|
54 |
|
55 | var _registerKnobs = require("./registerKnobs");
|
56 |
|
57 | function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
58 |
|
59 | 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; }
|
60 |
|
61 | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
62 |
|
63 | function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
64 |
|
65 | 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; }
|
66 |
|
67 | function knob(name, options) {
|
68 | return _registerKnobs.manager.knob(name, options);
|
69 | }
|
70 |
|
71 | function text(name, value, groupId) {
|
72 | return _registerKnobs.manager.knob(name, {
|
73 | type: 'text',
|
74 | value: value,
|
75 | groupId: groupId
|
76 | });
|
77 | }
|
78 |
|
79 | function _boolean(name, value, groupId) {
|
80 | return _registerKnobs.manager.knob(name, {
|
81 | type: 'boolean',
|
82 | value: value,
|
83 | groupId: groupId
|
84 | });
|
85 | }
|
86 |
|
87 | function number(name, value) {
|
88 | var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
89 | var groupId = arguments.length > 3 ? arguments[3] : undefined;
|
90 | var rangeDefaults = {
|
91 | min: 0,
|
92 | max: 10,
|
93 | step: 1
|
94 | };
|
95 | var mergedOptions = options.range ? _objectSpread(_objectSpread({}, rangeDefaults), options) : options;
|
96 |
|
97 | var finalOptions = _objectSpread(_objectSpread({
|
98 | type: 'number'
|
99 | }, mergedOptions), {}, {
|
100 | value: value,
|
101 | groupId: groupId
|
102 | });
|
103 |
|
104 | return _registerKnobs.manager.knob(name, finalOptions);
|
105 | }
|
106 |
|
107 | function color(name, value, groupId) {
|
108 | return _registerKnobs.manager.knob(name, {
|
109 | type: 'color',
|
110 | value: value,
|
111 | groupId: groupId
|
112 | });
|
113 | }
|
114 |
|
115 | function object(name, value, groupId) {
|
116 | return _registerKnobs.manager.knob(name, {
|
117 | type: 'object',
|
118 | value: value,
|
119 | groupId: groupId
|
120 | });
|
121 | }
|
122 |
|
123 | function select(name, options, value, groupId) {
|
124 | return _registerKnobs.manager.knob(name, {
|
125 | type: 'select',
|
126 | selectV2: true,
|
127 | options: options,
|
128 | value: value,
|
129 | groupId: groupId
|
130 | });
|
131 | }
|
132 |
|
133 | function radios(name, options, value, groupId) {
|
134 | return _registerKnobs.manager.knob(name, {
|
135 | type: 'radios',
|
136 | options: options,
|
137 | value: value,
|
138 | groupId: groupId
|
139 | });
|
140 | }
|
141 |
|
142 | function array(name, value) {
|
143 | var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ',';
|
144 | var groupId = arguments.length > 3 ? arguments[3] : undefined;
|
145 | return _registerKnobs.manager.knob(name, {
|
146 | type: 'array',
|
147 | value: value,
|
148 | separator: separator,
|
149 | groupId: groupId
|
150 | });
|
151 | }
|
152 |
|
153 | function date(name) {
|
154 | var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Date();
|
155 | var groupId = arguments.length > 2 ? arguments[2] : undefined;
|
156 | var proxyValue = value ? value.getTime() : new Date().getTime();
|
157 | return _registerKnobs.manager.knob(name, {
|
158 | type: 'date',
|
159 | value: proxyValue,
|
160 | groupId: groupId
|
161 | });
|
162 | }
|
163 |
|
164 | function button(name, callback, groupId) {
|
165 | return _registerKnobs.manager.knob(name, {
|
166 | type: 'button',
|
167 | callback: callback,
|
168 | hideLabel: true,
|
169 | groupId: groupId
|
170 | });
|
171 | }
|
172 |
|
173 | function files(name, accept) {
|
174 | var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
175 | var groupId = arguments.length > 3 ? arguments[3] : undefined;
|
176 | return _registerKnobs.manager.knob(name, {
|
177 | type: 'files',
|
178 | accept: accept,
|
179 | value: value,
|
180 | groupId: groupId
|
181 | });
|
182 | }
|
183 |
|
184 | function optionsKnob(name, valuesObj, value, optionsObj, groupId) {
|
185 | return _registerKnobs.manager.knob(name, {
|
186 | type: 'options',
|
187 | options: valuesObj,
|
188 | value: value,
|
189 | optionsObj: optionsObj,
|
190 | groupId: groupId
|
191 | });
|
192 | }
|
193 |
|
194 | var defaultOptions = {
|
195 | escapeHTML: true
|
196 | };
|
197 | var withKnobs = (0, _addons.makeDecorator)({
|
198 | name: 'withKnobs',
|
199 | parameterName: 'knobs',
|
200 | skipIfNoParametersOrOptions: false,
|
201 | wrapper: function wrapper(getStory, context, _ref) {
|
202 | var options = _ref.options,
|
203 | parameters = _ref.parameters;
|
204 | var storyOptions = parameters || options;
|
205 |
|
206 | var allOptions = _objectSpread(_objectSpread({}, defaultOptions), storyOptions);
|
207 |
|
208 | var channel = _addons["default"].getChannel();
|
209 |
|
210 | _registerKnobs.manager.setChannel(channel);
|
211 |
|
212 | _registerKnobs.manager.setOptions(allOptions);
|
213 |
|
214 | channel.emit(_shared.SET_OPTIONS, allOptions);
|
215 | (0, _registerKnobs.registerKnobs)();
|
216 | return getStory(context);
|
217 | }
|
218 | });
|
219 | exports.withKnobs = withKnobs;
|
220 |
|
221 | if (module && module.hot && module.hot.decline) {
|
222 | module.hot.decline();
|
223 | } |
\ | No newline at end of file |