@pie-element/multiple-choice 5.11.0-ps.13 → 6.0.0-strikethrough.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.
Files changed (40) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/configure/CHANGELOG.md +31 -0
  3. package/configure/lib/__tests__/root.test.js +271 -0
  4. package/configure/lib/defaults.js +17 -4
  5. package/configure/lib/defaults.js.map +1 -1
  6. package/configure/lib/index.js +9 -4
  7. package/configure/lib/index.js.map +1 -1
  8. package/configure/lib/main.js +68 -19
  9. package/configure/lib/main.js.map +1 -1
  10. package/configure/package.json +4 -4
  11. package/controller/CHANGELOG.md +13 -0
  12. package/controller/lib/__tests__/index.test.js +864 -0
  13. package/controller/lib/__tests__/utils.test.js +8 -0
  14. package/controller/lib/defaults.js +4 -2
  15. package/controller/lib/defaults.js.map +1 -1
  16. package/controller/lib/index.js +25 -7
  17. package/controller/lib/index.js.map +1 -1
  18. package/controller/lib/utils.js +9 -1
  19. package/controller/lib/utils.js.map +1 -1
  20. package/controller/package.json +1 -1
  21. package/docs/demo/generate.js +17 -14
  22. package/lib/__tests__/choice-input-test.js +124 -0
  23. package/lib/__tests__/index-test.js +22 -0
  24. package/lib/__tests__/multiple-choice-test.js +237 -0
  25. package/lib/__tests__/session-updater-test.js +72 -0
  26. package/lib/choice-input.js +79 -18
  27. package/lib/choice-input.js.map +1 -1
  28. package/lib/choice.js +149 -0
  29. package/lib/choice.js.map +1 -0
  30. package/lib/feedback-tick.js +1 -1
  31. package/lib/feedback-tick.js.map +1 -1
  32. package/lib/index.js +70 -3
  33. package/lib/index.js.map +1 -1
  34. package/lib/main.js +1 -1
  35. package/lib/main.js.map +1 -1
  36. package/lib/multiple-choice.js +84 -144
  37. package/lib/multiple-choice.js.map +1 -1
  38. package/lib/print.js +125 -0
  39. package/lib/print.js.map +1 -0
  40. package/package.json +5 -5
@@ -43,15 +43,16 @@ var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
43
43
 
44
44
  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); }; }
45
45
 
46
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
46
+ 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; } }
47
47
 
48
- function 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; }
48
+ function 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; }
49
49
 
50
50
  function _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) { (0, _defineProperty2["default"])(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; }
51
51
 
52
52
  var Panel = _configUi.settings.Panel,
53
53
  toggle = _configUi.settings.toggle,
54
- radio = _configUi.settings.radio;
54
+ radio = _configUi.settings.radio,
55
+ dropdown = _configUi.settings.dropdown;
55
56
  var MAX_CHOICES = 9;
56
57
 
57
58
  var styles = function styles(theme) {
@@ -68,9 +69,15 @@ var styles = function styles(theme) {
68
69
  rationaleHolder: {
69
70
  width: '70%'
70
71
  },
72
+ accessibilityHolder: {
73
+ width: '70%'
74
+ },
71
75
  rationale: {
72
76
  paddingTop: theme.spacing.unit * 2
73
77
  },
78
+ accessibility: {
79
+ paddingTop: theme.spacing.unit * 2
80
+ },
74
81
  design: {
75
82
  paddingTop: theme.spacing.unit * 3
76
83
  },
@@ -143,20 +150,30 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
143
150
  studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
144
151
  _ref$rationale = _ref.rationale,
145
152
  rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
153
+ _ref$accessibility = _ref.accessibility,
154
+ accessibility = _ref$accessibility === void 0 ? {} : _ref$accessibility,
146
155
  _ref$scoringType = _ref.scoringType,
147
156
  scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
148
157
  _ref$sequentialChoice = _ref.sequentialChoiceLabels,
149
158
  sequentialChoiceLabels = _ref$sequentialChoice === void 0 ? {} : _ref$sequentialChoice,
150
159
  settingsPanelDisabled = _ref.settingsPanelDisabled,
151
- verticalMode = _ref.verticalMode;
160
+ choicesLayout = _ref.choicesLayout,
161
+ gridColumns = _ref.gridColumns;
152
162
 
153
163
  var _ref2 = model || {},
154
164
  limitChoicesNumberModel = _ref2.limitChoicesNumber,
155
165
  teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
156
166
  rationaleEnabled = _ref2.rationaleEnabled,
167
+ accessibilityLabelsEnabled = _ref2.accessibilityLabelsEnabled,
157
168
  feedbackEnabled = _ref2.feedbackEnabled,
158
- promptEnabled = _ref2.promptEnabled;
159
-
169
+ promptEnabled = _ref2.promptEnabled,
170
+ choices = _ref2.choices;
171
+
172
+ var nrOfColumnsAvailable = choices && choices.length ? Array.from({
173
+ length: choices.length
174
+ }, function (_, i) {
175
+ return "".concat(i + 1);
176
+ }) : [];
160
177
  var labelPlugins = {
161
178
  audio: {
162
179
  disabled: true
@@ -165,6 +182,17 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
165
182
  disabled: true
166
183
  }
167
184
  };
185
+ var toolbarOpts = {};
186
+
187
+ switch (model.toolbarEditorPosition) {
188
+ case 'top':
189
+ toolbarOpts.position = 'top';
190
+ break;
191
+
192
+ default:
193
+ toolbarOpts.position = 'bottom';
194
+ break;
195
+ }
168
196
 
169
197
  var Content = /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
170
198
  label: teacherInstructions.label,
@@ -174,7 +202,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
174
202
  markup: model.teacherInstructions || '',
175
203
  onChange: onTeacherInstructionsChanged,
176
204
  imageSupport: imageSupport,
177
- nonEmpty: false
205
+ nonEmpty: false,
206
+ toolbarOpts: toolbarOpts
178
207
  })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
179
208
  label: prompt.label,
180
209
  className: classes.promptHolder
@@ -184,7 +213,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
184
213
  onChange: onPromptChanged,
185
214
  imageSupport: imageSupport,
186
215
  nonEmpty: false,
187
- disableUnderline: true
216
+ disableUnderline: true,
217
+ toolbarOpts: toolbarOpts
188
218
  })), model.choices.map(function (choice, index) {
189
219
  return /*#__PURE__*/_react["default"].createElement("div", {
190
220
  key: "choice-".concat(index),
@@ -206,7 +236,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
206
236
  },
207
237
  allowFeedBack: feedbackEnabled,
208
238
  allowDelete: deleteChoice.settings,
209
- noLabels: true
239
+ noLabels: true,
240
+ toolbarOpts: toolbarOpts
210
241
  }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
211
242
  key: "rationale-".concat(index),
212
243
  label: rationale.label,
@@ -220,6 +251,21 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
220
251
  }));
