@pie-element/math-templated 2.11.2-next.7000

package/configure/lib/response.js

@@ -0,0 +1,442 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _mathToolbar = require("@pie-lib/pie-toolbox/math-toolbar");
+
+var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
+
+var _CardContent = _interopRequireDefault(require("@material-ui/core/CardContent"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Response = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Response, _React$Component);
+
+  var _super = _createSuper(Response);
+
+  function Response(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Response);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (name) {
+      return function (evt) {
+        var _this$props = _this.props,
+            response = _this$props.response,
+            onResponseChange = _this$props.onResponseChange,
+            responseKey = _this$props.responseKey;
+
+        var newResponse = _objectSpread({}, response);
+
+        newResponse[name] = evt.target.value;
+        onResponseChange(newResponse, responseKey);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onConfigChanged", function (name) {
+      return function (evt) {
+        var _this$props2 = _this.props,
+            response = _this$props2.response,
+            onResponseChange = _this$props2.onResponseChange,
+            responseKey = _this$props2.responseKey;
+
+        var newResponse = _objectSpread({}, response);
+
+        newResponse[name] = evt.target.checked;
+        onResponseChange(newResponse, responseKey);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLiteralOptionsChange", function (name) {
+      return function () {
+        var _this$props3 = _this.props,
+            response = _this$props3.response,
+            onResponseChange = _this$props3.onResponseChange,
+            responseKey = _this$props3.responseKey;
+
+        var newResponse = _objectSpread({}, response);
+
+        newResponse[name] = !response[name];
+        onResponseChange(newResponse, responseKey);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnswerChange", function (answer) {
+      var _this$props4 = _this.props,
+          response = _this$props4.response,
+          onResponseChange = _this$props4.onResponseChange,
+          responseKey = _this$props4.responseKey;
+
+      var newResponse = _objectSpread({}, response);
+
+      newResponse.answer = answer;
+      onResponseChange(newResponse, responseKey);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAlternateAnswerChange", function (alternateId) {
+      return function (answer) {
+        var _this$props5 = _this.props,
+            response = _this$props5.response,
+            onResponseChange = _this$props5.onResponseChange,
+            responseKey = _this$props5.responseKey;
+
+        var newResponse = _objectSpread({}, response);
+
+        newResponse.alternates[alternateId] = answer;
+        onResponseChange(newResponse, responseKey);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAddAlternate", function () {
+      var _this$props6 = _this.props,
+          response = _this$props6.response,
+          onResponseChange = _this$props6.onResponseChange,
+          responseKey = _this$props6.responseKey;
+      var alternateIdCounter = _this.state.alternateIdCounter;
+
+      var newResponse = _objectSpread({}, response);
+
+      if (!newResponse.alternates) {
+        newResponse.alternates = {};
+      }
+
+      newResponse.alternates[alternateIdCounter] = '';
+      onResponseChange(newResponse, responseKey);
+
+      _this.setState({
+        alternateIdCounter: alternateIdCounter + 1
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRemoveAlternate", function (alternateId) {
+      return function () {
+        var _this$props7 = _this.props,
+            response = _this$props7.response,
+            onResponseChange = _this$props7.onResponseChange,
+            responseKey = _this$props7.responseKey;
+
+        var newResponse = _objectSpread({}, response);
+
+        delete newResponse.alternates[alternateId];
+        onResponseChange(newResponse, responseKey);
+
+        _this.setState(function (state) {
+          return {
+            showKeypad: _objectSpread(_objectSpread({}, state.showKeypad), {}, {
+              openCount: !state.showKeypad[alternateId] ? state.showKeypad.openCount : state.showKeypad.openCount - 1
+            })
+          };
+        });
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function () {
+      _this.setState(function (state) {
+        return {
+          showKeypad: _objectSpread(_objectSpread({}, state.showKeypad), {}, {
+            openCount: state.showKeypad.openCount - 1,
+            main: false
+          })
+        };
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function () {
+      _this.setState(function (state) {
+        return {
+          showKeypad: _objectSpread(_objectSpread({}, state.showKeypad), {}, {
+            openCount: !state.showKeypad.main ? state.showKeypad.openCount + 1 : state.showKeypad.openCount,
+            main: true
+          })
+        };
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAlternateFocus", function (alternateId) {
+      return function () {
+        _this.setState(function (state) {
+          return {
+            showKeypad: _objectSpread(_objectSpread({}, state.showKeypad), {}, (0, _defineProperty2["default"])({
+              openCount: !state.showKeypad[alternateId] ? state.showKeypad.openCount + 1 : state.showKeypad.openCount
+            }, alternateId, true))
+          };
+        });
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAlternateDone", function (alternateId) {
+      return function () {
+        _this.setState(function (state) {
+          return {
+            showKeypad: _objectSpread(_objectSpread({}, state.showKeypad), {}, (0, _defineProperty2["default"])({
+              openCount: state.showKeypad.openCount - 1
+            }, alternateId, false))
+          };
+        });
+      };
+    });
+
+    var _ref = props || {},
+        _ref$response = _ref.response;
+
+    _ref$response = _ref$response === void 0 ? {} : _ref$response;
+    var alternates = _ref$response.alternates;
+    var alternatesLength = Object.keys(alternates || {}).length;
+    _this.state = {
+      alternateIdCounter: alternatesLength + 1,
+      showKeypad: {
+        openCount: 0,
+        main: false
+      }
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Response, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props8 = this.props,
+          classes = _this$props8.classes,
+          mode = _this$props8.mode,
+          responseKey = _this$props8.responseKey,
+          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,
+          ignoreOrder = response.ignoreOrder,
+          allowTrailingZeros = response.allowTrailingZeros;
+      var hasAlternates = Object.keys(alternates || {}).length > 0;
+      var classNames = {
+        editor: classes.responseEditor,
+        mathToolbar: classes.mathToolbar
+      };
+      var styles = {
+        minHeight: "".concat(showKeypad.openCount > 0 ? 430 : 230, "px")
+      };
+      return /*#__PURE__*/React.createElement(_Card["default"], {
+        className: classes.responseContainer,
+        style: styles
+      }, /*#__PURE__*/React.createElement(_CardContent["default"], {
+        className: classes.cardContent
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.titleBar
+      }, /*#__PURE__*/React.createElement(_Typography["default"], {
+        className: classes.title,
+        component: "div"
+      }, "Response for ", /*#__PURE__*/React.createElement("div", {
+        className: classes.responseBox
+      }, "R ", responseKey)), /*#__PURE__*/React.createElement(_configUi.InputContainer, {
+        label: "Validation",
+        className: classes.selectContainer
+      }, /*#__PURE__*/React.createElement(_Select["default"], {
+        className: classes.select,
+        onChange: this.onChange('validation'),
+        value: validation || 'literal'
+      }, /*#__PURE__*/React.createElement(_MenuItem["default"], {
+        value: "literal"
+      }, "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,
+        classNames: classNames,
+        controlledKeypad: true,
+        showKeypad: showKeypad.main,
+        latex: answer || '',
+        onChange: this.onAnswerChange,
+        onFocus: this.onFocus,
+        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
+        }, /*#__PURE__*/React.createElement(_InputLabel["default"], null, "Alternate", Object.keys(alternates).length > 1 ? " ".concat(altIdx + 1) : ''), /*#__PURE__*/React.createElement("div", {
+          className: classes.alternateBar
+        }, /*#__PURE__*/React.createElement(_mathToolbar.MathToolbar, {
+          classNames: classNames,
+          controlledKeypad: true,
+          keypadMode: mode,
+          showKeypad: showKeypad[alternateId] || false,
+          latex: alternates[alternateId] || '',
+          onChange: _this2.onAlternateAnswerChange(alternateId),
+          onFocus: _this2.onAlternateFocus(alternateId),
+          onDone: _this2.onAlternateDone(alternateId),
+          error: error && error[alternateId]
+        }), /*#__PURE__*/React.createElement(_IconButton["default"], {
+          className: classes.removeAlternateButton,
+          onClick: _this2.onRemoveAlternate(alternateId)
+        }, /*#__PURE__*/React.createElement(_Delete["default"], null))), error && error[alternateId] ? /*#__PURE__*/React.createElement("div", {
+          className: classes.errorText
+        }, error[alternateId]) : null);
+      }), /*#__PURE__*/React.createElement(_Button["default"], {
+        className: classes.alternateButton,
+        type: "primary",
+        onClick: this.onAddAlternate
+      }, "ADD")));
+    }
+  }]);
+  return Response;
+}(React.Component);
+
+(0, _defineProperty2["default"])(Response, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  defaultResponse: _propTypes["default"].bool,
+  error: _propTypes["default"].object,
+  mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  onResponseChange: _propTypes["default"].func.isRequired,
+  response: _propTypes["default"].object.isRequired,
+  cIgnoreOrder: _propTypes["default"].object.isRequired,
+  cAllowTrailingZeros: _propTypes["default"].object.isRequired,
+  responseKey: _propTypes["default"].string.isRequired
+});
+(0, _defineProperty2["default"])(Response, "defaultProps", {
+  defaultResponse: false,
+  mode: '8'
+});
+
+var styles = function styles(theme) {
+  return {
+    responseContainer: {
+      marginBottom: theme.spacing.unit * 2.5,
+      width: '100%',
+      minWidth: '548px',
+      border: "1px solid ".concat(theme.palette.grey[700]),
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'space-between'
+    },
+    cardContent: {
+      paddingBottom: "".concat(theme.spacing.unit * 2, "px !important")
+    },
+    title: {
+      fontWeight: 700,
+      fontSize: '1.2rem',
+      flex: 3
+    },
+    selectContainer: {
+      flex: 2
+    },
+    inputContainer: {
+      marginBottom: theme.spacing.unit * 2
+    },
+    titleBar: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    },
+    responseEditor: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100%',
+      minWidth: '500px',
+      maxWidth: '900px',
+      height: 'auto',
+      minHeight: '40px'
+    },
+    mathToolbar: {
+      width: '100%'
+    },
+    alternateButton: {
+      border: "1px solid ".concat(theme.palette.grey['A100'])
+    },
+    removeAlternateButton: {
+      marginLeft: theme.spacing.unit
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit
+    },
+    responseBox: {
+      background: theme.palette.grey['A100'],
+      color: theme.palette.grey['A700'],
+      display: 'inline',
+      minWidth: '50px',
+      padding: '8px',
+      border: '1px solid #C0C3CF'
+    },
+    alternateBar: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(Response);
+
+exports["default"] = _default;
+//# sourceMappingURL=response.js.map

package/configure/lib/response.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/response.jsx"],"names":["Response","props","name","evt","response","onResponseChange","responseKey","newResponse","target","value","checked","answer","alternateId","alternates","alternateIdCounter","state","setState","showKeypad","openCount","main","alternatesLength","Object","keys","length","classes","mode","cAllowTrailingZeros","cIgnoreOrder","error","validation","ignoreOrder","allowTrailingZeros","hasAlternates","classNames","editor","responseEditor","mathToolbar","styles","minHeight","responseContainer","cardContent","titleBar","title","responseBox","selectContainer","select","onChange","flexContainer","enabled","label","onLiteralOptionsChange","inputContainer","onAnswerChange","onFocus","onDone","errorText","map","altIdx","alternateBar","onAlternateAnswerChange","onAlternateFocus","onAlternateDone","removeAlternateButton","onRemoveAlternate","alternateButton","onAddAlternate","React","Component","PropTypes","object","isRequired","defaultResponse","bool","oneOfType","string","number","func","theme","marginBottom","spacing","unit","width","minWidth","border","palette","grey","display","flexDirection","justifyContent","paddingBottom","fontWeight","fontSize","flex","alignItems","maxWidth","height","marginLeft","typography","color","paddingTop","background","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;IAEMA,Q;;;;;AAkBJ,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,iGAeR,UAACC,IAAD;AAAA,aAAU,UAACC,GAAD,EAAS;AAC5B,0BAAoD,MAAKF,KAAzD;AAAA,YAAQG,QAAR,eAAQA,QAAR;AAAA,YAAkBC,gBAAlB,eAAkBA,gBAAlB;AAAA,YAAoCC,WAApC,eAAoCA,WAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACL,IAAD,CAAX,GAAoBC,GAAG,CAACK,MAAJ,CAAWC,KAA/B;AAEAJ,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,WAAd,CAAhB;AACD,OAPU;AAAA,KAfQ;AAAA,wGAwBD,UAACJ,IAAD;AAAA,aAAU,UAACC,GAAD,EAAS;AACnC,2BAAoD,MAAKF,KAAzD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,WAApC,gBAAoCA,WAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACL,IAAD,CAAX,GAAoBC,GAAG,CAACK,MAAJ,CAAWE,OAA/B;AAEAL,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,WAAd,CAAhB;AACD,OAPiB;AAAA,KAxBC;AAAA,+GAiCM,UAACJ,IAAD;AAAA,aAAU,YAAM;AACvC,2BAAoD,MAAKD,KAAzD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,WAApC,gBAAoCA,WAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACL,IAAD,CAAX,GAAoB,CAACE,QAAQ,CAACF,IAAD,CAA7B;AAEAG,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,WAAd,CAAhB;AACD,OAPwB;AAAA,KAjCN;AAAA,uGA0CF,UAACK,MAAD,EAAY;AAC3B,yBAAoD,MAAKV,KAAzD;AAAA,UAAQG,QAAR,gBAAQA,QAAR;AAAA,UAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,UAAoCC,WAApC,gBAAoCA,WAApC;;AACA,UAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,MAAAA,WAAW,CAACI,MAAZ,GAAqBA,MAArB;AAEAN,MAAAA,gBAAgB,CAACE,WAAD,EAAcD,WAAd,CAAhB;AACD,KAjDkB;AAAA,gHAmDO,UAACM,WAAD;AAAA,aAAiB,UAACD,MAAD,EAAY;AACrD,2BAAoD,MAAKV,KAAzD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,WAApC,gBAAoCA,WAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACM,UAAZ,CAAuBD,WAAvB,IAAsCD,MAAtC;AAEAN,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,WAAd,CAAhB;AACD,OAPyB;AAAA,KAnDP;AAAA,uGA4DF,YAAM;AACrB,yBAAoD,MAAKL,KAAzD;AAAA,UAAQG,QAAR,gBAAQA,QAAR;AAAA,UAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,UAAoCC,WAApC,gBAAoCA,WAApC;AACA,UAAQQ,kBAAR,GAA+B,MAAKC,KAApC,CAAQD,kBAAR;;AACA,UAAMP,WAAW,qBAAQH,QAAR,CAAjB;;AAEA,UAAI,CAACG,WAAW,CAACM,UAAjB,EAA6B;AAC3BN,QAAAA,WAAW,CAACM,UAAZ,GAAyB,EAAzB;AACD;;AAEDN,MAAAA,WAAW,CAACM,UAAZ,CAAuBC,kBAAvB,IAA6C,EAA7C;AAEAT,MAAAA,gBAAgB,CAACE,WAAD,EAAcD,WAAd,CAAhB;;AAEA,YAAKU,QAAL,CAAc;AACZF,QAAAA,kBAAkB,EAAEA,kBAAkB,GAAG;AAD7B,OAAd;AAGD,KA5EkB;AAAA,0GA8EC,UAACF,WAAD;AAAA,aAAiB,YAAM;AACzC,2BAAoD,MAAKX,KAAzD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,WAApC,gBAAoCA,WAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEA,eAAOG,WAAW,CAACM,UAAZ,CAAuBD,WAAvB,CAAP;AAEAP,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,WAAd,CAAhB;;AAEA,cAAKU,QAAL,CAAc,UAACD,KAAD;AAAA,iBAAY;AACxBE,YAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,cAAAA,SAAS,EAAE,CAACH,KAAK,CAACE,UAAN,CAAiBL,WAAjB,CAAD,GAAiCG,KAAK,CAACE,UAAN,CAAiBC,SAAlD,GAA8DH,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B;AAF9F;AADc,WAAZ;AAAA,SAAd;AAMD,OAdmB;AAAA,KA9ED;AAAA,+FA8FV,YAAM;AACb,YAAKF,QAAL,CAAc,UAACD,KAAD;AAAA,eAAY;AACxBE,UAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,YAAAA,SAAS,EAAEH,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B,CAFhC;AAGRC,YAAAA,IAAI,EAAE;AAHE;AADc,SAAZ;AAAA,OAAd;AAOD,KAtGkB;AAAA,gGAwGT,YAAM;AACd,YAAKH,QAAL,CAAc,UAACD,KAAD;AAAA,eAAY;AACxBE,UAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,YAAAA,SAAS,EAAE,CAACH,KAAK,CAACE,UAAN,CAAiBE,IAAlB,GAAyBJ,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B,CAAtD,GAA0DH,KAAK,CAACE,UAAN,CAAiBC,SAF9E;AAGRC,YAAAA,IAAI,EAAE;AAHE;AADc,SAAZ;AAAA,OAAd;AAOD,KAhHkB;AAAA,yGAkHA,UAACP,WAAD;AAAA,aAAiB,YAAM;AACxC,cAAKI,QAAL,CAAc,UAACD,KAAD;AAAA,iBAAY;AACxBE,YAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,cAAAA,SAAS,EAAE,CAACH,KAAK,CAACE,UAAN,CAAiBL,WAAjB,CAAD,GAAiCG,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B,CAA9D,GAAkEH,KAAK,CAACE,UAAN,CAAiBC;AAFtF,eAGPN,WAHO,EAGO,IAHP;AADc,WAAZ;AAAA,SAAd;AAOD,OARkB;AAAA,KAlHA;AAAA,wGA4HD,UAACA,WAAD;AAAA,aAAiB,YAAM;AACvC,cAAKI,QAAL,CAAc,UAACD,KAAD;AAAA,iBAAY;AACxBE,YAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,cAAAA,SAAS,EAAEH,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B;AAFhC,eAGPN,WAHO,EAGO,KAHP;AADc,WAAZ;AAAA,SAAd;AAOD,OARiB;AAAA,KA5HC;;AAGjB,eAA0CX,KAAK,IAAI,EAAnD;AAAA,6BAAQG,QAAR;;AAAA,+CAAmC,EAAnC;AAAA,QAAoBS,UAApB,iBAAoBA,UAApB;AACA,QAAMO,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYT,UAAU,IAAI,EAA1B,EAA8BU,MAAvD;AAEA,UAAKR,KAAL,GAAa;AACXD,MAAAA,kBAAkB,EAAEM,gBAAgB,GAAG,CAD5B;AAEXH,MAAAA,UAAU,EAAE;AACVC,QAAAA,SAAS,EAAE,CADD;AAEVC,QAAAA,IAAI,EAAE;AAFI;AAFD,KAAb;AANiB;AAalB;;;;WAyHD,kBAAS;AAAA;;AACP,yBAA2F,KAAKlB,KAAhG;AAAA,UAAQuB,OAAR,gBAAQA,OAAR;AAAA,UAAiBC,IAAjB,gBAAiBA,IAAjB;AAAA,UAAuBnB,WAAvB,gBAAuBA,WAAvB;AAAA,UAAoCF,QAApC,gBAAoCA,QAApC;AAAA,UAA8CsB,mBAA9C,gBAA8CA,mBAA9C;AAAA,UAAmEC,YAAnE,gBAAmEA,YAAnE;AAAA,UAAiFC,KAAjF,gBAAiFA,KAAjF;AAEA,UAAQX,UAAR,GAAuB,KAAKF,KAA5B,CAAQE,UAAR;AACA,UAAQY,UAAR,GAA4EzB,QAA5E,CAAQyB,UAAR;AAAA,UAAoBlB,MAApB,GAA4EP,QAA5E,CAAoBO,MAApB;AAAA,UAA4BE,UAA5B,GAA4ET,QAA5E,CAA4BS,UAA5B;AAAA,UAAwCiB,WAAxC,GAA4E1B,QAA5E,CAAwC0B,WAAxC;AAAA,UAAqDC,kBAArD,GAA4E3B,QAA5E,CAAqD2B,kBAArD;AACA,UAAMC,aAAa,GAAGX,MAAM,CAACC,IAAP,CAAYT,UAAU,IAAI,EAA1B,EAA8BU,MAA9B,GAAuC,CAA7D;AACA,UAAMU,UAAU,GAAG;AACjBC,QAAAA,MAAM,EAAEV,OAAO,CAACW,cADC;AAEjBC,QAAAA,WAAW,EAAEZ,OAAO,CAACY;AAFJ,OAAnB;AAIA,UAAMC,MAAM,GAAG;AACbC,QAAAA,SAAS,YAAKrB,UAAU,CAACC,SAAX,GAAuB,CAAvB,GAA2B,GAA3B,GAAiC,GAAtC;AADI,OAAf;AAIA,0BACE,oBAAC,gBAAD;AAAM,QAAA,SAAS,EAAEM,OAAO,CAACe,iBAAzB;AAA4C,QAAA,KAAK,EAAEF;AAAnD,sBACE,oBAAC,uBAAD;AAAa,QAAA,SAAS,EAAEb,OAAO,CAACgB;AAAhC,sBACE;AAAK,QAAA,SAAS,EAAEhB,OAAO,CAACiB;AAAxB,sBACE,oBAAC,sBAAD;AAAY,QAAA,SAAS,EAAEjB,OAAO,CAACkB,KAA/B;AAAsC,QAAA,SAAS,EAAC;AAAhD,uCACe;AAAK,QAAA,SAAS,EAAElB,OAAO,CAACmB;AAAxB,eAAwCrC,WAAxC,CADf,CADF,eAKE,oBAAC,wBAAD;AAAgB,QAAA,KAAK,EAAC,YAAtB;AAAmC,QAAA,SAAS,EAAEkB,OAAO,CAACoB;AAAtD,sBACE,oBAAC,kBAAD;AAAQ,QAAA,SAAS,EAAEpB,OAAO,CAACqB,MAA3B;AAAmC,QAAA,QAAQ,EAAE,KAAKC,QAAL,CAAc,YAAd,CAA7C;AAA0E,QAAA,KAAK,EAAEjB,UAAU,IAAI;AAA/F,sBACE,oBAAC,oBAAD;AAAU,QAAA,KAAK,EAAC;AAAhB,8BADF,eAEE,oBAAC,oBAAD;AAAU,QAAA,KAAK,EAAC;AAAhB,+BAFF,CADF,CALF,CADF,EAcGA,UAAU,KAAK,SAAf,iBACC;AAAK,QAAA,SAAS,EAAEL,OAAO,CAACuB;AAAxB,SACGrB,mBAAmB,CAACsB,OAApB,iBACC,oBAAC,4BAAD;AACE,QAAA,KAAK,EAAEtB,mBAAmB,CAACuB,KAD7B;AAEE,QAAA,OAAO,eACL,oBAAC,oBAAD;AACE,UAAA,OAAO,EAAElB,kBADX;AAEE,UAAA,QAAQ,EAAE,KAAKmB,sBAAL,CAA4B,oBAA5B;AAFZ;AAHJ,QAFJ,EAaGvB,YAAY,CAACqB,OAAb,iBACC,oBAAC,4BAAD;AACE,QAAA,KAAK,EAAErB,YAAY,CAACsB,KADtB;AAEE,QAAA,OAAO,eAAE,oBAAC,oBAAD;AAAU,UAAA,OAAO,EAAEnB,WAAnB;AAAgC,UAAA,QAAQ,EAAE,KAAKoB,sBAAL,CAA4B,aAA5B;AAA1C;AAFX,QAdJ,CAfJ,eAqCE;AAAK,QAAA,SAAS,EAAE1B,OAAO,CAAC2B;AAAxB,sBACE,oBAAC,sBAAD,yBADF,eAEE,oBAAC,wBAAD;AACE,QAAA,UAAU,EAAE1B,IADd;AAEE,QAAA,UAAU,EAAEQ,UAFd;AAGE,QAAA,gBAAgB,MAHlB;AAIE,QAAA,UAAU,EAAEhB,UAAU,CAACE,IAJzB;AAKE,QAAA,KAAK,EAAER,MAAM,IAAI,EALnB;AAME,QAAA,QAAQ,EAAE,KAAKyC,cANjB;AAOE,QAAA,OAAO,EAAE,KAAKC,OAPhB;AAQE,QAAA,MAAM,EAAE,KAAKC,MARf;AASE,QAAA,KAAK,EAAE1B,KAAK,IAAIA,KAAK,CAACjB;AATxB,QAFF,EAaGiB,KAAK,IAAIA,KAAK,CAACjB,MAAf,gBAAwB;AAAK,QAAA,SAAS,EAAEa,OAAO,CAAC+B;AAAxB,SAAoC3B,KAAK,CAACjB,MAA1C,CAAxB,GAAkF,IAbrF,CArCF,EAqDGqB,aAAa,IACZX,MAAM,CAACC,IAAP,CAAYT,UAAZ,EAAwB2C,GAAxB,CAA4B,UAAC5C,WAAD,EAAc6C,MAAd;AAAA,4BAC1B;AAAK,UAAA,SAAS,EAAEjC,OAAO,CAAC2B,cAAxB;AAAwC,UAAA,GAAG,EAAEvC;AAA7C,wBACE,oBAAC,sBAAD,qBAEGS,MAAM,CAACC,IAAP,CAAYT,UAAZ,EAAwBU,MAAxB,GAAiC,CAAjC,cAAyCkC,MAAM,GAAG,CAAlD,IAAwD,EAF3D,CADF,eAKE;AAAK,UAAA,SAAS,EAAEjC,OAAO,CAACkC;AAAxB,wBACE,oBAAC,wBAAD;AACE,UAAA,UAAU,EAAEzB,UADd;AAEE,UAAA,gBAAgB,MAFlB;AAGE,UAAA,UAAU,EAAER,IAHd;AAIE,UAAA,UAAU,EAAER,UAAU,CAACL,WAAD,CAAV,IAA2B,KAJzC;AAKE,UAAA,KAAK,EAAEC,UAAU,CAACD,WAAD,CAAV,IAA2B,EALpC;AAME,UAAA,QAAQ,EAAE,MAAI,CAAC+C,uBAAL,CAA6B/C,WAA7B,CANZ;AAOE,UAAA,OAAO,EAAE,MAAI,CAACgD,gBAAL,CAAsBhD,WAAtB,CAPX;AAQE,UAAA,MAAM,EAAE,MAAI,CAACiD,eAAL,CAAqBjD,WAArB,CARV;AASE,UAAA,KAAK,EAAEgB,KAAK,IAAIA,KAAK,CAAChB,WAAD;AATvB,UADF,eAYE,oBAAC,sBAAD;AACE,UAAA,SAAS,EAAEY,OAAO,CAACsC,qBADrB;AAEE,UAAA,OAAO,EAAE,MAAI,CAACC,iBAAL,CAAuBnD,WAAvB;AAFX,wBAIE,oBAAC,kBAAD,OAJF,CAZF,CALF,EAwBGgB,KAAK,IAAIA,KAAK,CAAChB,WAAD,CAAd,gBAA8B;AAAK,UAAA,SAAS,EAAEY,OAAO,CAAC+B;AAAxB,WAAoC3B,KAAK,CAAChB,WAAD,CAAzC,CAA9B,GAA8F,IAxBjG,CAD0B;AAAA,OAA5B,CAtDJ,eAmFE,oBAAC,kBAAD;AAAQ,QAAA,SAAS,EAAEY,OAAO,CAACwC,eAA3B;AAA4C,QAAA,IAAI,EAAC,SAAjD;AAA2D,QAAA,OAAO,EAAE,KAAKC;AAAzE,eAnFF,CADF,CADF;AA2FD;;;EAjQoBC,KAAK,CAACC,S;;iCAAvBnE,Q,eACe;AACjBwB,EAAAA,OAAO,EAAE4C,sBAAUC,MAAV,CAAiBC,UADT;AAEjBC,EAAAA,eAAe,EAAEH,sBAAUI,IAFV;AAGjB5C,EAAAA,KAAK,EAAEwC,sBAAUC,MAHA;AAIjB5C,EAAAA,IAAI,EAAE2C,sBAAUK,SAAV,CAAoB,CAACL,sBAAUM,MAAX,EAAmBN,sBAAUO,MAA7B,CAApB,CAJW;AAKjBtE,EAAAA,gBAAgB,EAAE+D,sBAAUQ,IAAV,CAAeN,UALhB;AAMjBlE,EAAAA,QAAQ,EAAEgE,sBAAUC,MAAV,CAAiBC,UANV;AAOjB3C,EAAAA,YAAY,EAAEyC,sBAAUC,MAAV,CAAiBC,UAPd;AAQjB5C,EAAAA,mBAAmB,EAAE0C,sBAAUC,MAAV,CAAiBC,UARrB;AASjBhE,EAAAA,WAAW,EAAE8D,sBAAUM,MAAV,CAAiBJ;AATb,C;iCADftE,Q,kBAakB;AACpBuE,EAAAA,eAAe,EAAE,KADG;AAEpB9C,EAAAA,IAAI,EAAE;AAFc,C;;AAuPxB,IAAMY,MAAM,GAAG,SAATA,MAAS,CAACwC,KAAD;AAAA,SAAY;AACzBtC,IAAAA,iBAAiB,EAAE;AACjBuC,MAAAA,YAAY,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,GADlB;AAEjBC,MAAAA,KAAK,EAAE,MAFU;AAGjBC,MAAAA,QAAQ,EAAE,OAHO;AAIjBC,MAAAA,MAAM,sBAAeN,KAAK,CAACO,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAAf,CAJW;AAKjBC,MAAAA,OAAO,EAAE,MALQ;AAMjBC,MAAAA,aAAa,EAAE,QANE;AAOjBC,MAAAA,cAAc,EAAE;AAPC,KADM;AAUzBhD,IAAAA,WAAW,EAAE;AACXiD,MAAAA,aAAa,YAAKZ,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAA1B;AADF,KAVY;AAazBtC,IAAAA,KAAK,EAAE;AACLgD,MAAAA,UAAU,EAAE,GADP;AAELC,MAAAA,QAAQ,EAAE,QAFL;AAGLC,MAAAA,IAAI,EAAE;AAHD,KAbkB;AAkBzBhD,IAAAA,eAAe,EAAE;AACfgD,MAAAA,IAAI,EAAE;AADS,KAlBQ;AAqBzBzC,IAAAA,cAAc,EAAE;AACd2B,MAAAA,YAAY,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AADrB,KArBS;AAwBzBvC,IAAAA,QAAQ,EAAE;AACR6C,MAAAA,OAAO,EAAE,MADD;AAERO,MAAAA,UAAU,EAAE,QAFJ;AAGRL,MAAAA,cAAc,EAAE;AAHR,KAxBe;AA6BzBrD,IAAAA,cAAc,EAAE;AACdmD,MAAAA,OAAO,EAAE,MADK;AAEdO,MAAAA,UAAU,EAAE,QAFE;AAGdL,MAAAA,cAAc,EAAE,QAHF;AAIdP,MAAAA,KAAK,EAAE,MAJO;AAKdC,MAAAA,QAAQ,EAAE,OALI;AAMdY,MAAAA,QAAQ,EAAE,OANI;AAOdC,MAAAA,MAAM,EAAE,MAPM;AAQdzD,MAAAA,SAAS,EAAE;AARG,KA7BS;AAuCzBF,IAAAA,WAAW,EAAE;AACX6C,MAAAA,KAAK,EAAE;AADI,KAvCY;AA0CzBjB,IAAAA,eAAe,EAAE;AACfmB,MAAAA,MAAM,sBAAeN,KAAK,CAACO,OAAN,CAAcC,IAAd,CAAmB,MAAnB,CAAf;AADS,KA1CQ;AA6CzBvB,IAAAA,qBAAqB,EAAE;AACrBkC,MAAAA,UAAU,EAAEnB,KAAK,CAACE,OAAN,CAAcC;AADL,KA7CE;AAgDzBzB,IAAAA,SAAS,EAAE;AACToC,MAAAA,QAAQ,EAAEd,KAAK,CAACoB,UAAN,CAAiBN,QAAjB,GAA4B,CAD7B;AAETO,MAAAA,KAAK,EAAErB,KAAK,CAACO,OAAN,CAAcxD,KAAd,CAAoBT,IAFlB;AAGTgF,MAAAA,UAAU,EAAEtB,KAAK,CAACE,OAAN,CAAcC;AAHjB,KAhDc;AAqDzBrC,IAAAA,WAAW,EAAE;AACXyD,MAAAA,UAAU,EAAEvB,KAAK,CAACO,OAAN,CAAcC,IAAd,CAAmB,MAAnB,CADD;AAEXa,MAAAA,KAAK,EAAErB,KAAK,CAACO,OAAN,CAAcC,IAAd,CAAmB,MAAnB,CAFI;AAGXC,MAAAA,OAAO,EAAE,QAHE;AAIXJ,MAAAA,QAAQ,EAAE,MAJC;AAKXmB,MAAAA,OAAO,EAAE,KALE;AAMXlB,MAAAA,MAAM,EAAE;AANG,KArDY;AA6DzBzB,IAAAA,YAAY,EAAE;AACZ4B,MAAAA,OAAO,EAAE,MADG;AAEZE,MAAAA,cAAc,EAAE,eAFJ;AAGZK,MAAAA,UAAU,EAAE;AAHA;AA7DW,GAAZ;AAAA,CAAf;;eAoEe,wBAAWxD,MAAX,EAAmBrC,QAAnB,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/pie-toolbox/config-ui';\nimport { MathToolbar } from '@pie-lib/pie-toolbox/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 IconButton from '@material-ui/core/IconButton';\nimport Delete from '@material-ui/icons/Delete';\n\nclass Response extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    defaultResponse: PropTypes.bool,\n    error: PropTypes.object,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onResponseChange: PropTypes.func.isRequired,\n    response: PropTypes.object.isRequired,\n    cIgnoreOrder: PropTypes.object.isRequired,\n    cAllowTrailingZeros: PropTypes.object.isRequired,\n    responseKey: PropTypes.string.isRequired,\n  };\n\n  static defaultProps = {\n    defaultResponse: false,\n    mode: '8',\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, responseKey } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.value;\n\n    onResponseChange(newResponse, responseKey);\n  };\n\n  onConfigChanged = (name) => (evt) => {\n    const { response, onResponseChange, responseKey } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.checked;\n\n    onResponseChange(newResponse, responseKey);\n  };\n\n  onLiteralOptionsChange = (name) => () => {\n    const { response, onResponseChange, responseKey } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = !response[name];\n\n    onResponseChange(newResponse, responseKey);\n  };\n\n  onAnswerChange = (answer) => {\n    const { response, onResponseChange, responseKey } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.answer = answer;\n\n    onResponseChange(newResponse, responseKey);\n  };\n\n  onAlternateAnswerChange = (alternateId) => (answer) => {\n    const { response, onResponseChange, responseKey } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.alternates[alternateId] = answer;\n\n    onResponseChange(newResponse, responseKey);\n  };\n\n  onAddAlternate = () => {\n    const { response, onResponseChange, responseKey } = 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, responseKey);\n\n    this.setState({\n      alternateIdCounter: alternateIdCounter + 1,\n    });\n  };\n\n  onRemoveAlternate = (alternateId) => () => {\n    const { response, onResponseChange, responseKey } = this.props;\n    const newResponse = { ...response };\n\n    delete newResponse.alternates[alternateId];\n\n    onResponseChange(newResponse, responseKey);\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, responseKey, 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=\"div\">\n              Response for <div className={classes.responseBox}>R {responseKey}</div>\n            </Typography>\n\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\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\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\n          {hasAlternates &&\n            Object.keys(alternates).map((alternateId, altIdx) => (\n              <div className={classes.inputContainer} key={alternateId}>\n                <InputLabel>\n                  Alternate\n                  {Object.keys(alternates).length > 1 ? ` ${altIdx + 1}` : ''}\n                </InputLabel>\n                <div className={classes.alternateBar}>\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                  <IconButton\n                    className={classes.removeAlternateButton}\n                    onClick={this.onRemoveAlternate(alternateId)}\n                  >\n                    <Delete/>\n                  </IconButton>\n                </div>\n                {error && error[alternateId] ? <div className={classes.errorText}>{error[alternateId]}</div> : null}\n              </div>\n            ))}\n\n          <Button className={classes.alternateButton} type=\"primary\" onClick={this.onAddAlternate}>\n            ADD\n          </Button>\n        </CardContent>\n      </Card>\n    )\n  }\n}\n\nconst styles = (theme) => ({\n  responseContainer: {\n    marginBottom: theme.spacing.unit * 2.5,\n    width: '100%',\n    minWidth: '548px',\n    border: `1px solid ${theme.palette.grey[700]}`,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  cardContent: {\n    paddingBottom: `${theme.spacing.unit * 2}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    marginBottom: theme.spacing.unit * 2,\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  alternateButton: {\n    border: `1px solid ${theme.palette.grey['A100']}`,\n  },\n  removeAlternateButton: {\n    marginLeft: theme.spacing.unit,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n  responseBox: {\n    background: theme.palette.grey['A100'],\n    color: theme.palette.grey['A700'],\n    display: 'inline',\n    minWidth: '50px',\n    padding: '8px',\n    border: '1px solid #C0C3CF',\n  },\n  alternateBar: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  }\n});\n\nexport default withStyles(styles)(Response);\n"],"file":"response.js"}

package/configure/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@pie-element/math-templated-configure",
+  "private": true,
+  "version": "1.0.0",
+  "description": "",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "dependencies": {
+    "@material-ui/core": "^3.9.2",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/pie-toolbox": "1.19.0",
+    "debug": "^3.1.0",
+    "lodash": "^4.17.15",
+    "prop-types": "^15.6.2",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/controller/CHANGELOG.json

@@ -0,0 +1 @@
+[]