@pie-element/multiple-choice 7.6.1-beta.2 → 7.6.1-beta.4

package/lib/feedback-tick.js

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _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 = _interopRequireDefault(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _styles = require("@material-ui/core/styles");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
 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 stylesheet = {
   incorrect: {
     fill: "var(--feedback-incorrect-bg-color, ".concat(_renderUi.color.incorrect(), ")")
@@ -73,15 +58,11 @@ var stylesheet = {
     transition: 'left 300ms ease-in, opacity 300ms'
   }
 };
-
 var FeedbackTick = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(FeedbackTick, _React$Component);
-
   var _super = _createSuper(FeedbackTick);
-
   function FeedbackTick(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, FeedbackTick);
     _this = _super.call(this, props);
     _this.incorrectIcon = /*#__PURE__*/_react["default"].createElement("svg", {
@@ -124,16 +105,13 @@ var FeedbackTick = /*#__PURE__*/function (_React$Component) {
     }));
     return _this;
   }
-
   (0, _createClass2["default"])(FeedbackTick, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          correctness = _this$props.correctness,
-          classes = _this$props.classes;
-
+        correctness = _this$props.correctness,
+        classes = _this$props.classes;
       var icon = function () {
         if (correctness === 'incorrect') {
           return _this2.incorrectIcon;
@@ -141,7 +119,6 @@ var FeedbackTick = /*#__PURE__*/function (_React$Component) {
           return _this2.correctIcon;
         }
       }();
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.feedbackTick
       }, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, correctness && /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
@@ -160,15 +137,12 @@ var FeedbackTick = /*#__PURE__*/function (_React$Component) {
   }]);
   return FeedbackTick;
 }(_react["default"].Component);
-
 (0, _defineProperty2["default"])(FeedbackTick, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   correctness: _propTypes["default"].string
 });
-
 var _default = (0, _styles.withStyles)(stylesheet, {
   name: 'FeedbackTick'
 })(FeedbackTick);
-
 exports["default"] = _default;
 //# sourceMappingURL=feedback-tick.js.map

