@pie-element/match 5.5.1-beta.3 → 5.5.1-beta.4

package/lib/answer-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"answer-grid.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Radio","_Checkbox","_Typography","_styles","_renderUi","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","AnswerGrid","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","concat","_assertThisInitialized2","rowId","answerIndex","event","_this$props","props","onAnswerChange","choiceMode","answers","newAnswers","checked","rowValue","rowValueIndex","correctAnswers","_createClass2","value","render","_this2","_this$props2","classes","showCorrect","headers","rows","disabled","view","Tag","Radio","Checkbox","evaluate","createElement","className","controlsContainer","empty","component","table","map","header","idx","rowHeader","scope","cx","rowItem","questionText","dangerouslySetInnerHTML","__html","row","role","separator","title","id","_cx2","column","correct","answerIsCorrect","tag","tagDisabled","incorrect","answerIsIncorrect","onChange","onRowValueChange","React","Component","exports","PropTypes","isRequired","bool","func","string","array","styles","theme","marginLeft","marginRight","marginTop","spacing","unit","marginBottom","padding","color","margin","rowContainer","display","alignItems","textAlign","border","borderTop","primaryLight","width","text","primary","cursor","pointerEvents","opacity","backgroundColor","background","borderCollapse","borderSpacing","_default","withStyles"],"sources":["../src/answer-grid.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Radio from '@material-ui/core/Radio';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nexport class AnswerGrid extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correctAnswers: PropTypes.object,\n    view: PropTypes.bool.isRequired,\n    showCorrect: PropTypes.bool.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    onAnswerChange: PropTypes.func.isRequired,\n    choiceMode: PropTypes.string.isRequired,\n    rows: PropTypes.array.isRequired,\n    headers: PropTypes.array.isRequired,\n    answers: PropTypes.object.isRequired,\n  };\n\n  onRowValueChange = (rowId, answerIndex) => (event) => {\n    const { onAnswerChange, choiceMode, answers } = this.props;\n    const newAnswers = { ...answers };\n\n    if (choiceMode === 'radio') {\n      for (let i = 0; i < newAnswers[rowId].length; i++) {\n        newAnswers[rowId][i] = false;\n      }\n    }\n\n    newAnswers[rowId][answerIndex] = event.target.checked;\n\n    onAnswerChange(newAnswers);\n  };\n\n  answerIsCorrect = (rowId, rowValue, rowValueIndex) => {\n    const { correctAnswers } = this.props;\n\n    return correctAnswers[rowId][rowValueIndex] === rowValue && rowValue === true;\n  };\n\n  // needs a separate method because what isn't correct isn't necessarily incorrect\n  answerIsIncorrect = (rowId, rowValue, rowValueIndex) => {\n    const { correctAnswers } = this.props;\n\n    return (\n      (correctAnswers[rowId][rowValueIndex] === true && rowValue === false) ||\n      (correctAnswers[rowId][rowValueIndex] === false && rowValue === true)\n    );\n  };\n\n  render() {\n    const { classes, showCorrect, headers, rows, choiceMode, answers, disabled, view } = this.props;\n    const Tag = choiceMode === 'radio' ? Radio : Checkbox;\n    const evaluate = disabled && !view;\n\n    if (!rows || rows.length === 0) {\n      return (\n        <div className={classes.controlsContainer}>\n          <Typography className={classes.empty} component=\"div\">\n            There are currently no questions to show.\n          </Typography>\n        </div>\n      );\n    }\n\n    return (\n      <div className={classes.controlsContainer}>\n        <table className={classes.table}>\n          <colgroup>\n            {(headers || []).map((header, idx) => (\n              <col key={`col-${idx}`} />\n            ))}\n          </colgroup>\n\n          <thead>\n            <tr>\n              {(headers || []).map((header, idx) => (\n                <th className={classes.rowHeader} key={`th-${idx}`} data-colno={`${idx}`} scope=\"row\">\n                  <div\n                    className={cx(classes.rowItem, { [classes.questionText]: idx === 0 })}\n                    dangerouslySetInnerHTML={{ __html: header }}\n                  />\n                </th>\n              ))}\n            </tr>\n          </thead>\n\n          {(rows || []).map((row, idx) => (\n            <tbody key={`row-${idx}`} role=\"group\">\n              <tr className={classes.separator}>\n                <td key={`td-title-${idx}`} data-colno={'0'}>\n                  <div\n                    className={cx(classes.rowItem, classes.questionText)}\n                    dangerouslySetInnerHTML={{ __html: row.title }}\n                  />\n                </td>\n\n                {(answers[row.id] || []).map((rowItem, answerIndex) => (\n                  <td key={`td-${idx}-${answerIndex}`} className={classes.column} data-colno={`${answerIndex + 1}`}>\n                    <div className={classes.rowItem}>\n                      <Tag\n                        className={cx({\n                          [classes.correct]:\n                            (showCorrect && rowItem === true) ||\n                            (evaluate && this.answerIsCorrect(row.id, rowItem, answerIndex)),\n                          [classes.tag]: true,\n                          [classes.checked]: rowItem === true && !evaluate,\n                          [classes.tagDisabled]: disabled,\n                          [classes.incorrect]: evaluate && this.answerIsIncorrect(row.id, rowItem, answerIndex),\n                        })}\n                        disabled={disabled}\n                        onChange={this.onRowValueChange(row.id, answerIndex)}\n                        checked={rowItem === true}\n                      />\n                    </div>\n                  </td>\n                ))}\n              </tr>\n            </tbody>\n          ))}\n        </table>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  controlsContainer: {\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit,\n  },\n  column: {\n    padding: '5px 0',\n  },\n  correct: {\n    color: `${color.correct()} !important`,\n  },\n  incorrect: {\n    color: `${color.incorrect()} !important`,\n  },\n  empty: {\n    margin: theme.spacing.unit * 2,\n  },\n  rowContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  rowHeader: {\n    padding: 0,\n  },\n  rowItem: {\n    padding: '12px',\n    textAlign: 'center',\n  },\n  separator: {\n    border: 0,\n    borderTop: `2.5px solid ${color.primaryLight()}`,\n    width: '100%',\n  },\n  tag: {\n    padding: '6px',\n    color: color.text(),\n    '&:hover': {\n      color: color.primaryLight(),\n    },\n  },\n  checked: {\n    color: `${color.primary()} !important`,\n  },\n  tagDisabled: {\n    color: color.disabled(),\n    cursor: 'not-allowed !important',\n    pointerEvents: 'initial !important',\n    opacity: 0.7,\n    '&:hover': {\n      color: color.disabled(),\n    },\n  },\n  table: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n    marginBottom: 0,\n  },\n  questionText: {\n    textAlign: 'left',\n  },\n});\n\nexport default withStyles(styles)(AnswerGrid);\n"],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Component", {
+  enumerable: true,
+  get: function get() {
+    return _main["default"];
+  }
+});
+exports.isComplete = 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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _main = _interopRequireDefault(require("./main"));
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _mathRendering = require("@pie-lib/math-rendering");
+var _get = _interopRequireDefault(require("lodash/get"));
+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 isComplete = function isComplete(session, model) {
+  var rows = (0, _get["default"])(model, 'config.rows');
+  var ids = rows.map(function (r) {
+    return r.id;
+  });
+  return ids.reduce(function (acc, id) {
+    if (!acc) {
+      return false;
+    }
+    var arr = session.answers && session.answers[id];
+    var hasChoice = Array.isArray(arr) && arr.includes(true);
+    return hasChoice && acc;
+  }, true);
+};
+exports.isComplete = isComplete;
+var Match = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(Match, _HTMLElement);
+  var _super = _createSuper(Match);
+  function Match() {
+    (0, _classCallCheck2["default"])(this, Match);
+    return _super.call(this);
+  }
+  (0, _createClass2["default"])(Match, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+      this._render();
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+      this._render();
+    }
+  }, {
+    key: "sessionChanged",
+    value: function sessionChanged(s) {
+      this._session.answers = s.answers;
+      var complete = isComplete(this._session, this._model);
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), complete));
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var _this = this;
+      if (!this._model || !this._session) {
+        return;
+      }
+      var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+        model: this._model,
+        session: this._session,
+        onSessionChange: this.sessionChanged.bind(this)
+      });
+      _reactDom["default"].render(el, this, function () {
+        (0, _mathRendering.renderMath)(_this);
+      });
+    }
+  }]);
+  return Match;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = Match;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_main","_piePlayerEvents","_mathRendering","_get","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","isComplete","session","model","rows","get","ids","map","r","id","reduce","acc","arr","answers","hasChoice","Array","isArray","includes","exports","Match","_HTMLElement","_inherits2","_super","_classCallCheck2","_createClass2","key","set","m","_model","_render","_session","s","value","sessionChanged","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","connectedCallback","_this","el","React","createElement","Main","onSessionChange","bind","ReactDOM","render","renderMath","_wrapNativeSuper2","HTMLElement"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport get from 'lodash/get';\n\nexport { Main as Component };\n\nexport const isComplete = (session, model) => {\n  const rows = get(model, 'config.rows');\n  const ids = rows.map((r) => r.id);\n  return ids.reduce((acc, id) => {\n    if (!acc) {\n      return false;\n    }\n    const arr = session.answers && session.answers[id];\n    const hasChoice = Array.isArray(arr) && arr.includes(true);\n    return hasChoice && acc;\n  }, true);\n};\n\nexport default class Match extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  sessionChanged(s) {\n    this._session.answers = s.answers;\n    const complete = isComplete(this._session, this._model);\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"mappings":"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"}

