index.js
5.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.knob = knob;
exports.text = text;
exports.boolean = boolean;
exports.number = number;
exports.color = color;
exports.object = object;
exports.select = select;
exports.radios = radios;
exports.array = array;
exports.date = date;
exports.button = button;
exports.files = files;
exports.withKnobsOptions = exports.withKnobs = void 0;
require("core-js/modules/es6.array.for-each");
require("core-js/modules/es6.array.filter");
require("core-js/modules/web.dom.iterable");
require("core-js/modules/es6.array.iterator");
require("core-js/modules/es6.object.keys");
require("core-js/modules/es6.object.define-property");
var _utilDeprecate = _interopRequireDefault(require("util-deprecate"));
var _addons = _interopRequireWildcard(require("@storybook/addons"));
var _registerKnobs = require("./registerKnobs");
function _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; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
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; }
function knob(name, options) {
return _registerKnobs.manager.knob(name, options);
}
function text(name, value, groupId) {
return _registerKnobs.manager.knob(name, {
type: 'text',
value: value,
groupId: groupId
});
}
function boolean(name, value, groupId) {
return _registerKnobs.manager.knob(name, {
type: 'boolean',
value: value,
groupId: groupId
});
}
function number(name, value) {
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var groupId = arguments.length > 3 ? arguments[3] : undefined;
var rangeDefaults = {
min: 0,
max: 10,
step: 1
};
var mergedOptions = options.range ? _objectSpread({}, rangeDefaults, options) : options;
var finalOptions = _objectSpread({}, mergedOptions, {
type: 'number',
value: value,
groupId: groupId
});
return _registerKnobs.manager.knob(name, finalOptions);
}
function color(name, value, groupId) {
return _registerKnobs.manager.knob(name, {
type: 'color',
value: value,
groupId: groupId
});
}
function object(name, value, groupId) {
return _registerKnobs.manager.knob(name, {
type: 'object',
value: value,
groupId: groupId
});
}
function select(name, options, value, groupId) {
return _registerKnobs.manager.knob(name, {
type: 'select',
selectV2: true,
options: options,
value: value,
groupId: groupId
});
}
function radios(name, options, value, groupId) {
return _registerKnobs.manager.knob(name, {
type: 'radios',
options: options,
value: value,
groupId: groupId
});
}
function array(name, value) {
var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ',';
var groupId = arguments.length > 3 ? arguments[3] : undefined;
return _registerKnobs.manager.knob(name, {
type: 'array',
value: value,
separator: separator,
groupId: groupId
});
}
function date(name) {
var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Date();
var groupId = arguments.length > 2 ? arguments[2] : undefined;
var proxyValue = value ? value.getTime() : null;
return _registerKnobs.manager.knob(name, {
type: 'date',
value: proxyValue,
groupId: groupId
});
}
function button(name, callback, groupId) {
return _registerKnobs.manager.knob(name, {
type: 'button',
callback: callback,
hideLabel: true,
groupId: groupId
});
}
function files(name, accept) {
var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
return _registerKnobs.manager.knob(name, {
type: 'files',
accept: accept,
value: value
});
}
var defaultOptions = {
escapeHTML: true
};
var withKnobs = (0, _addons.makeDecorator)({
name: 'withKnobs',
parameterName: 'knobs',
skipIfNoParametersOrOptions: false,
allowDeprecatedUsage: true,
wrapper: function wrapper(getStory, context, _ref) {
var options = _ref.options,
parameters = _ref.parameters;
var storyOptions = parameters || options;
var allOptions = _objectSpread({}, defaultOptions, storyOptions);
_registerKnobs.manager.setOptions(allOptions);
var channel = _addons.default.getChannel();
_registerKnobs.manager.setChannel(channel);
channel.emit('addon:knobs:setOptions', allOptions);
(0, _registerKnobs.registerKnobs)();
return getStory(context);
}
});
exports.withKnobs = withKnobs;
var withKnobsOptions = (0, _utilDeprecate.default)(withKnobs, 'withKnobsOptions is deprecated. Instead, you can pass options into withKnobs(options) directly, or use the knobs parameter.');
exports.withKnobsOptions = withKnobsOptions;