@pie-element/multiple-choice 6.0.0 → 6.1.2

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.1.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.1.1...@pie-element/multiple-choice@6.1.2) (2021-11-01)
+
+**Note:** Version bump only for package @pie-element/multiple-choice
+
+
+
+
+
+## [6.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.1.0...@pie-element/multiple-choice@6.1.1) (2021-10-04)
+
+**Note:** Version bump only for package @pie-element/multiple-choice
+
+
+
+
+
+# [6.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.0.1...@pie-element/multiple-choice@6.1.0) (2021-09-20)
+
+
+### Bug Fixes
+
+* exports ([66ed4d2](https://github.com/pie-framework/pie-elements/commit/66ed4d2ae44df712b8b48849023e6849d6d69126))
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+
+
+### Features
+
+* print demo ([a7f9707](https://github.com/pie-framework/pie-elements/commit/a7f9707592e1ec89a55e9d61450b0600aea4d486))
+
+
+
+
+
+## [6.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.0.0...@pie-element/multiple-choice@6.0.1) (2021-09-01)
+
+**Note:** Version bump only for package @pie-element/multiple-choice
+
+
+
+
+
 # [6.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@5.10.0...@pie-element/multiple-choice@6.0.0) (2021-08-09)
 
 

package/PRINT.md

@@ -0,0 +1,35 @@
+# print how to
+
+Brief guide on how to build pie-element print modules. Each element can have their own print module. It needs to be defined in the package.json `exports` map.
+
+
+These modules will be published as part of the npm package.
+
+We will then have a new element that 3rd parties can use to load up these elements: 
+
+```html
+<pie-print config={} options={}></pie-print>
+```
+
+This is being developed in another repo: https://github.com/key-data-systems/pie-print-support
+
+
+
+## how to run a single element that will recompile when there are changes (no HMR):
+
+`yarn pslb serve --config pslb/pslb.config.js --package @pie-element/multiple-choice --logLevel info`
+
+Then go to: 
+
+http://localhost:7752/multiple-choice/module/index.html
+
+
+## how to build 
+
+You prob won't need this but for your edification: 
+
+`yarn pslb --config pslb/pslb.config.js --package @pie-element/multiple-choice --logLevel info`
+
+
+
+

package/configure/CHANGELOG.md

@@ -3,6 +3,35 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@4.0.2...@pie-element/multiple-choice-configure@4.0.3) (2021-10-04)
+
+**Note:** Version bump only for package @pie-element/multiple-choice-configure
+
+
+
+
+
+## [4.0.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@4.0.1...@pie-element/multiple-choice-configure@4.0.2) (2021-09-20)
+
+
+### Bug Fixes
+
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+
+
+
+
+
+## [4.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@4.0.0...@pie-element/multiple-choice-configure@4.0.1) (2021-09-01)
+
+**Note:** Version bump only for package @pie-element/multiple-choice-configure
+
+
+
+
+
 # [4.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@3.5.0...@pie-element/multiple-choice-configure@4.0.0) (2021-08-09)
 
 

package/configure/lib/index.js

@@ -41,9 +41,9 @@ var _defaults2 = _interopRequireDefault(require("./defaults"));
 
 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; } }
 
-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); if (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; }
 
