UNPKG

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