package/lib/main.js

@@ -0,0 +1,191 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Main = 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 _renderUi = require("@pie-lib/render-ui");
+var _answerGrid = _interopRequireDefault(require("./answer-grid"));
+var _styles = require("@material-ui/core/styles");
+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 Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+  var _super = _createSuper(Main);
+  function Main(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Main);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "generateAnswers", function (model) {
+      var config = model.config;
+      var answers = {};
+      config.rows.forEach(function (row) {
+        answers[row.id] = new Array(config.layout - 1).fill(false);
+      });
+      return answers;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isAnswerRegenerationRequired", function (nextProps) {
+      var isRequired = false;
+      if (_this.props.model.config.choiceMode !== nextProps.model.config.choiceMode) {
+        isRequired = true;
+      }
+      if (_this.props.model.config.layout !== nextProps.model.config.layout) {
+        isRequired = true;
+      }
+      if (_this.props.model.config.rows.length !== nextProps.model.config.rows.length || nextProps.session.answers && nextProps.model.config.rows.length !== Object.keys(nextProps.session.answers).length) {
+        isRequired = true;
+      }
+      return isRequired || !nextProps.session.answers;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "callOnSessionChange", function () {
+      var onSessionChange = _this.props.onSessionChange;
+      if (onSessionChange) {
+        onSessionChange(_this.state.session);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleShowCorrect", function (show) {
+      _this.setState({
+        showCorrect: show
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnswerChange", function (newAnswers) {
+      _this.setState(function (state) {
+        return {
+          session: _objectSpread(_objectSpread({}, state.session), {}, {
+            answers: newAnswers
+          })
+        };
+      }, _this.callOnSessionChange);
+    });
+    _this.state = {
+      session: _objectSpread(_objectSpread({}, props.session), {}, {
+        answers: props.session && props.session.answers || _this.generateAnswers(props.model)
+      }),
+      showCorrect: false
+    };
+    _this.callOnSessionChange();
+    return _this;
+  }
+  (0, _createClass2["default"])(Main, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var _this2 = this;
+      var regenAnswers = this.isAnswerRegenerationRequired(nextProps);
+      this.setState(function (state) {
+        return {
+          session: _objectSpread(_objectSpread({}, nextProps.session), {}, {
+            // regenerate answers if layout or choiceMode change
+            answers: regenAnswers ? _this2.generateAnswers(nextProps.model) : nextProps.session.answers
+          }),
+          showCorrect: _this2.props.model.disabled && !nextProps.model.disabled && state.showCorrect ? false : state.showCorrect
+        };
+      }, function () {
+        if (regenAnswers) _this2.callOnSessionChange();
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        model = _this$props.model,
+        classes = _this$props.classes;
+      var _this$state = this.state,
+        showCorrect = _this$state.showCorrect,
+        session = _this$state.session;
+      var _model$correctness = model.correctness,
+        correctness = _model$correctness === void 0 ? {} : _model$correctness;
+      var showCorrectAnswerToggle = correctness.correctness && correctness.correctness !== 'correct';
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.mainContainer
+      }, model.teacherInstructions && (0, _renderUi.hasText)(model.teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Teacher Instructions',
+          visible: 'Hide Teacher Instructions'
+        },
+        className: classes.collapsible
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: model.teacherInstructions
+      })), model.prompt && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.prompt
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: model.prompt
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.main
+      }, /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
+        show: showCorrectAnswerToggle,
+        toggled: showCorrect,
+        onToggle: this.toggleShowCorrect
+      }), showCorrectAnswerToggle && /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_answerGrid["default"], {
+        showCorrect: showCorrect,
+        correctAnswers: model.correctResponse,
+        disabled: model.disabled,
+        view: model.view,
+        onAnswerChange: this.onAnswerChange,
+        choiceMode: model.config.choiceMode,
+        answers: showCorrect ? model.correctResponse : session.answers,
+        headers: model.config.headers,
+        rows: model.config.rows
+      })), model.rationale && (0, _renderUi.hasText)(model.rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Rationale',
+          visible: 'Hide Rationale'
+        },
+        className: classes.collapsible
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: model.rationale
+      })), model.feedback && /*#__PURE__*/_react["default"].createElement(_renderUi.Feedback, {
+        correctness: model.correctness.correctness,
+        feedback: model.feedback
+      }));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+exports.Main = Main;
+(0, _defineProperty2["default"])(Main, "propTypes", {
+  classes: _propTypes["default"].object,
+  session: _propTypes["default"].object.isRequired,
+  onSessionChange: _propTypes["default"].func,
+  model: _propTypes["default"].object.isRequired
+});
+var styles = function styles(theme) {
+  return {
+    mainContainer: {
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background(),
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    main: {
+      width: '100%'
+    },
+    toggle: {
+      paddingBottom: theme.spacing.unit * 3
+    },
+    prompt: {
+      verticalAlign: 'middle',
+      marginBottom: theme.spacing.unit * 2
+    },
+    collapsible: {
+      paddingTop: theme.spacing.unit * 2,
+      paddingBottom: theme.spacing.unit * 2
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(Main);
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctAnswerToggle","_renderUi","_answerGrid","_styles","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Main","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_assertThisInitialized2","model","config","answers","rows","row","id","Array","layout","fill","nextProps","isRequired","choiceMode","session","onSessionChange","state","show","setState","showCorrect","newAnswers","callOnSessionChange","generateAnswers","_createClass2","value","UNSAFE_componentWillReceiveProps","_this2","regenAnswers","isAnswerRegenerationRequired","disabled","render","_this$props","classes","_this$state","_model$correctness","correctness","showCorrectAnswerToggle","createElement","className","mainContainer","teacherInstructions","hasText","Collapsible","labels","hidden","visible","collapsible","PreviewPrompt","prompt","main","toggled","onToggle","toggleShowCorrect","correctAnswers","correctResponse","view","onAnswerChange","headers","rationale","feedback","Feedback","React","Component","exports","PropTypes","func","styles","theme","color","text","backgroundColor","background","display","flexDirection","justifyContent","width","toggle","paddingBottom","spacing","unit","verticalAlign","marginBottom","paddingTop","_default","withStyles"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Collapsible, Feedback, hasText, PreviewPrompt } from '@pie-lib/render-ui';\nimport AnswerGrid from './answer-grid';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func,\n    model: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      session: {\n        ...props.session,\n        answers: (props.session && props.session.answers) || this.generateAnswers(props.model),\n      },\n      showCorrect: false,\n    };\n\n    this.callOnSessionChange();\n  }\n\n  generateAnswers = (model) => {\n    const { config } = model;\n    const answers = {};\n\n    config.rows.forEach((row) => {\n      answers[row.id] = new Array(config.layout - 1).fill(false);\n    });\n\n    return answers;\n  };\n\n  isAnswerRegenerationRequired = (nextProps) => {\n    let isRequired = false;\n\n    if (this.props.model.config.choiceMode !== nextProps.model.config.choiceMode) {\n      isRequired = true;\n    }\n\n    if (this.props.model.config.layout !== nextProps.model.config.layout) {\n      isRequired = true;\n    }\n\n    if (\n      this.props.model.config.rows.length !== nextProps.model.config.rows.length ||\n      (nextProps.session.answers &&\n        nextProps.model.config.rows.length !== Object.keys(nextProps.session.answers).length)\n    ) {\n      isRequired = true;\n    }\n\n    return isRequired || !nextProps.session.answers;\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const regenAnswers = this.isAnswerRegenerationRequired(nextProps);\n\n    this.setState(\n      (state) => ({\n        session: {\n          ...nextProps.session,\n          // regenerate answers if layout or choiceMode change\n          answers: regenAnswers ? this.generateAnswers(nextProps.model) : nextProps.session.answers,\n        },\n        showCorrect:\n          this.props.model.disabled && !nextProps.model.disabled && state.showCorrect ? false : state.showCorrect,\n      }),\n      () => {\n        if (regenAnswers) this.callOnSessionChange();\n      },\n    );\n  }\n\n  callOnSessionChange = () => {\n    const { onSessionChange } = this.props;\n\n    if (onSessionChange) {\n      onSessionChange(this.state.session);\n    }\n  };\n\n  toggleShowCorrect = (show) => {\n    this.setState({ showCorrect: show });\n  };\n\n  onAnswerChange = (newAnswers) => {\n    this.setState(\n      (state) => ({\n        session: {\n          ...state.session,\n          answers: newAnswers,\n        },\n      }),\n      this.callOnSessionChange,\n    );\n  };\n\n  render() {\n    const { model, classes } = this.props;\n    const { showCorrect, session } = this.state;\n    const { correctness = {} } = model;\n    const showCorrectAnswerToggle = correctness.correctness && correctness.correctness !== 'correct';\n\n    return (\n      <div className={classes.mainContainer}>\n        {model.teacherInstructions && hasText(model.teacherInstructions) && (\n          <Collapsible\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n            className={classes.collapsible}\n          >\n            <PreviewPrompt prompt={model.teacherInstructions} />\n          </Collapsible>\n        )}\n\n        {model.prompt && (\n          <div className={classes.prompt}>\n            <PreviewPrompt prompt={model.prompt} />\n          </div>\n        )}\n\n        <div className={classes.main}>\n          <CorrectAnswerToggle show={showCorrectAnswerToggle} toggled={showCorrect} onToggle={this.toggleShowCorrect} />\n          {showCorrectAnswerToggle && <br />}\n          <AnswerGrid\n            showCorrect={showCorrect}\n            correctAnswers={model.correctResponse}\n            disabled={model.disabled}\n            view={model.view}\n            onAnswerChange={this.onAnswerChange}\n            choiceMode={model.config.choiceMode}\n            answers={showCorrect ? model.correctResponse : session.answers}\n            headers={model.config.headers}\n            rows={model.config.rows}\n          />\n        </div>\n        {model.rationale && hasText(model.rationale) && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }} className={classes.collapsible}>\n            <PreviewPrompt prompt={model.rationale} />\n          </Collapsible>\n        )}\n        {model.feedback && <Feedback correctness={model.correctness.correctness} feedback={model.feedback} />}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  main: {\n    width: '100%',\n  },\n  toggle: {\n    paddingBottom: theme.spacing.unit * 3,\n  },\n  prompt: {\n    verticalAlign: 'middle',\n    marginBottom: theme.spacing.unit * 2,\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport default withStyles(styles)(Main);\n"],"mappings":"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"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "5.5.1-beta.3+e0e0490c5",
+  "version": "5.5.1-beta.4+4157b2b34",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -27,6 +27,6 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "e0e0490c5b040c67f504c0bdfd00f6b834a28481",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "module": "src/index.js"
 }