@@ -186,8 +186,13 @@ var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
 exports["default"] = MultipleChoice;
 (0, _defineProperty2["default"])(MultipleChoice, "createDefaultModel", function () {
   var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _configUi.choiceUtils.normalizeChoices(_objectSpread(_objectSpread(_objectSpread({}, _defaults2["default"].model), model), {}, {
+
+  var normalizedModel = _configUi.choiceUtils.normalizeChoices(_objectSpread(_objectSpread(_objectSpread({}, _defaults2["default"].model), model), {}, {
     choices: generateFormattedChoices(model && model.choices || [])
-  }));
+  })); // This is used for offering support for old models which have the property "verticalMode"
+
+
+  normalizedModel.choicesLayout = model.choicesLayout || model.verticalMode === false && 'horizontal' || _defaults2["default"].model.choicesLayout;
+  return normalizedModel;
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","generateFormattedChoices","choices","choiceCount","length","formattedChoices","i","push","value","label","feedback","type","prepareCustomizationObject","config","model","configuration","sensibleDefaults","answerChoiceCount","MultipleChoice","_model","createDefaultModel","_configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","info","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","handler","InsertImageEvent","src","done","DeleteImageEvent","element","React","createElement","Main","disableSidePanel","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement","utils","normalizeChoices"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './main';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\n\nconst log = debug('multiple-choice:configure');\n\nconst generateFormattedChoices = (choices, choiceCount = 0) => {\n  if (!choices || choices.length === 0) {\n    let formattedChoices = [];\n\n    for (let i = 0; i < choiceCount; i++) {\n      formattedChoices.push({\n        value: `${i}`,\n        label: '',\n        feedback: {\n          type: 'none',\n          value: ''\n        }\n      });\n    }\n\n    return formattedChoices;\n  }\n\n  return choices;\n};\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n\n  return {\n    configuration,\n    model: {\n      ...model,\n      choices: generateFormattedChoices((model && model.choices) || [], configuration && configuration.answerChoiceCount)\n    }\n  };\n};\n\nexport default class MultipleChoice extends HTMLElement {\n  static createDefaultModel = (model = {}) => utils.normalizeChoices({\n    ...sensibleDefaults.model,\n    ...model,\n    choices: generateFormattedChoices((model && model.choices) || [])\n  });\n\n  constructor() {\n    super();\n    this._model = MultipleChoice.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = MultipleChoice.createDefaultModel(s);\n\n    this._render();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n    this._configuration = info.configuration;\n    this._render();\n  }\n\n  set disableSidePanel(s) {\n    this._disableSidePanel = s;\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 = m;\n    this._render();\n    this.dispatchModelUpdated(reset);\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  /** @param {done, progress, file} handler */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  _render() {\n    log('_render');\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      disableSidePanel: this._disableSidePanel,\n      imageSupport: {\n        add: this.insertImage.bind(this),\n        delete: this.onDeleteImage.bind(this)\n      }\n    });\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","generateFormattedChoices","choices","choiceCount","length","formattedChoices","i","push","value","label","feedback","type","prepareCustomizationObject","config","model","configuration","sensibleDefaults","answerChoiceCount","MultipleChoice","_model","createDefaultModel","_configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","info","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","handler","InsertImageEvent","src","done","DeleteImageEvent","element","React","createElement","Main","disableSidePanel","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement","normalizedModel","utils","normalizeChoices","choicesLayout","verticalMode"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './main';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\n\nconst log = debug('multiple-choice:configure');\n\nconst generateFormattedChoices = (choices, choiceCount = 0) => {\n  if (!choices || choices.length === 0) {\n    let formattedChoices = [];\n\n    for (let i = 0; i < choiceCount; i++) {\n      formattedChoices.push({\n        value: `${i}`,\n        label: '',\n        feedback: {\n          type: 'none',\n          value: ''\n        }\n      });\n    }\n\n    return formattedChoices;\n  }\n\n  return choices;\n};\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n\n  return {\n    configuration,\n    model: {\n      ...model,\n      choices: generateFormattedChoices((model && model.choices) || [], configuration && configuration.answerChoiceCount)\n    }\n  };\n};\n\nexport default class MultipleChoice extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const normalizedModel = utils.normalizeChoices({\n      ...sensibleDefaults.model,\n      ...model,\n      choices: generateFormattedChoices((model && model.choices) || [])\n    });\n\n    // This is used for offering support for old models which have the property \"verticalMode\"\n    normalizedModel.choicesLayout = model.choicesLayout || (model.verticalMode === false && 'horizontal') || sensibleDefaults.model.choicesLayout;\n\n    return normalizedModel;\n  }\n\n  constructor() {\n    super();\n    this._model = MultipleChoice.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = MultipleChoice.createDefaultModel(s);\n\n    this._render();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n    this._configuration = info.configuration;\n    this._render();\n  }\n\n  set disableSidePanel(s) {\n    this._disableSidePanel = s;\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 = m;\n    this._render();\n\n    this.dispatchModelUpdated(reset);\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  /** @param {done, progress, file} handler */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  _render() {\n    log('_render');\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      disableSidePanel: this._disableSidePanel,\n      imageSupport: {\n        add: this.insertImage.bind(this),\n        delete: this.onDeleteImage.bind(this)\n      }\n    });\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}

package/configure/lib/main.js

@@ -43,9 +43,9 @@ var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
 
 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; } }
 
-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); if (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; }
 
@@ -291,13 +291,9 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     limitChoicesNumber: limitChoicesNumber.settings && toggle(limitChoicesNumber.label),
     lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
     feedbackEnabled: feedback.settings && toggle(feedback.label),
-    choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal'])
+    choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),
+    gridColumns: choicesLayout.settings && model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0 && dropdown(gridColumns.label, nrOfColumnsAvailable)
   };
-
-  if (model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0) {
-    settingsInPanel.gridColumns = dropdown(gridColumns.label, nrOfColumnsAvailable);
-  }
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.design
   }, settingsPanelDisabled ? Content : /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
