@pie-element/ebsr 6.5.0 → 6.5.1-beta.587

package/configure/lib/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
@@ -15,6 +15,8 @@ var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/w
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -37,13 +39,15 @@ var _main = _interopRequireDefault(require("./main"));
 
 var _defaults2 = _interopRequireDefault(require("./defaults"));
 
-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; }
+var _excluded = ["partA", "partB"];
 
-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; }
+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; }
+
+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; }
 
 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); }; }
 
-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; } }
+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; } }
 
 var MODEL_UPDATED = _pieConfigureEvents.ModelUpdatedEvent.TYPE;
 var MC_TAG_NAME = 'ebsr-multiple-choice-configure';
@@ -58,7 +62,7 @@ var EbsrMCConfigure = /*#__PURE__*/function (_MultipleChoiceConfig) {
     return _super.apply(this, arguments);
   }
 
-  return EbsrMCConfigure;
+  return (0, _createClass2["default"])(EbsrMCConfigure);
 }(_lib["default"]);
 
 var defineMultipleChoice = function defineMultipleChoice() {
@@ -71,18 +75,16 @@ defineMultipleChoice();
 
 var prepareCustomizationObject = function prepareCustomizationObject(config, model) {
   var configuration = (0, _defaults["default"])(config, _defaults2["default"].configuration);
-  configuration.settingsPanelDisabled = true; // it is required for ebsr partA not to allow changing response type
-
-  configuration.partA.choiceMode = {
-    settings: false,
-    label: 'Response Type'
-  };
+  configuration.settingsPanelDisabled = true;
   return {
     configuration: configuration,
     model: model
   };
 };
 
+var _ref = _defaults2["default"] || {},
+    modelDefault = _ref.model;
+
 var EbsrConfigure = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(EbsrConfigure, _HTMLElement);
 
@@ -94,10 +96,7 @@ var EbsrConfigure = /*#__PURE__*/function (_HTMLElement) {
     (0, _classCallCheck2["default"])(this, EbsrConfigure);
     _this = _super2.call(this);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChanged", function (m, reset) {
-      _this._model = _objectSpread(_objectSpread(_objectSpread({}, _this._model), m), {}, {
-        partA: _objectSpread(_objectSpread({}, _this._model.partA), m.partA),
-        partB: _objectSpread(_objectSpread({}, _this._model.partB), m.partB)
-      });
+      _this._model = EbsrConfigure.createDefaultModel(m, _this._model);
 
       _this.dispatchModelUpdated(reset);
 
@@ -129,10 +128,7 @@ var EbsrConfigure = /*#__PURE__*/function (_HTMLElement) {
   (0, _createClass2["default"])(EbsrConfigure, [{
     key: "model",
     set: function set(m) {
-      this._model = _objectSpread(_objectSpread(_objectSpread({}, this._model), m), {}, {
-        partA: _objectSpread(_objectSpread({}, this._model.partA), m.partA),
-        partB: _objectSpread(_objectSpread({}, this._model.partB), m.partB)
-      });
+      this._model = EbsrConfigure.createDefaultModel(m, this._model);
 
       this._render();
     }
@@ -191,10 +187,21 @@ var EbsrConfigure = /*#__PURE__*/function (_HTMLElement) {
 
 exports["default"] = EbsrConfigure;
 (0, _defineProperty2["default"])(EbsrConfigure, "createDefaultModel", function () {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _objectSpread(_objectSpread(_objectSpread({}, _defaults2["default"].model), model), {}, {
-    partA: _objectSpread(_objectSpread({}, _defaults2["default"].model.partA), model.partA),
-    partB: _objectSpread(_objectSpread({}, _defaults2["default"].model.partB), model.partB)
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref2$partA = _ref2.partA,
+      partA = _ref2$partA === void 0 ? {} : _ref2$partA,
+      _ref2$partB = _ref2.partB,
+      partB = _ref2$partB === void 0 ? {} : _ref2$partB,
+      model = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+
+  var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : modelDefault;
+  return _objectSpread(_objectSpread(_objectSpread({}, defaults), model), {}, {
+    partA: _objectSpread(_objectSpread(_objectSpread({}, defaults.partA), partA), {}, {
+      choicesLayout: partA.choicesLayout || partA.verticalMode === false && 'horizontal' || defaults.partA.choicesLayout
+    }),
+    partB: _objectSpread(_objectSpread(_objectSpread({}, defaults.partB), partB), {}, {
+      choicesLayout: partB.choicesLayout || partB.verticalMode === false && 'horizontal' || defaults.partB.choicesLayout
+    })
   });
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["MODEL_UPDATED","ModelUpdatedEvent","TYPE","MC_TAG_NAME","EbsrMCConfigure","MultipleChoiceConfigure","defineMultipleChoice","customElements","get","define","prepareCustomizationObject","config","model","configuration","sensibleDefaults","settingsPanelDisabled","partA","choiceMode","settings","label","EbsrConfigure","m","reset","_model","partB","dispatchModelUpdated","_render","e","target","preventDefault","stopImmediatePropagation","id","getAttribute","update","dispatchEvent","createDefaultModel","_configuration","onConfigurationChanged","bind","resetValue","c","info","onModelChanged","addEventListener","onModelUpdated","removeEventListener","element","React","createElement","Main","ReactDOM","render","HTMLElement"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport MultipleChoiceConfigure from '@pie-element/multiple-choice/configure/lib';\nimport defaults from 'lodash/defaults';\nimport Main from './main';\n\nimport sensibleDefaults from './defaults';\n\nconst MODEL_UPDATED = ModelUpdatedEvent.TYPE;\nconst MC_TAG_NAME = 'ebsr-multiple-choice-configure';\n\nclass EbsrMCConfigure extends MultipleChoiceConfigure { }\n\nconst defineMultipleChoice = () => {\n  if (!customElements.get(MC_TAG_NAME)) {\n    customElements.define(MC_TAG_NAME, EbsrMCConfigure);\n  }\n};\n\ndefineMultipleChoice();\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n  configuration.settingsPanelDisabled = true;\n  // it is required for ebsr partA not to allow changing response type\n  configuration.partA.choiceMode = {\n    settings: false,\n    label: 'Response Type'\n  };\n\n  return {\n    configuration,\n    model\n  };\n};\n\nexport default class EbsrConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...sensibleDefaults.model,\n    ...model,\n    partA: {\n      ...sensibleDefaults.model.partA,\n      ...model.partA\n    },\n    partB: {\n      ...sensibleDefaults.model.partB,\n      ...model.partB\n    },\n  });\n\n  constructor() {\n    super();\n\n    this._model = EbsrConfigure.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(m) {\n    this._model = {\n      ...this._model,\n      ...m,\n      partA: {\n        ...this._model.partA,\n        ...m.partA,\n      },\n      partB: {\n        ...this._model.partB,\n        ...m.partB,\n      }\n    };\n\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged = (m, reset) => {\n    this._model = {\n      ...this._model,\n      ...m,\n      partA: {\n        ...this._model.partA,\n        ...m.partA,\n      },\n      partB: {\n        ...this._model.partB,\n        ...m.partB,\n      }\n    };\n\n    this.dispatchModelUpdated(reset);\n    this._render();\n\n  };\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n    this._configuration = info.configuration;\n\n    this._render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  onModelUpdated = e => {\n    if (e.target === this) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    const id = e.target && e.target.getAttribute('id');\n\n    if (id) {\n      if (e.update) {\n        this._model[`part${id}`] = e.update;\n      }\n\n      this.dispatchEvent(new ModelUpdatedEvent(this._model));\n    }\n  };\n\n  connectedCallback() {\n    this.addEventListener(MODEL_UPDATED, this.onModelUpdated);\n    this._render();\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(MODEL_UPDATED, this.onModelUpdated);\n  }\n\n  _render() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n    });\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["MODEL_UPDATED","ModelUpdatedEvent","TYPE","MC_TAG_NAME","EbsrMCConfigure","MultipleChoiceConfigure","defineMultipleChoice","customElements","get","define","prepareCustomizationObject","config","model","configuration","sensibleDefaults","settingsPanelDisabled","modelDefault","EbsrConfigure","m","reset","_model","createDefaultModel","dispatchModelUpdated","_render","e","target","preventDefault","stopImmediatePropagation","id","getAttribute","update","dispatchEvent","_configuration","onConfigurationChanged","bind","resetValue","c","info","onModelChanged","addEventListener","onModelUpdated","removeEventListener","element","React","createElement","Main","ReactDOM","render","HTMLElement","partA","partB","defaults","choicesLayout","verticalMode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;AAEA,IAAMA,aAAa,GAAGC,sCAAkBC,IAAxC;AACA,IAAMC,WAAW,GAAG,gCAApB;;IAEMC,e;;;;;;;;;;;EAAwBC,e;;AAE9B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,MAAI,CAACC,cAAc,CAACC,GAAf,CAAmBL,WAAnB,CAAL,EAAsC;AACpCI,IAAAA,cAAc,CAACE,MAAf,CAAsBN,WAAtB,EAAmCC,eAAnC;AACD;AACF,CAJD;;AAMAE,oBAAoB;;AAEpB,IAAMI,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,MAAD,EAASC,KAAT,EAAmB;AACpD,MAAMC,aAAa,GAAG,0BAASF,MAAT,EAAiBG,sBAAiBD,aAAlC,CAAtB;AACAA,EAAAA,aAAa,CAACE,qBAAd,GAAsC,IAAtC;AAEA,SAAO;AACLF,IAAAA,aAAa,EAAbA,aADK;AAELD,IAAAA,KAAK,EAALA;AAFK,GAAP;AAID,CARD;;AAUA,WAAgCE,yBAAoB,EAApD;AAAA,IAAeE,YAAf,QAAQJ,KAAR;;IAEqBK,a;;;;;AAkBnB,2BAAc;AAAA;;AAAA;AACZ;AADY,uGAqBG,UAACC,CAAD,EAAIC,KAAJ,EAAc;AAC7B,YAAKC,MAAL,GAAcH,aAAa,CAACI,kBAAd,CAAiCH,CAAjC,EAAoC,MAAKE,MAAzC,CAAd;;AAEA,YAAKE,oBAAL,CAA0BH,KAA1B;;AACA,YAAKI,OAAL;AACD,KA1Ba;AAAA,uGA6CG,UAACC,CAAD,EAAO;AACtB,UAAIA,CAAC,CAACC,MAAF,mDAAJ,EAAuB;AACrB;AACD;;AAEDD,MAAAA,CAAC,CAACE,cAAF;AACAF,MAAAA,CAAC,CAACG,wBAAF;AAEA,UAAMC,EAAE,GAAGJ,CAAC,CAACC,MAAF,IAAYD,CAAC,CAACC,MAAF,CAASI,YAAT,CAAsB,IAAtB,CAAvB;;AAEA,UAAID,EAAJ,EAAQ;AACN,YAAIJ,CAAC,CAACM,MAAN,EAAc;AACZ,gBAAKV,MAAL,eAAmBQ,EAAnB,KAA2BJ,CAAC,CAACM,MAA7B;AACD;;AAED,cAAKC,aAAL,CAAmB,IAAI9B,qCAAJ,CAAsB,MAAKmB,MAA3B,CAAnB;AACD;AACF,KA9Da;AAGZ,UAAKA,MAAL,GAAcH,aAAa,CAACI,kBAAd,EAAd;AAEA,UAAKW,cAAL,GAAsBlB,sBAAiBD,aAAvC;AACA,UAAKoB,sBAAL,GAA8B,MAAKA,sBAAL,CAA4BC,IAA5B,gDAA9B;AANY;AAOb;;;;SAED,aAAUhB,CAAV,EAAa;AACX,WAAKE,MAAL,GAAcH,aAAa,CAACI,kBAAd,CAAiCH,CAAjC,EAAoC,KAAKE,MAAzC,CAAd;;AAEA,WAAKG,OAAL;AACD;;;WAED,8BAAqBJ,KAArB,EAA4B;AAC1B,UAAMgB,UAAU,GAAG,CAAC,CAAChB,KAArB;AAEA,WAAKY,aAAL,CAAmB,IAAI9B,qCAAJ,CAAsB,KAAKmB,MAA3B,EAAmCe,UAAnC,CAAnB;AACD;;;SASD,aAAkBC,CAAlB,EAAqB;AACnB,UAAMC,IAAI,GAAG3B,0BAA0B,CAAC0B,CAAD,EAAI,KAAKhB,MAAT,CAAvC;AACA,WAAKY,cAAL,GAAsBK,IAAI,CAACxB,aAA3B;;AAEA,WAAKU,OAAL;AACD;;;WAED,gCAAuBa,CAAvB,EAA0B;AACxB,WAAKJ,cAAL,GAAsBtB,0BAA0B,CAAC0B,CAAD,EAAI,KAAKhB,MAAT,CAA1B,CAA2CP,aAAjE;;AAEA,UAAI,KAAKO,MAAT,EAAiB;AACf,aAAKkB,cAAL,CAAoB,KAAKlB,MAAzB;AACD;;AAED,WAAKG,OAAL;AACD;;;WAqBD,6BAAoB;AAClB,WAAKgB,gBAAL,CAAsBvC,aAAtB,EAAqC,KAAKwC,cAA1C;;AACA,WAAKjB,OAAL;AACD;;;WAED,gCAAuB;AACrB,WAAKkB,mBAAL,CAAyBzC,aAAzB,EAAwC,KAAKwC,cAA7C;AACD;;;WAED,mBAAU;AACR,UAAIE,OAAO,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACtCjC,QAAAA,KAAK,EAAE,KAAKQ,MAD0B;AAEtCP,QAAAA,aAAa,EAAE,KAAKmB,cAFkB;AAGtCM,QAAAA,cAAc,EAAE,KAAKA,cAHiB;AAItCL,QAAAA,sBAAsB,EAAE,KAAKA;AAJS,OAA1B,CAAd;;AAOAa,2BAASC,MAAT,CAAgBL,OAAhB,EAAyB,IAAzB;AACD;;;kDApGwCM,W;;;iCAAtB/B,a,wBACS;AAAA,kFAAwC,EAAxC;AAAA,0BAAGgC,KAAH;AAAA,MAAGA,KAAH,4BAAW,EAAX;AAAA,0BAAeC,KAAf;AAAA,MAAeA,KAAf,4BAAuB,EAAvB;AAAA,MAA8BtC,KAA9B;;AAAA,MAA4CuC,QAA5C,uEAAuDnC,YAAvD;AAAA,uDACvBmC,QADuB,GAEvBvC,KAFuB;AAG1BqC,IAAAA,KAAK,gDACAE,QAAQ,CAACF,KADT,GAEAA,KAFA;AAGHG,MAAAA,aAAa,EACXH,KAAK,CAACG,aAAN,IAAwBH,KAAK,CAACI,YAAN,KAAuB,KAAvB,IAAgC,YAAxD,IAAyEF,QAAQ,CAACF,KAAT,CAAeG;AAJvF,MAHqB;AAS1BF,IAAAA,KAAK,gDACAC,QAAQ,CAACD,KADT,GAEAA,KAFA;AAGHE,MAAAA,aAAa,EACXF,KAAK,CAACE,aAAN,IAAwBF,KAAK,CAACG,YAAN,KAAuB,KAAvB,IAAgC,YAAxD,IAAyEF,QAAQ,CAACD,KAAT,CAAeE;AAJvF;AATqB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport MultipleChoiceConfigure from '@pie-element/multiple-choice/configure/lib';\nimport defaults from 'lodash/defaults';\nimport Main from './main';\n\nimport sensibleDefaults from './defaults';\n\nconst MODEL_UPDATED = ModelUpdatedEvent.TYPE;\nconst MC_TAG_NAME = 'ebsr-multiple-choice-configure';\n\nclass EbsrMCConfigure extends MultipleChoiceConfigure {}\n\nconst defineMultipleChoice = () => {\n  if (!customElements.get(MC_TAG_NAME)) {\n    customElements.define(MC_TAG_NAME, EbsrMCConfigure);\n  }\n};\n\ndefineMultipleChoice();\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n  configuration.settingsPanelDisabled = true;\n\n  return {\n    configuration,\n    model,\n  };\n};\n\nconst { model: modelDefault } = sensibleDefaults || {};\n\nexport default class EbsrConfigure extends HTMLElement {\n  static createDefaultModel = ({ partA = {}, partB = {}, ...model } = {}, defaults = modelDefault) => ({\n    ...defaults,\n    ...model,\n    partA: {\n      ...defaults.partA,\n      ...partA,\n      choicesLayout:\n        partA.choicesLayout || (partA.verticalMode === false && 'horizontal') || defaults.partA.choicesLayout,\n    },\n    partB: {\n      ...defaults.partB,\n      ...partB,\n      choicesLayout:\n        partB.choicesLayout || (partB.verticalMode === false && 'horizontal') || defaults.partB.choicesLayout,\n    },\n  });\n\n  constructor() {\n    super();\n\n    this._model = EbsrConfigure.createDefaultModel();\n\n    this._configuration = sensibleDefaults.configuration;\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(m) {\n    this._model = EbsrConfigure.createDefaultModel(m, this._model);\n\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged = (m, reset) => {\n    this._model = EbsrConfigure.createDefaultModel(m, this._model);\n\n    this.dispatchModelUpdated(reset);\n    this._render();\n  };\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n    this._configuration = info.configuration;\n\n    this._render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  onModelUpdated = (e) => {\n    if (e.target === this) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    const id = e.target && e.target.getAttribute('id');\n\n    if (id) {\n      if (e.update) {\n        this._model[`part${id}`] = e.update;\n      }\n\n      this.dispatchEvent(new ModelUpdatedEvent(this._model));\n    }\n  };\n\n  connectedCallback() {\n    this.addEventListener(MODEL_UPDATED, this.onModelUpdated);\n    this._render();\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(MODEL_UPDATED, this.onModelUpdated);\n  }\n\n  _render() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n    });\n\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}

package/configure/lib/main.js

@@ -31,15 +31,15 @@ var _configUi = require("@pie-lib/config-ui");
 
 var _styles = require("@material-ui/core/styles");
 
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _excluded = ["partA", "partB", "partialScoring", "settingsPanelDisabled", "scoringType"];
 
-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; }
+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; }
 
-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; }
+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; }
 
 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); }; }
 
-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; } }
+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; } }
 
 var Panel = _configUi.settings.Panel,
     toggle = _configUi.settings.toggle,
@@ -48,13 +48,12 @@ var Panel = _configUi.settings.Panel,
 
 var styles = function styles(theme) {
   return {
-    design: {
-      paddingTop: theme.spacing.unit * 3
-    },
     part: {
       display: 'flex',
       flexDirection: 'column',
-      padding: '16px 0 32px'
+      '&:not(:first-child)': {
+        paddingTop: theme.spacing.unit * 4
+      }
     }
   };
 };
@@ -74,38 +73,35 @@ var Main = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeExtraChoices", function (choices) {
+      var correctFound = false;
+      return (choices || []).map(function (choice) {
+        if (correctFound) {
+          choice.correct = false;
+          return choice;
+        }
+
+        if (choice.correct) {
+          correctFound = true;
+        }
+
+        return choice;
+      });
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChanged", function (model, key) {
       var onModelChanged = _this.props.onModelChanged;
 
-      if (key !== 'partB.choiceMode') {
-        return onModelChanged(model);
+      if (key === 'partA.choiceMode' && model.partA.choiceMode === 'radio') {
+        model.partA.choices = _this.removeExtraChoices(model.partA.choices);
+        return onModelChanged(model, true);
       }
 
-      ;
-      var value = model.partB.choiceMode;
-
-      if (value === 'radio') {
-        var correctFound = false;
-        model.partB.choices = model.partB.choices.map(function (c) {
-          // keep only one (first defined) correct answer
-          if (correctFound) {
-            c.correct = false;
-            return c;
-          }
-
-          ;
-
-          if (c.correct) {
-            correctFound = true;
-          }
-
-          ;
-          return c;
-        });
+      if (key === 'partB.choiceMode' && model.partB.choiceMode === 'radio') {
+        model.partB.choices = _this.removeExtraChoices(model.partB.choices);
+        return onModelChanged(model, true);
       }
 
-      ;
-      return onModelChanged(model, true);
+      return onModelChanged(model);
     });
     return _this;
   }
