@pie-element/explicit-constructed-response 4.6.1-beta.0 → 4.6.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/configure/package.json +2 -2
- package/package.json +2 -2
- package/configure/lib/alternateResponses.js +0 -241
- package/configure/lib/alternateResponses.js.map +0 -1
- package/configure/lib/alternateSection.js +0 -389
- package/configure/lib/alternateSection.js.map +0 -1
- package/configure/lib/defaults.js +0 -107
- package/configure/lib/defaults.js.map +0 -1
- package/configure/lib/ecr-toolbar.js +0 -183
- package/configure/lib/ecr-toolbar.js.map +0 -1
- package/configure/lib/index.js +0 -195
- package/configure/lib/index.js.map +0 -1
- package/configure/lib/main.js +0 -578
- package/configure/lib/main.js.map +0 -1
- package/configure/lib/markupUtils.js +0 -77
- package/configure/lib/markupUtils.js.map +0 -1
- package/configure/lib/utils.js +0 -15
- package/configure/lib/utils.js.map +0 -1
- package/controller/lib/defaults.js +0 -21
- package/controller/lib/defaults.js.map +0 -1
- package/controller/lib/index.js +0 -356
- package/controller/lib/index.js.map +0 -1
- package/lib/index.js +0 -120
- package/lib/index.js.map +0 -1
- package/lib/main.js +0 -247
- package/lib/main.js.map +0 -1
- package/lib/print.js +0 -115
- package/lib/print.js.map +0 -1
|
@@ -1,389 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.Choice = exports.AlternateSection = void 0;
|
|
9
|
-
|
|
10
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
|
-
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
|
-
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
31
|
-
|
|
32
|
-
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
33
|
-
|
|
34
|
-
var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
|
|
35
|
-
|
|
36
|
-
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
37
|
-
|
|
38
|
-
var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
|
|
39
|
-
|
|
40
|
-
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
|
41
|
-
|
|
42
|
-
var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
|
|
43
|
-
|
|
44
|
-
var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
|
|
45
|
-
|
|
46
|
-
var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
|
|
47
|
-
|
|
48
|
-
var _styles = require("@material-ui/core/styles");
|
|
49
|
-
|
|
50
|
-
var _max = _interopRequireDefault(require("lodash/max"));
|
|
51
|
-
|
|
52
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
53
|
-
|
|
54
|
-
var _markupUtils = require("./markupUtils");
|
|
55
|
-
|
|
56
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
57
|
-
|
|
58
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
59
|
-
|
|
60
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
61
|
-
|
|
62
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
63
|
-
|
|
64
|
-
var styles = function styles() {
|
|
65
|
-
return {
|
|
66
|
-
altChoices: {
|
|
67
|
-
alignItems: 'flex-start',
|
|
68
|
-
flexDirection: 'column',
|
|
69
|
-
display: 'flex',
|
|
70
|
-
padding: '20px 0 0 0',
|
|
71
|
-
'& > *': {
|
|
72
|
-
marginBottom: '20px',
|
|
73
|
-
width: '100%'
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
choice: {
|
|
77
|
-
flex: '1',
|
|
78
|
-
marginRight: '20px'
|
|
79
|
-
},
|
|
80
|
-
deleteBtn: {
|
|
81
|
-
fill: 'gray'
|
|
82
|
-
},
|
|
83
|
-
selectContainer: {
|
|
84
|
-
alignItems: 'flex-end',
|
|
85
|
-
display: 'flex',
|
|
86
|
-
justifyContent: 'space-between',
|
|
87
|
-
width: '100%'
|
|
88
|
-
},
|
|
89
|
-
rightContainer: {
|
|
90
|
-
alignItems: 'center',
|
|
91
|
-
display: 'flex'
|
|
92
|
-
},
|
|
93
|
-
lengthField: {
|
|
94
|
-
width: '230px',
|
|
95
|
-
marginRight: '20px'
|
|
96
|
-
},
|
|
97
|
-
errorText: {
|
|
98
|
-
fontSize: '12px',
|
|
99
|
-
color: 'red',
|
|
100
|
-
paddingTop: '5px'
|
|
101
|
-
},
|
|
102
|
-
inputError: {
|
|
103
|
-
border: '2px solid red',
|
|
104
|
-
borderRadius: '6px'
|
|
105
|
-
}
|
|
106
|
-
};
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
var Choice = /*#__PURE__*/function (_React$Component) {
|
|
110
|
-
(0, _inherits2["default"])(Choice, _React$Component);
|
|
111
|
-
|
|
112
|
-
var _super = _createSuper(Choice);
|
|
113
|
-
|
|
114
|
-
function Choice() {
|
|
115
|
-
var _this;
|
|
116
|
-
|
|
117
|
-
(0, _classCallCheck2["default"])(this, Choice);
|
|
118
|
-
|
|
119
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
120
|
-
args[_key] = arguments[_key];
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
124
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
125
|
-
value: _this.props.markup
|
|
126
|
-
});
|
|
127
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateText", (0, _debounce["default"])(_this.props.onChange, 300));
|
|
128
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (e) {
|
|
129
|
-
var value = e.target.value;
|
|
130
|
-
|
|
131
|
-
_this.setState({
|
|
132
|
-
value: value
|
|
133
|
-
});
|
|
134
|
-
|
|
135
|
-
_this.updateText(value);
|
|
136
|
-
});
|
|
137
|
-
return _this;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
(0, _createClass2["default"])(Choice, [{
|
|
141
|
-
key: "UNSAFE_componentWillReceiveProps",
|
|
142
|
-
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
143
|
-
if (nextProps.markup) {
|
|
144
|
-
this.setState({
|
|
145
|
-
value: nextProps.markup
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}, {
|
|
150
|
-
key: "render",
|
|
151
|
-
value: function render() {
|
|
152
|
-
var value = this.state.value;
|
|
153
|
-
var _this$props = this.props,
|
|
154
|
-
classes = _this$props.classes,
|
|
155
|
-
onDelete = _this$props.onDelete,
|
|
156
|
-
spellCheck = _this$props.spellCheck,
|
|
157
|
-
error = _this$props.error;
|
|
158
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
159
|
-
style: {
|
|
160
|
-
alignItems: 'center',
|
|
161
|
-
display: 'flex',
|
|
162
|
-
justifyContent: 'space-between'
|
|
163
|
-
}
|
|
164
|
-
}, /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
|
|
165
|
-
className: (0, _classnames["default"])(classes.choice, error && classes.inputError),
|
|
166
|
-
value: value,
|
|
167
|
-
onChange: this.onChange,
|
|
168
|
-
labelWidth: 0,
|
|
169
|
-
disableUnderline: true,
|
|
170
|
-
spellCheck: spellCheck
|
|
171
|
-
}), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
|
|
172
|
-
"aria-label": "delete",
|
|
173
|
-
className: classes.deleteBtn,
|
|
174
|
-
onClick: onDelete
|
|
175
|
-
}, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
176
|
-
className: classes.errorText
|
|
177
|
-
}, error));
|
|
178
|
-
}
|
|
179
|
-
}]);
|
|
180
|
-
return Choice;
|
|
181
|
-
}(_react["default"].Component);
|
|
182
|
-
|
|
183
|
-
exports.Choice = Choice;
|
|
184
|
-
(0, _defineProperty2["default"])(Choice, "propTypes", {
|
|
185
|
-
classes: _propTypes["default"].object,
|
|
186
|
-
markup: _propTypes["default"].string,
|
|
187
|
-
onChange: _propTypes["default"].func.isRequired,
|
|
188
|
-
onDelete: _propTypes["default"].func.isRequired,
|
|
189
|
-
value: _propTypes["default"].string
|
|
190
|
-
});
|
|
191
|
-
|
|
192
|
-
var AlternateSection = /*#__PURE__*/function (_React$Component2) {
|
|
193
|
-
(0, _inherits2["default"])(AlternateSection, _React$Component2);
|
|
194
|
-
|
|
195
|
-
var _super2 = _createSuper(AlternateSection);
|
|
196
|
-
|
|
197
|
-
function AlternateSection() {
|
|
198
|
-
var _this2;
|
|
199
|
-
|
|
200
|
-
(0, _classCallCheck2["default"])(this, AlternateSection);
|
|
201
|
-
|
|
202
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
203
|
-
args[_key2] = arguments[_key2];
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
_this2 = _super2.call.apply(_super2, [this].concat(args));
|
|
207
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "state", {});
|
|
208
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "updateChoicesIfNeeded", function (props) {
|
|
209
|
-
if (!_this2.state.choices || !(0, _isEqual["default"])(props.choices, _this2.state.choices) || !(0, _isEqual["default"])(props.choices, _this2.props.choices)) {
|
|
210
|
-
_this2.setState({
|
|
211
|
-
choices: props.choices
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
});
|
|
215
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleSelect", function (e) {
|
|
216
|
-
var _this2$props = _this2.props,
|
|
217
|
-
onSelect = _this2$props.onSelect,
|
|
218
|
-
selectChoices = _this2$props.selectChoices;
|
|
219
|
-
var value = e.target.value;
|
|
220
|
-
onSelect(selectChoices.find(function (c) {
|
|
221
|
-
return c.value === value;
|
|
222
|
-
}));
|
|
223
|
-
});
|
|
224
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onAddChoice", function () {
|
|
225
|
-
var choices = _this2.state.choices;
|
|
226
|
-
|
|
227
|
-
if (choices.length && choices[choices.length - 1].label !== '') {
|
|
228
|
-
var value = (0, _max["default"])(choices.map(function (c) {
|
|
229
|
-
return parseInt(c.value);
|
|
230
|
-
}).filter(function (id) {
|
|
231
|
-
return !isNaN(id);
|
|
232
|
-
})) || 0;
|
|
233
|
-
|
|
234
|
-
_this2.setState({
|
|
235
|
-
choices: [].concat((0, _toConsumableArray2["default"])(choices), [{
|
|
236
|
-
value: "".concat(value + 1),
|
|
237
|
-
label: ''
|
|
238
|
-
}])
|
|
239
|
-
});
|
|
240
|
-
}
|
|
241
|
-
});
|
|
242
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onChoiceChanged", function (choice, value, index) {
|
|
243
|
-
var _this2$props2 = _this2.props,
|
|
244
|
-
choiceChanged = _this2$props2.choiceChanged,
|
|
245
|
-
lengthChanged = _this2$props2.lengthChanged,
|
|
246
|
-
maxLength = _this2$props2.maxLength,
|
|
247
|
-
choices = _this2$props2.choices;
|
|
248
|
-
var labelLengthsArr = choices.map(function (choice) {
|
|
249
|
-
return (choice.label || '').length;
|
|
250
|
-
});
|
|
251
|
-
labelLengthsArr[index] = value.length;
|
|
252
|
-
var newLength = Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
|
|
253
|
-
choiceChanged(_objectSpread(_objectSpread({}, choice), {}, {
|
|
254
|
-
label: value
|
|
255
|
-
}));
|
|
256
|
-
|
|
257
|
-
if (newLength > maxLength || newLength + 10 <= maxLength) {
|
|
258
|
-
lengthChanged((0, _markupUtils.getAdjustedLength)(newLength));
|
|
259
|
-
}
|
|
260
|
-
});
|
|
261
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (choice) {
|
|
262
|
-
var choiceRemoved = _this2.props.choiceRemoved;
|
|
263
|
-
choiceRemoved(choice.value);
|
|
264
|
-
});
|
|
265
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getChoicesMaxLength", function () {
|
|
266
|
-
var choices = _this2.state.choices;
|
|
267
|
-
|
|
268
|
-
if (!choices) {
|
|
269
|
-
return 1;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
var labelLengthsArr = choices.map(function (choice) {
|
|
273
|
-
return (choice.label || '').length;
|
|
274
|
-
});
|
|
275
|
-
return Math.max.apply(Math, (0, _toConsumableArray2["default"])(labelLengthsArr));
|
|
276
|
-
});
|
|
277
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeLength", function (event) {
|
|
278
|
-
var lengthChanged = _this2.props.lengthChanged;
|
|
279
|
-
var numberValue = parseInt(event.target.value, 10);
|
|
280
|
-
|
|
281
|
-
var minLength = _this2.getChoicesMaxLength();
|
|
282
|
-
|
|
283
|
-
if (numberValue && numberValue >= minLength && numberValue <= minLength + 10) {
|
|
284
|
-
lengthChanged(numberValue);
|
|
285
|
-
}
|
|
286
|
-
});
|
|
287
|
-
return _this2;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
(0, _createClass2["default"])(AlternateSection, [{
|
|
291
|
-
key: "UNSAFE_componentWillReceiveProps",
|
|
292
|
-
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
293
|
-
this.updateChoicesIfNeeded(nextProps);
|
|
294
|
-
}
|
|
295
|
-
}, {
|
|
296
|
-
key: "componentDidMount",
|
|
297
|
-
value: function componentDidMount() {
|
|
298
|
-
this.updateChoicesIfNeeded(this.props);
|
|
299
|
-
}
|
|
300
|
-
}, {
|
|
301
|
-
key: "render",
|
|
302
|
-
value: function render() {
|
|
303
|
-
var _this3 = this;
|
|
304
|
-
|
|
305
|
-
var _this$props2 = this.props,
|
|
306
|
-
classes = _this$props2.classes,
|
|
307
|
-
selectChoices = _this$props2.selectChoices,
|
|
308
|
-
maxLength = _this$props2.maxLength,
|
|
309
|
-
showMaxLength = _this$props2.showMaxLength,
|
|
310
|
-
value = _this$props2.value,
|
|
311
|
-
spellCheck = _this$props2.spellCheck,
|
|
312
|
-
errors = _this$props2.errors;
|
|
313
|
-
var choices = this.state.choices;
|
|
314
|
-
var minLength = this.getChoicesMaxLength();
|
|
315
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
316
|
-
className: classes.design
|
|
317
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
318
|
-
className: classes.selectContainer
|
|
319
|
-
}, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
|
|
320
|
-
className: classes.select,
|
|
321
|
-
displayEmpty: true,
|
|
322
|
-
onChange: this.handleSelect,
|
|
323
|
-
value: value || '',
|
|
324
|
-
readOnly: showMaxLength
|
|
325
|
-
}, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
|
|
326
|
-
value: ""
|
|
327
|
-
}, /*#__PURE__*/_react["default"].createElement("em", null, value ? 'Remove selection' : 'Select a response')), selectChoices.map(function (c, index) {
|
|
328
|
-
return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
|
|
329
|
-
key: index,
|
|
330
|
-
value: c.value
|
|
331
|
-
}, c.label);
|
|
332
|
-
})), choices && choices.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
333
|
-
className: classes.rightContainer
|
|
334
|
-
}, maxLength && showMaxLength && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
|
|
335
|
-
className: classes.lengthField,
|
|
336
|
-
label: "Maximum length (characters)",
|
|
337
|
-
type: "number",
|
|
338
|
-
inputProps: {
|
|
339
|
-
min: minLength,
|
|
340
|
-
max: minLength + 10
|
|
341
|
-
},
|
|
342
|
-
value: maxLength,
|
|
343
|
-
onChange: this.changeLength
|
|
344
|
-
}), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
345
|
-
className: classes.addButton,
|
|
346
|
-
variant: "contained",
|
|
347
|
-
color: "primary",
|
|
348
|
-
onClick: this.onAddChoice
|
|
349
|
-
}, "Add"))), errors && errors[0] && /*#__PURE__*/_react["default"].createElement("div", {
|
|
350
|
-
className: classes.errorText
|
|
351
|
-
}, errors[0]), /*#__PURE__*/_react["default"].createElement("div", {
|
|
352
|
-
className: classes.altChoices
|
|
353
|
-
}, choices && choices.map(function (c, index) {
|
|
354
|
-
return index > 0 && /*#__PURE__*/_react["default"].createElement(Choice, {
|
|
355
|
-
key: index,
|
|
356
|
-
classes: classes,
|
|
357
|
-
markup: c.label,
|
|
358
|
-
onChange: function onChange(val) {
|
|
359
|
-
return _this3.onChoiceChanged(c, val, index);
|
|
360
|
-
},
|
|
361
|
-
onDelete: function onDelete() {
|
|
362
|
-
return _this3.onRemoveChoice(c);
|
|
363
|
-
},
|
|
364
|
-
spellCheck: spellCheck,
|
|
365
|
-
error: errors && errors[index]
|
|
366
|
-
});
|
|
367
|
-
})));
|
|
368
|
-
}
|
|
369
|
-
}]);
|
|
370
|
-
return AlternateSection;
|
|
371
|
-
}(_react["default"].Component);
|
|
372
|
-
|
|
373
|
-
exports.AlternateSection = AlternateSection;
|
|
374
|
-
(0, _defineProperty2["default"])(AlternateSection, "propTypes", {
|
|
375
|
-
choices: _propTypes["default"].array,
|
|
376
|
-
selectChoices: _propTypes["default"].array.isRequired,
|
|
377
|
-
classes: _propTypes["default"].object.isRequired,
|
|
378
|
-
onSelect: _propTypes["default"].func.isRequired,
|
|
379
|
-
choiceChanged: _propTypes["default"].func.isRequired,
|
|
380
|
-
lengthChanged: _propTypes["default"].func,
|
|
381
|
-
choiceRemoved: _propTypes["default"].func.isRequired,
|
|
382
|
-
value: _propTypes["default"].string,
|
|
383
|
-
maxLength: _propTypes["default"].number,
|
|
384
|
-
showMaxLength: _propTypes["default"].bool
|
|
385
|
-
});
|
|
386
|
-
var Styled = (0, _styles.withStyles)(styles)(AlternateSection);
|
|
387
|
-
var _default = Styled;
|
|
388
|
-
exports["default"] = _default;
|
|
389
|
-
//# sourceMappingURL=alternateSection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/alternateSection.jsx"],"names":["styles","altChoices","alignItems","flexDirection","display","padding","marginBottom","width","choice","flex","marginRight","deleteBtn","fill","selectContainer","justifyContent","rightContainer","lengthField","errorText","fontSize","color","paddingTop","inputError","border","borderRadius","Choice","value","props","markup","onChange","e","target","setState","updateText","nextProps","state","classes","onDelete","spellCheck","error","React","Component","PropTypes","object","string","func","isRequired","AlternateSection","choices","onSelect","selectChoices","find","c","length","label","map","parseInt","filter","id","isNaN","index","choiceChanged","lengthChanged","maxLength","labelLengthsArr","newLength","Math","max","choiceRemoved","event","numberValue","minLength","getChoicesMaxLength","updateChoicesIfNeeded","showMaxLength","errors","design","select","handleSelect","min","changeLength","addButton","onAddChoice","val","onChoiceChanged","onRemoveChoice","array","number","bool","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash/debounce';\nimport isEqual from 'lodash/isEqual';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport Button from '@material-ui/core/Button';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport TextField from '@material-ui/core/TextField';\nimport { withStyles } from '@material-ui/core/styles';\nimport max from 'lodash/max';\nimport classnames from 'classnames';\n\nimport { getAdjustedLength } from './markupUtils';\n\nconst styles = () => ({\n altChoices: {\n alignItems: 'flex-start',\n flexDirection: 'column',\n display: 'flex',\n padding: '20px 0 0 0',\n '& > *': {\n marginBottom: '20px',\n width: '100%',\n },\n },\n choice: {\n flex: '1',\n marginRight: '20px',\n },\n deleteBtn: {\n fill: 'gray',\n },\n selectContainer: {\n alignItems: 'flex-end',\n display: 'flex',\n justifyContent: 'space-between',\n width: '100%',\n },\n rightContainer: {\n alignItems: 'center',\n display: 'flex',\n },\n lengthField: {\n width: '230px',\n marginRight: '20px',\n },\n errorText: {\n fontSize: '12px',\n color: 'red',\n paddingTop: '5px',\n },\n inputError: {\n border: '2px solid red',\n borderRadius: '6px',\n },\n});\n\nexport class Choice extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n markup: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n value: PropTypes.string,\n };\n\n state = {\n value: this.props.markup,\n };\n\n updateText = debounce(this.props.onChange, 300);\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (nextProps.markup) {\n this.setState({ value: nextProps.markup });\n }\n }\n\n onChange = (e) => {\n const { value } = e.target;\n\n this.setState({ value });\n this.updateText(value);\n };\n\n render() {\n const { value } = this.state;\n const { classes, onDelete, spellCheck, error } = this.props;\n\n return (\n <>\n <div\n style={{\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'space-between',\n }}\n >\n <OutlinedInput\n className={classnames(classes.choice, error && classes.inputError)}\n value={value}\n onChange={this.onChange}\n labelWidth={0}\n disableUnderline\n spellCheck={spellCheck}\n />\n <IconButton aria-label=\"delete\" className={classes.deleteBtn} onClick={onDelete}>\n <Delete />\n </IconButton>\n </div>\n {error && <div className={classes.errorText}>{error}</div>}\n </>\n );\n }\n}\n\nexport class AlternateSection extends React.Component {\n static propTypes = {\n choices: PropTypes.array,\n selectChoices: PropTypes.array.isRequired,\n classes: PropTypes.object.isRequired,\n onSelect: PropTypes.func.isRequired,\n choiceChanged: PropTypes.func.isRequired,\n lengthChanged: PropTypes.func,\n choiceRemoved: PropTypes.func.isRequired,\n value: PropTypes.string,\n maxLength: PropTypes.number,\n showMaxLength: PropTypes.bool,\n };\n\n state = {};\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n this.updateChoicesIfNeeded(nextProps);\n }\n\n componentDidMount() {\n this.updateChoicesIfNeeded(this.props);\n }\n\n updateChoicesIfNeeded = (props) => {\n if (\n !this.state.choices ||\n !isEqual(props.choices, this.state.choices) ||\n !isEqual(props.choices, this.props.choices)\n ) {\n this.setState({\n choices: props.choices,\n });\n }\n };\n\n handleSelect = (e) => {\n const { onSelect, selectChoices } = this.props;\n const { value } = e.target;\n\n onSelect(selectChoices.find((c) => c.value === value));\n };\n\n onAddChoice = () => {\n const { choices } = this.state;\n\n if (choices.length && choices[choices.length - 1].label !== '') {\n const value = max(choices.map((c) => parseInt(c.value)).filter((id) => !isNaN(id))) || 0;\n\n this.setState({\n choices: [\n ...choices,\n {\n value: `${value + 1}`,\n label: '',\n },\n ],\n });\n }\n };\n\n onChoiceChanged = (choice, value, index) => {\n const { choiceChanged, lengthChanged, maxLength, choices } = this.props;\n\n const labelLengthsArr = choices.map((choice) => (choice.label || '').length);\n labelLengthsArr[index] = value.length;\n\n const newLength = Math.max(...labelLengthsArr);\n\n choiceChanged({\n ...choice,\n label: value,\n });\n\n if (newLength > maxLength || newLength + 10 <= maxLength) {\n lengthChanged(getAdjustedLength(newLength));\n }\n };\n\n onRemoveChoice = (choice) => {\n const { choiceRemoved } = this.props;\n\n choiceRemoved(choice.value);\n };\n\n getChoicesMaxLength = () => {\n const { choices } = this.state;\n\n if (!choices) {\n return 1;\n }\n\n const labelLengthsArr = choices.map((choice) => (choice.label || '').length);\n\n return Math.max(...labelLengthsArr);\n };\n\n changeLength = (event) => {\n const { lengthChanged } = this.props;\n const numberValue = parseInt(event.target.value, 10);\n const minLength = this.getChoicesMaxLength();\n\n if (numberValue && numberValue >= minLength && numberValue <= minLength + 10) {\n lengthChanged(numberValue);\n }\n };\n\n render() {\n const { classes, selectChoices, maxLength, showMaxLength, value, spellCheck, errors } = this.props;\n const { choices } = this.state;\n const minLength = this.getChoicesMaxLength();\n\n return (\n <div className={classes.design}>\n <div className={classes.selectContainer}>\n <Select\n className={classes.select}\n displayEmpty\n onChange={this.handleSelect}\n value={value || ''}\n readOnly={showMaxLength}\n >\n <MenuItem value=\"\">\n <em>{value ? 'Remove selection' : 'Select a response'}</em>\n </MenuItem>\n {selectChoices.map((c, index) => (\n <MenuItem key={index} value={c.value}>\n {c.label}\n </MenuItem>\n ))}\n </Select>\n {choices && choices.length > 0 && (\n <div className={classes.rightContainer}>\n {maxLength && showMaxLength && (\n <TextField\n className={classes.lengthField}\n label=\"Maximum length (characters)\"\n type=\"number\"\n inputProps={{\n min: minLength,\n max: minLength + 10,\n }}\n value={maxLength}\n onChange={this.changeLength}\n />\n )}\n <Button className={classes.addButton} variant=\"contained\" color=\"primary\" onClick={this.onAddChoice}>\n Add\n </Button>\n </div>\n )}\n </div>\n {errors && errors[0] && <div className={classes.errorText}>{errors[0]}</div>}\n <div className={classes.altChoices}>\n {choices &&\n choices.map(\n (c, index) =>\n index > 0 && (\n <Choice\n key={index}\n classes={classes}\n markup={c.label}\n onChange={(val) => this.onChoiceChanged(c, val, index)}\n onDelete={() => this.onRemoveChoice(c)}\n spellCheck={spellCheck}\n error={errors && errors[index]}\n />\n ),\n )}\n </div>\n </div>\n );\n }\n}\n\nconst Styled = withStyles(styles)(AlternateSection);\n\nexport default Styled;\n"],"file":"alternateSection.js"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _default = {
|
|
8
|
-
model: {
|
|
9
|
-
disabled: false,
|
|
10
|
-
mode: 'gather',
|
|
11
|
-
prompt: 'Use the inputs to complete the sentence',
|
|
12
|
-
shuffle: true,
|
|
13
|
-
markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',
|
|
14
|
-
toolbarEditorPosition: 'bottom',
|
|
15
|
-
displayType: 'block',
|
|
16
|
-
spellCheckEnabled: true,
|
|
17
|
-
playerSpellCheckEnabled: true,
|
|
18
|
-
choices: {
|
|
19
|
-
0: [{
|
|
20
|
-
label: 'cow',
|
|
21
|
-
value: '0'
|
|
22
|
-
}, {
|
|
23
|
-
label: 'cattle',
|
|
24
|
-
value: '1'
|
|
25
|
-
}, {
|
|
26
|
-
label: 'calf',
|
|
27
|
-
value: '2',
|
|
28
|
-
correct: false
|
|
29
|
-
}],
|
|
30
|
-
1: [{
|
|
31
|
-
label: 'over',
|
|
32
|
-
value: '0'
|
|
33
|
-
}, {
|
|
34
|
-
label: 'past',
|
|
35
|
-
value: '1'
|
|
36
|
-
}, {
|
|
37
|
-
label: 'beyond',
|
|
38
|
-
value: '2'
|
|
39
|
-
}],
|
|
40
|
-
2: [{
|
|
41
|
-
label: 'moon',
|
|
42
|
-
value: '0'
|
|
43
|
-
}, {
|
|
44
|
-
label: 'satellite',
|
|
45
|
-
value: '2'
|
|
46
|
-
}, {
|
|
47
|
-
label: 'house ',
|
|
48
|
-
value: '3'
|
|
49
|
-
}]
|
|
50
|
-
},
|
|
51
|
-
maxLengthPerChoiceEnabled: true,
|
|
52
|
-
rationaleEnabled: true,
|
|
53
|
-
promptEnabled: true,
|
|
54
|
-
teacherInstructionsEnabled: true,
|
|
55
|
-
studentInstructionsEnabled: true
|
|
56
|
-
},
|
|
57
|
-
configuration: {
|
|
58
|
-
prompt: {
|
|
59
|
-
settings: true,
|
|
60
|
-
label: 'Prompt'
|
|
61
|
-
},
|
|
62
|
-
partialScoring: {
|
|
63
|
-
settings: false,
|
|
64
|
-
label: 'Allow Partial Scoring'
|
|
65
|
-
},
|
|
66
|
-
rationale: {
|
|
67
|
-
settings: true,
|
|
68
|
-
label: 'Rationale'
|
|
69
|
-
},
|
|
70
|
-
settingsPanelDisabled: false,
|
|
71
|
-
spellCheck: {
|
|
72
|
-
label: 'Spellcheck',
|
|
73
|
-
settings: false,
|
|
74
|
-
enabled: true
|
|
75
|
-
},
|
|
76
|
-
playerSpellCheck: {
|
|
77
|
-
label: 'Student Spellcheck',
|
|
78
|
-
settings: true,
|
|
79
|
-
enabled: true
|
|
80
|
-
},
|
|
81
|
-
teacherInstructions: {
|
|
82
|
-
settings: true,
|
|
83
|
-
label: 'Teacher Instructions'
|
|
84
|
-
},
|
|
85
|
-
maxLengthPerChoice: {
|
|
86
|
-
settings: true,
|
|
87
|
-
label: 'Maximum Length Per Choice'
|
|
88
|
-
},
|
|
89
|
-
maxResponseAreas: 10,
|
|
90
|
-
maxImageWidth: {
|
|
91
|
-
teacherInstructions: 300,
|
|
92
|
-
prompt: 300,
|
|
93
|
-
rationale: 300
|
|
94
|
-
},
|
|
95
|
-
maxImageHeight: {
|
|
96
|
-
teacherInstructions: 300,
|
|
97
|
-
prompt: 300,
|
|
98
|
-
rationale: 300
|
|
99
|
-
},
|
|
100
|
-
withRubric: {
|
|
101
|
-
settings: false,
|
|
102
|
-
label: 'Add Rubric'
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
};
|
|
106
|
-
exports["default"] = _default;
|
|
107
|
-
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/defaults.js"],"names":["model","disabled","mode","prompt","shuffle","markup","toolbarEditorPosition","displayType","spellCheckEnabled","playerSpellCheckEnabled","choices","label","value","correct","maxLengthPerChoiceEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","partialScoring","rationale","settingsPanelDisabled","spellCheck","enabled","playerSpellCheck","teacherInstructions","maxLengthPerChoice","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric"],"mappings":"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","sourcesContent":["export default {\n model: {\n disabled: false,\n mode: 'gather',\n prompt: 'Use the inputs to complete the sentence',\n shuffle: true,\n markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',\n toolbarEditorPosition: 'bottom',\n displayType: 'block',\n spellCheckEnabled: true,\n playerSpellCheckEnabled: true,\n choices: {\n 0: [\n {\n label: 'cow',\n value: '0',\n },\n {\n label: 'cattle',\n value: '1',\n },\n {\n label: 'calf',\n value: '2',\n correct: false,\n },\n ],\n 1: [\n {\n label: 'over',\n value: '0',\n },\n {\n label: 'past',\n value: '1',\n },\n {\n label: 'beyond',\n value: '2',\n },\n ],\n 2: [\n {\n label: 'moon',\n value: '0',\n },\n {\n label: 'satellite',\n value: '2',\n },\n {\n label: 'house ',\n value: '3',\n },\n ],\n },\n maxLengthPerChoiceEnabled: true,\n rationaleEnabled: true,\n promptEnabled: true,\n teacherInstructionsEnabled: true,\n studentInstructionsEnabled: true,\n },\n configuration: {\n prompt: {\n settings: true,\n label: 'Prompt',\n },\n partialScoring: {\n settings: false,\n label: 'Allow Partial Scoring',\n },\n rationale: {\n settings: true,\n label: 'Rationale',\n },\n settingsPanelDisabled: false,\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n playerSpellCheck: {\n label: 'Student Spellcheck',\n settings: true,\n enabled: true,\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n },\n maxLengthPerChoice: {\n settings: true,\n label: 'Maximum Length Per Choice',\n },\n maxResponseAreas: 10,\n maxImageWidth: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n },\n maxImageHeight: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n },\n withRubric: {\n settings: false,\n label: 'Add Rubric',\n },\n },\n};\n"],"file":"defaults.js"}
|