package/lib/feedback-tick.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/feedback-tick.jsx"],"names":["stylesheet","incorrect","fill","color","correct","feedbackTick","width","height","position","display","verticalAlign","feedbackTickEnter","opacity","left","feedbackTickEnterActive","transition","feedbackTickLeave","feedbackTickLeaveActive","FeedbackTick","props","incorrectIcon","enableBackground","classes","correctIcon","correctness","icon","enter","enterActive","exit","exitActive","React","Component","PropTypes","object","isRequired","string","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst stylesheet = {\n  incorrect: {\n    fill: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  correct: {\n    fill: `var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n  feedbackTick: {\n    width: '33px',\n    height: '33px',\n    '& svg': {\n      position: 'absolute',\n      display: 'inline-block',\n      width: '33px',\n      height: '33px',\n      verticalAlign: 'middle',\n      '& hide': {\n        display: 'none',\n      },\n    },\n  },\n  feedbackTickEnter: {\n    opacity: '0',\n    left: '-50px',\n  },\n  feedbackTickEnterActive: {\n    opacity: '1',\n    left: '0px',\n    transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms',\n  },\n  feedbackTickLeave: {\n    opacity: '1',\n    left: '0px',\n  },\n  feedbackTickLeaveActive: {\n    opacity: '0',\n    left: '-50px',\n    transition: 'left 300ms ease-in, opacity 300ms',\n  },\n};\n\nclass FeedbackTick extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correctness: PropTypes.string,\n  };\n  constructor(props) {\n    super(props);\n    this.incorrectIcon = (\n      <svg\n        key=\"1\"\n        preserveAspectRatio=\"xMinYMin meet\"\n        x=\"0px\"\n        y=\"0px\"\n        viewBox=\"0 0 44 40\"\n        style={{ enableBackground: 'new 0 0 44 40' }}\n      >\n        <g>\n          <rect\n            x=\"11\"\n            y=\"17.3\"\n            transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)\"\n            className={this.props.classes.incorrect}\n            width=\"16.6\"\n            height=\"3.7\"\n          />\n          <rect\n            x=\"17.4\"\n            y=\"10.7\"\n            transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)\"\n            className={this.props.classes.incorrect}\n            width=\"3.7\"\n            height=\"16.6\"\n          />\n        </g>\n      </svg>\n    );\n\n    this.correctIcon = (\n      <svg\n        key=\"2\"\n        preserveAspectRatio=\"xMinYMin meet\"\n        version=\"1.1\"\n        x=\"0px\"\n        y=\"0px\"\n        viewBox=\"0 0 44 40\"\n        style={{ enableBackground: 'new 0 0 44 40' }}\n      >\n        <polygon\n          className={this.props.classes.correct}\n          points=\"19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4\"\n        />\n      </svg>\n    );\n  }\n\n  render() {\n    const { correctness, classes } = this.props;\n\n    const icon = (() => {\n      if (correctness === 'incorrect') {\n        return this.incorrectIcon;\n      } else if (correctness === 'correct') {\n        return this.correctIcon;\n      }\n    })();\n\n    return (\n      <div className={classes.feedbackTick}>\n        <TransitionGroup>\n          {correctness && (\n            <CSSTransition\n              classNames={{\n                enter: classes.feedbackTickEnter,\n                enterActive: classes.feedbackTickEnterActive,\n                exit: classes.feedbackTickLeave,\n                exitActive: classes.feedbackTickLeaveActive,\n              }}\n              timeout={{ enter: 700, exit: 300 }}\n            >\n              {icon}\n            </CSSTransition>\n          )}\n        </TransitionGroup>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(stylesheet, { name: 'FeedbackTick' })(FeedbackTick);\n"],"file":"feedback-tick.js"}
+{"version":3,"file":"feedback-tick.js","names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_styles","_propTypes","_renderUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","stylesheet","incorrect","fill","concat","color","correct","feedbackTick","width","height","position","display","verticalAlign","feedbackTickEnter","opacity","left","feedbackTickEnterActive","transition","feedbackTickLeave","feedbackTickLeaveActive","FeedbackTick","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","incorrectIcon","createElement","key","preserveAspectRatio","x","y","viewBox","style","enableBackground","transform","className","classes","correctIcon","version","points","_createClass2","value","render","_this2","_this$props","correctness","icon","TransitionGroup","CSSTransition","classNames","enter","enterActive","exit","exitActive","timeout","React","Component","_defineProperty2","PropTypes","object","isRequired","string","_default","withStyles","name","exports"],"sources":["../src/feedback-tick.jsx"],"sourcesContent":["import React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst stylesheet = {\n  incorrect: {\n    fill: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  correct: {\n    fill: `var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n  feedbackTick: {\n    width: '33px',\n    height: '33px',\n    '& svg': {\n      position: 'absolute',\n      display: 'inline-block',\n      width: '33px',\n      height: '33px',\n      verticalAlign: 'middle',\n      '& hide': {\n        display: 'none',\n      },\n    },\n  },\n  feedbackTickEnter: {\n    opacity: '0',\n    left: '-50px',\n  },\n  feedbackTickEnterActive: {\n    opacity: '1',\n    left: '0px',\n    transition: 'left 500ms ease-in 200ms, opacity 500ms linear 200ms',\n  },\n  feedbackTickLeave: {\n    opacity: '1',\n    left: '0px',\n  },\n  feedbackTickLeaveActive: {\n    opacity: '0',\n    left: '-50px',\n    transition: 'left 300ms ease-in, opacity 300ms',\n  },\n};\n\nclass FeedbackTick extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correctness: PropTypes.string,\n  };\n  constructor(props) {\n    super(props);\n    this.incorrectIcon = (\n      <svg\n        key=\"1\"\n        preserveAspectRatio=\"xMinYMin meet\"\n        x=\"0px\"\n        y=\"0px\"\n        viewBox=\"0 0 44 40\"\n        style={{ enableBackground: 'new 0 0 44 40' }}\n      >\n        <g>\n          <rect\n            x=\"11\"\n            y=\"17.3\"\n            transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)\"\n            className={this.props.classes.incorrect}\n            width=\"16.6\"\n            height=\"3.7\"\n          />\n          <rect\n            x=\"17.4\"\n            y=\"10.7\"\n            transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)\"\n            className={this.props.classes.incorrect}\n            width=\"3.7\"\n            height=\"16.6\"\n          />\n        </g>\n      </svg>\n    );\n\n    this.correctIcon = (\n      <svg\n        key=\"2\"\n        preserveAspectRatio=\"xMinYMin meet\"\n        version=\"1.1\"\n        x=\"0px\"\n        y=\"0px\"\n        viewBox=\"0 0 44 40\"\n        style={{ enableBackground: 'new 0 0 44 40' }}\n      >\n        <polygon\n          className={this.props.classes.correct}\n          points=\"19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4\"\n        />\n      </svg>\n    );\n  }\n\n  render() {\n    const { correctness, classes } = this.props;\n\n    const icon = (() => {\n      if (correctness === 'incorrect') {\n        return this.incorrectIcon;\n      } else if (correctness === 'correct') {\n        return this.correctIcon;\n      }\n    })();\n\n    return (\n      <div className={classes.feedbackTick}>\n        <TransitionGroup>\n          {correctness && (\n            <CSSTransition\n              classNames={{\n                enter: classes.feedbackTickEnter,\n                enterActive: classes.feedbackTickEnterActive,\n                exit: classes.feedbackTickLeave,\n                exitActive: classes.feedbackTickLeaveActive,\n              }}\n              timeout={{ enter: 700, exit: 300 }}\n            >\n              {icon}\n            </CSSTransition>\n          )}\n        </TransitionGroup>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(stylesheet, { name: 'FeedbackTick' })(FeedbackTick);\n"],"mappings":"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"}

package/lib/index.js

@@ -1,60 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isComplete = 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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
 var _main = _interopRequireDefault(require("./main"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var _mathRendering = require("@pie-lib/math-rendering");
-
 var _sessionUpdater = require("./session-updater");
-
 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 log = (0, _debug["default"])('pie-ui:multiple-choice');
-
 var isComplete = function isComplete(session) {
   return !!(session && session.value && session.value.length);
 };
-
 exports.isComplete = isComplete;
-
 var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(MultipleChoice, _HTMLElement);
-
   var _super = _createSuper(MultipleChoice);
-
   function MultipleChoice() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, MultipleChoice);
     _this = _super.call(this);
     _this._model = null;
@@ -66,7 +42,6 @@ var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
           session: _this._session,
           onChoiceChanged: _this._onChange.bind((0, _assertThisInitialized2["default"])(_this))
         });
