UNPKG

7.72 kBJavaScriptView Raw
1"use strict";
2
3function _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
5Object.defineProperty(exports, "__esModule", {
6 value: true
7});
8var _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};
24exports.knob = knob;
25exports.text = text;
26exports["boolean"] = _boolean;
27exports.number = number;
28exports.color = color;
29exports.object = object;
30exports.select = select;
31exports.radios = radios;
32exports.array = array;
33exports.date = date;
34exports.button = button;
35exports.files = files;
36exports.optionsKnob = optionsKnob;
37exports.withKnobs = void 0;
38
39var _addons = _interopRequireWildcard(require("@storybook/addons"));
40
41var _shared = require("./shared");
42
43Object.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
55var _registerKnobs = require("./registerKnobs");
56
57function _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
59function _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
61function 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
63function _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
65function _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
67function knob(name, options) {
68 return _registerKnobs.manager.knob(name, options);
69}
70
71function text(name, value, groupId) {
72 return _registerKnobs.manager.knob(name, {
73 type: 'text',
74 value: value,
75 groupId: groupId
76 });
77}
78
79function _boolean(name, value, groupId) {
80 return _registerKnobs.manager.knob(name, {
81 type: 'boolean',
82 value: value,
83 groupId: groupId
84 });
85}
86
87function 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
107function color(name, value, groupId) {
108 return _registerKnobs.manager.knob(name, {
109 type: 'color',
110 value: value,
111 groupId: groupId
112 });
113}
114
115function object(name, value, groupId) {
116 return _registerKnobs.manager.knob(name, {
117 type: 'object',
118 value: value,
119 groupId: groupId
120 });
121}
122
123function 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
133function 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
142function 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
153function 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
164function 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
173function 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
184function 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
194var defaultOptions = {
195 escapeHTML: true
196};
197var 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});
219exports.withKnobs = withKnobs;
220
221if (module && module.hot && module.hot.decline) {
222 module.hot.decline();
223}
\No newline at end of file