@pie-element/explicit-constructed-response 3.12.3 → 3.12.6

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_material_ui__icons, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.1/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.0/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.24/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_material_ui__icons, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.8/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.32/module/index.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -14,8 +14,7 @@ var interopRequireDefault = {
       "default": obj
     };
   }
-  module.exports = _interopRequireDefault;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(interopRequireDefault);
 getDefaultExportFromCjs(interopRequireDefault.exports);
 var classCallCheck = {
@@ -27,8 +26,7 @@ var classCallCheck = {
       throw new TypeError("Cannot call a class as a function");
     }
   }
-  module.exports = _classCallCheck;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(classCallCheck);
 getDefaultExportFromCjs(classCallCheck.exports);
 var createClass = {
@@ -47,10 +45,12 @@ var createClass = {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
-  module.exports = _createClass;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(createClass);
 getDefaultExportFromCjs(createClass.exports);
 var assertThisInitialized = {
@@ -63,8 +63,7 @@ var assertThisInitialized = {
     }
     return self;
   }
-  module.exports = _assertThisInitialized;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(assertThisInitialized);
 getDefaultExportFromCjs(assertThisInitialized.exports);
 var inherits = {
@@ -75,15 +74,13 @@ var setPrototypeOf = {
 };
 (function (module) {
   function _setPrototypeOf(o, p) {
-    module.exports = _setPrototypeOf = Object.setPrototypeOf || (function _setPrototypeOf(o, p) {
+    (module.exports = _setPrototypeOf = Object.setPrototypeOf || (function _setPrototypeOf(o, p) {
       o.__proto__ = p;
       return o;
-    });
-    (module.exports["default"] = module.exports, module.exports.__esModule = true);
+    }), module.exports.__esModule = true, module.exports["default"] = module.exports);
     return _setPrototypeOf(o, p);
   }
-  module.exports = _setPrototypeOf;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(setPrototypeOf);
 getDefaultExportFromCjs(setPrototypeOf.exports);
 (function (module) {
@@ -99,10 +96,12 @@ getDefaultExportFromCjs(setPrototypeOf.exports);
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) setPrototypeOf$1(subClass, superClass);
   }
-  module.exports = _inherits;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(inherits);
 getDefaultExportFromCjs(inherits.exports);
 var possibleConstructorReturn = {
@@ -114,21 +113,13 @@ var _typeof = {
 (function (module) {
   function _typeof(obj) {
     "@babel/helpers - typeof";
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      module.exports = _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-      (module.exports["default"] = module.exports, module.exports.__esModule = true);
-    } else {
-      module.exports = _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-      (module.exports["default"] = module.exports, module.exports.__esModule = true);
-    }
-    return _typeof(obj);
+    return ((module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj));
   }
-  module.exports = _typeof;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(_typeof);
 getDefaultExportFromCjs(_typeof.exports);
 (function (module) {
@@ -142,8 +133,7 @@ getDefaultExportFromCjs(_typeof.exports);
     }
     return assertThisInitialized$1(self);
   }
-  module.exports = _possibleConstructorReturn;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(possibleConstructorReturn);
 getDefaultExportFromCjs(possibleConstructorReturn.exports);
 var getPrototypeOf = {
@@ -151,14 +141,12 @@ var getPrototypeOf = {
 };
 (function (module) {
   function _getPrototypeOf(o) {
-    module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    (module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
       return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    (module.exports["default"] = module.exports, module.exports.__esModule = true);
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports);
     return _getPrototypeOf(o);
   }
-  module.exports = _getPrototypeOf;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(getPrototypeOf);
 getDefaultExportFromCjs(getPrototypeOf.exports);
 var wrapNativeSuper = {
@@ -171,8 +159,7 @@ var isNativeFunction = {
   function _isNativeFunction(fn) {
     return Function.toString.call(fn).indexOf("[native code]") !== -1;
   }
-  module.exports = _isNativeFunction;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _isNativeFunction, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(isNativeFunction);
 getDefaultExportFromCjs(isNativeFunction.exports);
 var construct = {
@@ -193,8 +180,7 @@ var isNativeReflectConstruct = {
       return false;
     }
   }
-  module.exports = _isNativeReflectConstruct;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(isNativeReflectConstruct);
 getDefaultExportFromCjs(isNativeReflectConstruct.exports);
 (function (module) {
@@ -202,23 +188,20 @@ getDefaultExportFromCjs(isNativeReflectConstruct.exports);
   var isNativeReflectConstruct$1 = isNativeReflectConstruct.exports;
   function _construct(Parent, args, Class) {
     if (isNativeReflectConstruct$1()) {
-      module.exports = _construct = Reflect.construct;
-      (module.exports["default"] = module.exports, module.exports.__esModule = true);
+      (module.exports = _construct = Reflect.construct, module.exports.__esModule = true, module.exports["default"] = module.exports);
     } else {
-      module.exports = _construct = function _construct(Parent, args, Class) {
+      (module.exports = _construct = function _construct(Parent, args, Class) {
         var a = [null];
         a.push.apply(a, args);
         var Constructor = Function.bind.apply(Parent, a);
         var instance = new Constructor();
         if (Class) setPrototypeOf$1(instance, Class.prototype);
         return instance;
-      };
-      (module.exports["default"] = module.exports, module.exports.__esModule = true);
+      }, module.exports.__esModule = true, module.exports["default"] = module.exports);
     }
     return _construct.apply(null, arguments);
   }
-  module.exports = _construct;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _construct, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(construct);
 getDefaultExportFromCjs(construct.exports);
 (function (module) {
@@ -228,7 +211,7 @@ getDefaultExportFromCjs(construct.exports);
   var construct$1 = construct.exports;
   function _wrapNativeSuper(Class) {
     var _cache = typeof Map === "function" ? new Map() : undefined;
-    module.exports = _wrapNativeSuper = function _wrapNativeSuper(Class) {
+    (module.exports = _wrapNativeSuper = function _wrapNativeSuper(Class) {
       if (Class === null || !isNativeFunction$1(Class)) return Class;
       if (typeof Class !== "function") {
         throw new TypeError("Super expression must either be null or a function");
@@ -249,12 +232,10 @@ getDefaultExportFromCjs(construct.exports);
         }
       });
       return setPrototypeOf$1(Wrapper, Class);
-    };
-    (module.exports["default"] = module.exports, module.exports.__esModule = true);
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports);
     return _wrapNativeSuper(Class);
   }
-  module.exports = _wrapNativeSuper;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _wrapNativeSuper, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(wrapNativeSuper);
 getDefaultExportFromCjs(wrapNativeSuper.exports);
 var defineProperty = {
@@ -274,8 +255,7 @@ var defineProperty = {
     }
     return obj;
   }
-  module.exports = _defineProperty;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(defineProperty);
 getDefaultExportFromCjs(defineProperty.exports);
 var lib = {};
@@ -341,8 +321,7 @@ var arrayLikeToArray = {
     }
     return arr2;
   }
-  module.exports = _arrayLikeToArray;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(arrayLikeToArray);
 getDefaultExportFromCjs(arrayLikeToArray.exports);
 (function (module) {
@@ -350,8 +329,7 @@ getDefaultExportFromCjs(arrayLikeToArray.exports);
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return arrayLikeToArray$1(arr);
   }
-  module.exports = _arrayWithoutHoles;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(arrayWithoutHoles);
 getDefaultExportFromCjs(arrayWithoutHoles.exports);
 var iterableToArray = {
@@ -361,8 +339,7 @@ var iterableToArray = {
   function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-  module.exports = _iterableToArray;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(iterableToArray);
 getDefaultExportFromCjs(iterableToArray.exports);
 var unsupportedIterableToArray = {
@@ -378,8 +355,7 @@ var unsupportedIterableToArray = {
     if (n === "Map" || n === "Set") return Array.from(o);
     if (n === "Arguments" || (/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/).test(n)) return arrayLikeToArray$1(o, minLen);
   }
-  module.exports = _unsupportedIterableToArray;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(unsupportedIterableToArray);
 getDefaultExportFromCjs(unsupportedIterableToArray.exports);
 var nonIterableSpread = {
@@ -389,8 +365,7 @@ var nonIterableSpread = {
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  module.exports = _nonIterableSpread;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(nonIterableSpread);
 getDefaultExportFromCjs(nonIterableSpread.exports);
 (function (module) {
@@ -401,8 +376,7 @@ getDefaultExportFromCjs(nonIterableSpread.exports);
   function _toConsumableArray(arr) {
     return arrayWithoutHoles$1(arr) || iterableToArray$1(arr) || unsupportedIterableToArray$1(arr) || nonIterableSpread$1();
   }
-  module.exports = _toConsumableArray;
-  (module.exports["default"] = module.exports, module.exports.__esModule = true);
+  (module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(toConsumableArray);
 getDefaultExportFromCjs(toConsumableArray.exports);
 var ecrToolbar = {};
@@ -431,29 +405,20 @@ const {OutlinedInput: require$$11$4} = _dll_material_ui__core;
     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);
+      (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));
-        });
-      }
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        (0, _defineProperty2["default"])(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
     return target;
   }
@@ -597,6 +562,62 @@ const {OutlinedInput: require$$11$4} = _dll_material_ui__core;
 getDefaultExportFromCjs(ecrToolbar);
 var alternateResponses = {};
 var alternateSection = {};
+var markupUtils = {};
+const {escape: require$$1} = _dll_lodash;
+var _interopRequireDefault = interopRequireDefault.exports;
+Object.defineProperty(markupUtils, "__esModule", {
+  value: true
+});
+markupUtils.removeUnwantedCharacters = markupUtils.processMarkup = markupUtils.getAdjustedLength = markupUtils.createSlateMarkup = void 0;
+var _escape = _interopRequireDefault(require$$1);
+var tSymbols = 'imes|riangle|an|heta|herefore';
+var nSymbols = 'throot|parallel|cong|approx|eq|e|sim';
+var matchTabAndNewLine = new RegExp(("(\\t(?!").concat(tSymbols, "))|(\\n(?!").concat(nSymbols, "))|(\\\\t(?!").concat(tSymbols, "))|(\\\\n(?!").concat(nSymbols, "))"), 'g');
+var removeUnwantedCharacters = function removeUnwantedCharacters(markup) {
+  return markup.replace(matchTabAndNewLine, '').replace(/\\"/g, '"').replace(/\\\//g, '/');
+};
+markupUtils.removeUnwantedCharacters = removeUnwantedCharacters;
+var createElementFromHTML = function createElementFromHTML() {
+  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+var processMarkup = function processMarkup(markup) {
+  var newMarkup = removeUnwantedCharacters(markup || '');
+  var slateMarkup = createElementFromHTML(newMarkup || '');
+  var index = 0;
+  slateMarkup.querySelectorAll('[data-type="explicit_constructed_response"]').forEach(function (s) {
+    s.replaceWith(("{{").concat(index++, "}}"));
+  });
+  return slateMarkup.innerHTML;
+};
+markupUtils.processMarkup = processMarkup;
+var REGEX = /\{\{(\d+)\}\}/g;
+var createSlateMarkup = function createSlateMarkup(markup, choices) {
+  if (!markup) {
+    return '';
+  }
+  var newMarkup = removeUnwantedCharacters(markup);
+  return newMarkup.replace(REGEX, function (match, g) {
+    var label = choices[g][0].label || '';
+    return ("<span data-type=\"explicit_constructed_response\" data-index=\"").concat(g, "\" data-value=\"").concat((0, _escape["default"])(label), "\"></span>");
+  });
+};
+markupUtils.createSlateMarkup = createSlateMarkup;
+var getAdjustedLength = function getAdjustedLength(length) {
+  if (length <= 2) {
+    return length + 2;
+  }
+  if (length <= 4) {
+    return length + 3;
+  }
+  if (length <= 6) {
+    return length + 4;
+  }
+  return length + 5;
+};
+markupUtils.getAdjustedLength = getAdjustedLength;
 const require$$9$2 = _dll_react;
 const require$$10$3 = _dll_prop_types;
 const {debounce: require$$11$3} = _dll_lodash;
@@ -615,7 +636,7 @@ const require$$20 = _dll_material_ui__core_styles;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
-  exports["default"] = exports.AlternateSection = exports.Choice = void 0;
+  exports["default"] = exports.Choice = exports.AlternateSection = void 0;
   var _toConsumableArray2 = _interopRequireDefault(toConsumableArray.exports);
   var _classCallCheck2 = _interopRequireDefault(classCallCheck.exports);
   var _createClass2 = _interopRequireDefault(createClass.exports);
@@ -637,33 +658,25 @@ const require$$20 = _dll_material_ui__core_styles;
   var _TextField = _interopRequireDefault(require$$19$1);
   var _styles = require$$20;
   var _max = _interopRequireDefault(require$$21);
+  var _markupUtils = markupUtils;
   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);
+      (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));
-        });
-      }
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        (0, _defineProperty2["default"])(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
     return target;
   }
@@ -762,7 +775,7 @@ const require$$20 = _dll_material_ui__core_styles;
       key: "render",
       value: function render() {
         var value = this.state.value;
-        var _this$props = this.props, classes = _this$props.classes, onDelete = _this$props.onDelete;
+        var _this$props = this.props, classes = _this$props.classes, onDelete = _this$props.onDelete, spellCheck = _this$props.spellCheck;
         return _react["default"].createElement("div", {
           style: {
             alignItems: 'center',
@@ -773,7 +786,9 @@ const require$$20 = _dll_material_ui__core_styles;
           className: classes.choice,
           value: value,
           onChange: this.onChange,
-          labelWidth: 0
+          labelWidth: 0,
+          disableUnderline: true,
+          spellCheck: spellCheck
         }), _react["default"].createElement(_IconButton["default"], {
           "aria-label": "delete",
           className: classes.deleteBtn,
@@ -843,7 +858,7 @@ const require$$20 = _dll_material_ui__core_styles;
           label: value
         }));
         if (newLength > maxLength || newLength + 10 <= maxLength) {
-          lengthChanged(newLength);
+          lengthChanged((0, _markupUtils.getAdjustedLength)(newLength));
         }
       });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (choice) {
@@ -884,7 +899,7 @@ const require$$20 = _dll_material_ui__core_styles;
       key: "render",
       value: function render() {
         var _this3 = this;
-        var _this$props2 = this.props, classes = _this$props2.classes, selectChoices = _this$props2.selectChoices, maxLength = _this$props2.maxLength, showMaxLength = _this$props2.showMaxLength, value = _this$props2.value;
+        var _this$props2 = this.props, classes = _this$props2.classes, selectChoices = _this$props2.selectChoices, maxLength = _this$props2.maxLength, showMaxLength = _this$props2.showMaxLength, value = _this$props2.value, spellCheck = _this$props2.spellCheck;
         var choices = this.state.choices;
         var minLength = this.getChoicesMaxLength();
         return _react["default"].createElement("div", {
@@ -933,7 +948,8 @@ const require$$20 = _dll_material_ui__core_styles;
             },
             onDelete: function onDelete() {
               return _this3.onRemoveChoice(c);
-            }
+            },
+            spellCheck: spellCheck
           });
         })));
       }
@@ -989,29 +1005,20 @@ const {cloneDeep: require$$14$1} = _dll_lodash;
     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);
+      (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));
-        });
-      }
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        (0, _defineProperty2["default"])(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
     return target;
   }
@@ -1150,7 +1157,7 @@ const {cloneDeep: require$$14$1} = _dll_lodash;
       value: function render() {
         var _this2 = this;
         var choices = this.state.choices;
-        var _this$props$model = this.props.model, maxLengthPerChoice = _this$props$model.maxLengthPerChoice, maxLengthPerChoiceEnabled = _this$props$model.maxLengthPerChoiceEnabled;
+        var _this$props2 = this.props, _this$props2$model = _this$props2.model, maxLengthPerChoice = _this$props2$model.maxLengthPerChoice, maxLengthPerChoiceEnabled = _this$props2$model.maxLengthPerChoiceEnabled, spellCheck = _this$props2.spellCheck;
         return _react["default"].createElement("div", null, (0, _map["default"])(choices, function (c, key) {
           if (c && (maxLengthPerChoiceEnabled || c.length > 1)) {
             var selected = _this2.state.values[key];
@@ -1172,7 +1179,8 @@ const {cloneDeep: require$$14$1} = _dll_lodash;
               selectChoices: [selected],
               choices: c,
               maxLength: maxLengthPerChoice[key],
-              showMaxLength: maxLengthPerChoiceEnabled
+              showMaxLength: maxLengthPerChoiceEnabled,
+              spellCheck: spellCheck
             });
           }
         }), choices && Object.keys(this.state.values).length !== Object.keys(choices).length && _react["default"].createElement(_alternateSection["default"], {
@@ -1186,7 +1194,8 @@ const {cloneDeep: require$$14$1} = _dll_lodash;
           choiceRemoved: function choiceRemoved(value) {
             return _this2.onChoiceRemoved(value);
           },
-          selectChoices: this.getRemainingChoices()
+          selectChoices: this.getRemainingChoices(),
+          spellCheck: spellCheck
         }));
       }
     }]);