-
         _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
           log('render complete - render math');
           (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
@@ -87,7 +62,6 @@ var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
           component: _this.tagName.toLowerCase()
         }
       });
-
       _this.dispatchEvent(event);
     });
     _this._dispatchModelSet = (0, _debounce["default"])(function () {
@@ -106,14 +80,11 @@ var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
     });
     return _this;
   }
-
   (0, _createClass2["default"])(MultipleChoice, [{
     key: "model",
     set: function set(s) {
       this._model = s;
-
       this._rerender();
-
       this._dispatchModelSet();
     }
   }, {
@@ -123,19 +94,15 @@ var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
     },
     set: function set(s) {
       this._session = s;
-
-      this._rerender(); //TODO: remove this session-changed should only be emit on user change
-
-
+      this._rerender();
+      //TODO: remove this session-changed should only be emit on user change
       this._dispatchResponseChanged();
     }
   }, {
     key: "_onChange",
     value: function _onChange(data) {
       (0, _sessionUpdater.updateSessionValue)(this._session, this._model.choiceMode, data);
-
       this._dispatchResponseChanged();
-
       this._rerender();
     }
   }, {
@@ -146,6 +113,5 @@ var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
   }]);
   return MultipleChoice;
 }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
 exports["default"] = MultipleChoice;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","isComplete","session","value","length","MultipleChoice","_model","_session","_rerender","element","React","createElement","Main","model","onChoiceChanged","_onChange","bind","ReactDOM","render","leading","trailing","_dispatchResponseChanged","event","CustomEvent","bubbles","composed","detail","complete","component","tagName","toLowerCase","dispatchEvent","_dispatchModelSet","hasModel","undefined","s","data","choiceMode","HTMLElement"],"mappings":"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","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { updateSessionValue } from './session-updater';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = (session) => !!(session && session.value && session.value.length);\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            onChoiceChanged: this._onChange.bind(this),\n          });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      var event = new CustomEvent('session-changed', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          complete: isComplete(this._session),\n          component: this.tagName.toLowerCase(),\n        },\n      });\n\n      this.dispatchEvent(event);\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new CustomEvent('model-set', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              complete: isComplete(this._session),\n              component: this.tagName.toLowerCase(),\n              hasModel: this._model !== undefined,\n            },\n          }),\n        );\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  connectedCallback() {\n    this._rerender();\n  }\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_main","_interopRequireDefault","require","_react","_reactDom","_debounce","_debug","_mathRendering","_sessionUpdater","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","isComplete","session","value","length","exports","MultipleChoice","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_model","_session","_rerender","debounce","element","React","createElement","Main","model","onChoiceChanged","_onChange","bind","_assertThisInitialized2","ReactDOM","render","renderMath","leading","trailing","_dispatchResponseChanged","event","CustomEvent","bubbles","composed","detail","complete","component","tagName","toLowerCase","dispatchEvent","_dispatchModelSet","hasModel","undefined","_createClass2","key","set","s","get","data","updateSessionValue","choiceMode","connectedCallback","_wrapNativeSuper2","HTMLElement"],"sources":["../src/index.js"],"sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { updateSessionValue } from './session-updater';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = (session) => !!(session && session.value && session.value.length);\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            onChoiceChanged: this._onChange.bind(this),\n          });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      var event = new CustomEvent('session-changed', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          complete: isComplete(this._session),\n          component: this.tagName.toLowerCase(),\n        },\n      });\n\n      this.dispatchEvent(event);\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new CustomEvent('model-set', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              complete: isComplete(this._session),\n              component: this.tagName.toLowerCase(),\n              hasModel: this._model !== undefined,\n            },\n          }),\n        );\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  connectedCallback() {\n    this._rerender();\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAAuD,SAAAO,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEvD,IAAMC,GAAG,GAAG,IAAAC,iBAAK,EAAC,wBAAwB,CAAC;AAEpC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,OAAO;EAAA,OAAK,CAAC,EAAEA,OAAO,IAAIA,OAAO,CAACC,KAAK,IAAID,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;AAAA;AAACC,OAAA,CAAAJ,UAAA,GAAAA,UAAA;AAAA,IAEvEK,cAAc,0BAAAC,YAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,YAAA;EAAA,IAAAE,MAAA,GAAAhC,YAAA,CAAA6B,cAAA;EACjC,SAAAA,eAAA,EAAc;IAAA,IAAAI,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,cAAA;IACZI,KAAA,GAAAD,MAAA,CAAAZ,IAAA;IACAa,KAAA,CAAKE,MAAM,GAAG,IAAI;IAClBF,KAAA,CAAKG,QAAQ,GAAG,IAAI;IAEpBH,KAAA,CAAKI,SAAS,GAAG,IAAAC,oBAAQ,EACvB,YAAM;MACJ,IAAIL,KAAA,CAAKE,MAAM,IAAIF,KAAA,CAAKG,QAAQ,EAAE;QAChC,IAAIG,OAAO,gBAAGC,iBAAK,CAACC,aAAa,CAACC,gBAAI,EAAE;UACtCC,KAAK,EAAEV,KAAA,CAAKE,MAAM;UAClBV,OAAO,EAAEQ,KAAA,CAAKG,QAAQ;UACtBQ,eAAe,EAAEX,KAAA,CAAKY,SAAS,CAACC,IAAI,KAAAC,uBAAA,aAAAd,KAAA,CAAK;QAC3C,CAAC,CAAC;QAEFe,oBAAQ,CAACC,MAAM,CAACV,OAAO,MAAAQ,uBAAA,aAAAd,KAAA,GAAQ,YAAM;UACnCX,GAAG,CAAC,+BAA+B,CAAC;UACpC,IAAA4B,yBAAU,MAAAH,uBAAA,aAAAd,KAAA,CAAK,CAAC;QAClB,CAAC,CAAC;MACJ,CAAC,MAAM;QACLX,GAAG,CAAC,MAAM,CAAC;MACb;IACF,CAAC,EACD,EAAE,EACF;MAAE6B,OAAO,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAK,CACnC,CAAC;IAEDnB,KAAA,CAAKoB,wBAAwB,GAAG,IAAAf,oBAAQ,EAAC,YAAM;MAC7C,IAAIgB,KAAK,GAAG,IAAIC,WAAW,CAAC,iBAAiB,EAAE;QAC7CC,OAAO,EAAE,IAAI;QACbC,QAAQ,EAAE,IAAI;QACdC,MAAM,EAAE;UACNC,QAAQ,EAAEnC,UAAU,CAACS,KAAA,CAAKG,QAAQ,CAAC;UACnCwB,SAAS,EAAE3B,KAAA,CAAK4B,OAAO,CAACC,WAAW,CAAC;QACtC;MACF,CAAC,CAAC;MAEF7B,KAAA,CAAK8B,aAAa,CAACT,KAAK,CAAC;IAC3B,CAAC,CAAC;IAEFrB,KAAA,CAAK+B,iBAAiB,GAAG,IAAA1B,oBAAQ,EAC/B,YAAM;MACJL,KAAA,CAAK8B,aAAa,CAChB,IAAIR,WAAW,CAAC,WAAW,EAAE;QAC3BC,OAAO,EAAE,IAAI;QACbC,QAAQ,EAAE,IAAI;QACdC,MAAM,EAAE;UACNC,QAAQ,EAAEnC,UAAU,CAACS,KAAA,CAAKG,QAAQ,CAAC;UACnCwB,SAAS,EAAE3B,KAAA,CAAK4B,OAAO,CAACC,WAAW,CAAC,CAAC;UACrCG,QAAQ,EAAEhC,KAAA,CAAKE,MAAM,KAAK+B;QAC5B;MACF,CAAC,CACH,CAAC;IACH,CAAC,EACD,EAAE,EACF;MAAEf,OAAO,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAK,CACnC,CAAC;IAAC,OAAAnB,KAAA;EACJ;EAAC,IAAAkC,aAAA,aAAAtC,cAAA;IAAAuC,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAUC,CAAC,EAAE;MACX,IAAI,CAACnC,MAAM,GAAGmC,CAAC;MACf,IAAI,CAACjC,SAAS,CAAC,CAAC;MAChB,IAAI,CAAC2B,iBAAiB,CAAC,CAAC;IAC1B;EAAC;IAAAI,GAAA;IAAAG,GAAA,EAED,SAAAA,IAAA,EAAc;MACZ,OAAO,IAAI,CAACnC,QAAQ;IACtB,CAAC;IAAAiC,GAAA,EAED,SAAAA,IAAYC,CAAC,EAAE;MACb,IAAI,CAAClC,QAAQ,GAAGkC,CAAC;MACjB,IAAI,CAACjC,SAAS,CAAC,CAAC;MAChB;MACA,IAAI,CAACgB,wBAAwB,CAAC,CAAC;IACjC;EAAC;IAAAe,GAAA;IAAA1C,KAAA,EAED,SAAAmB,UAAU2B,IAAI,EAAE;MACd,IAAAC,kCAAkB,EAAC,IAAI,CAACrC,QAAQ,EAAE,IAAI,CAACD,MAAM,CAACuC,UAAU,EAAEF,IAAI,CAAC;MAC/D,IAAI,CAACnB,wBAAwB,CAAC,CAAC;MAC/B,IAAI,CAAChB,SAAS,CAAC,CAAC;IAClB;EAAC;IAAA+B,GAAA;IAAA1C,KAAA,EAED,SAAAiD,kBAAA,EAAoB;MAClB,IAAI,CAACtC,SAAS,CAAC,CAAC;IAClB;EAAC;EAAA,OAAAR,cAAA;AAAA,oBAAA+C,iBAAA,aApFyCC,WAAW;AAAAjD,OAAA,cAAAC,cAAA"}

package/lib/main.js

@@ -1,61 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _multipleChoice = _interopRequireDefault(require("./multiple-choice"));
-
 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 Main = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Main, _React$Component);
