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

package/lib/multiple-choice.js

@@ -0,0 +1,231 @@
+"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(),
+    padding: '5px',
+    '& *': {
+      '-webkit-font-smoothing': 'antialiased'
+    }
+  },
+  horizontalLayout: {
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  gridLayout: {
+    display: 'grid'
+  },
+  getColumns: function getColumns(columns) {
+    return columns > 1 ? {
+      gridTemplateColumns: "repeat(".concat(columns, ", 1fr)")
+    } : undefined;
+  },
+  fieldset: {
+    border: '0px',
+    padding: '0.01em 0 0 0',
+    margin: '0px',
+    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
+          return 'correct';
+        } else {
+          // A correct answer is NOT selected: marked with an orange X
+          return 'incorrect';
+        }
+      } else {
+        if (isChecked) {
+          // An incorrect answer is selected: marked with an orange X
+          return 'incorrect';
+        } else {
+          // An incorrect answer is NOT selected: not marked
+          return undefined;
+        }
+      }
+    });
+    _this.state = {
+      showCorrect: _this.props.alwaysShowCorrect || false
+    };
+    _this.onToggle = _this.onToggle.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+  (0, _createClass2["default"])(MultipleChoice, [{
+    key: "onToggle",
+    value: function onToggle() {
+      if (this.props.mode === 'evaluate') {
+        this.setState({
+          showCorrect: !this.state.showCorrect
+        });
+      }
+    }
+  }, {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (!nextProps.correctResponse) {
+        this.setState({
+          showCorrect: false
+        });
+      }
+      if (nextProps.alwaysShowCorrect) {
+        this.setState({
+          showCorrect: true
+        });
+      }
+    }
+  }, {
+    key: "isSelected",
+    value: function isSelected(value) {
+      var sessionValue = this.props.session && this.props.session.value;
+      return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;
+    }
+  }, {
+    key: "indexToSymbol",
+    value: function indexToSymbol(index) {
+      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;
+      var showCorrect = this.state.showCorrect;
+      var isEvaluateMode = mode === 'evaluate';
+      var showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.corespringChoice, 'multiple-choice')
+      }, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Teacher Instructions',
+          visible: 'Hide Teacher Instructions'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        tagName: "div",
+        className: "prompt",
+        prompt: teacherInstructions
+      })) : /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        tagName: "div",
+        className: "prompt",
+        defaultClassName: "teacher-instructions",
+        prompt: teacherInstructions
+      }), /*#__PURE__*/_react["default"].createElement("br", null)), !alwaysShowCorrect && /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
+        show: showCorrectAnswerToggle,
+        toggled: showCorrect,
+        onToggle: this.onToggle.bind(this)
+      }), showCorrectAnswerToggle && /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("fieldset", {
+        className: classes.fieldset
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        className: "prompt",
+        defaultClassName: "prompt",
+        prompt: prompt,
+        tagName: "legend"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.gridLayout, this.props.choicesLayout === 'grid'), (0, _defineProperty2["default"])({}, classes.horizontalLayout, this.props.choicesLayout === 'horizontal')),
+        style: styles.getColumns(this.props.gridColumns)
+      }, choices.map(function (choice, index) {
+        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+          choicesLayout: _this2.props.choicesLayout,
+          gridColumns: _this2.props.gridColumns,
+          key: "choice-".concat(index),
+          choice: choice,
+          index: index,
+          choicesLength: choices.length,
+          showCorrect: showCorrect,
+          isEvaluateMode: isEvaluateMode,
+          choiceMode: choiceMode,
+          disabled: disabled,
+          onChoiceChanged: onChoiceChanged,
+          hideTick: choice.hideTick,
+          checked: showCorrect ? choice.correct || false : _this2.isSelected(choice.value),
+          correctness: isEvaluateMode ? _this2.getCorrectness(choice) : undefined,
+          displayKey: _this2.indexToSymbol(index)
+        });
+      }))));
+    }
+  }]);
+  return MultipleChoice;
+}(_react["default"].Component);
+exports.MultipleChoice = MultipleChoice;
+(0, _defineProperty2["default"])(MultipleChoice, "propTypes", {
+  mode: _propTypes["default"].oneOf(['gather', 'view', 'evaluate']),
+  choiceMode: _propTypes["default"].oneOf(['radio', 'checkbox']),
+  keyMode: _propTypes["default"].oneOf(['numbers', 'letters', 'none']),
+  choices: _propTypes["default"].array,
+  prompt: _propTypes["default"].string,
+  teacherInstructions: _propTypes["default"].string,
+  session: _propTypes["default"].object,
+  disabled: _propTypes["default"].bool,
+  onChoiceChanged: _propTypes["default"].func,
+  responseCorrect: _propTypes["default"].bool,
+  classes: _propTypes["default"].object.isRequired,
+  correctResponse: _propTypes["default"].array,
+  choicesLayout: _propTypes["default"].oneOf(['vertical', 'grid', 'horizontal']),
+  gridColumns: _propTypes["default"].string,
+  alwaysShowCorrect: _propTypes["default"].bool,
+  animationsDisabled: _propTypes["default"].bool
+});
+MultipleChoice.defaultProps = {
+  session: {
+    value: []
+  }
+};
+var _default = (0, _styles.withStyles)(styles)(MultipleChoice);
+exports["default"] = _default;
+//# sourceMappingURL=multiple-choice.js.map

