@pie-element/ebsr 14.1.1-next.2 → 14.2.0-next.0

package/configure/lib/defaults.js

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodashEs = require("lodash-es");
+const 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',
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    },
+    required: false
+  },
+  rationale: {
+    settings: true,
+    label: 'Rationale',
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    },
+    required: false
+  },
+  settingsPanelDisabled: true,
+  studentInstructions: {
+    settings: false,
+    label: 'Student Instructions'
+  },
+  teacherInstructions: {
+    settings: true,
+    label: 'Teacher Instructions',
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    },
+    required: false
+  },
+  choicesLayout: {
+    settings: false,
+    label: 'Choices Layout'
+  },
+  gridColumns: {
+    label: 'Grid columns'
+  },
+  spellCheck: {
+    label: 'Spellcheck',
+    settings: false,
+    enabled: true
+  },
+  maxImageWidth: {
+    teacherInstructions: 300,
+    prompt: 300,
+    rationale: 636,
+    choices: 636
+  },
+  maxImageHeight: {
+    teacherInstructions: 300,
+    prompt: 300,
+    rationale: 300,
+    choices: 300
+  },
+  mathMlOptions: {
+    mmlOutput: false,
+    mmlEditing: false
+  },
+  choices: {
+    inputConfiguration: {
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      }
+    }
+  },
+  baseInputConfiguration: {
+    h3: {
+      disabled: true
+    },
+    audio: {
+      disabled: false
+    },
+    video: {
+      disabled: false
+    },
+    image: {
+      disabled: false
+    },
+    textAlign: {
+      disabled: true
+    },
+    showParagraphs: {
+      disabled: false
+    },
+    separateParagraphs: {
+      disabled: true
+    }
+  }
+};
+const partModel = base => ({
+  choiceMode: 'radio',
+  choicePrefix: 'letters',
+  choices: [],
+  choicesLayout: 'vertical',
+  feedbackEnabled: false,
+  gridColumns: 2,
+  prompt: '',
+  promptEnabled: true,
+  rationale: '',
+  rationaleEnabled: true,
+  spellCheckEnabled: true,
+  studentInstructionsEnabled: true,
+  teacherInstructions: '',
+  teacherInstructionsEnabled: true,
+  toolbarEditorPosition: 'bottom',
+  ...base
+});
+var _default = exports.default = {
+  model: {
+    partLabels: true,
+    partLabelType: 'Letters',
+    // partialScoring: false,
+    partA: partModel(),
+    partB: partModel()
+  },
+  configuration: {
+    baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    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, _lodashEs.cloneDeep)(defaultConfig),
+    partB: (0, _lodashEs.cloneDeep)(defaultConfig),
+    partLabels: {
+      settings: true,
+      label: 'Part Labels'
+    },
+    settingsPanelDisabled: false,
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    }
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["_lodashEs","require","defaultConfig","addChoiceButton","settings","label","choiceMode","choicePrefix","deleteChoice","feedback","lockChoiceOrder","prompt","inputConfiguration","audio","disabled","video","image","required","rationale","settingsPanelDisabled","studentInstructions","teacherInstructions","choicesLayout","gridColumns","spellCheck","enabled","maxImageWidth","choices","maxImageHeight","mathMlOptions","mmlOutput","mmlEditing","baseInputConfiguration","h3","textAlign","showParagraphs","separateParagraphs","partModel","base","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","studentInstructionsEnabled","teacherInstructionsEnabled","toolbarEditorPosition","_default","exports","default","model","partLabels","partLabelType","partA","partB","configuration","partialScoring","scoringType","cloneDeep","language","languageChoices","options"],"sources":["../src/defaults.js"],"sourcesContent":["import { cloneDeep } from 'lodash-es';\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    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n    required: false,\n  },\n  rationale: {\n    settings: true,\n    label: 'Rationale',\n    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n    required: false,\n  },\n  settingsPanelDisabled: true,\n  studentInstructions: {\n    settings: false,\n    label: 'Student Instructions',\n  },\n  teacherInstructions: {\n    settings: true,\n    label: 'Teacher Instructions',\n    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n    required: false,\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  maxImageWidth: {\n    teacherInstructions: 300,\n    prompt: 300,\n    rationale: 636,\n    choices: 636,\n  },\n  maxImageHeight: {\n    teacherInstructions: 300,\n    prompt: 300,\n    rationale: 300,\n    choices: 300,\n  },\n  mathMlOptions: {\n    mmlOutput: false,\n    mmlEditing: false,\n  },\n  choices: {\n    inputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n    },\n  },\n  baseInputConfiguration: {\n    h3: { disabled: true },\n    audio: { disabled: false },\n    video: { disabled: false },\n    image: { disabled: false },\n    textAlign: { disabled: true },\n    showParagraphs: { disabled: false },\n    separateParagraphs: { disabled: true },\n  },\n};\n\nconst partModel = (base) => ({\n  choiceMode: 'radio',\n  choicePrefix: 'letters',\n  choices: [],\n  choicesLayout: 'vertical',\n  feedbackEnabled: false,\n  gridColumns: 2,\n  prompt: '',\n  promptEnabled: true,\n  rationale: '',\n  rationaleEnabled: true,\n  spellCheckEnabled: true,\n  studentInstructionsEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n  ...base,\n});\n\nexport default {\n  model: {\n    partLabels: true,\n    partLabelType: 'Letters',\n    // partialScoring: false,\n    partA: partModel(),\n    partB: partModel(),\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\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: false,\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,154 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _lib = _interopRequireDefault(require("@pie-element/multiple-choice/configure/lib"));
+var _lodashEs = require("lodash-es");
+var _main = _interopRequireDefault(require("./main"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+const MODEL_UPDATED = _pieConfigureEvents.ModelUpdatedEvent.TYPE;
+const MC_TAG_NAME = 'ebsr-multiple-choice-configure';
+class EbsrMCConfigure extends _lib.default {}
+const defineMultipleChoice = () => {
+  if (!customElements.get(MC_TAG_NAME)) {
+    customElements.define(MC_TAG_NAME, EbsrMCConfigure);
+  }
+};
+defineMultipleChoice();
+const prepareCustomizationObject = (config, model) => {
+  const configuration = (0, _lodashEs.defaults)(config, _defaults.default.configuration);
+  return {
+    configuration,
+    model
+  };
+};
+const {
+  model: modelDefault
+} = _defaults.default || {};
+class EbsrConfigure extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "onModelChanged", (m, reset) => {
+      this._model = EbsrConfigure.createDefaultModel(m, this._model);
+      this.dispatchModelUpdated(reset);
+      this._render();
+    });
+    (0, _defineProperty2.default)(this, "onModelUpdated", e => {
+      if (e.target === this) {
+        return;
+      }
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      const id = e.target && e.target.getAttribute('id');
+      if (id) {
+        if (e.update) {
+          this._model[`part${id}`] = e.update;
+        }
+        this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+      }
+    });
+    this._root = null;
+    this._model = EbsrConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
+    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+  }
+  set model(m) {
+    this._model = EbsrConfigure.createDefaultModel(m, this._model);
+    this._render();
+  }
+  dispatchModelUpdated(reset) {
+    const resetValue = !!reset;
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
+  }
+  set configuration(c) {
+    const info = prepareCustomizationObject(c, this._model);
+    const newConfiguration = {
+      ..._defaults.default.configuration,
+      ...info.configuration
+    };
+    this._configuration = newConfiguration;
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    if (newConfiguration?.language?.enabled) {
+      if (newConfiguration?.languageChoices?.options?.length) {
+        this._model.language = newConfiguration?.languageChoices.options[0].value;
+      }
+    } else if (newConfiguration.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
+      }
+
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language
+        });
+      }
+    } else {
+      delete this._model.language;
+    }
+    this._render();
+  }
+  onConfigurationChanged(c) {
+    this._configuration = prepareCustomizationObject(c, this._model).configuration;
+    if (this._model) {
+      this.onModelChanged(this._model);
+    }
+    this._render();
+  }
+  connectedCallback() {
+    this.addEventListener(MODEL_UPDATED, this.onModelUpdated);
+    this._render();
+  }
+  _render() {
+    let element = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      configuration: this._configuration,
+      onModelChanged: this.onModelChanged,
+      onConfigurationChanged: this.onConfigurationChanged
+    });
+    if (!this._root) {
+      this._root = (0, _client.createRoot)(this);
+    }
+    this._root.render(element);
+  }
+  disconnectedCallback() {
+    this.removeEventListener(MODEL_UPDATED, this.onModelUpdated);
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = EbsrConfigure;
+(0, _defineProperty2.default)(EbsrConfigure, "createDefaultModel", ({
+  partA = {},
+  partB = {},
+  ...model
+} = {}, defaults = modelDefault) => ({
+  ...defaults,
+  ...model,
+  partA: {
+    ...defaults.partA,
+    ...partA,
+    choicesLayout: partA.choicesLayout || partA.verticalMode === false && 'horizontal' || defaults.partA.choicesLayout
+  },
+  partB: {
+    ...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,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_pieConfigureEvents","_lib","_lodashEs","_main","_defaults","MODEL_UPDATED","ModelUpdatedEvent","TYPE","MC_TAG_NAME","EbsrMCConfigure","MultipleChoiceConfigure","defineMultipleChoice","customElements","get","define","prepareCustomizationObject","config","model","configuration","defaults","sensibleDefaults","modelDefault","EbsrConfigure","HTMLElement","constructor","_defineProperty2","default","m","reset","_model","createDefaultModel","dispatchModelUpdated","_render","e","target","preventDefault","stopImmediatePropagation","id","getAttribute","update","dispatchEvent","_root","_configuration","onConfigurationChanged","bind","resetValue","c","info","newConfiguration","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","onModelChanged","connectedCallback","addEventListener","onModelUpdated","element","React","createElement","Main","createRoot","render","disconnectedCallback","removeEventListener","unmount","exports","partA","partB","choicesLayout","verticalMode"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport MultipleChoiceConfigure from '@pie-element/multiple-choice/configure/lib';\nimport { defaults } from 'lodash-es';\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 {}\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\n  return {\n    configuration,\n    model,\n  };\n};\n\nconst { model: modelDefault } = sensibleDefaults || {};\n\nexport default class EbsrConfigure extends HTMLElement {\n  static createDefaultModel = ({ partA = {}, partB = {}, ...model } = {}, defaults = modelDefault) => ({\n    ...defaults,\n    ...model,\n    partA: {\n      ...defaults.partA,\n      ...partA,\n      choicesLayout:\n        partA.choicesLayout || (partA.verticalMode === false && 'horizontal') || defaults.partA.choicesLayout,\n    },\n    partB: {\n      ...defaults.partB,\n      ...partB,\n      choicesLayout:\n        partB.choicesLayout || (partB.verticalMode === false && 'horizontal') || defaults.partB.choicesLayout,\n    },\n  });\n\n  constructor() {\n    super();\n    this._root = null;\n\n    this._model = EbsrConfigure.createDefaultModel();\n\n    this._configuration = sensibleDefaults.configuration;\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(m) {\n    this._model = EbsrConfigure.createDefaultModel(m, this._model);\n\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged = (m, reset) => {\n    this._model = EbsrConfigure.createDefaultModel(m, this._model);\n\n    this.dispatchModelUpdated(reset);\n    this._render();\n  };\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    const newConfiguration = {\n      ...sensibleDefaults.configuration,\n      ...info.configuration,\n    };\n\n    this._configuration = newConfiguration;\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    this._render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  onModelUpdated = (e) => {\n    if (e.target === this) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    const id = e.target && e.target.getAttribute('id');\n\n    if (id) {\n      if (e.update) {\n        this._model[`part${id}`] = e.update;\n      }\n\n      this.dispatchEvent(new ModelUpdatedEvent(this._model));\n    }\n  };\n\n  connectedCallback() {\n    this.addEventListener(MODEL_UPDATED, this.onModelUpdated);\n    this._render();\n  }\n\n  _render() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(element);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(MODEL_UPDATED, this.onModelUpdated);\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/main.js

@@ -0,0 +1,222 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Main = void 0;
+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("@mui/material/styles");
+const {
+  Panel,
+  toggle,
+  radio,
+  dropdown
+} = _configUi.settings;
+const PartLabel = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  paddingBottom: theme.spacing(2)
+}));
+const Divider = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  flex: 1,
+  height: theme.spacing(2.5)
+}));
+class Main extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "removeExtraChoices", choices => {
+      let correctFound = false;
+      return (choices || []).map(choice => {
+        if (correctFound) {
+          choice.correct = false;
+          return choice;
+        }
+        if (choice.correct) {
+          correctFound = true;
+        }
+        return choice;
+      });
+    });
+    (0, _defineProperty2.default)(this, "onModelChanged", (model, key) => {
+      const {
+        onModelChanged
+      } = this.props;
+      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);
+    });
+  }
+  render() {
+    const {
+      model,
+      configuration,
+      onConfigurationChanged
+    } = this.props;
+    const {
+      partLabelType,
+      partA: modelPartA,
+      partB: modelPartB,
+      extraCSSRules
+    } = model;
+    const {
+      contentDimensions = {},
+      partA = {},
+      partB = {},
+      partialScoring = {},
+      settingsPanelDisabled,
+      scoringType = {},
+      language = {},
+      languageChoices = {},
+      ...generalConfiguration
+    } = configuration;
+    const {
+      feedback: feedbackA = {},
+      choiceMode: choiceModeA = {},
+      choicePrefix: choicePrefixA = {},
+      lockChoiceOrder: lockChoiceOrderA = {},
+      prompt: promptA = {},
+      teacherInstructions: teacherInstructionsA = {},
+      studentInstructions: studentInstructionsA = {},
+      choicesLayout: choicesLayoutA = {},
+      gridColumns: gridColumnsA = {},
+      rationale: rationaleA = {},
+      spellCheck: spellCheckA = {}
+    } = partA || {};
+    const {
+      feedback: feedbackB = {},
+      choiceMode: choiceModeB = {},
+      choicePrefix: choicePrefixB = {},
+      lockChoiceOrder: lockChoiceOrderB = {},
+      prompt: promptB = {},
+      teacherInstructions: teacherInstructionsB = {},
+      studentInstructions: studentInstructionsB = {},
+      choicesLayout: choicesLayoutB = {},
+      gridColumns: gridColumnsB = {},
+      rationale: rationaleB = {},
+      spellCheck: spellCheckB = {}
+    } = partB || {};
+    const type = partLabelType || 'Numbers';
+    const typeIsNumber = type === 'Numbers';
+    const firstPart = `Part ${typeIsNumber ? '1' : 'A'}`;
+    const secondPart = `Part ${typeIsNumber ? '2' : 'B'}`;
+    const nrOfColumnsAvailable = {
+      partA: modelPartA.choices && modelPartA.choices.length ? Array.from({
+        length: modelPartA.choices.length
+      }, (_, i) => `${i + 1}`) : [],
+      partB: modelPartB.choices && modelPartB.choices.length ? Array.from({
+        length: modelPartB.choices.length
+      }, (_, i) => `${i + 1}`) : []
+    };
+    const panelSettings = {
+      partLabels: generalConfiguration.partLabels.settings && toggle(generalConfiguration.partLabels.label),
+      partLabelType: model.partLabels && dropdown('', ['Numbers', 'Letters']),
+      partialScoring: partialScoring.settings && toggle(partialScoring.label),
+      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
+      'language.enabled': language.settings && toggle(language.label, true),
+      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
+    };
+    const panelSettingsPartA = {
+      'partA.choiceMode': choiceModeA.settings && radio(choiceModeA.label, ['checkbox', 'radio']),
+      'partA.choicePrefix': choicePrefixA.settings && radio(choicePrefixA.label, ['numbers', 'letters']),
+      'partA.lockChoiceOrder': lockChoiceOrderA.settings && toggle(lockChoiceOrderA.label),
+      'partA.choicesLayout': choicesLayoutA.settings && dropdown(choicesLayoutA.label, ['vertical', 'grid', 'horizontal']),
+      'partA.gridColumns': choicesLayoutA.settings && modelPartA.choicesLayout === 'grid' && nrOfColumnsAvailable.partA.length > 0 && dropdown(gridColumnsA.label, nrOfColumnsAvailable.partA)
+    };
+    const panelPropertiesPartA = {
+      'partA.feedbackEnabled': feedbackA.settings && toggle(feedbackA.label),
+      'partA.promptEnabled': promptA.settings && toggle(promptA.label),
+      'partA.teacherInstructionsEnabled': teacherInstructionsA.settings && toggle(teacherInstructionsA.label),
+      'partA.studentInstructionsEnabled': studentInstructionsA.settings && toggle(studentInstructionsA.label),
+      'partA.rationaleEnabled': rationaleA.settings && toggle(rationaleA.label),
+      'partA.spellCheckEnabled': spellCheckA.settings && toggle(spellCheckA.label)
+    };
+    const panelSettingsPartB = {
+      'partB.choiceMode': choiceModeB.settings && radio(choiceModeB.label, ['checkbox', 'radio']),
+      'partB.choicePrefix': choicePrefixB.settings && radio(choicePrefixB.label, ['numbers', 'letters']),
+      'partB.lockChoiceOrder': lockChoiceOrderB.settings && toggle(lockChoiceOrderB.label),
+      'partB.choicesLayout': choicesLayoutB.settings && dropdown(choicesLayoutB.label, ['vertical', 'grid', 'horizontal']),
+      'partB.gridColumns': choicesLayoutB.settings && modelPartB.choicesLayout === 'grid' && nrOfColumnsAvailable.partB.length > 0 && dropdown(gridColumnsB.label, nrOfColumnsAvailable.partB)
+    };
+    const panelPropertiesPartB = {
+      'partB.feedbackEnabled': feedbackB.settings && toggle(feedbackB.label),
+      'partB.promptEnabled': promptB.settings && toggle(promptB.label),
+      'partB.teacherInstructionsEnabled': teacherInstructionsB.settings && toggle(teacherInstructionsB.label),
+      'partB.studentInstructionsEnabled': studentInstructionsB.settings && toggle(studentInstructionsB.label),
+      'partB.rationaleEnabled': rationaleB.settings && toggle(rationaleB.label),
+      'partB.spellCheckEnabled': spellCheckB.settings && toggle(spellCheckB.label)
+    };
+    return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
+      extraCSSRules: extraCSSRules,
+      dimensions: contentDimensions,
+      hideSettings: settingsPanelDisabled,
+      settings: /*#__PURE__*/_react.default.createElement(Panel, {
+        model: model,
+        onChangeModel: this.onModelChanged,
+        configuration: configuration,
+        onChangeConfiguration: onConfigurationChanged,
+        groups: {
+          'Settings for both': panelSettings,
+          [`Settings ${firstPart}`]: panelSettingsPartA,
+          [`Properties ${firstPart}`]: panelPropertiesPartA,
+          [`Settings ${secondPart}`]: panelSettingsPartB,
+          [`Properties ${secondPart}`]: panelPropertiesPartB
+        }
+      })
+    }, model.partLabels && /*#__PURE__*/_react.default.createElement(PartLabel, null, firstPart), /*#__PURE__*/_react.default.createElement("ebsr-multiple-choice-configure", {
+      id: "A",
+      key: "partA",
+      ref: ref => {
+        if (ref) {
+          // do not use destructuring to get model from props
+          this.partA = ref;
+          this.partA._model = {
+            ...this.props.model.partA,
+            errors: this.props.model.errors && this.props.model.errors.partA || {}
+          };
+          this.partA.configuration = {
+            ...partA,
+            ...generalConfiguration
+          };
+        }
+      }
+    }), /*#__PURE__*/_react.default.createElement(Divider, null), model.partLabels && /*#__PURE__*/_react.default.createElement(PartLabel, null, secondPart), /*#__PURE__*/_react.default.createElement("ebsr-multiple-choice-configure", {
+      id: "B",
+      key: "partB",
+      ref: ref => {
+        if (ref) {
+          // do not use destructuring to get model from props
+          this.partB = ref;
+          this.partB._model = {
+            ...this.props.model.partB,
+            errors: this.props.model.errors && this.props.model.errors.partB || {}
+          };
+          this.partB.configuration = {
+            ...partB,
+            ...generalConfiguration
+          };
+        }
+      }
+    }));
+  }
+}
+exports.Main = Main;
+(0, _defineProperty2.default)(Main, "propTypes", {
+  configuration: _propTypes.default.object,
+  model: _propTypes.default.object,
+  onModelChanged: _propTypes.default.func,
+  onConfigurationChanged: _propTypes.default.func
+});
+var _default = exports.default = Main;
+//# sourceMappingURL=main.js.map