@@ -421,23 +417,6 @@ var Main = /*#__PURE__*/function (_React$Component) {
   }
 
   (0, _createClass2["default"])(Main, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // This is used for offering support for old models which have the property verticalMode
-      // Same thing is set in the controller: packages/multiple-choice/controller/src/index.js - model
-      var _this$props = this.props,
-          model = _this$props.model,
-          onModelChanged = _this$props.onModelChanged;
-      var verticalMode = model.verticalMode;
-
-      if (verticalMode !== undefined) {
-        var choicesLayout = verticalMode === false ? 'horizontal' : 'vertical';
-        onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
-          choicesLayout: choicesLayout
-        }));
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react["default"].createElement(Design, (0, _extends2["default"])({}, this.props, {

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","dropdown","MAX_CHOICES","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","rationaleHolder","accessibilityHolder","rationale","accessibility","design","choiceConfigurationHolder","display","flexDirection","alignItems","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","limitChoicesNumber","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","gridColumns","limitChoicesNumberModel","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","choices","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","Content","label","map","choice","index","c","tooltip","root","undefined","settingsInPanel","Settings","Properties","studentInstructionsEnabled","Main","splice","onModelChanged","push","value","utils","firstAvailableIndex","type","correct","key","correctFound","verticalMode","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n  InputContainer,\n  ChoiceConfiguration,\n  settings,\n  layout,\n  choiceUtils as utils\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = theme => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  rationaleHolder: {\n    width: '70%'\n  },\n  accessibilityHolder: {\n    width: '70%'\n  },\n  rationale: {\n    paddingTop: theme.spacing.unit * 2\n  },\n  accessibility: {\n    paddingTop: theme.spacing.unit * 2\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  choiceConfigurationHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  choiceConfiguration: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0\n  },\n  addButton: {\n    float: 'right'\n  },\n  disableButton: {\n    cursor: 'not-allowed',\n    pointerEvents: 'all',\n    backgroundColor: color.disabled(),\n    '&:hover': {\n      backgroundColor: color.disabled(),\n    },\n    '&:focus': {\n      backgroundColor: color.disabled(),\n    }\n  }\n});\n\nconst Design = withStyles(styles)(props => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    onChoiceChanged,\n    onRemoveChoice,\n    onAddChoice,\n    imageSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged\n  } = props;\n  const {\n    prompt = {},\n    addChoiceButton = {},\n    limitChoicesNumber = {},\n    feedback = {},\n    deleteChoice = {},\n    choiceMode = {},\n    choicePrefix = {},\n    partialScoring = {},\n    lockChoiceOrder = {},\n    teacherInstructions = {},\n    studentInstructions = {},\n    rationale = {},\n    accessibility = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    choicesLayout,\n    gridColumns,\n  } = configuration || {};\n  const {\n    limitChoicesNumber: limitChoicesNumberModel,\n    teacherInstructionsEnabled,\n    rationaleEnabled,\n    accessibilityLabelsEnabled,\n    feedbackEnabled,\n    promptEnabled,\n    choices\n  } = model || {};\n\n  const nrOfColumnsAvailable = (choices && choices.length)\n      ? Array.from({length: choices.length}, (_, i) => (`${i + 1}`))\n      : [];\n\n  const labelPlugins = {\n    audio: { disabled: true },\n    video: { disabled: true }\n  };\n\n  const toolbarOpts = {};\n\n  switch (model.toolbarEditorPosition) {\n    case 'top':\n      toolbarOpts.position = 'top';\n      break;\n    default:\n      toolbarOpts.position = 'bottom';\n      break;\n  }\n\n  const Content = (\n    <div>\n      {teacherInstructionsEnabled && (\n        <InputContainer\n          label={teacherInstructions.label}\n          className={classes.promptHolder}\n        >\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n          />\n        </InputContainer>\n      )}\n\n      {promptEnabled && (\n        <InputContainer label={prompt.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.prompt}\n            onChange={onPromptChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            disableUnderline\n            toolbarOpts={toolbarOpts}\n          />\n        </InputContainer>\n      )}\n      {model.choices.map((choice, index) => (\n        <div\n          key={`choice-${index}`}\n          className={classes.choiceConfigurationHolder}\n        >\n          <ChoiceConfiguration\n            key={index}\n            index={index + 1}\n            useLetterOrdering={model.choicePrefix === 'letters'}\n            className={classes.choiceConfiguration}\n            mode={model.choiceMode}\n            data={choice}\n            defaultFeedback={{}}\n            imageSupport={imageSupport}\n            onDelete={() => onRemoveChoice(index)}\n            onChange={c => onChoiceChanged(index, c)}\n            allowFeedBack={feedbackEnabled}\n            allowDelete={deleteChoice.settings}\n            noLabels\n            toolbarOpts={toolbarOpts}\n          />\n          {rationaleEnabled && (\n            <InputContainer\n              key={`rationale-${index}`}\n              label={rationale.label}\n              className={classes.rationaleHolder}\n            >\n              <EditableHtml\n                className={classes.rationale}\n                markup={choice.rationale || ''}\n                onChange={c =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    rationale: c\n                  })\n                }\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={labelPlugins}\n              />\n            </InputContainer>\n          )}\n          {accessibilityLabelsEnabled && (\n              <InputContainer\n                  key={`accessibility-${index}`}\n                  label={accessibility.label}\n                  className={classes.accessibilityHolder}\n              >\n                <EditableHtml\n                    className={classes.accessibility}\n                    markup={choice.accessibility || ''}\n                    onChange={c =>\n                        onChoiceChanged(index, {\n                          ...choice,\n                          accessibility: c\n                        })\n                    }\n                    imageSupport={imageSupport}\n                    pluginProps={labelPlugins}\n                />\n              </InputContainer>\n          )}\n        </div>\n      ))}\n      <br />\n      {addChoiceButton.settings && (\n        <Tooltip title={limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? `Only ${MAX_CHOICES} allowed maximum` : ''} classes={{ tooltip: classes.tooltip }}>\n          <Button\n            classes={{ root: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? classes.disableButton : undefined }}\n            className={classes.addButton}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={onAddChoice}\n          >\n            {addChoiceButton.label}\n          </Button>\n        </Tooltip>\n      )}\n    </div>\n  );\n\n  const settingsInPanel = {\n    choiceMode:\n        choiceMode.settings &&\n        radio(choiceMode.label, ['checkbox', 'radio']),\n    'sequentialChoiceLabels.enabled':\n        sequentialChoiceLabels.settings &&\n        toggle(sequentialChoiceLabels.label, true),\n    choicePrefix:\n        choicePrefix.settings &&\n        radio(choicePrefix.label, ['numbers', 'letters']),\n    partialScoring:\n        partialScoring.settings && toggle(partialScoring.label),\n    limitChoicesNumber:\n        limitChoicesNumber.settings && toggle(limitChoicesNumber.label),\n    lockChoiceOrder:\n        lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n    feedbackEnabled: feedback.settings && toggle(feedback.label),\n    choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n  };\n\n  if (model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0) {\n    settingsInPanel.gridColumns = dropdown(gridColumns.label, nrOfColumnsAvailable);\n  }\n\n  return (\n    <div className={classes.design}>\n      {settingsPanelDisabled ? (\n        Content\n      ) : (\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChangeModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: settingsInPanel,\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled:\n                    studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  accessibilityLabelsEnabled:\n                      accessibility.settings && toggle(accessibility.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric'])\n                }\n              }}\n            />\n          }\n        >\n          {Content}\n        </layout.ConfigLayout>\n      )}\n    </div>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  componentDidMount() {\n    // This is used for offering support for old models which have the property verticalMode\n    // Same thing is set in the controller: packages/multiple-choice/controller/src/index.js - model\n    const { model, onModelChanged } = this.props;\n    const { verticalMode } = model;\n\n    if (verticalMode !== undefined) {\n      const choicesLayout = verticalMode === false ? 'horizontal': 'vertical';\n\n      onModelChanged({...model, choicesLayout: choicesLayout});\n    }\n  }\n\n  onRemoveChoice = index => {\n    const { model } = this.props;\n\n    model.choices.splice(index, 1);\n    this.props.onModelChanged(model);\n  };\n\n  onAddChoice = () => {\n    const { model } = this.props;\n\n    if (!model.limitChoicesNumber || (model.limitChoicesNumber && model.choices.length < MAX_CHOICES)) {\n      model.choices.push({\n        label: '',\n        value: utils.firstAvailableIndex(model.choices.map(c => c.value), 0),\n        feedback: {\n          type: 'none'\n        }\n      });\n\n      this.props.onModelChanged(model);\n    }\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model } = this.props;\n\n    if (choice.correct && model.choiceMode === 'radio') {\n      model.choices = model.choices.map(c => {\n        return merge({}, c, { correct: false });\n      });\n    }\n\n    model.choices.splice(index, 1, choice);\n    this.props.onModelChanged(model);\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    switch (key) {\n      case 'choiceMode': {\n        let value = model.choiceMode;\n\n        if (value === 'radio') {\n          let correctFound = false;\n\n          model.choices = model.choices.map(c => {\n            if (correctFound) {\n              c.correct = false;\n              return c;\n            }\n\n            if (c.correct) {\n              correctFound = true;\n            }\n            return c;\n          });\n        }\n        onModelChanged(model, true);\n        break;\n      }\n      default:\n        onModelChanged(model);\n        break;\n    }\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.onModelChanged}\n        onRemoveChoice={this.onRemoveChoice}\n        onChoiceChanged={this.onChoiceChanged}\n        onAddChoice={this.onAddChoice}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","dropdown","MAX_CHOICES","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","rationaleHolder","accessibilityHolder","rationale","accessibility","design","choiceConfigurationHolder","display","flexDirection","alignItems","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","limitChoicesNumber","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","gridColumns","limitChoicesNumberModel","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","choices","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","Content","label","map","choice","index","c","tooltip","root","undefined","settingsInPanel","Settings","Properties","studentInstructionsEnabled","Main","splice","onModelChanged","push","value","utils","firstAvailableIndex","type","correct","key","correctFound","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n  InputContainer,\n  ChoiceConfiguration,\n  settings,\n  layout,\n  choiceUtils as utils\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = theme => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  rationaleHolder: {\n    width: '70%'\n  },\n  accessibilityHolder: {\n    width: '70%'\n  },\n  rationale: {\n    paddingTop: theme.spacing.unit * 2\n  },\n  accessibility: {\n    paddingTop: theme.spacing.unit * 2\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  choiceConfigurationHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  choiceConfiguration: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0\n  },\n  addButton: {\n    float: 'right'\n  },\n  disableButton: {\n    cursor: 'not-allowed',\n    pointerEvents: 'all',\n    backgroundColor: color.disabled(),\n    '&:hover': {\n      backgroundColor: color.disabled(),\n    },\n    '&:focus': {\n      backgroundColor: color.disabled(),\n    }\n  }\n});\n\nconst Design = withStyles(styles)(props => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    onChoiceChanged,\n    onRemoveChoice,\n    onAddChoice,\n    imageSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged\n  } = props;\n  const {\n    prompt = {},\n    addChoiceButton = {},\n    limitChoicesNumber = {},\n    feedback = {},\n    deleteChoice = {},\n    choiceMode = {},\n    choicePrefix = {},\n    partialScoring = {},\n    lockChoiceOrder = {},\n    teacherInstructions = {},\n    studentInstructions = {},\n    rationale = {},\n    accessibility = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    choicesLayout,\n    gridColumns,\n  } = configuration || {};\n  const {\n    limitChoicesNumber: limitChoicesNumberModel,\n    teacherInstructionsEnabled,\n    rationaleEnabled,\n    accessibilityLabelsEnabled,\n    feedbackEnabled,\n    promptEnabled,\n    choices\n  } = model || {};\n\n  const nrOfColumnsAvailable = (choices && choices.length)\n    ? Array.from({length: choices.length}, (_, i) => (`${i + 1}`))\n    : [];\n\n  const labelPlugins = {\n    audio: { disabled: true },\n    video: { disabled: true }\n  };\n\n  const toolbarOpts = {};\n\n  switch (model.toolbarEditorPosition) {\n    case 'top':\n      toolbarOpts.position = 'top';\n      break;\n    default:\n      toolbarOpts.position = 'bottom';\n      break;\n  }\n\n  const Content = (\n    <div>\n      {teacherInstructionsEnabled && (\n        <InputContainer\n          label={teacherInstructions.label}\n          className={classes.promptHolder}\n        >\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n          />\n        </InputContainer>\n      )}\n\n      {promptEnabled && (\n        <InputContainer label={prompt.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.prompt}\n            onChange={onPromptChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            disableUnderline\n            toolbarOpts={toolbarOpts}\n          />\n        </InputContainer>\n      )}\n      {model.choices.map((choice, index) => (\n        <div\n          key={`choice-${index}`}\n          className={classes.choiceConfigurationHolder}\n        >\n          <ChoiceConfiguration\n            key={index}\n            index={index + 1}\n            useLetterOrdering={model.choicePrefix === 'letters'}\n            className={classes.choiceConfiguration}\n            mode={model.choiceMode}\n            data={choice}\n            defaultFeedback={{}}\n            imageSupport={imageSupport}\n            onDelete={() => onRemoveChoice(index)}\n            onChange={c => onChoiceChanged(index, c)}\n            allowFeedBack={feedbackEnabled}\n            allowDelete={deleteChoice.settings}\n            noLabels\n            toolbarOpts={toolbarOpts}\n          />\n          {rationaleEnabled && (\n            <InputContainer\n              key={`rationale-${index}`}\n              label={rationale.label}\n              className={classes.rationaleHolder}\n            >\n              <EditableHtml\n                className={classes.rationale}\n                markup={choice.rationale || ''}\n                onChange={c =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    rationale: c\n                  })\n                }\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={labelPlugins}\n              />\n            </InputContainer>\n          )}\n          {accessibilityLabelsEnabled && (\n            <InputContainer\n              key={`accessibility-${index}`}\n              label={accessibility.label}\n              className={classes.accessibilityHolder}\n            >\n              <EditableHtml\n                className={classes.accessibility}\n                markup={choice.accessibility || ''}\n                onChange={c =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    accessibility: c\n                  })\n                }\n                imageSupport={imageSupport}\n                pluginProps={labelPlugins}\n              />\n            </InputContainer>\n          )}\n        </div>\n      ))}\n      <br />\n      {addChoiceButton.settings && (\n        <Tooltip title={limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? `Only ${MAX_CHOICES} allowed maximum` : ''} classes={{ tooltip: classes.tooltip }}>\n          <Button\n            classes={{ root: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? classes.disableButton : undefined }}\n            className={classes.addButton}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={onAddChoice}\n          >\n            {addChoiceButton.label}\n          </Button>\n        </Tooltip>\n      )}\n    </div>\n  );\n\n  const settingsInPanel = {\n    choiceMode:\n      choiceMode.settings &&\n      radio(choiceMode.label, ['checkbox', 'radio']),\n    'sequentialChoiceLabels.enabled':\n      sequentialChoiceLabels.settings &&\n      toggle(sequentialChoiceLabels.label, true),\n    choicePrefix:\n      choicePrefix.settings &&\n      radio(choicePrefix.label, ['numbers', 'letters']),\n    partialScoring:\n      partialScoring.settings && toggle(partialScoring.label),\n    limitChoicesNumber:\n      limitChoicesNumber.settings && toggle(limitChoicesNumber.label),\n    lockChoiceOrder:\n      lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n    feedbackEnabled:\n      feedback.settings && toggle(feedback.label),\n    choicesLayout:\n      choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n    gridColumns:\n      choicesLayout.settings && model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0 &&\n      dropdown(gridColumns.label, nrOfColumnsAvailable)\n  };\n\n  return (\n    <div className={classes.design}>\n      {settingsPanelDisabled ? (\n        Content\n      ) : (\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChangeModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: settingsInPanel,\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled:\n                    studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  accessibilityLabelsEnabled:\n                    accessibility.settings && toggle(accessibility.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric'])\n                }\n              }}\n            />\n          }\n        >\n          {Content}\n        </layout.ConfigLayout>\n      )}\n    </div>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  onRemoveChoice = index => {\n    const { model } = this.props;\n\n    model.choices.splice(index, 1);\n    this.props.onModelChanged(model);\n  };\n\n  onAddChoice = () => {\n    const { model } = this.props;\n\n    if (!model.limitChoicesNumber || (model.limitChoicesNumber && model.choices.length < MAX_CHOICES)) {\n      model.choices.push({\n        label: '',\n        value: utils.firstAvailableIndex(model.choices.map(c => c.value), 0),\n        feedback: {\n          type: 'none'\n        }\n      });\n\n      this.props.onModelChanged(model);\n    }\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model } = this.props;\n\n    if (choice.correct && model.choiceMode === 'radio') {\n      model.choices = model.choices.map(c => {\n        return merge({}, c, { correct: false });\n      });\n    }\n\n    model.choices.splice(index, 1, choice);\n    this.props.onModelChanged(model);\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    switch (key) {\n      case 'choiceMode': {\n        let value = model.choiceMode;\n\n        if (value === 'radio') {\n          let correctFound = false;\n\n          model.choices = model.choices.map(c => {\n            if (correctFound) {\n              c.correct = false;\n              return c;\n            }\n\n            if (c.correct) {\n              correctFound = true;\n            }\n            return c;\n          });\n        }\n        onModelChanged(model, true);\n        break;\n      }\n      default:\n        onModelChanged(model);\n        break;\n    }\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.onModelChanged}\n        onRemoveChoice={this.onRemoveChoice}\n        onChoiceChanged={this.onChoiceChanged}\n        onAddChoice={this.onAddChoice}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/multiple-choice-configure",
-  "version": "4.0.0",
+  "version": "4.0.3",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -8,9 +8,9 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.2",
-    "@pie-lib/editable-html": "^7.17.2",
-    "@pie-lib/scoring-config": "^3.5.131",
+    "@pie-lib/config-ui": "^10.10.11",
+    "@pie-lib/editable-html": "^7.17.11",
+    "@pie-lib/scoring-config": "^3.5.140",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.4.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-controller@3.4.0...@pie-element/multiple-choice-controller@3.4.1) (2021-09-01)
+
+**Note:** Version bump only for package @pie-element/multiple-choice-controller
+
+
+
+
+
 # [3.4.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-controller@3.3.3...@pie-element/multiple-choice-controller@3.4.0) (2021-08-05)
 
 

package/controller/lib/index.js

@@ -14,6 +14,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
@@ -24,7 +26,9 @@ var _defaults = _interopRequireDefault(require("./defaults"));
 
 var _controllerUtils = require("@pie-lib/controller-utils");
 
-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 = ["verticalMode", "choicesLayout"];
+
+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 _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; }
 
@@ -75,7 +79,16 @@ function createDefaultModel() {
 }
 
 var normalize = function normalize(question) {
-  return _objectSpread(_objectSpread({}, _defaults["default"]), question);
+  var _ref2 = question || {},
+      verticalMode = _ref2.verticalMode,
+      choicesLayout = _ref2.choicesLayout,
+      questionProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+
+  return _objectSpread(_objectSpread(_objectSpread({}, _defaults["default"]), questionProps), {}, {
+    // This is used for offering support for old models which have the property verticalMode
+    // Same thing is set in authoring : packages/multiple-choice/configure/src/index.jsx - createDefaultModel
+    choicesLayout: choicesLayout || verticalMode === false && 'horizontal' || _defaults["default"].choicesLayout
+  });
 };
 /**
  *
@@ -94,7 +107,7 @@ function model(_x, _x2, _x3, _x4) {
 
 function _model() {
   _model = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(question, session, env, updateSession) {
-    var normalizedQuestion, defaultFeedback, choices, lockChoiceOrder, layout, out, _ref3, role, mode;
+    var normalizedQuestion, defaultFeedback, choices, lockChoiceOrder, out, _ref4, role, mode;
 
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) {
@@ -120,26 +133,18 @@ function _model() {
             choices = _context.sent;
 
           case 8:
-            // This is used for offering support for old models which have the property verticalMode
-            // Same thing is set in authoring : packages/multiple-choice/configure/src/main.jsx - componentDidMount
-            layout = '';
-
-            if (normalizedQuestion.verticalMode !== undefined) {
-              layout = normalizedQuestion.verticalMode === false ? 'horizontal' : 'vertical';
-            }
-
             out = {
               disabled: env.mode !== 'gather',
               mode: env.mode,
               prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
-              choicesLayout: normalizedQuestion.choicesLayout || layout,
+              choicesLayout: normalizedQuestion.choicesLayout,
               gridColumns: normalizedQuestion.gridColumns,
               choiceMode: normalizedQuestion.choiceMode,
               keyMode: normalizedQuestion.choicePrefix,
               choices: choices,
               responseCorrect: env.mode === 'evaluate' ? (0, _utils.isResponseCorrect)(normalizedQuestion, session) : undefined
             };
-            _ref3 = env || {}, role = _ref3.role, mode = _ref3.mode;
+            _ref4 = env || {}, role = _ref4.role, mode = _ref4.mode;
 
             if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {
               out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;
@@ -149,7 +154,7 @@ function _model() {
 
             return _context.abrupt("return", out);
 
-          case 14:
+          case 12:
           case "end":
             return _context.stop();
         }
@@ -219,10 +224,10 @@ function outcome(model, session, env) {
 var createCorrectResponseSession = function createCorrectResponseSession(question, env) {
   return new Promise(function (resolve) {
     if (env.mode !== 'evaluate' && env.role === 'instructor') {
-      var _ref2 = question || {
+      var _ref3 = question || {
         choices: []
       },
-          choices = _ref2.choices;
+          choices = _ref3.choices;
 
       resolve({
         id: '1',

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["prepareChoice","model","env","defaultFeedback","choice","role","mode","out","label","value","accessibilityLabelsEnabled","accessibility","textContent","rationale","rationaleEnabled","correct","feedbackEnabled","feedbackType","feedback","type","createDefaultModel","Promise","resolve","defaults","normalize","question","session","updateSession","normalizedQuestion","Object","assign","incorrect","choices","map","lockChoiceOrder","layout","verticalMode","undefined","disabled","prompt","promptEnabled","choicesLayout","gridColumns","choiceMode","keyMode","choicePrefix","responseCorrect","teacherInstructions","teacherInstructionsEnabled","getScore","config","selectedChoices","correctChoices","filter","ch","score","reduce","acc","selectedChoice","find","length","str","parseFloat","toFixed","outcome","empty","partialScoringEnabled","partialScoring","enabled","createCorrectResponseSession","id","c"],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\nimport isEmpty from 'lodash/isEmpty';\nimport {isResponseCorrect, parseHTML} from './utils';\nimport defaults from './defaults';\nimport { lockChoices, partialScoring, getShuffledChoices } from '@pie-lib/controller-utils';\n\nconst prepareChoice = (model, env, defaultFeedback) => choice => {\n  const { role, mode } = env || {};\n  const out = {\n    label: choice.label,\n    value: choice.value,\n  };\n\n  if(model.accessibilityLabelsEnabled){\n    out.accessibility = parseHTML(choice.accessibility).textContent || choice.value;\n  }\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.rationale = model.rationaleEnabled ? choice.rationale : null;\n  } else {\n    out.rationale = null;\n  }\n\n  if (mode === 'evaluate') {\n    out.correct = !!choice.correct;\n\n    if (model.feedbackEnabled) {\n      const feedbackType = (choice.feedback && choice.feedback.type) || 'none';\n\n      if (feedbackType === 'default') {\n        out.feedback = defaultFeedback[choice.correct ? 'correct' : 'incorrect'];\n      } else if (feedbackType === 'custom') {\n        out.feedback = choice.feedback.value;\n      }\n    }\n  }\n\n  return out;\n};\n\nexport function createDefaultModel(model = {}) {\n  return new Promise(resolve => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = question => ({ ...defaults, ...question });\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport async function model(question, session, env, updateSession) {\n  const normalizedQuestion = normalize(question);\n  const defaultFeedback = Object.assign(\n    { correct: 'Correct', incorrect: 'Incorrect' },\n    normalizedQuestion.defaultFeedback\n  );\n\n  let choices = normalizedQuestion.choices.map(\n    prepareChoice(normalizedQuestion, env, defaultFeedback)\n  );\n\n  const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n  if (!lockChoiceOrder) {\n    choices = await getShuffledChoices(\n      choices,\n      session,\n      updateSession,\n      'value'\n    );\n  }\n\n  // This is used for offering support for old models which have the property verticalMode\n  // Same thing is set in authoring : packages/multiple-choice/configure/src/main.jsx - componentDidMount\n  let layout = '';\n  if(normalizedQuestion.verticalMode !== undefined) {\n    layout = normalizedQuestion.verticalMode === false ? 'horizontal': 'vertical';\n  }\n\n  const out = {\n    disabled: env.mode !== 'gather',\n    mode: env.mode,\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    choicesLayout: normalizedQuestion.choicesLayout || layout,\n    gridColumns: normalizedQuestion.gridColumns,\n    choiceMode: normalizedQuestion.choiceMode,\n    keyMode: normalizedQuestion.choicePrefix,\n    choices,\n    responseCorrect:\n      env.mode === 'evaluate' ? isResponseCorrect(normalizedQuestion, session) : undefined\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\n\nexport const getScore = (config, session) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  const selectedChoices = session.value || [];\n  const correctChoices = (config.choices || []).filter(ch => ch.correct);\n\n  let score = selectedChoices.reduce((acc, selectedChoice) =>\n    acc + (correctChoices.find(ch => ch.value === selectedChoice) ? 1 : 0), 0);\n\n  if (correctChoices.length < selectedChoices.length) {\n    score -= selectedChoices.length - correctChoices.length;\n\n    if (score < 0) {\n      score = 0;\n    }\n  }\n\n  const str = correctChoices.length ? score / correctChoices.length : 0;\n\n  return parseFloat(str.toFixed(2));\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring = false. the value in `env` will\n * override the value in `model`.\n * @param {Object} model - the main model\n * @param {*} session\n * @param {Object} env\n */\nexport function outcome(model, session, env) {\n  return new Promise(resolve => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    } else {\n      const partialScoringEnabled =\n        partialScoring.enabled(model, env) && model.choiceMode !== 'radio';\n      const score = getScore(model, session);\n\n      resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0, empty: false });\n    }\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { choices } = question || { choices: [] };\n\n      resolve({\n        id: '1',\n        value: choices.filter(c => c.correct).map(c => c.value)\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["prepareChoice","model","env","defaultFeedback","choice","role","mode","out","label","value","accessibilityLabelsEnabled","accessibility","textContent","rationale","rationaleEnabled","correct","feedbackEnabled","feedbackType","feedback","type","createDefaultModel","Promise","resolve","defaults","normalize","question","verticalMode","choicesLayout","questionProps","session","updateSession","normalizedQuestion","Object","assign","incorrect","choices","map","lockChoiceOrder","disabled","prompt","promptEnabled","gridColumns","choiceMode","keyMode","choicePrefix","responseCorrect","undefined","teacherInstructions","teacherInstructionsEnabled","getScore","config","selectedChoices","correctChoices","filter","ch","score","reduce","acc","selectedChoice","find","length","str","parseFloat","toFixed","outcome","empty","partialScoringEnabled","partialScoring","enabled","createCorrectResponseSession","id","c"],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\nimport isEmpty from 'lodash/isEmpty';\nimport { isResponseCorrect, parseHTML } from './utils';\nimport defaults from './defaults';\nimport { lockChoices, partialScoring, getShuffledChoices } from '@pie-lib/controller-utils';\n\nconst prepareChoice = (model, env, defaultFeedback) => choice => {\n  const { role, mode } = env || {};\n  const out = {\n    label: choice.label,\n    value: choice.value,\n  };\n\n  if (model.accessibilityLabelsEnabled) {\n    out.accessibility = parseHTML(choice.accessibility).textContent || choice.value;\n  }\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.rationale = model.rationaleEnabled ? choice.rationale : null;\n  } else {\n    out.rationale = null;\n  }\n\n  if (mode === 'evaluate') {\n    out.correct = !!choice.correct;\n\n    if (model.feedbackEnabled) {\n      const feedbackType = (choice.feedback && choice.feedback.type) || 'none';\n\n      if (feedbackType === 'default') {\n        out.feedback = defaultFeedback[choice.correct ? 'correct' : 'incorrect'];\n      } else if (feedbackType === 'custom') {\n        out.feedback = choice.feedback.value;\n      }\n    }\n  }\n\n  return out;\n};\n\nexport function createDefaultModel(model = {}) {\n  return new Promise(resolve => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = question => {\n  const { verticalMode, choicesLayout, ...questionProps } = question || {};\n\n  return {\n    ...defaults,\n    ...questionProps,\n    // This is used for offering support for old models which have the property verticalMode\n    // Same thing is set in authoring : packages/multiple-choice/configure/src/index.jsx - createDefaultModel\n    choicesLayout: choicesLayout || (verticalMode === false && 'horizontal') || defaults.choicesLayout\n  };\n};\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport async function model(question, session, env, updateSession) {\n  const normalizedQuestion = normalize(question);\n\n  const defaultFeedback = Object.assign(\n    { correct: 'Correct', incorrect: 'Incorrect' },\n    normalizedQuestion.defaultFeedback\n  );\n\n  let choices = normalizedQuestion.choices.map(\n    prepareChoice(normalizedQuestion, env, defaultFeedback)\n  );\n\n  const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n  if (!lockChoiceOrder) {\n    choices = await getShuffledChoices(\n      choices,\n      session,\n      updateSession,\n      'value'\n    );\n  }\n\n  const out = {\n    disabled: env.mode !== 'gather',\n    mode: env.mode,\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    choicesLayout: normalizedQuestion.choicesLayout,\n    gridColumns: normalizedQuestion.gridColumns,\n    choiceMode: normalizedQuestion.choiceMode,\n    keyMode: normalizedQuestion.choicePrefix,\n    choices,\n    responseCorrect:\n      env.mode === 'evaluate' ? isResponseCorrect(normalizedQuestion, session) : undefined\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\n\nexport const getScore = (config, session) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  const selectedChoices = session.value || [];\n  const correctChoices = (config.choices || []).filter(ch => ch.correct);\n\n  let score = selectedChoices.reduce((acc, selectedChoice) =>\n    acc + (correctChoices.find(ch => ch.value === selectedChoice) ? 1 : 0), 0);\n\n  if (correctChoices.length < selectedChoices.length) {\n    score -= selectedChoices.length - correctChoices.length;\n\n    if (score < 0) {\n      score = 0;\n    }\n  }\n\n  const str = correctChoices.length ? score / correctChoices.length : 0;\n\n  return parseFloat(str.toFixed(2));\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring = false. the value in `env` will\n * override the value in `model`.\n * @param {Object} model - the main model\n * @param {*} session\n * @param {Object} env\n */\nexport function outcome(model, session, env) {\n  return new Promise(resolve => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    } else {\n      const partialScoringEnabled =\n        partialScoring.enabled(model, env) && model.choiceMode !== 'radio';\n      const score = getScore(model, session);\n\n      resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0, empty: false });\n    }\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { choices } = question || { choices: [] };\n\n      resolve({\n        id: '1',\n        value: choices.filter(c => c.correct).map(c => c.value)\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multiple-choice-controller",
   "private": true,
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/docs/config-schema.json

@@ -255,6 +255,22 @@
         }
       }
     },
+    "accessibility": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,