package/lib/multiple-choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiple-choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctAnswerToggle","_classnames","_styles","_renderUi","_choice","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","corespringChoice","backgroundColor","color","background","padding","horizontalLayout","display","flexDirection","flexWrap","gridLayout","getColumns","columns","gridTemplateColumns","concat","undefined","fieldset","border","margin","minWidth","MultipleChoice","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","choice","length","isCorrect","correct","isChecked","isSelected","value","state","showCorrect","alwaysShowCorrect","onToggle","bind","_createClass2","key","mode","setState","UNSAFE_componentWillReceiveProps","nextProps","correctResponse","sessionValue","session","indexOf","indexToSymbol","index","keyMode","String","fromCharCode","toUpperCase","render","_this2","_this$props","disabled","_this$props$choices","choices","choiceMode","prompt","onChoiceChanged","responseCorrect","teacherInstructions","classes","animationsDisabled","isEvaluateMode","showCorrectAnswerToggle","createElement","className","classNames","Fragment","Collapsible","labels","hidden","visible","PreviewPrompt","tagName","defaultClassName","show","toggled","choicesLayout","style","gridColumns","map","choicesLength","hideTick","checked","correctness","getCorrectness","displayKey","React","Component","exports","PropTypes","oneOf","array","string","object","bool","func","isRequired","defaultProps","_default","withStyles"],"sources":["../src/multiple-choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color, Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport StyledChoice from './choice';\n\n// MultipleChoice\n\nconst styles = {\n  corespringChoice: {\n    backgroundColor: color.background(),\n    padding: '5px',\n    '& *': {\n      '-webkit-font-smoothing': 'antialiased',\n    },\n  },\n  horizontalLayout: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  gridLayout: {\n    display: 'grid',\n  },\n  getColumns: function (columns) {\n    return columns > 1 ? { gridTemplateColumns: `repeat(${columns}, 1fr)` } : undefined;\n  },\n  fieldset: {\n    border: '0px',\n    padding: '0.01em 0 0 0',\n    margin: '0px',\n    minWidth: '0px'\n  },\n};\n\nexport class MultipleChoice extends React.Component {\n  static propTypes = {\n    mode: PropTypes.oneOf(['gather', 'view', 'evaluate']),\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    keyMode: PropTypes.oneOf(['numbers', 'letters', 'none']),\n    choices: PropTypes.array,\n    prompt: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    session: PropTypes.object,\n    disabled: PropTypes.bool,\n    onChoiceChanged: PropTypes.func,\n    responseCorrect: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    correctResponse: PropTypes.array,\n    choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n    gridColumns: PropTypes.string,\n    alwaysShowCorrect: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrect: this.props.alwaysShowCorrect || false,\n    };\n\n    this.onToggle = this.onToggle.bind(this);\n  }\n\n  onToggle() {\n    if (this.props.mode === 'evaluate') {\n      this.setState({ showCorrect: !this.state.showCorrect });\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!nextProps.correctResponse) {\n      this.setState({ showCorrect: false });\n    }\n\n    if (nextProps.alwaysShowCorrect) {\n      this.setState({ showCorrect: true });\n    }\n  }\n\n  isSelected(value) {\n    const sessionValue = this.props.session && this.props.session.value;\n\n    return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;\n  }\n\n  indexToSymbol(index) {\n    if (this.props.keyMode === 'numbers') {\n      return `${index + 1}`;\n    }\n\n    if (this.props.keyMode === 'letters') {\n      return String.fromCharCode(97 + index).toUpperCase();\n    }\n\n    return '';\n  }\n\n  getCorrectness = (choice = {}) => {\n    const isCorrect = choice.correct;\n    const isChecked = this.isSelected(choice.value);\n\n    if (this.state.showCorrect) {\n      return isCorrect ? 'correct' : undefined;\n    }\n\n    if (isCorrect) {\n      if (isChecked) {\n        // A correct answer is selected: marked with a green checkmark\n        return 'correct';\n      } else {\n        // A correct answer is NOT selected: marked with an orange X\n        return 'incorrect';\n      }\n    } else {\n      if (isChecked) {\n        // An incorrect answer is selected: marked with an orange X\n        return 'incorrect';\n      } else {\n        // An incorrect answer is NOT selected: not marked\n        return undefined;\n      }\n    }\n  };\n\n  render() {\n    const {\n      mode,\n      disabled,\n      choices = [],\n      choiceMode,\n      prompt,\n      onChoiceChanged,\n      responseCorrect,\n      teacherInstructions,\n      classes,\n      alwaysShowCorrect,\n      animationsDisabled,\n    } = this.props;\n    const { showCorrect } = this.state;\n    const isEvaluateMode = mode === 'evaluate';\n    const showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;\n\n    return (\n      <div className={classNames(classes.corespringChoice, 'multiple-choice')}>\n        {teacherInstructions && (\n          <React.Fragment>\n            {!animationsDisabled ? (\n              <Collapsible\n                labels={{\n                  hidden: 'Show Teacher Instructions',\n                  visible: 'Hide Teacher Instructions',\n                }}\n              >\n                <PreviewPrompt tagName=\"div\" className=\"prompt\" prompt={teacherInstructions} />\n              </Collapsible>\n            ) : (\n              <PreviewPrompt\n                tagName=\"div\"\n                className=\"prompt\"\n                defaultClassName=\"teacher-instructions\"\n                prompt={teacherInstructions}\n              />\n            )}\n            <br />\n          </React.Fragment>\n        )}\n        {!alwaysShowCorrect && (\n          <CorrectAnswerToggle\n            show={showCorrectAnswerToggle}\n            toggled={showCorrect}\n            onToggle={this.onToggle.bind(this)}\n          />\n        )}\n        {showCorrectAnswerToggle && <br />}\n        <fieldset className={classes.fieldset}>\n          <PreviewPrompt className=\"prompt\" defaultClassName=\"prompt\" prompt={prompt} tagName={\"legend\"} />\n          <div\n            className={classNames(\n              { [classes.gridLayout]: this.props.choicesLayout === 'grid' },\n              {\n                [classes.horizontalLayout]: this.props.choicesLayout === 'horizontal',\n              },\n            )}\n            style={styles.getColumns(this.props.gridColumns)}\n          >\n            {choices.map((choice, index) => (\n              <StyledChoice\n                choicesLayout={this.props.choicesLayout}\n                gridColumns={this.props.gridColumns}\n                key={`choice-${index}`}\n                choice={choice}\n                index={index}\n                choicesLength={choices.length}\n                showCorrect={showCorrect}\n                isEvaluateMode={isEvaluateMode}\n                choiceMode={choiceMode}\n                disabled={disabled}\n                onChoiceChanged={onChoiceChanged}\n                hideTick={choice.hideTick}\n                checked={showCorrect ? choice.correct || false : this.isSelected(choice.value)}\n                correctness={isEvaluateMode ? this.getCorrectness(choice) : undefined}\n                displayKey={this.indexToSymbol(index)}\n              />\n            ))}\n          </div>\n        </fieldset>\n      </div>\n    );\n  }\n}\n\nMultipleChoice.defaultProps = {\n  session: {\n    value: [],\n  },\n};\n\nexport default withStyles(styles)(MultipleChoice);\n"],"mappings":"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"}