-
   var _super = _createSuper(Main);
-
   function Main(props) {
     (0, _classCallCheck2["default"])(this, Main);
     return _super.call(this, props);
   }
-
   (0, _createClass2["default"])(Main, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          model = _this$props.model,
-          onChoiceChanged = _this$props.onChoiceChanged,
-          session = _this$props.session,
-          classes = _this$props.classes; // model.partLabel is a property used for ebsr
+        model = _this$props.model,
+        onChoiceChanged = _this$props.onChoiceChanged,
+        session = _this$props.session,
+        classes = _this$props.classes;
 
+      // model.partLabel is a property used for ebsr
       return /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewLayout, {
         ariaLabel: model.choiceMode == 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question',
         role: "region"
@@ -69,7 +50,6 @@ var Main = /*#__PURE__*/function (_React$Component) {
   }]);
   return Main;
 }(_react["default"].Component);
-
 (0, _defineProperty2["default"])(Main, "propTypes", {
   model: _propTypes["default"].object,
   session: _propTypes["default"].object,
@@ -88,13 +68,11 @@ var theme = (0, _styles.createMuiTheme)({
     useNextVariants: true
   }
 });
-
 var Root = function Root(props) {
   return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
     theme: theme
   }, /*#__PURE__*/_react["default"].createElement(Styled, props));
 };