@@ -121,12 +117,15 @@ var Main = /*#__PURE__*/function (_React$Component) {
           model = _this$props.model,
           configuration = _this$props.configuration,
           onConfigurationChanged = _this$props.onConfigurationChanged;
-      var partLabelType = model.partLabelType;
+      var partLabelType = model.partLabelType,
+          modelPartA = model.partA,
+          modelPartB = model.partB;
       var partA = configuration.partA,
           partB = configuration.partB,
           partialScoring = configuration.partialScoring,
+          settingsPanelDisabled = configuration.settingsPanelDisabled,
           scoringType = configuration.scoringType,
-          generalConfiguration = (0, _objectWithoutProperties2["default"])(configuration, ["partA", "partB", "partialScoring", "scoringType"]);
+          generalConfiguration = (0, _objectWithoutProperties2["default"])(configuration, _excluded);
 
       var _ref = partA || {},
           _ref$feedback = _ref.feedback,
@@ -143,8 +142,14 @@ var Main = /*#__PURE__*/function (_React$Component) {
           teacherInstructionsA = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
           _ref$studentInstructi = _ref.studentInstructions,
           studentInstructionsA = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _ref$choicesLayout = _ref.choicesLayout,
+          choicesLayoutA = _ref$choicesLayout === void 0 ? {} : _ref$choicesLayout,
+          _ref$gridColumns = _ref.gridColumns,
+          gridColumnsA = _ref$gridColumns === void 0 ? {} : _ref$gridColumns,
           _ref$rationale = _ref.rationale,
-          rationaleA = _ref$rationale === void 0 ? {} : _ref$rationale;
+          rationaleA = _ref$rationale === void 0 ? {} : _ref$rationale,
+          _ref$spellCheck = _ref.spellCheck,
+          spellCheckA = _ref$spellCheck === void 0 ? {} : _ref$spellCheck;
 
       var _ref2 = partB || {},
           _ref2$feedback = _ref2.feedback,
@@ -161,77 +166,109 @@ var Main = /*#__PURE__*/function (_React$Component) {
           teacherInstructionsB = _ref2$teacherInstruct === void 0 ? {} : _ref2$teacherInstruct,
           _ref2$studentInstruct = _ref2.studentInstructions,
           studentInstructionsB = _ref2$studentInstruct === void 0 ? {} : _ref2$studentInstruct,
+          _ref2$choicesLayout = _ref2.choicesLayout,
+          choicesLayoutB = _ref2$choicesLayout === void 0 ? {} : _ref2$choicesLayout,
+          _ref2$gridColumns = _ref2.gridColumns,
+          gridColumnsB = _ref2$gridColumns === void 0 ? {} : _ref2$gridColumns,
           _ref2$rationale = _ref2.rationale,
-          rationaleB = _ref2$rationale === void 0 ? {} : _ref2$rationale;
+          rationaleB = _ref2$rationale === void 0 ? {} : _ref2$rationale,
+          _ref2$spellCheck = _ref2.spellCheck,
+          spellCheckB = _ref2$spellCheck === void 0 ? {} : _ref2$spellCheck;
 
       var type = partLabelType || 'Numbers';
       var typeIsNumber = type === 'Numbers';
       var firstPart = "Part ".concat(typeIsNumber ? '1' : 'A');
       var secondPart = "Part ".concat(typeIsNumber ? '2' : 'B');
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.design
-      }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+      var nrOfColumnsAvailable = {
+        partA: modelPartA.choices && modelPartA.choices.length ? Array.from({
+          length: modelPartA.choices.length
+        }, function (_, i) {
+          return "".concat(i + 1);
+        }) : [],
+        partB: modelPartB.choices && modelPartB.choices.length ? Array.from({
+          length: modelPartB.choices.length
+        }, function (_, i) {
+          return "".concat(i + 1);
+        }) : []
+      };
+      var panelSettings = {
+        partLabels: generalConfiguration.partLabels.settings && toggle(generalConfiguration.partLabels.label),
+        partLabelType: model.partLabels && dropdown('', ['Numbers', 'Letters']),
+        partialScoring: partialScoring.settings && toggle(partialScoring.label),
+        scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
+      };
+      var panelSettingsPartA = {
+        'partA.choiceMode': choiceModeA.settings && radio(choiceModeA.label, ['checkbox', 'radio']),
+        'partA.choicePrefix': choicePrefixA.settings && radio(choicePrefixA.label, ['numbers', 'letters']),
+        'partA.lockChoiceOrder': lockChoiceOrderA.settings && toggle(lockChoiceOrderA.label),
+        'partA.choicesLayout': choicesLayoutA.settings && dropdown(choicesLayoutA.label, ['vertical', 'grid', 'horizontal']),
+        'partA.gridColumns': choicesLayoutA.settings && modelPartA.choicesLayout === 'grid' && nrOfColumnsAvailable.partA.length > 0 && dropdown(gridColumnsA.label, nrOfColumnsAvailable.partA)
+      };
+      var panelPropertiesPartA = {
+        'partA.feedbackEnabled': feedbackA.settings && toggle(feedbackA.label),
+        'partA.promptEnabled': promptA.settings && toggle(promptA.label),
+        'partA.teacherInstructionsEnabled': teacherInstructionsA.settings && toggle(teacherInstructionsA.label),
+        'partA.studentInstructionsEnabled': studentInstructionsA.settings && toggle(studentInstructionsA.label),
+        'partA.rationaleEnabled': rationaleA.settings && toggle(rationaleA.label),
+        'partA.spellCheckEnabled': spellCheckA.settings && toggle(spellCheckA.label)
+      };
+      var panelSettingsPartB = {
+        'partB.choiceMode': choiceModeB.settings && radio(choiceModeB.label, ['checkbox', 'radio']),
+        'partB.choicePrefix': choicePrefixB.settings && radio(choicePrefixB.label, ['numbers', 'letters']),
+        'partB.lockChoiceOrder': lockChoiceOrderB.settings && toggle(lockChoiceOrderB.label),
+        'partB.choicesLayout': choicesLayoutB.settings && dropdown(choicesLayoutB.label, ['vertical', 'grid', 'horizontal']),
+        'partB.gridColumns': choicesLayoutB.settings && modelPartB.choicesLayout === 'grid' && nrOfColumnsAvailable.partB.length > 0 && dropdown(gridColumnsB.label, nrOfColumnsAvailable.partB)
+      };
+      var panelPropertiesPartB = {
+        'partB.feedbackEnabled': feedbackB.settings && toggle(feedbackB.label),
+        'partB.promptEnabled': promptB.settings && toggle(promptB.label),
+        'partB.teacherInstructionsEnabled': teacherInstructionsB.settings && toggle(teacherInstructionsB.label),
+        'partB.studentInstructionsEnabled': studentInstructionsB.settings && toggle(studentInstructionsB.label),
+        'partB.rationaleEnabled': rationaleB.settings && toggle(rationaleB.label),
+        'partB.spellCheckEnabled': spellCheckB.settings && toggle(spellCheckB.label)
+      };
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        hideSettings: settingsPanelDisabled,
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
           model: model,
           onChangeModel: this.onModelChanged,
           configuration: configuration,
           onChangeConfiguration: onConfigurationChanged,
           groups: (_ref3 = {
-            'Settings for both': {
-              partLabels: generalConfiguration.partLabels.settings && toggle(generalConfiguration.partLabels.label),
-              partLabelType: model.partLabels && dropdown('', ['Numbers', 'Letters']),
-              partialScoring: partialScoring.settings && toggle(partialScoring.label),
-              scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
-            }
-          }, (0, _defineProperty2["default"])(_ref3, "Settings ".concat(firstPart), {
-            'partA.choiceMode': choiceModeA.settings && radio(choiceModeA.label, ['checkbox', 'radio']),
-            'partA.choicePrefix': choicePrefixA.settings && radio(choicePrefixA.label, ['numbers', 'letters']),
-            'partA.lockChoiceOrder': lockChoiceOrderA.settings && toggle(lockChoiceOrderA.label)
-          }), (0, _defineProperty2["default"])(_ref3, "Properties ".concat(firstPart), {
-            'partA.feedbackEnabled': feedbackA.settings && toggle(feedbackA.label),
-            'partA.promptEnabled': promptA.settings && toggle(promptA.label),
-            'partA.teacherInstructionsEnabled': teacherInstructionsA.settings && toggle(teacherInstructionsA.label),
-            'partA.studentInstructionsEnabled': studentInstructionsA.settings && toggle(studentInstructionsA.label),
-            'partA.rationaleEnabled': rationaleA.settings && toggle(rationaleA.label)
-          }), (0, _defineProperty2["default"])(_ref3, "Settings ".concat(secondPart), {
-            'partB.choiceMode': choiceModeB.settings && radio(choiceModeB.label, ['checkbox', 'radio']),
-            'partB.choicePrefix': choicePrefixB.settings && radio(choicePrefixB.label, ['numbers', 'letters']),
-            'partB.lockChoiceOrder': lockChoiceOrderB.settings && toggle(lockChoiceOrderB.label)
-          }), (0, _defineProperty2["default"])(_ref3, "Properties ".concat(secondPart), {
-            'partB.feedbackEnabled': feedbackB.settings && toggle(feedbackB.label),
-            'partB.promptEnabled': promptB.settings && toggle(promptB.label),
-            'partB.teacherInstructionsEnabled': teacherInstructionsB.settings && toggle(teacherInstructionsB.label),
-            'partB.studentInstructionsEnabled': studentInstructionsB.settings && toggle(studentInstructionsB.label),
-            'partB.rationaleEnabled': rationaleB.settings && toggle(rationaleB.label)
-          }), _ref3)
+            'Settings for both': panelSettings
+          }, (0, _defineProperty2["default"])(_ref3, "Settings ".concat(firstPart), panelSettingsPartA), (0, _defineProperty2["default"])(_ref3, "Properties ".concat(firstPart), panelPropertiesPartA), (0, _defineProperty2["default"])(_ref3, "Settings ".concat(secondPart), panelSettingsPartB), (0, _defineProperty2["default"])(_ref3, "Properties ".concat(secondPart), panelPropertiesPartB), _ref3)
         })
       }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.part