221
252
  },
222
253
  imageSupport: imageSupport,
254
+ toolbarOpts: toolbarOpts,
255
+ pluginProps: labelPlugins
256
+ })), accessibilityLabelsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
257
+ key: "accessibility-".concat(index),
258
+ label: accessibility.label,
259
+ className: classes.accessibilityHolder
260
+ }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
261
+ className: classes.accessibility,
262
+ markup: choice.accessibility || '',
263
+ onChange: function onChange(c) {
264
+ return onChoiceChanged(index, _objectSpread(_objectSpread({}, choice), {}, {
265
+ accessibility: c
266
+ }));
267
+ },
268
+ imageSupport: imageSupport,
223
269
  pluginProps: labelPlugins
224
270
  })));
225
271
  }), /*#__PURE__*/_react["default"].createElement("br", null), addChoiceButton.settings && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
@@ -237,6 +283,17 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
237
283
  onClick: onAddChoice
238
284
  }, addChoiceButton.label)));
239
285
 
286
+ var settingsInPanel = {
287
+ choiceMode: choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),
288
+ 'sequentialChoiceLabels.enabled': sequentialChoiceLabels.settings && toggle(sequentialChoiceLabels.label, true),
289
+ choicePrefix: choicePrefix.settings && radio(choicePrefix.label, ['numbers', 'letters']),
290
+ partialScoring: partialScoring.settings && toggle(partialScoring.label),
291
+ limitChoicesNumber: limitChoicesNumber.settings && toggle(limitChoicesNumber.label),
292
+ lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
293
+ feedbackEnabled: feedback.settings && toggle(feedback.label),
294
+ choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),
295
+ gridColumns: choicesLayout.settings && model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0 && dropdown(gridColumns.label, nrOfColumnsAvailable)
296
+ };
240
297
  return /*#__PURE__*/_react["default"].createElement("div", {
241
298
  className: classes.design
242
299
  }, settingsPanelDisabled ? Content : /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
@@ -246,21 +303,13 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
246
303
  configuration: configuration,
247
304
  onChangeConfiguration: onConfigurationChanged,
248
305
  groups: {
249
- Settings: {
250
- choiceMode: choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),
251
- 'sequentialChoiceLabels.enabled': sequentialChoiceLabels.settings && toggle(sequentialChoiceLabels.label, true),
252
- choicePrefix: choicePrefix.settings && radio(choicePrefix.label, ['numbers', 'letters']),
253
- partialScoring: partialScoring.settings && toggle(partialScoring.label),
254
- limitChoicesNumber: limitChoicesNumber.settings && toggle(limitChoicesNumber.label),
255
- lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
256
- feedbackEnabled: feedback.settings && toggle(feedback.label),
257
- verticalMode: verticalMode.settings && toggle(verticalMode.label)
258
- },
306
+ Settings: settingsInPanel,
259
307
  Properties: {
260
308
  teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
261
309
  studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
262
310
  promptEnabled: prompt.settings && toggle(prompt.label),
263
311
  rationaleEnabled: rationale.settings && toggle(rationale.label),
312
+ accessibilityLabelsEnabled: accessibility.settings && toggle(accessibility.label),
264
313
  scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
265
314
  }
266
315
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","MAX_CHOICES","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","rationaleHolder","rationale","design","choiceConfigurationHolder","display","flexDirection","alignItems","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","limitChoicesNumber","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","verticalMode","limitChoicesNumberModel","teacherInstructionsEnabled","rationaleEnabled","feedbackEnabled","promptEnabled","labelPlugins","audio","video","Content","label","choices","map","choice","index","c","length","tooltip","root","undefined","Settings","Properties","studentInstructionsEnabled","Main","splice","onModelChanged","push","value","utils","firstAvailableIndex","type","correct","key","correctFound","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEQA,K,GAAyBC,kB,CAAzBD,K;IAAOE,M,GAAkBD,kB,CAAlBC,M;IAAQC,K,GAAUF,kB,CAAVE,K;AAEvB,IAAMC,WAAW,GAAG,CAApB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAFxB;AAGZC,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAHvB,KADS;AAMvBE,IAAAA,MAAM,EAAE;AACNC,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAD3B;AAENH,MAAAA,KAAK,EAAE;AAFD,KANe;AAUvBO,IAAAA,eAAe,EAAE;AACfP,MAAAA,KAAK,EAAE;AADQ,KAVM;AAavBQ,IAAAA,SAAS,EAAE;AACTF,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AADxB,KAbY;AAgBvBM,IAAAA,MAAM,EAAE;AACNH,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAD3B,KAhBe;AAmBvBO,IAAAA,yBAAyB,EAAE;AACzBC,MAAAA,OAAO,EAAE,MADgB;AAEzBC,MAAAA,aAAa,EAAE,QAFU;AAGzBC,MAAAA,UAAU,EAAE;AAHa,KAnBJ;AAwBvBC,IAAAA,mBAAmB,EAAE;AACnBd,MAAAA,KAAK,EAAE,MADY;AAEnBM,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAFd;AAGnBF,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAHjB,KAxBE;AA6BvBY,IAAAA,aAAa,EAAE;AACbC,MAAAA,cAAc,EAAE,eADH;AAEbC,MAAAA,MAAM,EAAE;AAFK,KA7BQ;AAiCvBC,IAAAA,SAAS,EAAE;AACT,eAAO;AADE,KAjCY;AAoCvBC,IAAAA,aAAa,EAAE;AACbC,MAAAA,MAAM,EAAE,aADK;AAEbC,MAAAA,aAAa,EAAE,KAFF;AAGbC,MAAAA,eAAe,EAAEC,gBAAMC,QAAN,EAHJ;AAIb,iBAAW;AACTF,QAAAA,eAAe,EAAEC,gBAAMC,QAAN;AADR,OAJE;AAOb,iBAAW;AACTF,QAAAA,eAAe,EAAEC,gBAAMC,QAAN;AADR;AAPE;AApCQ,GAAL;AAAA,CAApB;;AAiDA,IAAMC,MAAM,GAAG,wBAAW5B,MAAX,EAAmB,UAAA6B,KAAK,EAAI;AAAA,MAEvCC,OAFuC,GAarCD,KAbqC,CAEvCC,OAFuC;AAAA,MAGvCC,KAHuC,GAarCF,KAbqC,CAGvCE,KAHuC;AAAA,MAIvCC,aAJuC,GAarCH,KAbqC,CAIvCG,aAJuC;AAAA,MAKvCC,eALuC,GAarCJ,KAbqC,CAKvCI,eALuC;AAAA,MAMvCC,eANuC,GAarCL,KAbqC,CAMvCK,eANuC;AAAA,MAOvCC,cAPuC,GAarCN,KAbqC,CAOvCM,cAPuC;AAAA,MAQvCC,WARuC,GAarCP,KAbqC,CAQvCO,WARuC;AAAA,MASvCC,YATuC,GAarCR,KAbqC,CASvCQ,YATuC;AAAA,MAUvCC,aAVuC,GAarCT,KAbqC,CAUvCS,aAVuC;AAAA,MAWvCC,sBAXuC,GAarCV,KAbqC,CAWvCU,sBAXuC;AAAA,MAYvCC,4BAZuC,GAarCX,KAbqC,CAYvCW,4BAZuC;;AAAA,aA+BrCR,aAAa,IAAI,EA/BoB;AAAA,yBAevCxB,MAfuC;AAAA,MAevCA,MAfuC,4BAe9B,EAf8B;AAAA,kCAgBvCiC,eAhBuC;AAAA,MAgBvCA,eAhBuC,qCAgBrB,EAhBqB;AAAA,mCAiBvCC,kBAjBuC;AAAA,MAiBvCA,kBAjBuC,sCAiBlB,EAjBkB;AAAA,2BAkBvCC,QAlBuC;AAAA,MAkBvCA,QAlBuC,8BAkB5B,EAlB4B;AAAA,+BAmBvCC,YAnBuC;AAAA,MAmBvCA,YAnBuC,kCAmBxB,EAnBwB;AAAA,6BAoBvCC,UApBuC;AAAA,MAoBvCA,UApBuC,gCAoB1B,EApB0B;AAAA,+BAqBvCC,YArBuC;AAAA,MAqBvCA,YArBuC,kCAqBxB,EArBwB;AAAA,iCAsBvCC,cAtBuC;AAAA,MAsBvCA,cAtBuC,oCAsBtB,EAtBsB;AAAA,kCAuBvCC,eAvBuC;AAAA,MAuBvCA,eAvBuC,qCAuBrB,EAvBqB;AAAA,mCAwBvCC,mBAxBuC;AAAA,MAwBvCA,mBAxBuC,sCAwBjB,EAxBiB;AAAA,mCAyBvCC,mBAzBuC;AAAA,MAyBvCA,mBAzBuC,sCAyBjB,EAzBiB;AAAA,4BA0BvCvC,SA1BuC;AAAA,MA0BvCA,SA1BuC,+BA0B3B,EA1B2B;AAAA,8BA2BvCwC,WA3BuC;AAAA,MA2BvCA,WA3BuC,iCA2BzB,EA3ByB;AAAA,mCA4BvCC,sBA5BuC;AAAA,MA4BvCA,sBA5BuC,sCA4Bd,EA5Bc;AAAA,MA6BvCC,qBA7BuC,QA6BvCA,qBA7BuC;AAAA,MA8BvCC,YA9BuC,QA8BvCA,YA9BuC;;AAAA,cAsCrCvB,KAAK,IAAI,EAtC4B;AAAA,MAiCnBwB,uBAjCmB,SAiCvCb,kBAjCuC;AAAA,MAkCvCc,0BAlCuC,SAkCvCA,0BAlCuC;AAAA,MAmCvCC,gBAnCuC,SAmCvCA,gBAnCuC;AAAA,MAoCvCC,eApCuC,SAoCvCA,eApCuC;AAAA,MAqCvCC,aArCuC,SAqCvCA,aArCuC;;AAwCzC,MAAMC,YAAY,GAAG;AACnBC,IAAAA,KAAK,EAAE;AAAElC,MAAAA,QAAQ,EAAE;AAAZ,KADY;AAEnBmC,IAAAA,KAAK,EAAE;AAAEnC,MAAAA,QAAQ,EAAE;AAAZ;AAFY,GAArB;;AAKA,MAAMoC,OAAO,gBACX,6CACGP,0BAA0B,iBACzB,gCAAC,wBAAD;AACE,IAAA,KAAK,EAAEP,mBAAmB,CAACe,KAD7B;AAEE,IAAA,SAAS,EAAElC,OAAO,CAAC5B;AAFrB,kBAIE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAE4B,OAAO,CAACtB,MADrB;AAEE,IAAA,MAAM,EAAEuB,KAAK,CAACkB,mBAAN,IAA6B,EAFvC;AAGE,IAAA,QAAQ,EAAET,4BAHZ;AAIE,IAAA,YAAY,EAAEH,YAJhB;AAKE,IAAA,QAAQ,EAAE;AALZ,IAJF,CAFJ,EAgBGsB,aAAa,iBACZ,gCAAC,wBAAD;AAAgB,IAAA,KAAK,EAAEnD,MAAM,CAACwD,KAA9B;AAAqC,IAAA,SAAS,EAAElC,OAAO,CAAC5B;AAAxD,kBACE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAE4B,OAAO,CAACtB,MADrB;AAEE,IAAA,MAAM,EAAEuB,KAAK,CAACvB,MAFhB;AAGE,IAAA,QAAQ,EAAEyB,eAHZ;AAIE,IAAA,YAAY,EAAEI,YAJhB;AAKE,IAAA,QAAQ,EAAE,KALZ;AAME,IAAA,gBAAgB;AANlB,IADF,CAjBJ,EA4BGN,KAAK,CAACkC,OAAN,CAAcC,GAAd,CAAkB,UAACC,MAAD,EAASC,KAAT;AAAA,wBACjB;AACE,MAAA,GAAG,mBAAYA,KAAZ,CADL;AAEE,MAAA,SAAS,EAAEtC,OAAO,CAACjB;AAFrB,oBAIE,gCAAC,6BAAD;AACE,MAAA,GAAG,EAAEuD,KADP;AAEE,MAAA,KAAK,EAAEA,KAAK,GAAG,CAFjB;AAGE,MAAA,iBAAiB,EAAErC,KAAK,CAACe,YAAN,KAAuB,SAH5C;AAIE,MAAA,SAAS,EAAEhB,OAAO,CAACb,mBAJrB;AAKE,MAAA,IAAI,EAAEc,KAAK,CAACc,UALd;AAME,MAAA,IAAI,EAAEsB,MANR;AAOE,MAAA,eAAe,EAAE,EAPnB;AAQE,MAAA,YAAY,EAAE9B,YARhB;AASE,MAAA,QAAQ,EAAE;AAAA,eAAMF,cAAc,CAACiC,KAAD,CAApB;AAAA,OATZ;AAUE,MAAA,QAAQ,EAAE,kBAAAC,CAAC;AAAA,eAAInC,eAAe,CAACkC,KAAD,EAAQC,CAAR,CAAnB;AAAA,OAVb;AAWE,MAAA,aAAa,EAAEX,eAXjB;AAYE,MAAA,WAAW,EAAEd,YAAY,CAAChD,QAZ5B;AAaE,MAAA,QAAQ;AAbV,MAJF,EAmBG6D,gBAAgB,iBACf,gCAAC,wBAAD;AACE,MAAA,GAAG,sBAAeW,KAAf,CADL;AAEE,MAAA,KAAK,EAAEzD,SAAS,CAACqD,KAFnB;AAGE,MAAA,SAAS,EAAElC,OAAO,CAACpB;AAHrB,oBAKE,gCAAC,wBAAD;AACE,MAAA,SAAS,EAAEoB,OAAO,CAACnB,SADrB;AAEE,MAAA,MAAM,EAAEwD,MAAM,CAACxD,SAAP,IAAoB,EAF9B;AAGE,MAAA,QAAQ,EAAE,kBAAA0D,CAAC;AAAA,eACTnC,eAAe,CAACkC,KAAD,kCACVD,MADU;AAEbxD,UAAAA,SAAS,EAAE0D;AAFE,WADN;AAAA,OAHb;AASE,MAAA,YAAY,EAAEhC,YAThB;AAUE,MAAA,WAAW,EAAEuB;AAVf,MALF,CApBJ,CADiB;AAAA,GAAlB,CA5BH,eAsEE,2CAtEF,EAuEGnB,eAAe,CAAC7C,QAAhB,iBACC,gCAAC,mBAAD;AAAS,IAAA,KAAK,EAAE2D,uBAAuB,IAAIxB,KAAK,CAACkC,OAAN,CAAcK,MAAd,IAAwBvE,WAAnD,kBAAyEA,WAAzE,wBAAyG,EAAzH;AAA6H,IAAA,OAAO,EAAE;AAAEwE,MAAAA,OAAO,EAAEzC,OAAO,CAACyC;AAAnB;AAAtI,kBACE,gCAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AAAEC,MAAAA,IAAI,EAAEjB,uBAAuB,IAAIxB,KAAK,CAACkC,OAAN,CAAcK,MAAd,IAAwBvE,WAAnD,GAAiE+B,OAAO,CAACR,aAAzE,GAAyFmD;AAAjG,KADX;AAEE,IAAA,SAAS,EAAE3C,OAAO,CAACT,SAFrB;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,SAJR;AAKE,IAAA,OAAO,EAAEe;AALX,KAOGK,eAAe,CAACuB,KAPnB,CADF,CAxEJ,CADF;;AAwFA,sBACE;AAAK,IAAA,SAAS,EAAElC,OAAO,CAAClB;AAAxB,KACGyC,qBAAqB,GACpBU,OADoB,gBAGpB,gCAAC,gBAAD,CAAQ,YAAR;AACE,IAAA,QAAQ,eACN,gCAAC,KAAD;AACE,MAAA,KAAK,EAAEhC,KADT;AAEE,MAAA,aAAa,EAAEO,aAFjB;AAGE,MAAA,aAAa,EAAEN,aAHjB;AAIE,MAAA,qBAAqB,EAAEO,sBAJzB;AAKE,MAAA,MAAM,EAAE;AACNmC,QAAAA,QAAQ,EAAE;AACR7B,UAAAA,UAAU,EACRA,UAAU,CAACjD,QAAX,IACAE,KAAK,CAAC+C,UAAU,CAACmB,KAAZ,EAAmB,CAAC,UAAD,EAAa,OAAb,CAAnB,CAHC;AAIR,4CACEZ,sBAAsB,CAACxD,QAAvB,IACAC,MAAM,CAACuD,sBAAsB,CAACY,KAAxB,EAA+B,IAA/B,CANA;AAORlB,UAAAA,YAAY,EACVA,YAAY,CAAClD,QAAb,IACAE,KAAK,CAACgD,YAAY,CAACkB,KAAd,EAAqB,CAAC,SAAD,EAAY,SAAZ,CAArB,CATC;AAURjB,UAAAA,cAAc,EACZA,cAAc,CAACnD,QAAf,IAA2BC,MAAM,CAACkD,cAAc,CAACiB,KAAhB,CAX3B;AAYRtB,UAAAA,kBAAkB,EAChBA,kBAAkB,CAAC9C,QAAnB,IAA+BC,MAAM,CAAC6C,kBAAkB,CAACsB,KAApB,CAb/B;AAcRhB,UAAAA,eAAe,EACbA,eAAe,CAACpD,QAAhB,IAA4BC,MAAM,CAACmD,eAAe,CAACgB,KAAjB,CAf5B;AAgBRN,UAAAA,eAAe,EAAEf,QAAQ,CAAC/C,QAAT,IAAqBC,MAAM,CAAC8C,QAAQ,CAACqB,KAAV,CAhBpC;AAiBRV,UAAAA,YAAY,EAAEA,YAAY,CAAC1D,QAAb,IAAyBC,MAAM,CAACyD,YAAY,CAACU,KAAd;AAjBrC,SADJ;AAoBNW,QAAAA,UAAU,EAAE;AACVnB,UAAAA,0BAA0B,EACxBP,mBAAmB,CAACrD,QAApB,IACAC,MAAM,CAACoD,mBAAmB,CAACe,KAArB,CAHE;AAIVY,UAAAA,0BAA0B,EACxB1B,mBAAmB,CAACtD,QAApB,IACAC,MAAM,CAACqD,mBAAmB,CAACc,KAArB,CANE;AAOVL,UAAAA,aAAa,EAAEnD,MAAM,CAACZ,QAAP,IAAmBC,MAAM,CAACW,MAAM,CAACwD,KAAR,CAP9B;AAQVP,UAAAA,gBAAgB,EACd9C,SAAS,CAACf,QAAV,IAAsBC,MAAM,CAACc,SAAS,CAACqD,KAAX,CATpB;AAUVb,UAAAA,WAAW,EACTA,WAAW,CAACvD,QAAZ,IACAE,KAAK,CAACqD,WAAW,CAACa,KAAb,EAAoB,CAAC,MAAD,EAAS,QAAT,CAApB;AAZG;AApBN;AALV;AAFJ,KA6CGD,OA7CH,CAJJ,CADF;AAuDD,CA5Lc,CAAf;;IA8Lac,I;;;;;;;;;;;;;;;uGAaM,UAAAT,KAAK,EAAI;AAAA,UAChBrC,KADgB,GACN,MAAKF,KADC,CAChBE,KADgB;AAGxBA,MAAAA,KAAK,CAACkC,OAAN,CAAca,MAAd,CAAqBV,KAArB,EAA4B,CAA5B;;AACA,YAAKvC,KAAL,CAAWkD,cAAX,CAA0BhD,KAA1B;AACD,K;oGAEa,YAAM;AAAA,UACVA,KADU,GACA,MAAKF,KADL,CACVE,KADU;;AAGlB,UAAI,CAACA,KAAK,CAACW,kBAAP,IAA8BX,KAAK,CAACW,kBAAN,IAA4BX,KAAK,CAACkC,OAAN,CAAcK,MAAd,GAAuBvE,WAArF,EAAmG;AACjGgC,QAAAA,KAAK,CAACkC,OAAN,CAAce,IAAd,CAAmB;AACjBhB,UAAAA,KAAK,EAAE,EADU;AAEjBiB,UAAAA,KAAK,EAAEC,sBAAMC,mBAAN,CAA0BpD,KAAK,CAACkC,OAAN,CAAcC,GAAd,CAAkB,UAAAG,CAAC;AAAA,mBAAIA,CAAC,CAACY,KAAN;AAAA,WAAnB,CAA1B,EAA2D,CAA3D,CAFU;AAGjBtC,UAAAA,QAAQ,EAAE;AACRyC,YAAAA,IAAI,EAAE;AADE;AAHO,SAAnB;;AAQA,cAAKvD,KAAL,CAAWkD,cAAX,CAA0BhD,KAA1B;AACD;AACF,K;wGAEiB,UAACqC,KAAD,EAAQD,MAAR,EAAmB;AAAA,UAC3BpC,KAD2B,GACjB,MAAKF,KADY,CAC3BE,KAD2B;;AAGnC,UAAIoC,MAAM,CAACkB,OAAP,IAAkBtD,KAAK,CAACc,UAAN,KAAqB,OAA3C,EAAoD;AAClDd,QAAAA,KAAK,CAACkC,OAAN,GAAgBlC,KAAK,CAACkC,OAAN,CAAcC,GAAd,CAAkB,UAAAG,CAAC,EAAI;AACrC,iBAAO,uBAAM,EAAN,EAAUA,CAAV,EAAa;AAAEgB,YAAAA,OAAO,EAAE;AAAX,WAAb,CAAP;AACD,SAFe,CAAhB;AAGD;;AAEDtD,MAAAA,KAAK,CAACkC,OAAN,CAAca,MAAd,CAAqBV,KAArB,EAA4B,CAA5B,EAA+BD,MAA/B;;AACA,YAAKtC,KAAL,CAAWkD,cAAX,CAA0BhD,KAA1B;AACD,K;wGAEiB,UAAAvB,MAAM,EAAI;AAC1B,YAAKqB,KAAL,CAAWkD,cAAX,iCACK,MAAKlD,KAAL,CAAWE,KADhB;AAEEvB,QAAAA,MAAM,EAANA;AAFF;AAID,K;qHAE8B,UAAAyC,mBAAmB,EAAI;AACpD,YAAKpB,KAAL,CAAWkD,cAAX,iCACK,MAAKlD,KAAL,CAAWE,KADhB;AAEEkB,QAAAA,mBAAmB,EAAnBA;AAFF;AAID,K;uGAEgB,UAAClB,KAAD,EAAQuD,GAAR,EAAgB;AAAA,UACvBP,cADuB,GACJ,MAAKlD,KADD,CACvBkD,cADuB;;AAG/B,cAAQO,GAAR;AACE,aAAK,YAAL;AAAmB;AACjB,gBAAIL,KAAK,GAAGlD,KAAK,CAACc,UAAlB;;AAEA,gBAAIoC,KAAK,KAAK,OAAd,EAAuB;AACrB,kBAAIM,YAAY,GAAG,KAAnB;AAEAxD,cAAAA,KAAK,CAACkC,OAAN,GAAgBlC,KAAK,CAACkC,OAAN,CAAcC,GAAd,CAAkB,UAAAG,CAAC,EAAI;AACrC,oBAAIkB,YAAJ,EAAkB;AAChBlB,kBAAAA,CAAC,CAACgB,OAAF,GAAY,KAAZ;AACA,yBAAOhB,CAAP;AACD;;AAED,oBAAIA,CAAC,CAACgB,OAAN,EAAe;AACbE,kBAAAA,YAAY,GAAG,IAAf;AACD;;AACD,uBAAOlB,CAAP;AACD,eAVe,CAAhB;AAWD;;AACDU,YAAAA,cAAc,CAAChD,KAAD,EAAQ,IAAR,CAAd;AACA;AACD;;AACD;AACEgD,UAAAA,cAAc,CAAChD,KAAD,CAAd;AACA;AAxBJ;AA0BD,K;;;;;;WAED,kBAAS;AACP,0BACE,gCAAC,MAAD,gCACM,KAAKF,KADX;AAEE,QAAA,aAAa,EAAE,KAAKkD,cAFtB;AAGE,QAAA,cAAc,EAAE,KAAK5C,cAHvB;AAIE,QAAA,eAAe,EAAE,KAAKD,eAJxB;AAKE,QAAA,WAAW,EAAE,KAAKE,WALpB;AAME,QAAA,eAAe,EAAE,KAAKH,eANxB;AAOE,QAAA,4BAA4B,EAAE,KAAKO;AAPrC,SADF;AAWD;;;EA1GuBgD,kBAAMC,S;;;iCAAnBZ,I,eACQ;AACjB9C,EAAAA,KAAK,EAAE2D,sBAAUC,MAAV,CAAiBC,UADP;AAEjBC,EAAAA,gBAAgB,EAAEH,sBAAUI,IAFX;AAGjBf,EAAAA,cAAc,EAAEW,sBAAUK,IAAV,CAAeH,UAHd;AAIjBrD,EAAAA,sBAAsB,EAAEmD,sBAAUK,IAAV,CAAeH,UAJtB;AAKjB9D,EAAAA,OAAO,EAAE4D,sBAAUC,MAAV,CAAiBC,UALT;AAMjBvD,EAAAA,YAAY,EAAEqD,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADQ;AAE5B,cAAQF,sBAAUK,IAAV,CAAeH;AAFK,GAAhB;AANG,C;AA4GrB,IAAMM,MAAM,GAAG,wBAAWlG,MAAX,EAAmB6E,IAAnB,CAAf;eAEeqB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n InputContainer,\n ChoiceConfiguration,\n settings,\n layout,\n choiceUtils as utils\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nconst { Panel, toggle, radio } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = theme => ({\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%'\n },\n rationaleHolder: {\n width: '70%'\n },\n rationale: {\n paddingTop: theme.spacing.unit * 2\n },\n design: {\n paddingTop: theme.spacing.unit * 3\n },\n choiceConfigurationHolder: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n },\n choiceConfiguration: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n paddingBottom: theme.spacing.unit * 2\n },\n switchElement: {\n justifyContent: 'space-between',\n margin: 0\n },\n addButton: {\n float: 'right'\n },\n disableButton: {\n cursor: 'not-allowed',\n pointerEvents: 'all',\n backgroundColor: color.disabled(),\n '&:hover': {\n backgroundColor: color.disabled(),\n },\n '&:focus': {\n backgroundColor: color.disabled(),\n }\n }\n});\n\nconst Design = withStyles(styles)(props => {\n const {\n classes,\n model,\n configuration,\n onPromptChanged,\n onChoiceChanged,\n onRemoveChoice,\n onAddChoice,\n imageSupport,\n onChangeModel,\n onConfigurationChanged,\n onTeacherInstructionsChanged\n } = props;\n const {\n prompt = {},\n addChoiceButton = {},\n limitChoicesNumber = {},\n feedback = {},\n deleteChoice = {},\n choiceMode = {},\n choicePrefix = {},\n partialScoring = {},\n lockChoiceOrder = {},\n teacherInstructions = {},\n studentInstructions = {},\n rationale = {},\n scoringType = {},\n sequentialChoiceLabels = {},\n settingsPanelDisabled,\n verticalMode\n } = configuration || {};\n const {\n limitChoicesNumber: limitChoicesNumberModel,\n teacherInstructionsEnabled,\n rationaleEnabled,\n feedbackEnabled,\n promptEnabled\n } = model || {};\n\n const labelPlugins = {\n audio: { disabled: true },\n video: { disabled: true }\n };\n\n const Content = (\n <div>\n {teacherInstructionsEnabled && (\n <InputContainer\n label={teacherInstructions.label}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\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={onPromptChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n disableUnderline\n />\n </InputContainer>\n )}\n {model.choices.map((choice, index) => (\n <div\n key={`choice-${index}`}\n className={classes.choiceConfigurationHolder}\n >\n <ChoiceConfiguration\n key={index}\n index={index + 1}\n useLetterOrdering={model.choicePrefix === 'letters'}\n className={classes.choiceConfiguration}\n mode={model.choiceMode}\n data={choice}\n defaultFeedback={{}}\n imageSupport={imageSupport}\n onDelete={() => onRemoveChoice(index)}\n onChange={c => onChoiceChanged(index, c)}\n allowFeedBack={feedbackEnabled}\n allowDelete={deleteChoice.settings}\n noLabels\n />\n {rationaleEnabled && (\n <InputContainer\n key={`rationale-${index}`}\n label={rationale.label}\n className={classes.rationaleHolder}\n >\n <EditableHtml\n className={classes.rationale}\n markup={choice.rationale || ''}\n onChange={c =>\n onChoiceChanged(index, {\n ...choice,\n rationale: c\n })\n }\n imageSupport={imageSupport}\n pluginProps={labelPlugins}\n />\n </InputContainer>\n )}\n </div>\n ))}\n <br />\n {addChoiceButton.settings && (\n <Tooltip title={limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? `Only ${MAX_CHOICES} allowed maximum` : ''} classes={{ tooltip: classes.tooltip }}>\n <Button\n classes={{ root: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? classes.disableButton : undefined }}\n className={classes.addButton}\n variant=\"contained\"\n color=\"primary\"\n onClick={onAddChoice}\n >\n {addChoiceButton.label}\n </Button>\n </Tooltip>\n )}\n </div>\n );\n\n return (\n <div className={classes.design}>\n {settingsPanelDisabled ? (\n Content\n ) : (\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n onChangeModel={onChangeModel}\n configuration={configuration}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n Settings: {\n choiceMode:\n choiceMode.settings &&\n radio(choiceMode.label, ['checkbox', 'radio']),\n 'sequentialChoiceLabels.enabled':\n sequentialChoiceLabels.settings &&\n toggle(sequentialChoiceLabels.label, true),\n choicePrefix:\n choicePrefix.settings &&\n radio(choicePrefix.label, ['numbers', 'letters']),\n partialScoring:\n partialScoring.settings && toggle(partialScoring.label),\n limitChoicesNumber:\n limitChoicesNumber.settings && toggle(limitChoicesNumber.label),\n lockChoiceOrder:\n lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n feedbackEnabled: feedback.settings && toggle(feedback.label),\n verticalMode: verticalMode.settings && toggle(verticalMode.label)\n },\n Properties: {\n teacherInstructionsEnabled:\n teacherInstructions.settings &&\n toggle(teacherInstructions.label),\n studentInstructionsEnabled:\n studentInstructions.settings &&\n toggle(studentInstructions.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n rationaleEnabled:\n rationale.settings && toggle(rationale.label),\n scoringType:\n scoringType.settings &&\n radio(scoringType.label, ['auto', 'rubric'])\n }\n }}\n />\n }\n >\n {Content}\n </layout.ConfigLayout>\n )}\n </div>\n );\n});\n\nexport class Main extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n disableSidePanel: PropTypes.bool,\n onModelChanged: PropTypes.func.isRequired,\n onConfigurationChanged: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired\n })\n };\n\n onRemoveChoice = index => {\n const { model } = this.props;\n\n model.choices.splice(index, 1);\n this.props.onModelChanged(model);\n };\n\n onAddChoice = () => {\n const { model } = this.props;\n\n if (!model.limitChoicesNumber || (model.limitChoicesNumber && model.choices.length < MAX_CHOICES)) {\n model.choices.push({\n label: '',\n value: utils.firstAvailableIndex(model.choices.map(c => c.value), 0),\n feedback: {\n type: 'none'\n }\n });\n\n this.props.onModelChanged(model);\n }\n };\n\n onChoiceChanged = (index, choice) => {\n const { model } = this.props;\n\n if (choice.correct && model.choiceMode === 'radio') {\n model.choices = model.choices.map(c => {\n return merge({}, c, { correct: false });\n });\n }\n\n model.choices.splice(index, 1, choice);\n this.props.onModelChanged(model);\n };\n\n onPromptChanged = prompt => {\n this.props.onModelChanged({\n ...this.props.model,\n prompt\n });\n };\n\n onTeacherInstructionsChanged = teacherInstructions => {\n this.props.onModelChanged({\n ...this.props.model,\n teacherInstructions\n });\n };\n\n onModelChanged = (model, key) => {\n const { onModelChanged } = this.props;\n\n switch (key) {\n case 'choiceMode': {\n let value = model.choiceMode;\n\n if (value === 'radio') {\n let correctFound = false;\n\n model.choices = model.choices.map(c => {\n if (correctFound) {\n c.correct = false;\n return c;\n }\n\n if (c.correct) {\n correctFound = true;\n }\n return c;\n });\n }\n onModelChanged(model, true);\n break;\n }\n default:\n onModelChanged(model);\n break;\n }\n };\n\n render() {\n return (\n <Design\n {...this.props}\n onChangeModel={this.onModelChanged}\n onRemoveChoice={this.onRemoveChoice}\n onChoiceChanged={this.onChoiceChanged}\n onAddChoice={this.onAddChoice}\n onPromptChanged={this.onPromptChanged}\n onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n />\n );\n }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
1
+ {"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","dropdown","MAX_CHOICES","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","rationaleHolder","accessibilityHolder","rationale","accessibility","design","choiceConfigurationHolder","display","flexDirection","alignItems","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","limitChoicesNumber","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","gridColumns","limitChoicesNumberModel","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","choices","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","Content","label","map","choice","index","c","tooltip","root","undefined","settingsInPanel","Settings","Properties","studentInstructionsEnabled","Main","splice","onModelChanged","push","value","utils","firstAvailableIndex","type","correct","key","correctFound","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n InputContainer,\n ChoiceConfiguration,\n settings,\n layout,\n choiceUtils as utils\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = theme => ({\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%'\n },\n rationaleHolder: {\n width: '70%'\n },\n accessibilityHolder: {\n width: '70%'\n },\n rationale: {\n paddingTop: theme.spacing.unit * 2\n },\n accessibility: {\n paddingTop: theme.spacing.unit * 2\n },\n design: {\n paddingTop: theme.spacing.unit * 3\n },\n choiceConfigurationHolder: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center'\n },\n choiceConfiguration: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n paddingBottom: theme.spacing.unit * 2\n },\n switchElement: {\n justifyContent: 'space-between',\n margin: 0\n },\n addButton: {\n float: 'right'\n },\n disableButton: {\n cursor: 'not-allowed',\n pointerEvents: 'all',\n backgroundColor: color.disabled(),\n '&:hover': {\n backgroundColor: color.disabled(),\n },\n '&:focus': {\n backgroundColor: color.disabled(),\n }\n }\n});\n\nconst Design = withStyles(styles)(props => {\n const {\n classes,\n model,\n configuration,\n onPromptChanged,\n onChoiceChanged,\n onRemoveChoice,\n onAddChoice,\n imageSupport,\n onChangeModel,\n onConfigurationChanged,\n onTeacherInstructionsChanged\n } = props;\n const {\n prompt = {},\n addChoiceButton = {},\n limitChoicesNumber = {},\n feedback = {},\n deleteChoice = {},\n choiceMode = {},\n choicePrefix = {},\n partialScoring = {},\n lockChoiceOrder = {},\n teacherInstructions = {},\n studentInstructions = {},\n rationale = {},\n accessibility = {},\n scoringType = {},\n sequentialChoiceLabels = {},\n settingsPanelDisabled,\n choicesLayout,\n gridColumns,\n } = configuration || {};\n const {\n limitChoicesNumber: limitChoicesNumberModel,\n teacherInstructionsEnabled,\n rationaleEnabled,\n accessibilityLabelsEnabled,\n feedbackEnabled,\n promptEnabled,\n choices\n } = model || {};\n\n const nrOfColumnsAvailable = (choices && choices.length)\n ? Array.from({length: choices.length}, (_, i) => (`${i + 1}`))\n : [];\n\n const labelPlugins = {\n audio: { disabled: true },\n video: { disabled: true }\n };\n\n const toolbarOpts = {};\n\n switch (model.toolbarEditorPosition) {\n case 'top':\n toolbarOpts.position = 'top';\n break;\n default:\n toolbarOpts.position = 'bottom';\n break;\n }\n\n const Content = (\n <div>\n {teacherInstructionsEnabled && (\n <InputContainer\n label={teacherInstructions.label}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n toolbarOpts={toolbarOpts}\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={onPromptChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n disableUnderline\n toolbarOpts={toolbarOpts}\n />\n </InputContainer>\n )}\n {model.choices.map((choice, index) => (\n <div\n key={`choice-${index}`}\n className={classes.choiceConfigurationHolder}\n >\n <ChoiceConfiguration\n key={index}\n index={index + 1}\n useLetterOrdering={model.choicePrefix === 'letters'}\n className={classes.choiceConfiguration}\n mode={model.choiceMode}\n data={choice}\n defaultFeedback={{}}\n imageSupport={imageSupport}\n onDelete={() => onRemoveChoice(index)}\n onChange={c => onChoiceChanged(index, c)}\n allowFeedBack={feedbackEnabled}\n allowDelete={deleteChoice.settings}\n noLabels\n toolbarOpts={toolbarOpts}\n />\n {rationaleEnabled && (\n <InputContainer\n key={`rationale-${index}`}\n label={rationale.label}\n className={classes.rationaleHolder}\n >\n <EditableHtml\n className={classes.rationale}\n markup={choice.rationale || ''}\n onChange={c =>\n onChoiceChanged(index, {\n ...choice,\n rationale: c\n })\n }\n imageSupport={imageSupport}\n toolbarOpts={toolbarOpts}\n pluginProps={labelPlugins}\n />\n </InputContainer>\n )}\n {accessibilityLabelsEnabled && (\n <InputContainer\n key={`accessibility-${index}`}\n label={accessibility.label}\n className={classes.accessibilityHolder}\n >\n <EditableHtml\n className={classes.accessibility}\n markup={choice.accessibility || ''}\n onChange={c =>\n onChoiceChanged(index, {\n ...choice,\n accessibility: c\n })\n }\n imageSupport={imageSupport}\n pluginProps={labelPlugins}\n />\n </InputContainer>\n )}\n </div>\n ))}\n <br />\n {addChoiceButton.settings && (\n <Tooltip title={limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? `Only ${MAX_CHOICES} allowed maximum` : ''} classes={{ tooltip: classes.tooltip }}>\n <Button\n classes={{ root: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? classes.disableButton : undefined }}\n className={classes.addButton}\n variant=\"contained\"\n color=\"primary\"\n onClick={onAddChoice}\n >\n {addChoiceButton.label}\n </Button>\n </Tooltip>\n )}\n </div>\n );\n\n const settingsInPanel = {\n choiceMode:\n choiceMode.settings &&\n radio(choiceMode.label, ['checkbox', 'radio']),\n 'sequentialChoiceLabels.enabled':\n sequentialChoiceLabels.settings &&\n toggle(sequentialChoiceLabels.label, true),\n choicePrefix:\n choicePrefix.settings &&\n radio(choicePrefix.label, ['numbers', 'letters']),\n partialScoring:\n partialScoring.settings && toggle(partialScoring.label),\n limitChoicesNumber:\n limitChoicesNumber.settings && toggle(limitChoicesNumber.label),\n lockChoiceOrder:\n lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n feedbackEnabled:\n feedback.settings && toggle(feedback.label),\n choicesLayout:\n choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n gridColumns:\n choicesLayout.settings && model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0 &&\n dropdown(gridColumns.label, nrOfColumnsAvailable)\n };\n\n return (\n <div className={classes.design}>\n {settingsPanelDisabled ? (\n Content\n ) : (\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n onChangeModel={onChangeModel}\n configuration={configuration}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n Settings: settingsInPanel,\n Properties: {\n teacherInstructionsEnabled:\n teacherInstructions.settings &&\n toggle(teacherInstructions.label),\n studentInstructionsEnabled:\n studentInstructions.settings &&\n toggle(studentInstructions.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n rationaleEnabled:\n rationale.settings && toggle(rationale.label),\n accessibilityLabelsEnabled:\n accessibility.settings && toggle(accessibility.label),\n scoringType:\n scoringType.settings &&\n radio(scoringType.label, ['auto', 'rubric'])\n }\n }}\n />\n }\n >\n {Content}\n </layout.ConfigLayout>\n )}\n </div>\n );\n});\n\nexport class Main extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n disableSidePanel: PropTypes.bool,\n onModelChanged: PropTypes.func.isRequired,\n onConfigurationChanged: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired\n })\n };\n\n onRemoveChoice = index => {\n const { model } = this.props;\n\n model.choices.splice(index, 1);\n this.props.onModelChanged(model);\n };\n\n onAddChoice = () => {\n const { model } = this.props;\n\n if (!model.limitChoicesNumber || (model.limitChoicesNumber && model.choices.length < MAX_CHOICES)) {\n model.choices.push({\n label: '',\n value: utils.firstAvailableIndex(model.choices.map(c => c.value), 0),\n feedback: {\n type: 'none'\n }\n });\n\n this.props.onModelChanged(model);\n }\n };\n\n onChoiceChanged = (index, choice) => {\n const { model } = this.props;\n\n if (choice.correct && model.choiceMode === 'radio') {\n model.choices = model.choices.map(c => {\n return merge({}, c, { correct: false });\n });\n }\n\n model.choices.splice(index, 1, choice);\n this.props.onModelChanged(model);\n };\n\n onPromptChanged = prompt => {\n this.props.onModelChanged({\n ...this.props.model,\n prompt\n });\n };\n\n onTeacherInstructionsChanged = teacherInstructions => {\n this.props.onModelChanged({\n ...this.props.model,\n teacherInstructions\n });\n };\n\n onModelChanged = (model, key) => {\n const { onModelChanged } = this.props;\n\n switch (key) {\n case 'choiceMode': {\n let value = model.choiceMode;\n\n if (value === 'radio') {\n let correctFound = false;\n\n model.choices = model.choices.map(c => {\n if (correctFound) {\n c.correct = false;\n return c;\n }\n\n if (c.correct) {\n correctFound = true;\n }\n return c;\n });\n }\n onModelChanged(model, true);\n break;\n }\n default:\n onModelChanged(model);\n break;\n }\n };\n\n render() {\n return (\n <Design\n {...this.props}\n onChangeModel={this.onModelChanged}\n onRemoveChoice={this.onRemoveChoice}\n onChoiceChanged={this.onChoiceChanged}\n onAddChoice={this.onAddChoice}\n onPromptChanged={this.onPromptChanged}\n onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n />\n );\n }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-element/multiple-choice-configure",
3
- "version": "3.5.0",
3
+ "version": "4.0.0",
4
4
  "private": true,
5
5
  "main": "lib/index.js",
6
6
  "module": "src/index.js",
@@ -8,9 +8,9 @@
8
8
  "@material-ui/core": "^3.9.2",
9
9
  "@material-ui/icons": "^3.0.1",
10
10
  "@pie-framework/pie-configure-events": "^1.2.0",
11
- "@pie-lib/config-ui": "^10.10.3",
12
- "@pie-lib/editable-html": "^7.17.3",
13
- "@pie-lib/scoring-config": "^3.5.132",
11
+ "@pie-lib/config-ui": "^10.10.11",
12
+ "@pie-lib/editable-html": "^7.17.11",
13
+ "@pie-lib/scoring-config": "^3.5.140",
14
14
  "debug": "^3.1.0",
15
15
  "lodash": "^4.17.15",
16
16
  "prop-types": "^15.6.2",
@@ -3,6 +3,19 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [3.5.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-controller@3.3.3...@pie-element/multiple-choice-controller@3.5.0) (2021-11-11)
7
+
8
+
9
+ ### Features
10
+
11
+ * **multiple-choice:** accessibility label - added aria label to checkbox and radio input types ([22514bb](https://github.com/pie-framework/pie-elements/commit/22514bb5e2476bc79a55756ff9a5c0c1e0642a29))
12
+ * if there are no choices - do not show grid columns dropdown BREAKING CHANGE: removed verticalMode(boolean) from model & configuration - and replaced it with choicesLayout(string) ([1c36ae8](https://github.com/pie-framework/pie-elements/commit/1c36ae8b7f9369b2723a6a84e7350370e1186c50))
13
+ * **multiple-choice:** added possibility to change layout - vertical, grid, horizontal ([46e7681](https://github.com/pie-framework/pie-elements/commit/46e7681a178ff29c983db1c7b6206389b55e2a00))
14
+
15
+
16
+
17
+
18
+
6
19
  # [3.4.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-controller@3.3.3...@pie-element/multiple-choice-controller@3.4.0) (2021-08-05)
7
20
 
8
21