-
 var _default = Root;
 exports["default"] = _default;
 //# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onChoiceChanged","session","classes","choiceMode","partLabel","root","className","React","Component","PropTypes","object","func","isRequired","Styled","name","theme","typography","useNextVariants","Root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;IAEMA,I;;;;;AAYJ,gBAAYC,KAAZ,EAAmB;AAAA;AAAA,6BACXA,KADW;AAElB;;;;WAED,kBAAS;AACP,wBAAqD,KAAKA,KAA1D;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AAAA,UAAyCC,OAAzC,eAAyCA,OAAzC,CADO,CAGP;;AACA,0BACE,gCAAC,uBAAD;AACE,QAAA,SAAS,EAAGH,KAAK,CAACI,UAAN,IAAoB,OAApB,GAA8B,0BAA9B,GAA2D,kCADzE;AAEE,QAAA,IAAI,EAAC;AAFP,SAIGJ,KAAK,CAACK,SAAN,iBAAmB,2CAAIL,KAAK,CAACK,SAAV,CAJtB,eAKE;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,IAAnB,EAAyBH,OAAO,CAACH,KAAK,CAACO,SAAP,CAAhC;AAAhB,sBACE,gCAAC,0BAAD,gCAAoBP,KAApB;AAA2B,QAAA,OAAO,EAAEE,OAApC;AAA6C,QAAA,eAAe,EAAED;AAA9D,SADF,CALF,CADF;AAWD;;;EA/BgBO,kBAAMC,S;;iCAAnBX,I,eACe;AACjBE,EAAAA,KAAK,EAAEU,sBAAUC,MADA;AAEjBT,EAAAA,OAAO,EAAEQ,sBAAUC,MAFF;AAGjBV,EAAAA,eAAe,EAAES,sBAAUE,IAHV;AAIjBT,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBE;AAJT,C;iCADff,I,kBAQkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;AA0BxB,IAAMY,MAAM,GAAG,wBAAW,EAAX,EAAe;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAf,EAAiCjB,IAAjC,CAAf;AAEA,IAAMkB,KAAK,GAAG,4BAAe;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,eAAe,EAAE;AADP;AADe,CAAf,CAAd;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACpB,KAAD;AAAA,sBACX,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEiB;AAAzB,kBACE,gCAAC,MAAD,EAAYjB,KAAZ,CADF,CADW;AAAA,CAAb;;eAMeoB,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { PreviewLayout } from '@pie-lib/render-ui';\nimport MultipleChoice from './multiple-choice';\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onChoiceChanged: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { model, onChoiceChanged, session, classes } = this.props;\n\n    // model.partLabel is a property used for ebsr\n    return (\n      <PreviewLayout\n        ariaLabel={(model.choiceMode == 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question')}\n        role=\"region\"\n      > \n        {model.partLabel && <p>{model.partLabel}</p>}\n        <div className={classNames(classes.root, classes[model.className])}>\n          <MultipleChoice {...model} session={session} onChoiceChanged={onChoiceChanged} />\n        </div>\n      </PreviewLayout>\n    );\n  }\n}\n\nconst Styled = withStyles({}, { name: 'Main' })(Main);\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n  },\n});\n\nconst Root = (props) => (\n  <MuiThemeProvider theme={theme}>\n    <Styled {...props} />\n  </MuiThemeProvider>\n);\n\nexport default Root;\n"],"file":"main.js"}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_renderUi","_multipleChoice","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Main","_React$Component","_inherits2","_super","props","_classCallCheck2","_createClass2","key","value","render","_this$props","model","onChoiceChanged","session","classes","createElement","PreviewLayout","ariaLabel","choiceMode","role","partLabel","className","classNames","root","_extends2","React","Component","_defineProperty2","PropTypes","object","func","isRequired","Styled","withStyles","name","theme","createMuiTheme","typography","useNextVariants","Root","MuiThemeProvider","_default","exports"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { PreviewLayout } from '@pie-lib/render-ui';\nimport MultipleChoice from './multiple-choice';\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onChoiceChanged: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { model, onChoiceChanged, session, classes } = this.props;\n\n    // model.partLabel is a property used for ebsr\n    return (\n      <PreviewLayout\n        ariaLabel={(model.choiceMode == 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question')}\n        role=\"region\"\n      > \n        {model.partLabel && <p>{model.partLabel}</p>}\n        <div className={classNames(classes.root, classes[model.className])}>\n          <MultipleChoice {...model} session={session} onChoiceChanged={onChoiceChanged} />\n        </div>\n      </PreviewLayout>\n    );\n  }\n}\n\nconst Styled = withStyles({}, { name: 'Main' })(Main);\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n  },\n});\n\nconst Root = (props) => (\n  <MuiThemeProvider theme={theme}>\n    <Styled {...props} />\n  </MuiThemeProvider>\n);\n\nexport default Root;\n"],"mappings":"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"}

