@pie-element/math-inline 5.5.6-next.85 → 5.6.1-beta.587

package/configure/lib/index.js

@@ -27,19 +27,21 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _configure = _interopRequireDefault(require("./configure"));
 
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
 var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
 
 var _debug = _interopRequireDefault(require("debug"));
 
 var _defaults = _interopRequireDefault(require("./defaults"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var log = (0, _debug["default"])('pie-elements:math-inline:configure');
 
@@ -108,6 +110,16 @@ var MathInlineConfigure = /*#__PURE__*/function (_HTMLElement) {
     value: function onDeleteImage(src, done) {
       this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
     }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
   }, {
     key: "_render",
     value: function _render() {
@@ -120,6 +132,10 @@ var MathInlineConfigure = /*#__PURE__*/function (_HTMLElement) {
           imageSupport: {
             add: this.insertImage.bind(this),
             "delete": this.onDeleteImage.bind(this)
+          },
+          uploadSoundSupport: {
+            add: this.insertSound.bind(this),
+            "delete": this.onDeleteSound.bind(this)
           }
         });
 
@@ -133,6 +149,18 @@ var MathInlineConfigure = /*#__PURE__*/function (_HTMLElement) {
 exports["default"] = MathInlineConfigure;
 (0, _defineProperty2["default"])(MathInlineConfigure, "createDefaultModel", function () {
   var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  // making sure that defaults are set
+  if (!(0, _isEmpty["default"])(model.responses)) {
+    model.responses = model.responses.map(function (correctResponse) {
+      return _objectSpread(_objectSpread({}, correctResponse), {}, {
+        validation: correctResponse.validation || _defaults["default"].model.validationDefault,
+        allowTrailingZeros: correctResponse.allowTrailingZeros || _defaults["default"].model.allowTrailingZerosDefault,
+        ignoreOrder: correctResponse.ignoreOrder || _defaults["default"].model.ignoreOrderDefault || false
+      });
+    });
+  }
+
   return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","MathInlineConfigure","_model","createDefaultModel","_configuration","defaults","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","onModelChanged","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Configure","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,oCAAN,CAAZ;;IAEqBC,mB;;;;;AAMnB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAASC,aAA/B;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;;AACA,WAAKC,OAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;;AACA,WAAKD,OAAL;AACD;;;WAED,wBAAeE,KAAf,EAAsB;AACpB,WAAKR,MAAL,GAAcQ,KAAd;AACAV,MAAAA,GAAG,CAAC,oBAAD,EAAuB,KAAKE,MAA5B,CAAH;;AACA,WAAKM,OAAL;;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKV,MAA3B,CAAnB;AACD;;;WAED,gCAAuBO,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;;AAEA,UAAI,KAAKP,MAAT,EAAiB;AACf,aAAKW,cAAL,CAAoB,KAAKX,MAAzB;AACD;;AAED,WAAKM,OAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYM,OAAZ,EAAqB;AACnB,WAAKH,aAAL,CAAmB,IAAII,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKN,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKf,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,qBAApB,EAA+B;AACxCT,UAAAA,cAAc,EAAE,KAAKA,cAAL,CAAoBU,IAApB,CAAyB,IAAzB,CADwB;AAExCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAFgB;AAGxCb,UAAAA,KAAK,EAAE,KAAKR,MAH4B;AAIxCI,UAAAA,aAAa,EAAE,KAAKF,cAJoB;AAKxCqB,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AAL0B,SAA/B,CAAX;;AAWAM,6BAASC,MAAT,CAAgBX,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDAlE8CY,W;;;iCAA5B9B,mB,wBACS;AAAA,MAACS,KAAD,uEAAS,EAAT;AAAA,yCACvBL,qBAASK,KADc,GAEvBA,KAFuB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Configure from './configure';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\n\nimport defaults from './defaults';\n\nconst log = debug('pie-elements:math-inline:configure');\n\nexport default class MathInlineConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaults.model,\n    ...model\n  });\n\n  constructor() {\n    super();\n    this._model = MathInlineConfigure.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(m) {\n    this._model = MathInlineConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\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    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","MathInlineConfigure","_model","createDefaultModel","_configuration","defaults","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","onModelChanged","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Configure","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement","responses","map","correctResponse","validation","validationDefault","allowTrailingZeros","allowTrailingZerosDefault","ignoreOrder","ignoreOrderDefault"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Configure from './configure';\nimport isEmpty from 'lodash/isEmpty';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\n\nimport defaults from './defaults';\n\nconst log = debug('pie-elements:math-inline:configure');\n\nexport default class MathInlineConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    // making sure that defaults are set\n    if (!isEmpty(model.responses)) {\n      model.responses = model.responses.map((correctResponse) => ({\n        ...correctResponse,\n        validation: correctResponse.validation || defaults.model.validationDefault,\n        allowTrailingZeros: correctResponse.allowTrailingZeros || defaults.model.allowTrailingZerosDefault,\n        ignoreOrder: correctResponse.ignoreOrder || defaults.model.ignoreOrderDefault || false,\n      }));\n    }\n\n    return { ...defaults.model, ...model };\n  };\n\n  constructor() {\n    super();\n    this._model = MathInlineConfigure.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(m) {\n    this._model = MathInlineConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\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  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/lib/response.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -51,13 +51,19 @@ var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 
 var _styles = require("@material-ui/core/styles");
 
-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 _classnames = _interopRequireDefault(require("classnames"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { 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; } }
 
 // TODO once we support individual response correctness, we need to remove this constant
 var INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED = false;
@@ -126,6 +132,11 @@ var styles = function styles(theme) {
     },
     configLabel: {
       marginRight: 'auto'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      padding: '5px 0'
     }
   };
 };
@@ -166,11 +177,24 @@ var Response = /*#__PURE__*/function (_React$Component) {
         onResponseChange(newResponse, index);
       };
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLiteralOptionsChange", function (name) {
+      return function (evt) {
+        var _this$props3 = _this.props,
+            response = _this$props3.response,
+            onResponseChange = _this$props3.onResponseChange,
+            index = _this$props3.index;
+
+        var newResponse = _objectSpread({}, response);
+
+        newResponse[name] = !response[name];
+        onResponseChange(newResponse, index);
+      };
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnswerChange", function (answer) {
-      var _this$props3 = _this.props,
-          response = _this$props3.response,
-          onResponseChange = _this$props3.onResponseChange,
-          index = _this$props3.index;
+      var _this$props4 = _this.props,
+          response = _this$props4.response,
+          onResponseChange = _this$props4.onResponseChange,
+          index = _this$props4.index;
 
       var newResponse = _objectSpread({}, response);
 
@@ -179,10 +203,10 @@ var Response = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAlternateAnswerChange", function (alternateId) {
       return function (answer) {
-        var _this$props4 = _this.props,
-            response = _this$props4.response,
-            onResponseChange = _this$props4.onResponseChange,
-            index = _this$props4.index;
+        var _this$props5 = _this.props,
+            response = _this$props5.response,
+            onResponseChange = _this$props5.onResponseChange,
+            index = _this$props5.index;
 
         var newResponse = _objectSpread({}, response);
 
@@ -191,10 +215,10 @@ var Response = /*#__PURE__*/function (_React$Component) {
       };
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAddAlternate", function () {
-      var _this$props5 = _this.props,
-          response = _this$props5.response,
-          onResponseChange = _this$props5.onResponseChange,
-          index = _this$props5.index;
+      var _this$props6 = _this.props,
+          response = _this$props6.response,
+          onResponseChange = _this$props6.onResponseChange,
+          index = _this$props6.index;
       var alternateIdCounter = _this.state.alternateIdCounter;
 
       var newResponse = _objectSpread({}, response);
@@ -212,10 +236,10 @@ var Response = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRemoveAlternate", function (alternateId) {
       return function () {
-        var _this$props6 = _this.props,
-            response = _this$props6.response,
-            onResponseChange = _this$props6.onResponseChange,
-            index = _this$props6.index;
+        var _this$props7 = _this.props,
+            response = _this$props7.response,
+            onResponseChange = _this$props7.onResponseChange,
+            index = _this$props7.index;
 
         var newResponse = _objectSpread({}, response);
 
@@ -295,16 +319,21 @@ var Response = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props7 = this.props,
-          classes = _this$props7.classes,
-          mode = _this$props7.mode,
-          defaultResponse = _this$props7.defaultResponse,
-          index = _this$props7.index,
-          response = _this$props7.response;
+      var _this$props8 = this.props,
+          classes = _this$props8.classes,
+          mode = _this$props8.mode,
+          defaultResponse = _this$props8.defaultResponse,
+          index = _this$props8.index,
+          response = _this$props8.response,
+          cAllowTrailingZeros = _this$props8.cAllowTrailingZeros,
+          cIgnoreOrder = _this$props8.cIgnoreOrder,
+          error = _this$props8.error;
       var showKeypad = this.state.showKeypad;
       var validation = response.validation,
           answer = response.answer,
-          alternates = response.alternates;
+          alternates = response.alternates,
+          ignoreOrder = response.ignoreOrder,
+          allowTrailingZeros = response.allowTrailingZeros;
       var hasAlternates = Object.keys(alternates || {}).length > 0;
       var classNames = {
         editor: classes.responseEditor,
@@ -323,16 +352,32 @@ var Response = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(_Typography["default"], {
         className: classes.title,
         component: "h2"
-      }, "Response", ' ', INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED ? defaultResponse ? '' : index + 1 : ''), /*#__PURE__*/React.createElement(_configUi.InputContainer, {
+      }, "Response ", INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED ? defaultResponse ? '' : index + 1 : ''), /*#__PURE__*/React.createElement(_configUi.InputContainer, {
         label: "Validation",
         className: classes.selectContainer
       }, /*#__PURE__*/React.createElement(_Select["default"], {
         className: classes.select,
         onChange: this.onChange('validation'),
-        value: validation
+        value: validation || 'literal'
       }, /*#__PURE__*/React.createElement(_MenuItem["default"], {
         value: "literal"
-      }, "Literal Validation")))), /*#__PURE__*/React.createElement("div", {
+      }, "Literal Validation"), /*#__PURE__*/React.createElement(_MenuItem["default"], {
+        value: "symbolic"
+      }, "Symbolic Validation")))), validation === 'literal' && /*#__PURE__*/React.createElement("div", {
+        className: classes.flexContainer
+      }, cAllowTrailingZeros.enabled && /*#__PURE__*/React.createElement(_FormControlLabel["default"], {
+        label: cAllowTrailingZeros.label,
+        control: /*#__PURE__*/React.createElement(_Checkbox["default"], {
+          checked: allowTrailingZeros,
+          onChange: this.onLiteralOptionsChange('allowTrailingZeros')
+        })
+      }), cIgnoreOrder.enabled && /*#__PURE__*/React.createElement(_FormControlLabel["default"], {
+        label: cIgnoreOrder.label,
+        control: /*#__PURE__*/React.createElement(_Checkbox["default"], {
+          checked: ignoreOrder,
+          onChange: this.onLiteralOptionsChange('ignoreOrder')
+        })
+      })), /*#__PURE__*/React.createElement("div", {
         className: classes.inputContainer
       }, /*#__PURE__*/React.createElement(_InputLabel["default"], null, "Correct Answer"), /*#__PURE__*/React.createElement(_mathToolbar.MathToolbar, {
         keypadMode: mode,
@@ -342,8 +387,11 @@ var Response = /*#__PURE__*/function (_React$Component) {
         latex: answer || '',
         onChange: this.onAnswerChange,
         onFocus: this.onFocus,
-        onDone: this.onDone
-      })), hasAlternates && Object.keys(alternates).map(function (alternateId, altIdx) {
+        onDone: this.onDone,
+        error: error && error.answer
+      }), error && error.answer ? /*#__PURE__*/React.createElement("div", {
+        className: classes.errorText
+      }, error.answer) : null), hasAlternates && Object.keys(alternates).map(function (alternateId, altIdx) {
         return /*#__PURE__*/React.createElement("div", {
           className: classes.inputContainer,
           key: alternateId
@@ -361,9 +409,12 @@ var Response = /*#__PURE__*/function (_React$Component) {
           latex: alternates[alternateId] || '',
           onChange: _this2.onAlternateAnswerChange(alternateId),
           onFocus: _this2.onAlternateFocus(alternateId),
-          onDone: _this2.onAlternateDone(alternateId)
-        }));
-      }), validation === 'literal' && /*#__PURE__*/React.createElement("div", {
+          onDone: _this2.onAlternateDone(alternateId),
+          error: error && error[alternateId]
+        }), error && error[alternateId] ? /*#__PURE__*/React.createElement("div", {
+          className: classes.errorText
+        }, error[alternateId]) : null);
+      }), /*#__PURE__*/React.createElement("div", {
         className: classes.configPanel
       }, /*#__PURE__*/React.createElement(_Button["default"], {
         className: classes.alternateButton,
@@ -383,7 +434,9 @@ var Response = /*#__PURE__*/function (_React$Component) {
   mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   index: _propTypes["default"].number,
   onResponseChange: _propTypes["default"].func.isRequired,
-  response: _propTypes["default"].object.isRequired
+  response: _propTypes["default"].object.isRequired,
+  cIgnoreOrder: _propTypes["default"].object.isRequired,
+  cAllowTrailingZeros: _propTypes["default"].object.isRequired
 });
 (0, _defineProperty2["default"])(Response, "defaultProps", {
   defaultResponse: false,

package/configure/lib/response.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/response.jsx"],"names":["INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED","styles","theme","responseContainer","marginTop","spacing","unit","width","border","display","flexDirection","justifyContent","cardContent","paddingBottom","title","fontWeight","fontSize","flex","selectContainer","inputContainer","titleBar","alignItems","responseEditor","minWidth","maxWidth","height","minHeight","mathToolbar","configPanel","alternateButton","removeAlternateButton","marginLeft","color","checkboxContainer","configLabel","marginRight","Response","props","name","evt","response","onResponseChange","index","newResponse","target","value","checked","answer","alternateId","alternates","alternateIdCounter","state","setState","showKeypad","openCount","main","alternatesLength","Object","keys","length","classes","mode","defaultResponse","validation","hasAlternates","classNames","editor","select","onChange","onAnswerChange","onFocus","onDone","map","altIdx","alternateBar","onRemoveAlternate","onAlternateAnswerChange","onAlternateFocus","onAlternateDone","onAddAlternate","React","Component","PropTypes","object","isRequired","bool","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Button from '@material-ui/core/Button';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Typography from '@material-ui/core/Typography';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\n\n// TODO once we support individual response correctness, we need to remove this constant\nconst INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED = false;\n\nconst styles = theme => ({\n  responseContainer: {\n    marginTop: theme.spacing.unit * 2,\n    width: '100%',\n    border: '1px solid darkgray',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between'\n  },\n  cardContent: {\n    paddingBottom: `${theme.spacing.unit}px !important`\n  },\n  title: {\n    fontWeight: 700,\n    fontSize: '1.2rem',\n    flex: 3\n  },\n  selectContainer: {\n    flex: 2\n  },\n  inputContainer: {\n    marginTop: theme.spacing.unit\n  },\n  titleBar: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between'\n  },\n  responseEditor: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    minWidth: '500px',\n    maxWidth: '900px',\n    height: 'auto',\n    minHeight: '40px'\n  },\n  mathToolbar: {\n    width: '100%'\n  },\n  configPanel: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  alternateButton: {\n    border: '1px solid lightgrey'\n  },\n  removeAlternateButton: {\n    marginLeft: theme.spacing.unit * 2,\n    border: '1px solid lightgrey',\n    color: 'gray',\n    fontSize: '0.8rem'\n  },\n  checkboxContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  configLabel: {\n    marginRight: 'auto'\n  }\n});\n\nclass Response extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    defaultResponse: PropTypes.bool,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    index: PropTypes.number,\n    onResponseChange: PropTypes.func.isRequired,\n    response: PropTypes.object.isRequired\n  };\n\n  static defaultProps = {\n    defaultResponse: false,\n    mode: 'miscellaneous'\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { response: { alternates } = {} } = props || {};\n    const alternatesLength = Object.keys(alternates || {}).length;\n\n    this.state = {\n      alternateIdCounter: alternatesLength + 1,\n      showKeypad: {\n        openCount: 0,\n        main: false\n      }\n    };\n  }\n\n  onChange = name => evt => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.value;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onConfigChanged = name => evt => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.checked;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAnswerChange = answer => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.answer = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAlternateAnswerChange = alternateId => answer => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.alternates[alternateId] = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAddAlternate = () => {\n    const { response, onResponseChange, index } = this.props;\n    const { alternateIdCounter } = this.state;\n    const newResponse = { ...response };\n\n    if (!newResponse.alternates) {\n      newResponse.alternates = {};\n    }\n\n    newResponse.alternates[alternateIdCounter] = '';\n\n    onResponseChange(newResponse, index);\n\n    this.setState({\n      alternateIdCounter: alternateIdCounter + 1\n    });\n  };\n\n  onRemoveAlternate = alternateId => () => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    delete newResponse.alternates[alternateId];\n\n    onResponseChange(newResponse, index);\n\n    this.setState(state => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId]\n          ? state.showKeypad.openCount\n          : state.showKeypad.openCount - 1\n      }\n    }));\n  };\n\n  onDone = () => {\n    this.setState(state => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        main: false\n      }\n    }));\n  };\n\n  onFocus = () => {\n    this.setState(state => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad.main\n          ? state.showKeypad.openCount + 1\n          : state.showKeypad.openCount,\n        main: true\n      }\n    }));\n  };\n\n  onAlternateFocus = alternateId => () => {\n    this.setState(state => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId]\n          ? state.showKeypad.openCount + 1\n          : state.showKeypad.openCount,\n        [alternateId]: true\n      }\n    }));\n  };\n\n  onAlternateDone = alternateId => () => {\n    this.setState(state => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        [alternateId]: false\n      }\n    }));\n  };\n\n  render() {\n    const { classes, mode, defaultResponse, index, response } = this.props;\n    const { showKeypad } = this.state;\n    const {\n      validation,\n      answer,\n      alternates,\n    } = response;\n    const hasAlternates = Object.keys(alternates || {}).length > 0;\n    const classNames = {\n      editor: classes.responseEditor,\n      mathToolbar: classes.mathToolbar\n    };\n    const styles = {\n      minHeight: `${showKeypad.openCount > 0 ? 430 : 230}px`\n    };\n\n    return (\n      <Card className={classes.responseContainer} style={styles}>\n        <CardContent className={classes.cardContent}>\n          <div className={classes.titleBar}>\n            <Typography className={classes.title} component=\"h2\">\n              Response{' '}\n              {INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED\n                ? defaultResponse\n                  ? ''\n                  : index + 1\n                : ''}\n            </Typography>\n            <InputContainer\n              label=\"Validation\"\n              className={classes.selectContainer}\n            >\n              <Select\n                className={classes.select}\n                onChange={this.onChange('validation')}\n                value={validation}\n              >\n                <MenuItem value=\"literal\">Literal Validation</MenuItem>\n                {/* Remove symbolic validation PD-690 <MenuItem value=\"symbolic\">Symbolic Validation</MenuItem>*/}\n              </Select>\n            </InputContainer>\n          </div>\n          <div className={classes.inputContainer}>\n            <InputLabel>Correct Answer</InputLabel>\n            <MathToolbar\n              keypadMode={mode}\n              classNames={classNames}\n              controlledKeypad\n              showKeypad={showKeypad.main}\n              latex={answer || ''}\n              onChange={this.onAnswerChange}\n              onFocus={this.onFocus}\n              onDone={this.onDone}\n            />\n          </div>\n          {hasAlternates &&\n            Object.keys(alternates).map((alternateId, altIdx) => (\n              <div className={classes.inputContainer} key={alternateId}>\n                <div className={classes.alternateBar}>\n                  <InputLabel>\n                    Alternate\n                    {Object.keys(alternates).length > 1 ? ` ${altIdx + 1}` : ''}\n                  </InputLabel>\n                  <Button\n                    className={classes.removeAlternateButton}\n                    type=\"secondary\"\n                    onClick={this.onRemoveAlternate(alternateId)}\n                  >\n                    Remove\n                  </Button>\n                </div>\n                <MathToolbar\n                  classNames={classNames}\n                  controlledKeypad\n                  keypadMode={mode}\n                  showKeypad={showKeypad[alternateId] || false}\n                  latex={alternates[alternateId] || ''}\n                  onChange={this.onAlternateAnswerChange(alternateId)}\n                  onFocus={this.onAlternateFocus(alternateId)}\n                  onDone={this.onAlternateDone(alternateId)}\n                />\n              </div>\n            ))}\n          {validation === 'literal' && (\n            <div className={classes.configPanel}>\n              <Button\n                className={classes.alternateButton}\n                type=\"primary\"\n                onClick={this.onAddAlternate}\n              >\n                ADD ALTERNATE\n              </Button>\n              <div className={classes.checkboxContainer}>\n              </div>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    );\n  }\n}\n\nexport default withStyles(styles)(Response);\n"],"file":"response.js"}
+{"version":3,"sources":["../src/response.jsx"],"names":["INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED","styles","theme","responseContainer","marginTop","spacing","unit","width","border","display","flexDirection","justifyContent","cardContent","paddingBottom","title","fontWeight","fontSize","flex","selectContainer","inputContainer","titleBar","alignItems","responseEditor","minWidth","maxWidth","height","minHeight","mathToolbar","configPanel","alternateButton","removeAlternateButton","marginLeft","color","checkboxContainer","configLabel","marginRight","errorText","padding","Response","props","name","evt","response","onResponseChange","index","newResponse","target","value","checked","answer","alternateId","alternates","alternateIdCounter","state","setState","showKeypad","openCount","main","alternatesLength","Object","keys","length","classes","mode","defaultResponse","cAllowTrailingZeros","cIgnoreOrder","error","validation","ignoreOrder","allowTrailingZeros","hasAlternates","classNames","editor","select","onChange","flexContainer","enabled","label","onLiteralOptionsChange","onAnswerChange","onFocus","onDone","map","altIdx","alternateBar","onRemoveAlternate","onAlternateAnswerChange","onAlternateFocus","onAlternateDone","onAddAlternate","React","Component","PropTypes","object","isRequired","bool","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Button from '@material-ui/core/Button';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Typography from '@material-ui/core/Typography';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\nimport cx from 'classnames';\n\n// TODO once we support individual response correctness, we need to remove this constant\nconst INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED = false;\n\nconst styles = (theme) => ({\n  responseContainer: {\n    marginTop: theme.spacing.unit * 2,\n    width: '100%',\n    border: '1px solid darkgray',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  cardContent: {\n    paddingBottom: `${theme.spacing.unit}px !important`,\n  },\n  title: {\n    fontWeight: 700,\n    fontSize: '1.2rem',\n    flex: 3,\n  },\n  selectContainer: {\n    flex: 2,\n  },\n  inputContainer: {\n    marginTop: theme.spacing.unit,\n  },\n  titleBar: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  responseEditor: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    minWidth: '500px',\n    maxWidth: '900px',\n    height: 'auto',\n    minHeight: '40px',\n  },\n  mathToolbar: {\n    width: '100%',\n  },\n  configPanel: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  alternateButton: {\n    border: '1px solid lightgrey',\n  },\n  removeAlternateButton: {\n    marginLeft: theme.spacing.unit * 2,\n    border: '1px solid lightgrey',\n    color: 'gray',\n    fontSize: '0.8rem',\n  },\n  checkboxContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  configLabel: {\n    marginRight: 'auto',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0',\n  },\n});\n\nclass Response extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    defaultResponse: PropTypes.bool,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    index: PropTypes.number,\n    onResponseChange: PropTypes.func.isRequired,\n    response: PropTypes.object.isRequired,\n    cIgnoreOrder: PropTypes.object.isRequired,\n    cAllowTrailingZeros: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    defaultResponse: false,\n    mode: 'miscellaneous',\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { response: { alternates } = {} } = props || {};\n    const alternatesLength = Object.keys(alternates || {}).length;\n\n    this.state = {\n      alternateIdCounter: alternatesLength + 1,\n      showKeypad: {\n        openCount: 0,\n        main: false,\n      },\n    };\n  }\n\n  onChange = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.value;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onConfigChanged = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.checked;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onLiteralOptionsChange = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = !response[name];\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAnswerChange = (answer) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.answer = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAlternateAnswerChange = (alternateId) => (answer) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.alternates[alternateId] = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAddAlternate = () => {\n    const { response, onResponseChange, index } = this.props;\n    const { alternateIdCounter } = this.state;\n    const newResponse = { ...response };\n\n    if (!newResponse.alternates) {\n      newResponse.alternates = {};\n    }\n\n    newResponse.alternates[alternateIdCounter] = '';\n\n    onResponseChange(newResponse, index);\n\n    this.setState({\n      alternateIdCounter: alternateIdCounter + 1,\n    });\n  };\n\n  onRemoveAlternate = (alternateId) => () => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    delete newResponse.alternates[alternateId];\n\n    onResponseChange(newResponse, index);\n\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId] ? state.showKeypad.openCount : state.showKeypad.openCount - 1,\n      },\n    }));\n  };\n\n  onDone = () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        main: false,\n      },\n    }));\n  };\n\n  onFocus = () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad.main ? state.showKeypad.openCount + 1 : state.showKeypad.openCount,\n        main: true,\n      },\n    }));\n  };\n\n  onAlternateFocus = (alternateId) => () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId] ? state.showKeypad.openCount + 1 : state.showKeypad.openCount,\n        [alternateId]: true,\n      },\n    }));\n  };\n\n  onAlternateDone = (alternateId) => () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        [alternateId]: false,\n      },\n    }));\n  };\n\n  render() {\n    const { classes, mode, defaultResponse, index, response, cAllowTrailingZeros, cIgnoreOrder, error } = this.props;\n\n    const { showKeypad } = this.state;\n    const { validation, answer, alternates, ignoreOrder, allowTrailingZeros } = response;\n    const hasAlternates = Object.keys(alternates || {}).length > 0;\n    const classNames = {\n      editor: classes.responseEditor,\n      mathToolbar: classes.mathToolbar,\n    };\n    const styles = {\n      minHeight: `${showKeypad.openCount > 0 ? 430 : 230}px`,\n    };\n\n    return (\n      <Card className={classes.responseContainer} style={styles}>\n        <CardContent className={classes.cardContent}>\n          <div className={classes.titleBar}>\n            <Typography className={classes.title} component=\"h2\">\n              Response {INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED ? (defaultResponse ? '' : index + 1) : ''}\n            </Typography>\n            <InputContainer label=\"Validation\" className={classes.selectContainer}>\n              <Select className={classes.select} onChange={this.onChange('validation')} value={validation || 'literal'}>\n                <MenuItem value=\"literal\">Literal Validation</MenuItem>\n                <MenuItem value=\"symbolic\">Symbolic Validation</MenuItem>\n              </Select>\n            </InputContainer>\n          </div>\n          {validation === 'literal' && (\n            <div className={classes.flexContainer}>\n              {cAllowTrailingZeros.enabled && (\n                <FormControlLabel\n                  label={cAllowTrailingZeros.label}\n                  control={\n                    <Checkbox\n                      checked={allowTrailingZeros}\n                      onChange={this.onLiteralOptionsChange('allowTrailingZeros')}\n                    />\n                  }\n                />\n              )}\n\n              {cIgnoreOrder.enabled && (\n                <FormControlLabel\n                  label={cIgnoreOrder.label}\n                  control={<Checkbox checked={ignoreOrder} onChange={this.onLiteralOptionsChange('ignoreOrder')} />}\n                />\n              )}\n            </div>\n          )}\n          <div className={classes.inputContainer}>\n            <InputLabel>Correct Answer</InputLabel>\n            <MathToolbar\n              keypadMode={mode}\n              classNames={classNames}\n              controlledKeypad\n              showKeypad={showKeypad.main}\n              latex={answer || ''}\n              onChange={this.onAnswerChange}\n              onFocus={this.onFocus}\n              onDone={this.onDone}\n              error={error && error.answer}\n            />\n            {error && error.answer ? <div className={classes.errorText}>{error.answer}</div> : null}\n          </div>\n          {hasAlternates &&\n            Object.keys(alternates).map((alternateId, altIdx) => (\n              <div className={classes.inputContainer} key={alternateId}>\n                <div className={classes.alternateBar}>\n                  <InputLabel>\n                    Alternate\n                    {Object.keys(alternates).length > 1 ? ` ${altIdx + 1}` : ''}\n                  </InputLabel>\n                  <Button\n                    className={classes.removeAlternateButton}\n                    type=\"secondary\"\n                    onClick={this.onRemoveAlternate(alternateId)}\n                  >\n                    Remove\n                  </Button>\n                </div>\n                <MathToolbar\n                  classNames={classNames}\n                  controlledKeypad\n                  keypadMode={mode}\n                  showKeypad={showKeypad[alternateId] || false}\n                  latex={alternates[alternateId] || ''}\n                  onChange={this.onAlternateAnswerChange(alternateId)}\n                  onFocus={this.onAlternateFocus(alternateId)}\n                  onDone={this.onAlternateDone(alternateId)}\n                  error={error && error[alternateId]}\n                />\n                {error && error[alternateId] ? <div className={classes.errorText}>{error[alternateId]}</div> : null}\n              </div>\n            ))}\n          <div className={classes.configPanel}>\n            <Button className={classes.alternateButton} type=\"primary\" onClick={this.onAddAlternate}>\n              ADD ALTERNATE\n            </Button>\n            <div className={classes.checkboxContainer}></div>\n          </div>\n        </CardContent>\n      </Card>\n    );\n  }\n}\n\nexport default withStyles(styles)(Response);\n"],"file":"response.js"}

package/configure/lib/utils.js

@@ -3,10 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResponseTypes = void 0;
+exports.generateValidationMessage = exports.ResponseTypes = void 0;
 var ResponseTypes = {
   advanced: 'Advanced Multi',
   simple: 'Simple'
 };
 exports.ResponseTypes = ResponseTypes;
+
+var generateValidationMessage = function generateValidationMessage() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var maxResponseAreas = config.maxResponseAreas;
+  var responseType = model.responseType;
+  var responseAreasMessage = '';
+  var answersMessage = '\nAll correct answers (the primary and any alternates) should not be empty and should be unique.';
+
+  if (responseType === 'Advanced Multi') {
+    responseAreasMessage = '\nThere should be at least 1 ' + (maxResponseAreas ? "and at most ".concat(maxResponseAreas, " ") : '') + 'response area' + (maxResponseAreas ? 's' : '') + ' defined.';
+  }
+
+  return 'Validation requirements:' + answersMessage + responseAreasMessage;
+};
+
+exports.generateValidationMessage = generateValidationMessage;
 //# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["ResponseTypes","advanced","simple"],"mappings":";;;;;;AAAO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,gBADiB;AAE3BC,EAAAA,MAAM,EAAE;AAFmB,CAAtB","sourcesContent":["export const ResponseTypes = {\n  advanced: 'Advanced Multi',\n  simple: 'Simple'\n};"],"file":"utils.js"}
+{"version":3,"sources":["../src/utils.js"],"names":["ResponseTypes","advanced","simple","generateValidationMessage","model","config","maxResponseAreas","responseType","responseAreasMessage","answersMessage"],"mappings":";;;;;;AAAO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,gBADiB;AAE3BC,EAAAA,MAAM,EAAE;AAFmB,CAAtB;;;AAKA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,GAA6B;AAAA,MAA5BC,KAA4B,uEAApB,EAAoB;AAAA,MAAhBC,MAAgB,uEAAP,EAAO;AACpE,MAAQC,gBAAR,GAA6BD,MAA7B,CAAQC,gBAAR;AACA,MAAQC,YAAR,GAAyBH,KAAzB,CAAQG,YAAR;AACA,MAAIC,oBAAoB,GAAG,EAA3B;AAEA,MAAMC,cAAc,GAClB,kGADF;;AAGA,MAAIF,YAAY,KAAK,gBAArB,EAAuC;AACrCC,IAAAA,oBAAoB,GAClB,mCACCF,gBAAgB,yBAAkBA,gBAAlB,SAAwC,EADzD,IAEA,eAFA,IAGCA,gBAAgB,GAAG,GAAH,GAAS,EAH1B,IAIA,WALF;AAMD;;AAED,SAAO,6BAA6BG,cAA7B,GAA8CD,oBAArD;AACD,CAlBM","sourcesContent":["export const ResponseTypes = {\n  advanced: 'Advanced Multi',\n  simple: 'Simple',\n};\n\nexport const generateValidationMessage = (model = {}, config = {}) => {\n  const { maxResponseAreas } = config;\n  const { responseType } = model;\n  let responseAreasMessage = '';\n\n  const answersMessage =\n    '\\nAll correct answers (the primary and any alternates) should not be empty and should be unique.';\n\n  if (responseType === 'Advanced Multi') {\n    responseAreasMessage =\n      '\\nThere should be at least 1 ' +\n      (maxResponseAreas ? `and at most ${maxResponseAreas} ` : '') +\n      'response area' +\n      (maxResponseAreas ? 's' : '') +\n      ' defined.';\n  }\n\n  return 'Validation requirements:' + answersMessage + responseAreasMessage;\n};\n"],"file":"utils.js"}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/math-inline-configure",
   "private": true,
-  "version": "5.3.5",
+  "version": "6.4.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -9,13 +9,12 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
-    "@pie-framework/mathquill": "^1.1.0",
-    "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.8.57",
-    "@pie-lib/editable-html": "^7.16.16",
-    "@pie-lib/math-evaluator": "^2.1.4",
-    "@pie-lib/math-input": "^6.5.11",
-    "@pie-lib/math-toolbar": "^1.7.11",
+    "@pie-framework/mathquill": "^1.1.3",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/config-ui": "12.0.0-beta.3",
+    "@pie-lib/editable-html": "10.0.0-beta.4",
+    "@pie-lib/math-input": "^6.10.12",
+    "@pie-lib/math-toolbar": "2.0.0-beta.2",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "prop-types": "^15.6.2",