@pie-element/ebsr 7.0.24-next.1 → 7.0.24-next.2

package/configure/lib/defaults.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+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; }
+
+var defaultConfig = {
+  addChoiceButton: {
+    settings: true,
+    label: 'Add a Choice'
+  },
+  choiceMode: {
+    settings: true,
+    label: 'Response Type'
+  },
+  choicePrefix: {
+    settings: true,
+    label: 'Choice Labels'
+  },
+  deleteChoice: {
+    settings: true
+  },
+  feedback: {
+    settings: true,
+    label: 'Feedback'
+  },
+  lockChoiceOrder: {
+    settings: true,
+    label: 'Lock Choice Order'
+  },
+  prompt: {
+    settings: true,
+    label: 'Prompt'
+  },
+  rationale: {
+    settings: true,
+    label: 'Rationale'
+  },
+  studentInstructions: {
+    settings: false,
+    label: 'Student Instructions'
+  },
+  teacherInstructions: {
+    settings: true,
+    label: 'Teacher Instructions'
+  },
+  choicesLayout: {
+    settings: false,
+    label: 'Choices Layout'
+  },
+  gridColumns: {
+    label: 'Grid columns'
+  },
+  spellCheck: {
+    label: 'Spellcheck',
+    settings: false,
+    enabled: true
+  }
+};
+
+var partModel = function partModel(base) {
+  return _objectSpread({
+    choiceMode: 'radio',
+    choices: [],
+    choicePrefix: 'numbers',
+    prompt: 'Prompt',
+    rationaleEnabled: true,
+    feedbackEnabled: true,
+    promptEnabled: true,
+    teacherInstructions: '',
+    rationale: '',
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true,
+    spellCheckEnabled: true,
+    choicesLayout: 'vertical',
+    gridColumns: '2'
+  }, base);
+};
+
+var _default = {
+  model: {
+    partLabels: true,
+    partLabelType: 'Letters',
+    partialScoring: false,
+    partA: partModel({
+      prompt: 'Prompt A'
+    }),
+    partB: partModel({
+      prompt: 'Prompt B'
+    })
+  },
+  configuration: {
+    partialScoring: {
+      label: 'Allow Partial Scoring',
+      // this will turn off partial scoring toggle in the settings tab by default for the interaction
+      // as we'd like partial scoring to be controlled from the environment entirely
+      // if any other consumers would like to enable it for themselves, they can do so from their model directly.
+      settings: false
+    },
+    scoringType: {
+      settings: false,
+      label: 'Scoring Type'
+    },
+    partA: (0, _cloneDeep["default"])(defaultConfig),
+    partB: (0, _cloneDeep["default"])(defaultConfig),
+    partLabels: {
+      settings: true,
+      label: 'Part Labels'
+    },
+    settingsPanelDisabled: true
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/defaults.js"],"names":["defaultConfig","addChoiceButton","settings","label","choiceMode","choicePrefix","deleteChoice","feedback","lockChoiceOrder","prompt","rationale","studentInstructions","teacherInstructions","choicesLayout","gridColumns","spellCheck","enabled","partModel","base","choices","rationaleEnabled","feedbackEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","spellCheckEnabled","model","partLabels","partLabelType","partialScoring","partA","partB","configuration","scoringType","settingsPanelDisabled"],"mappings":"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","sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\n\nconst defaultConfig = {\n  addChoiceButton: {\n    settings: true,\n    label: 'Add a Choice'\n  },\n  choiceMode: {\n    settings: true,\n    label: 'Response Type'\n  },\n  choicePrefix: {\n    settings: true,\n    label: 'Choice Labels'\n  },\n  deleteChoice: {\n    settings: true\n  },\n  feedback: {\n    settings: true,\n    label: 'Feedback'\n  },\n  lockChoiceOrder: {\n    settings: true,\n    label: 'Lock Choice Order'\n  },\n  prompt: {\n    settings: true,\n    label: 'Prompt'\n  },\n  rationale: {\n    settings: true,\n    label: 'Rationale'\n  },\n  studentInstructions: {\n    settings: false,\n    label: 'Student Instructions'\n  },\n  teacherInstructions: {\n    settings: true,\n    label: 'Teacher Instructions'\n  },\n  choicesLayout: {\n    settings: false,\n    label: 'Choices Layout',\n  },\n  gridColumns: {\n    label: 'Grid columns',\n  },\n  spellCheck: {\n    label: 'Spellcheck',\n    settings:false,\n    enabled:true\n  },\n};\n\nconst partModel = base => ({\n  choiceMode: 'radio',\n  choices: [],\n  choicePrefix: 'numbers',\n  prompt: 'Prompt',\n  rationaleEnabled: true,\n  feedbackEnabled: true,\n  promptEnabled: true,\n  teacherInstructions: '',\n  rationale: '',\n  teacherInstructionsEnabled: true,\n  studentInstructionsEnabled: true,\n  spellCheckEnabled:true,\n  choicesLayout: 'vertical',\n  gridColumns: '2',\n  ...base\n});\n\nexport default {\n  model: {\n    partLabels: true,\n    partLabelType: 'Letters',\n    partialScoring: false,\n    partA: partModel({ prompt: 'Prompt A' }),\n    partB: partModel({ prompt: 'Prompt B' })\n  },\n  configuration: {\n    partialScoring: {\n      label: 'Allow Partial Scoring',\n      // this will turn off partial scoring toggle in the settings tab by default for the interaction\n      // as we'd like partial scoring to be controlled from the environment entirely\n      // if any other consumers would like to enable it for themselves, they can do so from their model directly.\n      settings: false\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    partA: cloneDeep(defaultConfig),\n    partB: cloneDeep(defaultConfig),\n    partLabels: {\n      settings: true,\n      label: 'Part Labels'\n    },\n    settingsPanelDisabled: true\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/index.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+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"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+
+var _lib = _interopRequireDefault(require("@pie-element/multiple-choice/configure/lib"));
+
+var _defaults = _interopRequireDefault(require("lodash/defaults"));
+
+var _main = _interopRequireDefault(require("./main"));
+
+var _defaults2 = _interopRequireDefault(require("./defaults"));
+
+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 = 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 { 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';
+
+var EbsrMCConfigure = /*#__PURE__*/function (_MultipleChoiceConfig) {
+  (0, _inherits2["default"])(EbsrMCConfigure, _MultipleChoiceConfig);
+
+  var _super = _createSuper(EbsrMCConfigure);
+
+  function EbsrMCConfigure() {
+    (0, _classCallCheck2["default"])(this, EbsrMCConfigure);
+    return _super.apply(this, arguments);
+  }
+
+  return (0, _createClass2["default"])(EbsrMCConfigure);
+}(_lib["default"]);
+
+var defineMultipleChoice = function defineMultipleChoice() {
+  if (!customElements.get(MC_TAG_NAME)) {
+    customElements.define(MC_TAG_NAME, EbsrMCConfigure);
+  }
+};
+
+defineMultipleChoice();
+
+var prepareCustomizationObject = function prepareCustomizationObject(config, model) {
+  var configuration = (0, _defaults["default"])(config, _defaults2["default"].configuration);
+  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);
+
+  var _super2 = _createSuper(EbsrConfigure);
+
+  function EbsrConfigure() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, EbsrConfigure);
+    _this = _super2.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChanged", function (m, reset) {
+      _this._model = EbsrConfigure.createDefaultModel(m, _this._model);
+
+      _this.dispatchModelUpdated(reset);
+
+      _this._render();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelUpdated", function (e) {
+      if (e.target === (0, _assertThisInitialized2["default"])(_this)) {
+        return;
+      }
+
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      var id = e.target && e.target.getAttribute('id');
+
+      if (id) {
+        if (e.update) {
+          _this._model["part".concat(id)] = e.update;
+        }
+
+        _this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(_this._model));
+      }
+    });
+    _this._model = EbsrConfigure.createDefaultModel();
+    _this._configuration = _defaults2["default"].configuration;
+    _this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(EbsrConfigure, [{
+    key: "model",
+    set: function set(m) {
+      this._model = EbsrConfigure.createDefaultModel(m, this._model);
+
+      this._render();
+    }
+  }, {
+    key: "dispatchModelUpdated",
+    value: function dispatchModelUpdated(reset) {
+      var resetValue = !!reset;
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      var info = prepareCustomizationObject(c, this._model);
+      this._configuration = info.configuration;
+
+      this._render();
+    }
+  }, {
+    key: "onConfigurationChanged",
+    value: function onConfigurationChanged(c) {
+      this._configuration = prepareCustomizationObject(c, this._model).configuration;
+
+      if (this._model) {
+        this.onModelChanged(this._model);
+      }
+
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this.addEventListener(MODEL_UPDATED, this.onModelUpdated);
+
+      this._render();
+    }
+  }, {
+    key: "disconnectedCallback",
+    value: function disconnectedCallback() {
+      this.removeEventListener(MODEL_UPDATED, this.onModelUpdated);
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged
+      });
+
+      _reactDom["default"].render(element, this);
+    }
+  }]);
+  return EbsrConfigure;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = EbsrConfigure;
+(0, _defineProperty2["default"])(EbsrConfigure, "createDefaultModel", function () {
+  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

@@ -0,0 +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","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;;;;;AAgBnB,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;AAED,KA3Ba;AAAA,uGA8CG,UAAAC,CAAC,EAAI;AAEpB,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,KAhEa;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;;;SAUD,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;;;WAsBD,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;;AAMAa,2BAASC,MAAT,CAAgBL,OAAhB,EAAyB,IAAzB;AACD;;;kDAnGwCM,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,EAAEH,KAAK,CAACG,aAAN,IAAwBH,KAAK,CAACI,YAAN,KAAuB,KAAvB,IAAgC,YAAxD,IAAyEF,QAAQ,CAACF,KAAT,CAAeG;AAHpG,MAHqB;AAQ1BF,IAAAA,KAAK,gDACAC,QAAQ,CAACD,KADT,GAEAA,KAFA;AAGHE,MAAAA,aAAa,EAAEF,KAAK,CAACE,aAAN,IAAwBF,KAAK,CAACG,YAAN,KAAuB,KAAvB,IAAgC,YAAxD,IAAyEF,QAAQ,CAACD,KAAT,CAAeE;AAHpG;AARqB;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: 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

@@ -0,0 +1,284 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Main = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _configUi = require("@pie-lib/config-ui");
+
+var _styles = require("@material-ui/core/styles");
+
+var _excluded = ["partA", "partB", "partialScoring", "scoringType"];
+
+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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle,
+    radio = _configUi.settings.radio,
+    dropdown = _configUi.settings.dropdown;
+
+var styles = function styles(theme) {
+  return {
+    design: {
+      paddingTop: theme.spacing.unit * 3
+    },
+    part: {
+      display: 'flex',
+      flexDirection: 'column',
+      padding: '16px 0 32px'
+    }
+  };
+};
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Main);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _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 === 'partA.choiceMode' && model.partA.choiceMode === 'radio') {
+        model.partA.choices = _this.removeExtraChoices(model.partA.choices);
+        return onModelChanged(model, true);
+      }
+
+      if (key === 'partB.choiceMode' && model.partB.choiceMode === 'radio') {
+        model.partB.choices = _this.removeExtraChoices(model.partB.choices);
+        return onModelChanged(model, true);
+      }
+
+      return onModelChanged(model);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var _ref3,
+          _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          model = _this$props.model,
+          configuration = _this$props.configuration,
+          onConfigurationChanged = _this$props.onConfigurationChanged;
+      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, _excluded);
+
+      var _ref = partA || {},
+          _ref$feedback = _ref.feedback,
+          feedbackA = _ref$feedback === void 0 ? {} : _ref$feedback,
+          _ref$choiceMode = _ref.choiceMode,
+          choiceModeA = _ref$choiceMode === void 0 ? {} : _ref$choiceMode,
+          _ref$choicePrefix = _ref.choicePrefix,
+          choicePrefixA = _ref$choicePrefix === void 0 ? {} : _ref$choicePrefix,
+          _ref$lockChoiceOrder = _ref.lockChoiceOrder,
+          lockChoiceOrderA = _ref$lockChoiceOrder === void 0 ? {} : _ref$lockChoiceOrder,
+          _ref$prompt = _ref.prompt,
+          promptA = _ref$prompt === void 0 ? {} : _ref$prompt,
+          _ref$teacherInstructi = _ref.teacherInstructions,
+          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,
+          _ref$spellCheck = _ref.spellCheck,
+          spellCheckA = _ref$spellCheck === void 0 ? {} : _ref$spellCheck;
+
+      var _ref2 = partB || {},
+          _ref2$feedback = _ref2.feedback,
+          feedbackB = _ref2$feedback === void 0 ? {} : _ref2$feedback,
+          _ref2$choiceMode = _ref2.choiceMode,
+          choiceModeB = _ref2$choiceMode === void 0 ? {} : _ref2$choiceMode,
+          _ref2$choicePrefix = _ref2.choicePrefix,
+          choicePrefixB = _ref2$choicePrefix === void 0 ? {} : _ref2$choicePrefix,
+          _ref2$lockChoiceOrder = _ref2.lockChoiceOrder,
+          lockChoiceOrderB = _ref2$lockChoiceOrder === void 0 ? {} : _ref2$lockChoiceOrder,
+          _ref2$prompt = _ref2.prompt,
+          promptB = _ref2$prompt === void 0 ? {} : _ref2$prompt,
+          _ref2$teacherInstruct = _ref2.teacherInstructions,
+          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,
+          _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, {
+        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),
+            '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.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.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.spellCheckEnabled': spellCheckB.settings && toggle(spellCheckB.label)
+          }), _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", {
+        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 = _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", {
+        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 = _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;
+}(_react["default"].Component);
+
+exports.Main = Main;
+(0, _defineProperty2["default"])(Main, "propTypes", {
+  classes: _propTypes["default"].object,
+  configuration: _propTypes["default"].object,
+  model: _propTypes["default"].object,
+  onModelChanged: _propTypes["default"].func,
+  onConfigurationChanged: _propTypes["default"].func
+});
+var Styled = (0, _styles.withStyles)(styles)(Main);
+var _default = Styled;
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map