package/lib/multiple-choice.js

@@ -1,45 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MultipleChoice = 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 = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _choice = _interopRequireDefault(require("./choice"));
-
 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; } }
-
 // MultipleChoice
+
 var styles = {
   corespringChoice: {
     backgroundColor: _renderUi.color.background(),
@@ -68,27 +51,20 @@ var styles = {
     minWidth: '0px'
   }
 };
-
 var MultipleChoice = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(MultipleChoice, _React$Component);
-
   var _super = _createSuper(MultipleChoice);
-
   function MultipleChoice(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, MultipleChoice);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getCorrectness", function () {
       var choice = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var isCorrect = choice.correct;
-
       var isChecked = _this.isSelected(choice.value);
-
       if (_this.state.showCorrect) {
         return isCorrect ? 'correct' : undefined;
       }
-
       if (isCorrect) {
         if (isChecked) {
           // A correct answer is selected: marked with a green checkmark
@@ -113,7 +89,6 @@ var MultipleChoice = /*#__PURE__*/function (_React$Component) {
     _this.onToggle = _this.onToggle.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
   (0, _createClass2["default"])(MultipleChoice, [{
     key: "onToggle",
     value: function onToggle() {
@@ -131,7 +106,6 @@ var MultipleChoice = /*#__PURE__*/function (_React$Component) {
           showCorrect: false
         });
       }
-
       if (nextProps.alwaysShowCorrect) {
         this.setState({
           showCorrect: true
@@ -150,31 +124,28 @@ var MultipleChoice = /*#__PURE__*/function (_React$Component) {
       if (this.props.keyMode === 'numbers') {
         return "".concat(index + 1);
       }
-
       if (this.props.keyMode === 'letters') {
         return String.fromCharCode(97 + index).toUpperCase();
       }
-
       return '';
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          mode = _this$props.mode,
-          disabled = _this$props.disabled,
-          _this$props$choices = _this$props.choices,
-          choices = _this$props$choices === void 0 ? [] : _this$props$choices,
-          choiceMode = _this$props.choiceMode,
-          prompt = _this$props.prompt,
-          onChoiceChanged = _this$props.onChoiceChanged,
-          responseCorrect = _this$props.responseCorrect,
-          teacherInstructions = _this$props.teacherInstructions,
-          classes = _this$props.classes,
-          alwaysShowCorrect = _this$props.alwaysShowCorrect,
-          animationsDisabled = _this$props.animationsDisabled;
+        mode = _this$props.mode,
+        disabled = _this$props.disabled,
+        _this$props$choices = _this$props.choices,
+        choices = _this$props$choices === void 0 ? [] : _this$props$choices,
+        choiceMode = _this$props.choiceMode,
+        prompt = _this$props.prompt,
+        onChoiceChanged = _this$props.onChoiceChanged,
+        responseCorrect = _this$props.responseCorrect,
+        teacherInstructions = _this$props.teacherInstructions,
+        classes = _this$props.classes,
+        alwaysShowCorrect = _this$props.alwaysShowCorrect,
+        animationsDisabled = _this$props.animationsDisabled;
       var showCorrect = this.state.showCorrect;
       var isEvaluateMode = mode === 'evaluate';
       var showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;
@@ -231,7 +202,6 @@ var MultipleChoice = /*#__PURE__*/function (_React$Component) {
   }]);
   return MultipleChoice;
 }(_react["default"].Component);
-
 exports.MultipleChoice = MultipleChoice;
 (0, _defineProperty2["default"])(MultipleChoice, "propTypes", {
   mode: _propTypes["default"].oneOf(['gather', 'view', 'evaluate']),
@@ -256,8 +226,6 @@ MultipleChoice.defaultProps = {
     value: []
   }
 };
-
 var _default = (0, _styles.withStyles)(styles)(MultipleChoice);
-
 exports["default"] = _default;
 //# sourceMappingURL=multiple-choice.js.map