package/lib/print.js

@@ -0,0 +1,103 @@
+"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 _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 _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _main = _interopRequireDefault(require("./main"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _debug = _interopRequireDefault(require("debug"));
+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-element:multiple-choice:print');
+
+/**
+ * Live in same package as main element - so we can access some of the shared comps!
+ *
+ * - update pslb to build print if src/print.js is there
+ * - update demo el
+ * - get configure/controller building
+ */
+
+var preparePrintModel = function preparePrintModel(model, opts) {
+  var instr = opts.role === 'instructor';
+  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
+  model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
+  model.showTeacherInstructions = instr;
+  model.alwaysShowCorrect = instr;
+  model.mode = instr ? 'evaluate' : model.mode;
+  model.disabled = true;
+  model.animationsDisabled = true;
+  model.lockChoiceOrder = true;
+  model.choicesLayout = model.choicesLayout || 'vertical';
+  var choices = (0, _cloneDeep["default"])(model.choices);
+  model.choices = choices.map(function (c) {
+    c.rationale = instr && model.rationaleEnabled !== false ? c.rationale : undefined;
+    c.hideTick = instr;
+    c.feedback = undefined;
+    return c;
+  });
+  model.keyMode = model.choicePrefix || 'letters';
+  return model;
+};
+var MultipleChoicePrint = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(MultipleChoicePrint, _HTMLElement);
+  var _super = _createSuper(MultipleChoicePrint);
+  function MultipleChoicePrint() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, MultipleChoicePrint);
+    _this = _super.call(this);
+    _this._options = null;
+    _this._model = null;
+    _this._session = [];
+    _this._rerender = (0, _debounce["default"])(function () {
+      if (_this._model && _this._session) {
+        var printModel = preparePrintModel(_this._model, _this._options);
+        var element = _this._options && /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          model: printModel,
+          session: {}
+        });
+        _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
+          log('render complete - render math');
+          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+        });
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(MultipleChoicePrint, [{
+    key: "options",
+    set: function set(o) {
+      this._options = o;
+    }
+  }, {
+    key: "model",
+    set: function set(s) {
+      this._model = s;
+      this._rerender();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {}
+  }]);
+  return MultipleChoicePrint;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = MultipleChoicePrint;
+//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","names":["_react","_interopRequireDefault","require","_reactDom","_debounce","_cloneDeep","_main","_mathRendering","_debug","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","preparePrintModel","model","opts","instr","role","prompt","promptEnabled","undefined","teacherInstructions","teacherInstructionsEnabled","showTeacherInstructions","alwaysShowCorrect","mode","disabled","animationsDisabled","lockChoiceOrder","choicesLayout","choices","cloneDeep","map","c","rationale","rationaleEnabled","hideTick","feedback","keyMode","choicePrefix","MultipleChoicePrint","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_options","_model","_session","_rerender","debounce","printModel","element","React","createElement","Main","session","ReactDOM","render","_assertThisInitialized2","renderMath","leading","trailing","_createClass2","key","set","o","s","value","connectedCallback","_wrapNativeSuper2","HTMLElement","exports"],"sources":["../src/print.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport cloneDeep from 'lodash/cloneDeep';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:multiple-choice:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.lockChoiceOrder = true;\n  model.choicesLayout = model.choicesLayout || 'vertical';\n\n  const choices = cloneDeep(model.choices);\n\n  model.choices = choices.map((c) => {\n    c.rationale = instr && model.rationaleEnabled !== false ? c.rationale : undefined;\n    c.hideTick = instr;\n    c.feedback = undefined;\n    return c;\n  });\n\n  model.keyMode = model.choicePrefix || 'letters';\n\n  return model;\n};\n\nexport default class MultipleChoicePrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: {},\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  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n}\n"],"mappings":"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"}

package/lib/session-updater.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSessionValue = updateSessionValue;
+var _concat = _interopRequireDefault(require("lodash/concat"));
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+var _without = _interopRequireDefault(require("lodash/without"));
+function updateSessionValue(session, choiceMode, data) {
+  session.value = session.value || [];
+  if (choiceMode === 'checkbox') {
+    if (data.selected) {
+      session.value = (0, _uniq["default"])((0, _concat["default"])(session.value, [data.value]));
+    } else {
+      session.value = (0, _without["default"])(session.value, data.value);
+    }
+  }
+  if (choiceMode === 'radio') {
+    if (data.selected) {
+      session.value = [data.value];
+    } else {
+      session.value = [];
+    }
+  }
+}
+//# sourceMappingURL=session-updater.js.map

package/lib/session-updater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-updater.js","names":["_concat","_interopRequireDefault","require","_uniq","_without","updateSessionValue","session","choiceMode","data","value","selected","uniq","concat","without"],"sources":["../src/session-updater.js"],"sourcesContent":["import concat from 'lodash/concat';\nimport uniq from 'lodash/uniq';\nimport without from 'lodash/without';\n\nexport function updateSessionValue(session, choiceMode, data) {\n  session.value = session.value || [];\n  if (choiceMode === 'checkbox') {\n    if (data.selected) {\n      session.value = uniq(concat(session.value, [data.value]));\n    } else {\n      session.value = without(session.value, data.value);\n    }\n  }\n\n  if (choiceMode === 'radio') {\n    if (data.selected) {\n      session.value = [data.value];\n    } else {\n      session.value = [];\n    }\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEO,SAASG,kBAAkBA,CAACC,OAAO,EAAEC,UAAU,EAAEC,IAAI,EAAE;EAC5DF,OAAO,CAACG,KAAK,GAAGH,OAAO,CAACG,KAAK,IAAI,EAAE;EACnC,IAAIF,UAAU,KAAK,UAAU,EAAE;IAC7B,IAAIC,IAAI,CAACE,QAAQ,EAAE;MACjBJ,OAAO,CAACG,KAAK,GAAG,IAAAE,gBAAI,EAAC,IAAAC,kBAAM,EAACN,OAAO,CAACG,KAAK,EAAE,CAACD,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC;IAC3D,CAAC,MAAM;MACLH,OAAO,CAACG,KAAK,GAAG,IAAAI,mBAAO,EAACP,OAAO,CAACG,KAAK,EAAED,IAAI,CAACC,KAAK,CAAC;IACpD;EACF;EAEA,IAAIF,UAAU,KAAK,OAAO,EAAE;IAC1B,IAAIC,IAAI,CAACE,QAAQ,EAAE;MACjBJ,OAAO,CAACG,KAAK,GAAG,CAACD,IAAI,CAACC,KAAK,CAAC;IAC9B,CAAC,MAAM;MACLH,OAAO,CAACG,KAAK,GAAG,EAAE;IACpB;EACF;AACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "7.6.1-beta.3+e0e0490c5",
+  "version": "7.6.1-beta.4+4157b2b34",
   "publishConfig": {
     "access": "public"
   },
@@ -22,7 +22,7 @@
     "react-test-renderer": "^16.3.2",
     "react-transition-group": "^2.3.1"
   },
-  "gitHead": "e0e0490c5b040c67f504c0bdfd00f6b834a28481",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },