@pie-element/ebsr 6.6.3-next.133 → 6.6.3-next.1353

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 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 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() {
@@ -78,6 +82,9 @@ var prepareCustomizationObject = function prepareCustomizationObject(config, mod
   };
 };
 
+var _ref = _defaults2["default"] || {},
+    modelDefault = _ref.model;
+
 var EbsrConfigure = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(EbsrConfigure, _HTMLElement);
 
@@ -89,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);
 
@@ -124,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();
     }
@@ -186,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","EbsrConfigure","m","reset","_model","partA","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\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":"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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\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: partA.choicesLayout || (partA.verticalMode === false && 'horizontal') || defaults.partA.choicesLayout\n    },\n    partB: {\n      ...defaults.partB,\n      ...partB,\n      choicesLayout: 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\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\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"}

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", "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,
@@ -118,12 +118,14 @@ 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,
           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,
@@ -140,10 +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$verticalMode = _ref.verticalMode,
-          verticalModeA = _ref$verticalMode === void 0 ? {} : _ref$verticalMode,
+          _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,
@@ -160,15 +166,31 @@ 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$verticalMode = _ref2.verticalMode,
-          verticalModeB = _ref2$verticalMode === void 0 ? {} : _ref2$verticalMode,
+          _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');
+      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);
+        }) : []
+      };
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.design
       }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
@@ -188,24 +210,28 @@ var Main = /*#__PURE__*/function (_React$Component) {
             '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.verticalMode': verticalModeA.settings && toggle(verticalModeA.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)
           }), (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)
+            'partA.rationaleEnabled': rationaleA.settings && toggle(rationaleA.label),
+            'partA.spellCheckEnabled': spellCheckA.settings && toggle(spellCheckA.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),
-            'partB.verticalMode': verticalModeB.settings && toggle(verticalModeB.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)
           }), (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)
+            'partB.rationaleEnabled': rationaleB.settings && toggle(rationaleB.label),
+            'partB.spellCheckEnabled': spellCheckB.settings && toggle(spellCheckB.label)
           }), _ref3)
         })
       }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -217,7 +243,9 @@ var Main = /*#__PURE__*/function (_React$Component) {
           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);
           }
         }