@@ -1203,62 +1212,6 @@ const {cloneDeep: require$$14$1} = _dll_lodash;
   exports["default"] = _default;
 })(alternateResponses);
 getDefaultExportFromCjs(alternateResponses);
-var markupUtils = {};
-const {escape: require$$1} = _dll_lodash;
-var _interopRequireDefault = interopRequireDefault.exports;
-Object.defineProperty(markupUtils, "__esModule", {
-  value: true
-});
-markupUtils.getAdjustedLength = markupUtils.createSlateMarkup = markupUtils.processMarkup = markupUtils.removeUnwantedCharacters = void 0;
-var _escape = _interopRequireDefault(require$$1);
-var tSymbols = 'imes|riangle|an|heta|herefore';
-var nSymbols = 'throot|parallel|cong|approx|eq|e|sim';
-var matchTabAndNewLine = new RegExp(("(\\t(?!").concat(tSymbols, "))|(\\n(?!").concat(nSymbols, "))|(\\\\t(?!").concat(tSymbols, "))|(\\\\n(?!").concat(nSymbols, "))"), 'g');
-var removeUnwantedCharacters = function removeUnwantedCharacters(markup) {
-  return markup.replace(matchTabAndNewLine, '').replace(/\\"/g, '"').replace(/\\\//g, '/');
-};
-markupUtils.removeUnwantedCharacters = removeUnwantedCharacters;
-var createElementFromHTML = function createElementFromHTML() {
-  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var div = document.createElement('div');
-  div.innerHTML = htmlString.trim();
-  return div;
-};
-var processMarkup = function processMarkup(markup) {
-  var newMarkup = removeUnwantedCharacters(markup || '');
-  var slateMarkup = createElementFromHTML(newMarkup || '');
-  var index = 0;
-  slateMarkup.querySelectorAll('[data-type="explicit_constructed_response"]').forEach(function (s) {
-    s.replaceWith(("{{").concat(index++, "}}"));
-  });
-  return slateMarkup.innerHTML;
-};
-markupUtils.processMarkup = processMarkup;
-var REGEX = /\{\{(\d+)\}\}/g;
-var createSlateMarkup = function createSlateMarkup(markup, choices) {
-  if (!markup) {
-    return '';
-  }
-  var newMarkup = removeUnwantedCharacters(markup);
-  return newMarkup.replace(REGEX, function (match, g) {
-    var label = choices[g][0].label || '';
-    return ("<span data-type=\"explicit_constructed_response\" data-index=\"").concat(g, "\" data-value=\"").concat((0, _escape["default"])(label), "\"></span>");
-  });
-};
-markupUtils.createSlateMarkup = createSlateMarkup;
-var getAdjustedLength = function getAdjustedLength(length) {
-  if (length <= 2) {
-    return length + 2;
-  }
-  if (length <= 4) {
-    return length + 3;
-  }
-  if (length <= 6) {
-    return length + 4;
-  }
-  return length + 5;
-};
-markupUtils.getAdjustedLength = getAdjustedLength;
 const require$$10$1 = _dll_react;
 const require$$11$1 = _dll_prop_types;
 const {cloneDeep: require$$12$1} = _dll_lodash;
@@ -1340,29 +1293,20 @@ const require$$17 = _dll_pie_lib__config_ui;
     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);