-      }, model.partLabels && /*#__PURE__*/_react["default"].createElement("p", null, firstPart), /*#__PURE__*/_react["default"].createElement("ebsr-multiple-choice-configure", {
+      }, model.partLabels && /*#__PURE__*/_react["default"].createElement("div", null, firstPart), /*#__PURE__*/_react["default"].createElement("ebsr-multiple-choice-configure", {
         id: "A",
         key: "partA",
         ref: function ref(_ref4) {
           if (_ref4) {
             // do not use destructuring to get model from props
             _this2.partA = _ref4;
-            _this2.partA._model = (0, _cloneDeep["default"])(_this2.props.model.partA);
+            _this2.partA._model = _objectSpread(_objectSpread({}, _this2.props.model.partA), {}, {
+              errors: _this2.props.model.errors && _this2.props.model.errors.partA || {}
+            });
             _this2.partA.configuration = _objectSpread(_objectSpread({}, partA), generalConfiguration);
           }
         }
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.part
-      }, model.partLabels && /*#__PURE__*/_react["default"].createElement("p", null, secondPart), /*#__PURE__*/_react["default"].createElement("ebsr-multiple-choice-configure", {
+      }, model.partLabels && /*#__PURE__*/_react["default"].createElement("div", null, secondPart), /*#__PURE__*/_react["default"].createElement("ebsr-multiple-choice-configure", {
         id: "B",
         key: "partB",
         ref: function ref(_ref5) {
           if (_ref5) {
             // do not use destructuring to get model from props
             _this2.partB = _ref5;
-            _this2.partB._model = (0, _cloneDeep["default"])(_this2.props.model.partB);
+            _this2.partB._model = _objectSpread(_objectSpread({}, _this2.props.model.partB), {}, {
+              errors: _this2.props.model.errors && _this2.props.model.errors.partB || {}
+            });
             _this2.partB.configuration = _objectSpread(_objectSpread({}, partB), generalConfiguration);
           }
         }
-      })))));
+      }))));
     }
   }]);
   return Main;

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","dropdown","styles","theme","design","paddingTop","spacing","unit","part","display","flexDirection","padding","Main","model","key","onModelChanged","props","value","partB","choiceMode","correctFound","choices","map","c","correct","classes","configuration","onConfigurationChanged","partLabelType","partA","partialScoring","scoringType","generalConfiguration","feedback","feedbackA","choiceModeA","choicePrefix","choicePrefixA","lockChoiceOrder","lockChoiceOrderA","prompt","promptA","teacherInstructions","teacherInstructionsA","studentInstructions","studentInstructionsA","rationale","rationaleA","feedbackB","choiceModeB","choicePrefixB","lockChoiceOrderB","promptB","teacherInstructionsB","studentInstructionsB","rationaleB","type","typeIsNumber","firstPart","secondPart","partLabels","label","ref","_model","React","Component","PropTypes","object","func","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { settings, layout } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport cloneDeep from 'lodash/cloneDeep';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst styles = theme => ({\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  part: {\n    display: 'flex',\n    flexDirection: 'column',\n    padding: '16px 0 32px'\n  }\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    configuration: PropTypes.object,\n    model: PropTypes.object,\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func\n  };\n\n  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    if (key !== 'partB.choiceMode') {\n      return onModelChanged(model);\n    };\n\n    const value = model.partB.choiceMode;\n\n    if (value === 'radio') {\n      let correctFound = false;\n\n      model.partB.choices = model.partB.choices.map(c => {\n        // keep only one (first defined) correct answer\n        if (correctFound) {\n          c.correct = false;\n          return c;\n        };\n\n        if (c.correct) {\n          correctFound = true;\n        };\n\n        return c;\n      });\n    };\n\n    return onModelChanged(model, true);\n  }\n\n  render() {\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged\n    } = this.props;\n    const { partLabelType } = model;\n    const { partA, partB, partialScoring, scoringType, ...generalConfiguration } = configuration;\n    const {\n      feedback: feedbackA = {},\n      choiceMode: choiceModeA = {},\n      choicePrefix: choicePrefixA = {},\n      lockChoiceOrder: lockChoiceOrderA = {},\n      prompt: promptA = {},\n      teacherInstructions: teacherInstructionsA = {},\n      studentInstructions: studentInstructionsA = {},\n      rationale: rationaleA = {}\n    } = partA || {};\n    const {\n      feedback: feedbackB = {},\n      choiceMode: choiceModeB = {},\n      choicePrefix: choicePrefixB = {},\n      lockChoiceOrder: lockChoiceOrderB = {},\n      prompt: promptB = {},\n      teacherInstructions: teacherInstructionsB = {},\n      studentInstructions: studentInstructionsB = {},\n      rationale: rationaleB = {}\n    } = partB || {};\n    const type = partLabelType || 'Numbers';\n    const typeIsNumber = type === 'Numbers';\n    const firstPart = `Part ${typeIsNumber ? '1' : 'A'}`;\n    const secondPart = `Part ${typeIsNumber ? '2' : 'B'}`;\n\n    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={this.onModelChanged}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                'Settings for both': {\n                  partLabels:\n                    generalConfiguration.partLabels.settings &&\n                    toggle(generalConfiguration.partLabels.label),\n                  partLabelType:\n                    model.partLabels && dropdown('', ['Numbers', 'Letters']),\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  scoringType:\n                    scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])\n                },\n                [`Settings ${firstPart}`]: {\n                  'partA.choiceMode':\n                    choiceModeA.settings &&\n                    radio(choiceModeA.label, ['checkbox', 'radio']),\n                  'partA.choicePrefix':\n                    choicePrefixA.settings &&\n                    radio(choicePrefixA.label, ['numbers', 'letters']),\n                  'partA.lockChoiceOrder':\n                    lockChoiceOrderA.settings && toggle(lockChoiceOrderA.label),\n                },\n                [`Properties ${firstPart}`]: {\n                  'partA.feedbackEnabled': feedbackA.settings &&\n                    toggle(feedbackA.label),\n                  'partA.promptEnabled':\n                    promptA.settings && toggle(promptA.label),\n                  'partA.teacherInstructionsEnabled':\n                    teacherInstructionsA.settings &&\n                    toggle(teacherInstructionsA.label),\n                  'partA.studentInstructionsEnabled':\n                    studentInstructionsA.settings &&\n                    toggle(studentInstructionsA.label),\n                  'partA.rationaleEnabled':\n                    rationaleA.settings && toggle(rationaleA.label)\n                },\n                [`Settings ${secondPart}`]: {\n                  'partB.choiceMode':\n                    choiceModeB.settings &&\n                    radio(choiceModeB.label, ['checkbox', 'radio']),\n                  'partB.choicePrefix':\n                    choicePrefixB.settings &&\n                    radio(choicePrefixB.label, ['numbers', 'letters']),\n                  'partB.lockChoiceOrder':\n                    lockChoiceOrderB.settings && toggle(lockChoiceOrderB.label)\n                },\n                [`Properties ${secondPart}`]: {\n                  'partB.feedbackEnabled':\n                    feedbackB.settings && toggle(feedbackB.label),\n                  'partB.promptEnabled':\n                    promptB.settings && toggle(promptB.label),\n                  'partB.teacherInstructionsEnabled':\n                    teacherInstructionsB.settings &&\n                    toggle(teacherInstructionsB.label),\n                  'partB.studentInstructionsEnabled':\n                    studentInstructionsB.settings &&\n                    toggle(studentInstructionsB.label),\n                  'partB.rationaleEnabled':\n                    rationaleB.settings && toggle(rationaleB.label)\n                }\n              }}\n            />\n          }\n        >\n          <div>\n            <div className={classes.part}>\n              {model.partLabels && <p>{firstPart}</p>}\n              <ebsr-multiple-choice-configure\n                id=\"A\"\n                key=\"partA\"\n                ref={ref => {\n                  if (ref) {\n                    // do not use destructuring to get model from props\n                    this.partA = ref;\n                    this.partA._model = cloneDeep(this.props.model.partA);\n                    this.partA.configuration = {\n                      ...partA,\n                      ...generalConfiguration\n                    };\n                  }\n                }}\n              />\n            </div>\n\n            <div className={classes.part}>\n              {model.partLabels && <p>{secondPart}</p>}\n              <ebsr-multiple-choice-configure\n                id=\"B\"\n                key=\"partB\"\n                ref={ref => {\n                  if (ref) {\n                    // do not use destructuring to get model from props\n                    this.partB = ref;\n                    this.partB._model = cloneDeep(this.props.model.partB);\n                    this.partB.configuration = {\n                      ...partB,\n                      ...generalConfiguration\n                    };\n                  }\n                }}\n              />\n            </div>\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","dropdown","styles","theme","part","display","flexDirection","paddingTop","spacing","unit","Main","choices","correctFound","map","choice","correct","model","key","onModelChanged","props","partA","choiceMode","removeExtraChoices","partB","classes","configuration","onConfigurationChanged","partLabelType","modelPartA","modelPartB","partialScoring","settingsPanelDisabled","scoringType","generalConfiguration","feedback","feedbackA","choiceModeA","choicePrefix","choicePrefixA","lockChoiceOrder","lockChoiceOrderA","prompt","promptA","teacherInstructions","teacherInstructionsA","studentInstructions","studentInstructionsA","choicesLayout","choicesLayoutA","gridColumns","gridColumnsA","rationale","rationaleA","spellCheck","spellCheckA","feedbackB","choiceModeB","choicePrefixB","lockChoiceOrderB","promptB","teacherInstructionsB","studentInstructionsB","choicesLayoutB","gridColumnsB","rationaleB","spellCheckB","type","typeIsNumber","firstPart","secondPart","nrOfColumnsAvailable","length","Array","from","_","i","panelSettings","partLabels","label","panelSettingsPartA","panelPropertiesPartA","panelSettingsPartB","panelPropertiesPartB","ref","_model","errors","React","Component","PropTypes","object","func","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { settings, layout } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst styles = (theme) => ({\n  part: {\n    display: 'flex',\n    flexDirection: 'column',\n    '&:not(:first-child)': {\n      paddingTop: theme.spacing.unit * 4,\n    },\n  },\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    configuration: PropTypes.object,\n    model: PropTypes.object,\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n  };\n\n  removeExtraChoices = (choices) => {\n    let correctFound = false;\n\n    return (choices || []).map((choice) => {\n      if (correctFound) {\n        choice.correct = false;\n\n        return choice;\n      }\n\n      if (choice.correct) {\n        correctFound = true;\n      }\n\n      return choice;\n    });\n  };\n\n  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    if (key === 'partA.choiceMode' && model.partA.choiceMode === 'radio') {\n      model.partA.choices = this.removeExtraChoices(model.partA.choices);\n\n      return onModelChanged(model, true);\n    }\n\n    if (key === 'partB.choiceMode' && model.partB.choiceMode === 'radio') {\n      model.partB.choices = this.removeExtraChoices(model.partB.choices);\n\n      return onModelChanged(model, true);\n    }\n\n    return onModelChanged(model);\n  };\n\n  render() {\n    const { classes, model, configuration, onConfigurationChanged } = this.props;\n    const { partLabelType, partA: modelPartA, partB: modelPartB } = model;\n    const { partA, partB, partialScoring, settingsPanelDisabled, scoringType, ...generalConfiguration } = configuration;\n    const {\n      feedback: feedbackA = {},\n      choiceMode: choiceModeA = {},\n      choicePrefix: choicePrefixA = {},\n      lockChoiceOrder: lockChoiceOrderA = {},\n      prompt: promptA = {},\n      teacherInstructions: teacherInstructionsA = {},\n      studentInstructions: studentInstructionsA = {},\n      choicesLayout: choicesLayoutA = {},\n      gridColumns: gridColumnsA = {},\n      rationale: rationaleA = {},\n      spellCheck: spellCheckA = {},\n    } = partA || {};\n    const {\n      feedback: feedbackB = {},\n      choiceMode: choiceModeB = {},\n      choicePrefix: choicePrefixB = {},\n      lockChoiceOrder: lockChoiceOrderB = {},\n      prompt: promptB = {},\n      teacherInstructions: teacherInstructionsB = {},\n      studentInstructions: studentInstructionsB = {},\n      choicesLayout: choicesLayoutB = {},\n      gridColumns: gridColumnsB = {},\n      rationale: rationaleB = {},\n      spellCheck: spellCheckB = {},\n    } = partB || {};\n\n    const type = partLabelType || 'Numbers';\n    const typeIsNumber = type === 'Numbers';\n    const firstPart = `Part ${typeIsNumber ? '1' : 'A'}`;\n    const secondPart = `Part ${typeIsNumber ? '2' : 'B'}`;\n    const nrOfColumnsAvailable = {\n      partA:\n        modelPartA.choices && modelPartA.choices.length\n          ? Array.from({ length: modelPartA.choices.length }, (_, i) => `${i + 1}`)\n          : [],\n      partB:\n        modelPartB.choices && modelPartB.choices.length\n          ? Array.from({ length: modelPartB.choices.length }, (_, i) => `${i + 1}`)\n          : [],\n    };\n\n    const panelSettings = {\n      partLabels: generalConfiguration.partLabels.settings && toggle(generalConfiguration.partLabels.label),\n      partLabelType: model.partLabels && dropdown('', ['Numbers', 'Letters']),\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n    };\n\n    const panelSettingsPartA = {\n      'partA.choiceMode': choiceModeA.settings && radio(choiceModeA.label, ['checkbox', 'radio']),\n      'partA.choicePrefix': choicePrefixA.settings && radio(choicePrefixA.label, ['numbers', 'letters']),\n      'partA.lockChoiceOrder': lockChoiceOrderA.settings && toggle(lockChoiceOrderA.label),\n      'partA.choicesLayout':\n        choicesLayoutA.settings && dropdown(choicesLayoutA.label, ['vertical', 'grid', 'horizontal']),\n      'partA.gridColumns':\n        choicesLayoutA.settings &&\n        modelPartA.choicesLayout === 'grid' &&\n        nrOfColumnsAvailable.partA.length > 0 &&\n        dropdown(gridColumnsA.label, nrOfColumnsAvailable.partA),\n    };\n    const panelPropertiesPartA = {\n      'partA.feedbackEnabled': feedbackA.settings && toggle(feedbackA.label),\n      'partA.promptEnabled': promptA.settings && toggle(promptA.label),\n      'partA.teacherInstructionsEnabled': teacherInstructionsA.settings && toggle(teacherInstructionsA.label),\n      'partA.studentInstructionsEnabled': studentInstructionsA.settings && toggle(studentInstructionsA.label),\n      'partA.rationaleEnabled': rationaleA.settings && toggle(rationaleA.label),\n      'partA.spellCheckEnabled': spellCheckA.settings && toggle(spellCheckA.label),\n    };\n\n    const panelSettingsPartB = {\n      'partB.choiceMode': choiceModeB.settings && radio(choiceModeB.label, ['checkbox', 'radio']),\n      'partB.choicePrefix': choicePrefixB.settings && radio(choicePrefixB.label, ['numbers', 'letters']),\n      'partB.lockChoiceOrder': lockChoiceOrderB.settings && toggle(lockChoiceOrderB.label),\n      'partB.choicesLayout':\n        choicesLayoutB.settings && dropdown(choicesLayoutB.label, ['vertical', 'grid', 'horizontal']),\n      'partB.gridColumns':\n        choicesLayoutB.settings &&\n        modelPartB.choicesLayout === 'grid' &&\n        nrOfColumnsAvailable.partB.length > 0 &&\n        dropdown(gridColumnsB.label, nrOfColumnsAvailable.partB),\n    };\n    const panelPropertiesPartB = {\n      'partB.feedbackEnabled': feedbackB.settings && toggle(feedbackB.label),\n      'partB.promptEnabled': promptB.settings && toggle(promptB.label),\n      'partB.teacherInstructionsEnabled': teacherInstructionsB.settings && toggle(teacherInstructionsB.label),\n      'partB.studentInstructionsEnabled': studentInstructionsB.settings && toggle(studentInstructionsB.label),\n      'partB.rationaleEnabled': rationaleB.settings && toggle(rationaleB.label),\n      'partB.spellCheckEnabled': spellCheckB.settings && toggle(spellCheckB.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            onChangeModel={this.onModelChanged}\n            configuration={configuration}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              'Settings for both': panelSettings,\n              [`Settings ${firstPart}`]: panelSettingsPartA,\n              [`Properties ${firstPart}`]: panelPropertiesPartA,\n              [`Settings ${secondPart}`]: panelSettingsPartB,\n              [`Properties ${secondPart}`]: panelPropertiesPartB,\n            }}\n          />\n        }\n      >\n        <div>\n          <div className={classes.part}>\n            {model.partLabels && <div>{firstPart}</div>}\n            <ebsr-multiple-choice-configure\n              id=\"A\"\n              key=\"partA\"\n              ref={(ref) => {\n                if (ref) {\n                  // do not use destructuring to get model from props\n                  this.partA = ref;\n                  this.partA._model = {\n                    ...this.props.model.partA,\n                    errors: (this.props.model.errors && this.props.model.errors.partA) || {},\n                  };\n                  this.partA.configuration = {\n                    ...partA,\n                    ...generalConfiguration,\n                  };\n                }\n              }}\n            />\n          </div>\n\n          <div className={classes.part}>\n            {model.partLabels && <div>{secondPart}</div>}\n            <ebsr-multiple-choice-configure\n              id=\"B\"\n              key=\"partB\"\n              ref={(ref) => {\n                if (ref) {\n                  // do not use destructuring to get model from props\n                  this.partB = ref;\n                  this.partB._model = {\n                    ...this.props.model.partB,\n                    errors: (this.props.model.errors && this.props.model.errors.partB) || {},\n                  };\n                  this.partB.configuration = {\n                    ...partB,\n                    ...generalConfiguration,\n                  };\n                }\n              }}\n            />\n          </div>\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@pie-element/ebsr-configure",
   "private": true,
-  "version": "6.2.6",
+  "version": "8.4.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multiple-choice": "^5.8.0",
+    "@pie-element/multiple-choice": "^7.6.0",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.8.57",
+    "@pie-lib/config-ui": "12.0.0-beta.3",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/configure/src/__tests__/__snapshots__/index.test.js.snap

@@ -6,11 +6,14 @@ Object {
     "choiceMode": "radio",
     "choicePrefix": "numbers",
     "choices": Array [],
+    "choicesLayout": "vertical",
     "feedbackEnabled": true,
+    "gridColumns": "2",
     "prompt": "Prompt A",
     "promptEnabled": true,
     "rationale": "",
     "rationaleEnabled": true,
+    "spellCheckEnabled": true,
     "studentInstructionsEnabled": true,
     "teacherInstructions": "",
     "teacherInstructionsEnabled": true,
@@ -19,18 +22,20 @@ Object {
     "choiceMode": "radio",
     "choicePrefix": "numbers",
     "choices": Array [],
+    "choicesLayout": "vertical",
     "feedbackEnabled": true,
+    "gridColumns": "2",
     "prompt": "Prompt B",
     "promptEnabled": true,
     "rationale": "",
     "rationaleEnabled": true,
+    "spellCheckEnabled": true,
     "studentInstructionsEnabled": true,
     "teacherInstructions": "",
     "teacherInstructionsEnabled": true,
   },
   "partLabelType": "Letters",
   "partLabels": true,
-  "partialScoring": false,
 }
 `;
 
@@ -40,11 +45,14 @@ Object {
     "choiceMode": "radio",
     "choicePrefix": "numbers",
     "choices": Array [],
+    "choicesLayout": "vertical",
     "feedbackEnabled": true,
+    "gridColumns": "2",
     "prompt": "Prompt A",
     "promptEnabled": true,
     "rationale": "foo",
     "rationaleEnabled": true,
+    "spellCheckEnabled": true,
     "studentInstructionsEnabled": true,
     "teacherInstructions": "ti",
     "teacherInstructionsEnabled": true,
@@ -53,17 +61,19 @@ Object {
     "choiceMode": "radio",
     "choicePrefix": "numbers",
     "choices": Array [],
+    "choicesLayout": "vertical",
     "feedbackEnabled": true,
+    "gridColumns": "2",
     "prompt": "Prompt B",
     "promptEnabled": true,
     "rationale": "",
     "rationaleEnabled": true,
+    "spellCheckEnabled": true,
     "studentInstructionsEnabled": true,
     "teacherInstructions": "",
     "teacherInstructionsEnabled": true,
   },
   "partLabelType": "Letters",
   "partLabels": true,
-  "partialScoring": false,
 }
 `;