@pie-element/match 5.5.0 → 5.5.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.
@@ -1,400 +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.Config = void 0;
9
-
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _react = _interopRequireDefault(require("react"));
25
-
26
- var _styles = require("@material-ui/core/styles");
27
-
28
- var _configUi = require("@pie-lib/config-ui");
29
-
30
- var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
31
-
32
- var _drag = require("@pie-lib/drag");
33
-
34
- var _propTypes = _interopRequireDefault(require("prop-types"));
35
-
36
- var _debug = _interopRequireDefault(require("debug"));
37
-
38
- var _generalConfigBlock = _interopRequireDefault(require("./general-config-block"));
39
-
40
- var _answerConfigBlock = _interopRequireDefault(require("./answer-config-block"));
41
-
42
- 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; }
43
-
44
- 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; }
45
-
46
- 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); }; }
47
-
48
- 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; } }
49
-
50
- var log = (0, _debug["default"])('@pie-element:match:configure');
51
- var Panel = _configUi.settings.Panel,
52
- toggle = _configUi.settings.toggle,
53
- radio = _configUi.settings.radio;
54
-
55
- var styles = function styles(theme) {
56
- return {
57
- title: {
58
- fontSize: '1.1rem',
59
- display: 'block',
60
- marginTop: theme.spacing.unit * 2,
61
- marginBottom: theme.spacing.unit
62
- },
63
- content: {
64
- marginTop: theme.spacing.unit * 2
65
- },
66
- promptHolder: {
67
- width: '100%',
68
- paddingTop: theme.spacing.unit * 2
69
- },
70
- prompt: {
71
- paddingTop: theme.spacing.unit * 2,
72
- width: '100%'
73
- }
74
- };
75
- };
76
-
77
- var Configure = /*#__PURE__*/function (_React$Component) {
78
- (0, _inherits2["default"])(Configure, _React$Component);
79
-
80
- var _super = _createSuper(Configure);
81
-
82
- function Configure(props) {
83
- var _this;
84
-
85
- (0, _classCallCheck2["default"])(this, Configure);
86
- _this = _super.call(this, props);
87
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTabChange", function (event, value) {
88
- _this.setState({
89
- activeTab: value
90
- });
91
- });
92
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeTabIndex", function (index) {
93
- _this.setState({
94
- activeTab: index
95
- });
96
- });
97
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (model) {
98
- _this.props.onModelChanged(model);
99
- });
100
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFeedbackChange", function (feedback) {
101
- var _this$props = _this.props,
102
- model = _this$props.model,
103
- onModelChanged = _this$props.onModelChanged;
104
- model.feedback = feedback;
105
- onModelChanged(model);
106
- });
107
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDeleteRow", function (rowIndex) {
108
- var model = _this.props.model;
109
-
110
- var newModel = _objectSpread({}, model);
111
-
112
- newModel.rows.splice(rowIndex, 1);
113
-
114
- _this.onChange(newModel);
115
- });
116
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAddRow", function () {
117
- var model = _this.props.model;
118
-
119
- var newModel = _objectSpread({}, model);
120
-
121
- newModel.rows = newModel.rows.concat({
122
- id: _this.rowIdCounter + 1,
123
- title: "Question Text ".concat(newModel.rows.length + 1),
124
- values: new Array(model.layout - 1).fill(false)
125
- });
126
- _this.rowIdCounter += 1;
127
-
128
- _this.onChange(newModel);
129
- });
130
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLayoutChange", function (newLayout) {
131
- var model = _this.props.model;
132
- var oldLayout = model.layout;
133
-
134
- var newModel = _objectSpread({}, model);
135
-
136
- if (newLayout > oldLayout) {
137
- for (var i = 0; i < newLayout - oldLayout; i++) {
138
- newModel.headers.push("Column ".concat(newModel.headers.length + 1));
139
- }
140
-
141
- newModel.rows.forEach(function (row) {
142
- for (var _i = 0; _i < newLayout - oldLayout; _i++) {
143
- row.values.push(false);
144
- }
145
- });
146
- } else if (newLayout < oldLayout) {
147
- newModel.headers.splice(newLayout);
148
- newModel.rows.forEach(function (row) {
149
- row.values.splice(newLayout - 1);
150
- });
151
- }
152
-
153
- newModel.layout = newLayout;
154
-
155
- _this.onChange(newModel);
156
- });
157
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResponseTypeChange", function (newChoiceMode) {
158
- var model = _this.props.model;
159
-
160
- var newModel = _objectSpread({}, model); // if we're switching to radio and we have more than one true, reset
161
-
162
-
163
- if (newChoiceMode === 'radio') {
164
- newModel.rows.forEach(function (row) {
165
- var trueCount = row.values.reduce(function (total, current) {
166
- return current === true ? total + 1 : total;
167
- });
168
-
169
- if (trueCount > 1) {
170
- row.values = new Array(model.layout - 1).fill(false);
171
- }
172
- });
173
- }
174
-
175
- newModel.choiceMode = newChoiceMode;
176
-
177
- _this.onChange(newModel);
178
- });
179
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPartialScoringChange", function (partialScoring) {
180
- _this.props.model.partialScoring = partialScoring;
181
-
182
- _this.props.onModelChanged(_this.props.model);
183
- });
184
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
185
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
186
- prompt: prompt
187
- }));
188
- });
189
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
190
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
191
- teacherInstructions: teacherInstructions
192
- }));
193
- });
194
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChanged", function (rationale) {
195
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
196
- rationale: rationale
197
- }));
198
- });
199
- _this.rowIdCounter = props.model.rows[props.model.rows.length - 1].id + 1;
200
- _this.state = {
201
- activeTab: 0
202
- };
203
- return _this;
204
- }
205
-
206
- (0, _createClass2["default"])(Configure, [{
207
- key: "render",
208
- value: function render() {
209
- var _this$props2 = this.props,
210
- classes = _this$props2.classes,
211
- model = _this$props2.model,
212
- imageSupport = _this$props2.imageSupport,
213
- onModelChanged = _this$props2.onModelChanged,
214
- configuration = _this$props2.configuration,
215
- onConfigurationChanged = _this$props2.onConfigurationChanged,
216
- uploadSoundSupport = _this$props2.uploadSoundSupport;
217
-
218
- var _ref = configuration || {},
219
- _ref$enableImages = _ref.enableImages,
220
- enableImages = _ref$enableImages === void 0 ? {} : _ref$enableImages,
221
- _ref$feedback = _ref.feedback,
222
- feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
223
- _ref$lockChoiceOrder = _ref.lockChoiceOrder,
224
- lockChoiceOrder = _ref$lockChoiceOrder === void 0 ? {} : _ref$lockChoiceOrder,
225
- _ref$maxImageWidth = _ref.maxImageWidth,
226
- maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
227
- _ref$maxImageHeight = _ref.maxImageHeight,
228
- maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
229
- _ref$partialScoring = _ref.partialScoring,
230
- partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring,
231
- _ref$prompt = _ref.prompt,
232
- prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
233
- _ref$rationale = _ref.rationale,
234
- rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
235
- settingsPanelDisabled = _ref.settingsPanelDisabled,
236
- _ref$scoringType = _ref.scoringType,
237
- scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
238
- _ref$spellCheck = _ref.spellCheck,
239
- spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
240
- _ref$studentInstructi = _ref.studentInstructions,
241
- studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
242
- _ref$teacherInstructi = _ref.teacherInstructions,
243
- teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
244
- _ref$withRubric = _ref.withRubric,
245
- withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric;
246
-
247
- var _ref2 = model || {},
248
- feedbackEnabled = _ref2.feedbackEnabled,
249
- promptEnabled = _ref2.promptEnabled,
250
- rationaleEnabled = _ref2.rationaleEnabled,
251
- spellCheckEnabled = _ref2.spellCheckEnabled,
252
- teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
253
- toolbarEditorPosition = _ref2.toolbarEditorPosition;
254
-
255
- var toolbarOpts = {
256
- position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
257
- };
258
- var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
259
- var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
260
- var panelSettings = {
261
- enableImages: enableImages.settings && toggle(enableImages.label),
262
- partialScoring: partialScoring.settings && toggle(partialScoring.label),
263
- lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
264
- feedbackEnabled: feedback.settings && toggle(feedback.label)
265
- };
266
- var panelProperties = {
267
- teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
268
- studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
269
- promptEnabled: prompt.settings && toggle(prompt.label),
270
- rationaleEnabled: rationale.settings && toggle(rationale.label),
271
- spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
272
- scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
273
- rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
274
- };
275
- log('[render] model', model);
276
- return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
277
- hideSettings: settingsPanelDisabled,
278
- settings: /*#__PURE__*/_react["default"].createElement(Panel, {
279
- model: model,
280
- configuration: configuration,
281
- onChangeModel: function onChangeModel(model) {
282
- return onModelChanged(model);
283
- },
284
- onChangeConfiguration: function onChangeConfiguration(config) {
285
- return onConfigurationChanged(config);
286
- },
287
- groups: {
288
- Settings: panelSettings,
289
- Properties: panelProperties
290
- }
291
- })
292
- }, /*#__PURE__*/_react["default"].createElement("div", {
293
- className: classes.content
294
- }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
295
- label: teacherInstructions.label,
296
- className: classes.promptHolder
297
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
298
- className: classes.prompt,
299
- markup: model.teacherInstructions || '',
300
- onChange: this.onTeacherInstructionsChanged,
301
- imageSupport: imageSupport,
302
- nonEmpty: false,
303
- toolbarOpts: toolbarOpts,
304
- spellCheck: spellCheckEnabled,
305
- maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
306
- maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
307
- uploadSoundSupport: uploadSoundSupport,
308
- languageCharactersProps: [{
309
- language: 'spanish'
310
- }, {
311
- language: 'special'
312
- }]
313
- })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
314
- label: prompt.label,
315
- className: classes.promptHolder
316
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
317
- className: classes.prompt,
318
- markup: model.prompt,
319
- onChange: this.onPromptChanged,
320
- imageSupport: imageSupport,
321
- nonEmpty: false,
322
- disableUnderline: true,
323
- toolbarOpts: toolbarOpts,
324
- spellCheck: spellCheckEnabled,
325
- maxImageWidth: maxImageWidth && maxImageWidth.prompt,
326
- maxImageHeight: maxImageHeight && maxImageHeight.prompt,
327
- uploadSoundSupport: uploadSoundSupport,
328
- languageCharactersProps: [{
329
- language: 'spanish'
330
- }, {
331
- language: 'special'
332
- }]
333
- })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
334
- label: rationale.label,
335
- className: classes.promptHolder
336
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
337
- className: classes.prompt,
338
- markup: model.rationale || '',
339
- onChange: this.onRationaleChanged,
340
- imageSupport: imageSupport,
341
- toolbarOpts: toolbarOpts,
342
- spellCheck: spellCheckEnabled,
343
- maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
344
- maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
345
- uploadSoundSupport: uploadSoundSupport,
346
- languageCharactersProps: [{
347
- language: 'spanish'
348
- }, {
349
- language: 'special'
350
- }]
351
- })), /*#__PURE__*/_react["default"].createElement(_generalConfigBlock["default"], {
352
- model: model,
353
- configuration: configuration,
354
- onResponseTypeChange: this.onResponseTypeChange,
355
- onLayoutChange: this.onLayoutChange
356
- }), /*#__PURE__*/_react["default"].createElement(_answerConfigBlock["default"], {
357
- model: model,
358
- configuration: configuration,
359
- imageSupport: imageSupport,
360
- onChange: this.onChange,
361
- onAddRow: this.onAddRow,
362
- onDeleteRow: this.onDeleteRow,
363
- toolbarOpts: toolbarOpts,
364
- spellCheck: spellCheckEnabled,
365
- uploadSoundSupport: uploadSoundSupport
366
- }), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
367
- feedback: model.feedback,
368
- onChange: this.onFeedbackChange,
369
- toolbarOpts: toolbarOpts
370
- })));
371
- }
372
- }]);
373
- return Configure;
374
- }(_react["default"].Component);
375
-
376
- (0, _defineProperty2["default"])(Configure, "propTypes", {
377
- onModelChanged: _propTypes["default"].func,
378
- onConfigurationChanged: _propTypes["default"].func,
379
- classes: _propTypes["default"].object,
380
- model: _propTypes["default"].object.isRequired,
381
- configuration: _propTypes["default"].object.isRequired,
382
- imageSupport: _propTypes["default"].shape({
383
- add: _propTypes["default"].func.isRequired,
384
- "delete": _propTypes["default"].func.isRequired
385
- }),
386
- uploadSoundSupport: _propTypes["default"].shape({
387
- add: _propTypes["default"].func.isRequired,
388
- "delete": _propTypes["default"].func.isRequired
389
- })
390
- });
391
- (0, _defineProperty2["default"])(Configure, "defaultProps", {
392
- classes: {}
393
- });
394
- var Config = Configure;
395
- exports.Config = Config;
396
-
397
- var _default = (0, _drag.withDragContext)((0, _styles.withStyles)(styles)(Configure));
398
-
399
- exports["default"] = _default;
400
- //# sourceMappingURL=configure.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingTop","prompt","Configure","props","event","value","setState","activeTab","index","model","onModelChanged","feedback","rowIndex","newModel","rows","splice","onChange","concat","id","rowIdCounter","length","values","Array","layout","fill","newLayout","oldLayout","i","headers","push","forEach","row","newChoiceMode","trueCount","reduce","total","current","choiceMode","partialScoring","teacherInstructions","rationale","state","classes","imageSupport","configuration","onConfigurationChanged","uploadSoundSupport","enableImages","lockChoiceOrder","maxImageWidth","maxImageHeight","settingsPanelDisabled","scoringType","spellCheck","studentInstructions","withRubric","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","toolbarOpts","position","defaultImageMaxWidth","defaultImageMaxHeight","panelSettings","label","panelProperties","studentInstructionsEnabled","rubricEnabled","config","Settings","Properties","onTeacherInstructionsChanged","language","onPromptChanged","onRationaleChanged","onResponseTypeChange","onLayoutChange","onAddRow","onDeleteRow","onFeedbackChange","React","Component","PropTypes","func","object","isRequired","shape","add","Config"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { FeedbackConfig, settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withDragContext } from '@pie-lib/drag';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport GeneralConfigBlock from './general-config-block';\nimport AnswerConfigBlock from './answer-config-block';\n\nconst log = debug('@pie-element:match:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n title: {\n fontSize: '1.1rem',\n display: 'block',\n marginTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit,\n },\n content: {\n marginTop: theme.spacing.unit * 2,\n },\n promptHolder: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n});\n\nclass Configure extends React.Component {\n static propTypes = {\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n classes: PropTypes.object,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n };\n\n static defaultProps = {\n classes: {},\n };\n\n constructor(props) {\n super(props);\n\n this.rowIdCounter = props.model.rows[props.model.rows.length - 1].id + 1;\n\n this.state = {\n activeTab: 0,\n };\n }\n\n onTabChange = (event, value) => {\n this.setState({ activeTab: value });\n };\n\n onChangeTabIndex = (index) => {\n this.setState({ activeTab: index });\n };\n\n onChange = (model) => {\n this.props.onModelChanged(model);\n };\n\n onFeedbackChange = (feedback) => {\n const { model, onModelChanged } = this.props;\n model.feedback = feedback;\n\n onModelChanged(model);\n };\n\n onDeleteRow = (rowIndex) => {\n const { model } = this.props;\n const newModel = { ...model };\n\n newModel.rows.splice(rowIndex, 1);\n\n this.onChange(newModel);\n };\n\n onAddRow = () => {\n const { model } = this.props;\n const newModel = { ...model };\n\n newModel.rows = newModel.rows.concat({\n id: this.rowIdCounter + 1,\n title: `Question Text ${newModel.rows.length + 1}`,\n values: new Array(model.layout - 1).fill(false),\n });\n\n this.rowIdCounter += 1;\n\n this.onChange(newModel);\n };\n\n onLayoutChange = (newLayout) => {\n const { model } = this.props;\n const oldLayout = model.layout;\n const newModel = { ...model };\n\n if (newLayout > oldLayout) {\n for (let i = 0; i < newLayout - oldLayout; i++) {\n newModel.headers.push(`Column ${newModel.headers.length + 1}`);\n }\n\n newModel.rows.forEach((row) => {\n for (let i = 0; i < newLayout - oldLayout; i++) {\n row.values.push(false);\n }\n });\n } else if (newLayout < oldLayout) {\n newModel.headers.splice(newLayout);\n\n newModel.rows.forEach((row) => {\n row.values.splice(newLayout - 1);\n });\n }\n\n newModel.layout = newLayout;\n\n this.onChange(newModel);\n };\n\n onResponseTypeChange = (newChoiceMode) => {\n const { model } = this.props;\n const newModel = { ...model };\n\n // if we're switching to radio and we have more than one true, reset\n if (newChoiceMode === 'radio') {\n newModel.rows.forEach((row) => {\n const trueCount = row.values.reduce((total, current) => (current === true ? total + 1 : total));\n\n if (trueCount > 1) {\n row.values = new Array(model.layout - 1).fill(false);\n }\n });\n }\n\n newModel.choiceMode = newChoiceMode;\n\n this.onChange(newModel);\n };\n\n onPartialScoringChange = (partialScoring) => {\n this.props.model.partialScoring = partialScoring;\n\n this.props.onModelChanged(this.props.model);\n };\n\n onPromptChanged = (prompt) => {\n this.props.onModelChanged({ ...this.props.model, prompt });\n };\n\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n };\n\n onRationaleChanged = (rationale) => {\n this.props.onModelChanged({ ...this.props.model, rationale });\n };\n\n render() {\n const { classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged, uploadSoundSupport } =\n this.props;\n const {\n enableImages = {},\n feedback = {},\n lockChoiceOrder = {},\n maxImageWidth = {},\n maxImageHeight = {},\n partialScoring = {},\n prompt = {},\n rationale = {},\n settingsPanelDisabled,\n scoringType = {},\n spellCheck = {},\n studentInstructions = {},\n teacherInstructions = {},\n withRubric = {},\n } = configuration || {};\n const {\n feedbackEnabled,\n promptEnabled,\n rationaleEnabled,\n spellCheckEnabled,\n teacherInstructionsEnabled,\n toolbarEditorPosition,\n } = model || {};\n\n const toolbarOpts = {\n position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n };\n\n const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n const panelSettings = {\n enableImages: enableImages.settings && toggle(enableImages.label),\n partialScoring: partialScoring.settings && toggle(partialScoring.label),\n lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n feedbackEnabled: feedback.settings && toggle(feedback.label),\n };\n const panelProperties = {\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n rationaleEnabled: rationale.settings && toggle(rationale.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n };\n\n log('[render] model', model);\n\n return (\n <layout.ConfigLayout\n hideSettings={settingsPanelDisabled}\n settings={\n <Panel\n model={model}\n configuration={configuration}\n onChangeModel={(model) => onModelChanged(model)}\n onChangeConfiguration={(config) => onConfigurationChanged(config)}\n groups={{\n Settings: panelSettings,\n Properties: panelProperties,\n }}\n />\n }\n >\n <div className={classes.content}>\n {teacherInstructionsEnabled && (\n <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={this.onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n\n {promptEnabled && (\n <InputContainer label={prompt.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={this.onPromptChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n disableUnderline\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n\n {rationaleEnabled && (\n <InputContainer label={rationale.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.rationale || ''}\n onChange={this.onRationaleChanged}\n imageSupport={imageSupport}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n\n <GeneralConfigBlock\n model={model}\n configuration={configuration}\n onResponseTypeChange={this.onResponseTypeChange}\n onLayoutChange={this.onLayoutChange}\n />\n\n <AnswerConfigBlock\n model={model}\n configuration={configuration}\n imageSupport={imageSupport}\n onChange={this.onChange}\n onAddRow={this.onAddRow}\n onDeleteRow={this.onDeleteRow}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n />\n\n {feedbackEnabled && (\n <FeedbackConfig feedback={model.feedback} onChange={this.onFeedbackChange} toolbarOpts={toolbarOpts} />\n )}\n </div>\n </layout.ConfigLayout>\n );\n }\n}\n\nexport const Config = Configure;\n\nexport default withDragContext(withStyles(styles)(Configure));\n"],"file":"configure.js"}
@@ -1,114 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- /** NOTE: teacherInstructions, studentInstructions, rationale & scoringType
9
- * functionalities are not defined yet - the value for those can belong to
10
- * model or to configuration
11
- */
12
- var _default = {
13
- model: {
14
- enableImages: true,
15
- headers: ['Column 1', 'Column 2', 'Column 3'],
16
- layout: 3,
17
- lockChoiceOrder: true,
18
- partialScoring: false,
19
- choiceMode: 'radio',
20
- prompt: 'Prompt goes here',
21
- toolbarEditorPosition: 'bottom',
22
- rows: [{
23
- id: 1,
24
- title: 'Question Text 1',
25
- values: [false, false]
26
- }],
27
- scoringType: 'auto',
28
- feedbackEnabled: true,
29
- promptEnabled: true,
30
- rationaleEnabled: true,
31
- teacherInstructionsEnabled: true,
32
- studentInstructionsEnabled: true
33
- },
34
- configuration: {
35
- enableImages: {
36
- settings: true,
37
- label: 'Enable Images'
38
- },
39
- feedback: {
40
- settings: true,
41
- label: 'Feedback',
42
- enabled: true
43
- },
44
- headers: {
45
- settings: true
46
- },
47
- layout: {
48
- settings: true,
49
- label: 'Layout'
50
- },
51
- lockChoiceOrder: {
52
- settings: false,
53
- label: 'Lock Choice Order'
54
- },
55
- partialScoring: {
56
- settings: false,
57
- label: 'Allow Partial Scoring'
58
- },
59
- choiceMode: {
60
- settings: true,
61
- label: 'Response Type'
62
- },
63
- prompt: {
64
- settings: true,
65
- label: 'Prompt'
66
- },
67
- rationale: {
68
- settings: true,
69
- label: 'Rationale'
70
- },
71
- settingsPanelDisabled: false,
72
- spellCheck: {
73
- label: 'Spellcheck',
74
- settings: false,
75
- enabled: true
76
- },
77
- scoringType: {
78
- settings: false,
79
- label: 'Scoring Type'
80
- },
81
- studentInstructions: {
82
- settings: false,
83
- label: 'Student Instructions'
84
- },
85
- teacherInstructions: {
86
- settings: true,
87
- label: 'Teacher Instructions'
88
- },
89
- maxImageWidth: {
90
- teacherInstructions: 300,
91
- prompt: 300,
92
- rationale: 300,
93
- rowTitles: 300
94
- },
95
- maxImageHeight: {
96
- teacherInstructions: 300,
97
- prompt: 300,
98
- rationale: 300,
99
- rowTitles: 150
100
- },
101
- withRubric: {
102
- settings: false,
103
- label: 'Add Rubric'
104
- },
105
- minQuestions: 2,
106
- maxQuestions: 5,
107
- maxLengthQuestionsHeading: 100,
108
- maxAnswers: 5,
109
- maxLengthAnswers: 100,
110
- maxLengthFirstColumnHeading: 100
111
- }
112
- };
113
- exports["default"] = _default;
114
- //# sourceMappingURL=defaults.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/defaults.js"],"names":["model","enableImages","headers","layout","lockChoiceOrder","partialScoring","choiceMode","prompt","toolbarEditorPosition","rows","id","title","values","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","label","feedback","enabled","rationale","settingsPanelDisabled","spellCheck","studentInstructions","teacherInstructions","maxImageWidth","rowTitles","maxImageHeight","withRubric","minQuestions","maxQuestions","maxLengthQuestionsHeading","maxAnswers","maxLengthAnswers","maxLengthFirstColumnHeading"],"mappings":"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","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n model: {\n enableImages: true,\n headers: ['Column 1', 'Column 2', 'Column 3'],\n layout: 3,\n lockChoiceOrder: true,\n partialScoring: false,\n choiceMode: 'radio',\n prompt: 'Prompt goes here',\n toolbarEditorPosition: 'bottom',\n rows: [\n {\n id: 1,\n title: 'Question Text 1',\n values: [false, false],\n },\n ],\n scoringType: 'auto',\n feedbackEnabled: true,\n promptEnabled: true,\n rationaleEnabled: true,\n teacherInstructionsEnabled: true,\n studentInstructionsEnabled: true,\n },\n configuration: {\n enableImages: {\n settings: true,\n label: 'Enable Images',\n },\n feedback: {\n settings: true,\n label: 'Feedback',\n enabled: true,\n },\n headers: {\n settings: true,\n },\n layout: {\n settings: true,\n label: 'Layout',\n },\n lockChoiceOrder: {\n settings: false,\n label: 'Lock Choice Order',\n },\n partialScoring: {\n settings: false,\n label: 'Allow Partial Scoring',\n },\n choiceMode: {\n settings: true,\n label: 'Response Type',\n },\n prompt: {\n settings: true,\n label: 'Prompt',\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 scoringType: {\n settings: false,\n label: 'Scoring Type',\n },\n studentInstructions: {\n settings: false,\n label: 'Student Instructions',\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n },\n maxImageWidth: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n rowTitles: 300,\n },\n maxImageHeight: {\n teacherInstructions: 300,\n prompt: 300,\n rationale: 300,\n rowTitles: 150,\n },\n withRubric: {\n settings: false,\n label: 'Add Rubric',\n },\n minQuestions: 2,\n maxQuestions: 5,\n maxLengthQuestionsHeading: 100,\n maxAnswers: 5,\n maxLengthAnswers: 100,\n maxLengthFirstColumnHeading: 100\n },\n};\n"],"file":"defaults.js"}