+      (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));
-        });
-      }
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        (0, _defineProperty2["default"])(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
     return target;
   }
@@ -1486,18 +1430,22 @@ const require$$17 = _dll_pie_lib__config_ui;
       });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeResponse", function (index, newVal) {
         var _this$props3 = _this.props, model = _this$props3.model, onModelChanged = _this$props3.onModelChanged;
-        var choices = model.choices, maxLengthPerChoice = model.maxLengthPerChoice;
+        var choices = model.choices;
+        var maxLengthPerChoice = model.maxLengthPerChoice;
         var newValLength = (newVal || '').length;
         if (!choices[index]) {
           choices[index] = [{
-            label: '',
+            label: newVal || '',
             value: '0'
           }];
-          maxLengthPerChoice.splice(index, 0, newValLength);
-        }
-        choices[index][0].label = newVal || '';
-        if (maxLengthPerChoice && newVal && maxLengthPerChoice[index] < newValLength) {
-          maxLengthPerChoice[index] = newValLength;
+          var nbOfMissingChoices = index > maxLengthPerChoice.length ? index - maxLengthPerChoice.length : 0;
+          maxLengthPerChoice = [].concat((0, _toConsumableArray2["default"])(maxLengthPerChoice), (0, _toConsumableArray2["default"])(Array(nbOfMissingChoices).fill(1)));
+          maxLengthPerChoice.splice(index, 0, (0, _markupUtils.getAdjustedLength)(newValLength));
+        } else {
+          choices[index][0].label = newVal || '';
+          if (maxLengthPerChoice && (maxLengthPerChoice[index] < newValLength || maxLengthPerChoice[index] > newValLength + 10)) {
+            maxLengthPerChoice[index] = (0, _markupUtils.getAdjustedLength)(newValLength);
+          }
         }
         onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
           choices: choices,