@@ -230,7 +258,9 @@ var Main = /*#__PURE__*/function (_React$Component) {
           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);
           }
         }

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","choices","correctFound","map","choice","correct","model","key","onModelChanged","props","partA","choiceMode","removeExtraChoices","partB","classes","configuration","onConfigurationChanged","partLabelType","partialScoring","scoringType","generalConfiguration","feedback","feedbackA","choiceModeA","choicePrefix","choicePrefixA","lockChoiceOrder","lockChoiceOrderA","prompt","promptA","teacherInstructions","teacherInstructionsA","studentInstructions","studentInstructionsA","verticalMode","verticalModeA","rationale","rationaleA","feedbackB","choiceModeB","choicePrefixB","lockChoiceOrderB","promptB","teacherInstructionsB","studentInstructionsB","verticalModeB","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  removeExtraChoices = (choices) => {\n    let correctFound = false;\n\n     return (choices || []).map(choice => {\n      if (correctFound) {\n        choice.correct = false;\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 {\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      verticalMode: verticalModeA = {},\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      verticalMode: verticalModeB = {},\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                  'partA.verticalMode':\n                    verticalModeA.settings && toggle(verticalModeA.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                  'partB.verticalMode':\n                    verticalModeB.settings && toggle(verticalModeB.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","design","paddingTop","spacing","unit","part","display","flexDirection","padding","Main","choices","correctFound","map","choice","correct","model","key","onModelChanged","props","partA","choiceMode","removeExtraChoices","partB","classes","configuration","onConfigurationChanged","partLabelType","modelPartA","modelPartB","partialScoring","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","partLabels","label","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  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  removeExtraChoices = (choices) => {\n    let correctFound = false;\n\n     return (choices || []).map(choice => {\n      if (correctFound) {\n        choice.correct = false;\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 {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged\n    } = this.props;\n    const { partLabelType, partA: modelPartA, partB: modelPartB } = 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      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    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: modelPartA.choices && modelPartA.choices.length ?\n        Array.from({length: modelPartA.choices.length}, (_, i) => (`${i + 1}`)) : [],\n      partB: modelPartB.choices && modelPartB.choices.length ?\n        Array.from({length: modelPartB.choices.length}, (_, i) => (`${i + 1}`)) : [],\n    };\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                  'partA.choicesLayout':\n                    choicesLayoutA.settings &&\n                    dropdown(choicesLayoutA.label, ['vertical', 'grid', 'horizontal']),\n                  'partA.gridColumns':\n                    choicesLayoutA.settings && modelPartA.choicesLayout === 'grid' &&\n                    nrOfColumnsAvailable.partA.length > 0 &&\n                    dropdown(gridColumnsA.label, nrOfColumnsAvailable.partA)\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                    'partA.spellCheckEnabled':\n                    spellCheckA.settings && toggle(spellCheckA.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                  'partB.choicesLayout':\n                    choicesLayoutB.settings &&\n                    dropdown(choicesLayoutB.label, ['vertical', 'grid', 'horizontal']),\n                  'partB.gridColumns':\n                    choicesLayoutB.settings && modelPartB.choicesLayout === 'grid' &&\n                    nrOfColumnsAvailable.partB.length > 0 &&\n                    dropdown(gridColumnsB.label, nrOfColumnsAvailable.partB)\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                    'partB.spellCheckEnabled':\n                    spellCheckB.settings && toggle(spellCheckB.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 = {\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 && <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 ={\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      </div>\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.3.2",
+  "version": "8.1.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multiple-choice": "^5.9.2",
-    "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.2",
+    "@pie-element/multiple-choice": "^7.1.0",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/config-ui": "^11.0.19",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

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

@@ -6,29 +6,33 @@ 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,
-    "verticalMode": true,
   },
   "partB": 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,
-    "verticalMode": true,
   },
   "partLabelType": "Letters",
   "partLabels": true,
@@ -42,29 +46,33 @@ 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,
-    "verticalMode": true,
   },
   "partB": 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,
-    "verticalMode": true,
   },
   "partLabelType": "Letters",
   "partLabels": true,

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

@@ -79,7 +79,8 @@ const model = createDefaultModel(defaults.model, {
       }
     ],
     choicePrefix: 'numbers',
-    prompt: `prompt ${PART_A}`
+    prompt: `prompt ${PART_A}`,
+    errors: {}
   },
   partB: {
     choiceMode: 'radio',
@@ -102,7 +103,8 @@ const model = createDefaultModel(defaults.model, {
       }
     ],
     choicePrefix: 'numbers',
-    prompt: `prompt ${PART_B}`
+    prompt: `prompt ${PART_B}`,
+    errors: {}
   }
 });
 

package/configure/src/defaults.js

@@ -40,9 +40,29 @@ const defaultConfig = {
     settings: true,
     label: 'Teacher Instructions'
   },
-  verticalMode: {
-    settings: true,
-    label: 'Vertical Mode',
+  choicesLayout: {
+    settings: false,
+    label: 'Choices Layout',
+  },
+  gridColumns: {
+    label: 'Grid columns',
+  },
+  spellCheck: {
+    label: 'Spellcheck',
+    settings:false,
+    enabled:true
+  },
+  maxImageWidth: {
+    teacherInstructions: 300,
+    prompt: 300,
+    rationale: 636,
+    choices: 636
+  },
+  maxImageHeight: {
+    teacherInstructions: 300,
+    prompt: 300,
+    rationale: 300,
+    choices: 300
   }
 };
 
@@ -58,7 +78,9 @@ const partModel = base => ({
   rationale: '',
   teacherInstructionsEnabled: true,
   studentInstructionsEnabled: true,
-  verticalMode: true,
+  spellCheckEnabled:true,
+  choicesLayout: 'vertical',
+  gridColumns: '2',
   ...base
 });
 

package/configure/src/index.js

@@ -30,17 +30,21 @@ const prepareCustomizationObject = (config, model) => {
   };
 };
 
+const { model: modelDefault } = sensibleDefaults || {};
+
 export default class EbsrConfigure extends HTMLElement {
-  static createDefaultModel = (model = {}) => ({
-    ...sensibleDefaults.model,
+  static createDefaultModel = ({ partA = {}, partB = {}, ...model } = {}, defaults = modelDefault) => ({
+    ...defaults,
     ...model,
     partA: {
-      ...sensibleDefaults.model.partA,
-      ...model.partA
+      ...defaults.partA,
+      ...partA,
+      choicesLayout: partA.choicesLayout || (partA.verticalMode === false && 'horizontal') || defaults.partA.choicesLayout
     },
     partB: {
-      ...sensibleDefaults.model.partB,
-      ...model.partB
+      ...defaults.partB,
+      ...partB,
+      choicesLayout: partB.choicesLayout || (partB.verticalMode === false && 'horizontal') || defaults.partB.choicesLayout
     },
   });
 
@@ -48,23 +52,13 @@ export default class EbsrConfigure extends HTMLElement {
     super();
 
     this._model = EbsrConfigure.createDefaultModel();
+
     this._configuration = sensibleDefaults.configuration;
     this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
   }
 
   set model(m) {
-    this._model = {
-      ...this._model,
-      ...m,
-      partA: {
-        ...this._model.partA,
-        ...m.partA,
-      },
-      partB: {
-        ...this._model.partB,
-        ...m.partB,
-      }
-    };
+    this._model = EbsrConfigure.createDefaultModel(m, this._model);
 
     this._render();
   }
@@ -76,18 +70,7 @@ export default class EbsrConfigure extends HTMLElement {
   }
 
   onModelChanged = (m, reset) => {
-    this._model = {
-      ...this._model,
-      ...m,
-      partA: {
-        ...this._model.partA,
-        ...m.partA,
-      },
-      partB: {
-        ...this._model.partB,
-        ...m.partB,
-      }
-    };
+    this._model = EbsrConfigure.createDefaultModel(m, this._model);
 
     this.dispatchModelUpdated(reset);
     this._render();
@@ -112,6 +95,7 @@ export default class EbsrConfigure extends HTMLElement {
   }
 
   onModelUpdated = e => {
+
     if (e.target === this) {
       return;
     }