@@ -1595,8 +1543,8 @@ const require$$17 = _dll_pie_lib__config_ui;
       value: function render() {
         var _this2 = this;
         var _this$props7 = this.props, classes = _this$props7.classes, model = _this$props7.model, configuration = _this$props7.configuration, onConfigurationChanged = _this$props7.onConfigurationChanged, imageSupport = _this$props7.imageSupport;
-        var _ref = configuration || ({}), _ref$prompt = _ref.prompt, prompt = _ref$prompt === void 0 ? {} : _ref$prompt, _ref$partialScoring = _ref.partialScoring, partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring, _ref$rationale = _ref.rationale, rationale = _ref$rationale === void 0 ? {} : _ref$rationale, _ref$teacherInstructi = _ref.teacherInstructions, teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi, _ref$maxLengthPerChoi = _ref.maxLengthPerChoice, maxLengthPerChoice = _ref$maxLengthPerChoi === void 0 ? {} : _ref$maxLengthPerChoi;
-        var _ref2 = model || ({}), teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled, promptEnabled = _ref2.promptEnabled, rationaleEnabled = _ref2.rationaleEnabled, maxLengthPerChoiceEnabled = _ref2.maxLengthPerChoiceEnabled;
+        var _ref = configuration || ({}), _ref$prompt = _ref.prompt, prompt = _ref$prompt === void 0 ? {} : _ref$prompt, _ref$partialScoring = _ref.partialScoring, partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring, _ref$rationale = _ref.rationale, rationale = _ref$rationale === void 0 ? {} : _ref$rationale, _ref$teacherInstructi = _ref.teacherInstructions, teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi, _ref$maxLengthPerChoi = _ref.maxLengthPerChoice, maxLengthPerChoice = _ref$maxLengthPerChoi === void 0 ? {} : _ref$maxLengthPerChoi, _ref$spellCheck = _ref.spellCheck, spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck, _ref$playerSpellCheck = _ref.playerSpellCheck, playerSpellCheck = _ref$playerSpellCheck === void 0 ? {} : _ref$playerSpellCheck;
+        var _ref2 = model || ({}), teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled, promptEnabled = _ref2.promptEnabled, rationaleEnabled = _ref2.rationaleEnabled, maxLengthPerChoiceEnabled = _ref2.maxLengthPerChoiceEnabled, spellCheckEnabled = _ref2.spellCheckEnabled;
         var toolbarOpts = {};
         switch (model.toolbarEditorPosition) {
           case 'top':
@@ -1626,7 +1574,9 @@ const require$$17 = _dll_pie_lib__config_ui;
               Properties: {
                 teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
                 rationaleEnabled: rationale.settings && toggle(rationale.label),
-                promptEnabled: prompt.settings && toggle(prompt.label)
+                promptEnabled: prompt.settings && toggle(prompt.label),
+                spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+                playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
               }
             }
           })
@@ -1639,7 +1589,8 @@ const require$$17 = _dll_pie_lib__config_ui;
           onChange: this.onTeacherInstructionsChanged,
           imageSupport: imageSupport,
           nonEmpty: false,
-          toolbarOpts: toolbarOpts
+          toolbarOpts: toolbarOpts,
+          spellCheck: spellCheckEnabled
         })), promptEnabled && _react["default"].createElement(_configUi.InputContainer, {
           label: prompt.label,
           className: classes.promptHolder
@@ -1650,7 +1601,8 @@ const require$$17 = _dll_pie_lib__config_ui;
           imageSupport: imageSupport,
           nonEmpty: false,
           disableUnderline: true,
-          toolbarOpts: toolbarOpts
+          toolbarOpts: toolbarOpts,
+          spellCheck: spellCheckEnabled
         })), _react["default"].createElement(_Typography["default"], {
           className: classes.text
         }, "Define Template, Choices, and Correct Responses"), _react["default"].createElement(_editableHtml["default"], {
@@ -1658,6 +1610,7 @@ const require$$17 = _dll_pie_lib__config_ui;
           toolbarOpts: {
             position: 'top'
           },
+          spellCheck: spellCheckEnabled,
           responseAreaProps: {
             type: 'explicit-constructed-response',
             options: {
@@ -1693,7 +1646,8 @@ const require$$17 = _dll_pie_lib__config_ui;
           model: model,
           onChange: this.onResponsesChanged,
           onLengthChange: this.onLengthChanged,
-          maxLengthPerChoiceEnabled: maxLengthPerChoiceEnabled
+          maxLengthPerChoiceEnabled: maxLengthPerChoiceEnabled,
+          spellCheck: spellCheckEnabled
         }), rationaleEnabled && _react["default"].createElement(_configUi.InputContainer, {
           label: rationale.label,
           className: classes.promptHolder
@@ -1702,7 +1656,8 @@ const require$$17 = _dll_pie_lib__config_ui;
           markup: model.rationale || '',
           onChange: this.onRationaleChanged,
           imageSupport: imageSupport,
-          toolbarOpts: toolbarOpts
+          toolbarOpts: toolbarOpts,
+          spellCheck: spellCheckEnabled
         })))));
       }
     }]);
@@ -1741,6 +1696,8 @@ var defaults = {};
       markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',
       toolbarEditorPosition: 'bottom',
       displayType: 'block',
+      spellCheckEnabled: true,
+      playerSpellCheckEnabled: true,
       choices: {
         0: [{
           label: 'cow',
@@ -1793,6 +1750,16 @@ var defaults = {};
         settings: true,
         label: 'Rationale'
       },
+      spellCheck: {
+        label: 'Spellcheck',
+        settings: false,
+        enabled: true
+      },
+      playerSpellCheck: {
+        label: 'Student Spellcheck',
+        settings: true,
+        enabled: true
+      },
       teacherInstructions: {
         settings: true,
         label: 'Teacher Instructions'
@@ -1838,29 +1805,20 @@ const {isArray: require$$13} = _dll_lodash;
     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);
+      (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));
-        });
-      }
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        (0, _defineProperty2["default"])(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
     return target;
   }