@pie-element/match 4.8.4 → 4.9.4

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.9.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@4.9.1...@pie-element/match@4.9.2) (2021-11-29)
+
+**Note:** Version bump only for package @pie-element/match
+
+
+
+
+
+## [4.9.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@4.8.4...@pie-element/match@4.9.1) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/match
+
+
+
+
+
+# [4.9.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@4.7.2...@pie-element/match@4.9.0) (2021-11-11)
+
+
+### Bug Fixes
+
+* **match:** set default false for lock choice order settings PD-1333 ([4f07002](https://github.com/pie-framework/pie-elements/commit/4f07002ceece8b82450cc6fff13515923df370cc))
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+* **match:** Fixed the session for pits PD-902 ([2d51d53](https://github.com/pie-framework/pie-elements/commit/2d51d534d832dcc7bc18f8afc6dc1da1031d2fab))
+
+
+### Features
+
+* **match:** authoring UI should allow up to 10 columns. Change column header fields PD-601 ([6015d9f](https://github.com/pie-framework/pie-elements/commit/6015d9fd8768f7b8462b7c85c2a2ce61df9ab535))
+* **match:** change drag-and-drop behavior from swap to push PD-1336 ([0383630](https://github.com/pie-framework/pie-elements/commit/0383630ba588fed54aa9ff0b9a936f1c8d773eff))
+* **match:** remove insert audio and video buttons from question text PD-601 ([6407962](https://github.com/pie-framework/pie-elements/commit/64079623bbba4803e18d49b33b43f62f9b1082cb))
+* **match:** remove list buttons from question text PD-1335 ([671d0fb](https://github.com/pie-framework/pie-elements/commit/671d0fbbf79e343dc9a89dc6f820309edcccbaaf))
+* **match:** set toolbar editor position to bottom ([54c781e](https://github.com/pie-framework/pie-elements/commit/54c781e16207ddb5cbc623626ab1bc8980518b49))
+
+
+
+
+
+
 ## [4.8.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@4.8.3...@pie-element/match@4.8.4) (2021-11-01)
 
 **Note:** Version bump only for package @pie-element/match

package/configure/CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.4.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@4.4.1...@pie-element/match-configure@4.4.2) (2021-11-29)
+
+**Note:** Version bump only for package @pie-element/match-configure
+
+
+
+
+
+## [4.4.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@4.3.3...@pie-element/match-configure@4.4.1) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/match-configure
+
+
+
+
+
+# [4.4.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@4.2.2...@pie-element/match-configure@4.4.0) (2021-11-11)
+
+
+### Bug Fixes
+
+* **match:** set default false for lock choice order settings PD-1333 ([4f07002](https://github.com/pie-framework/pie-elements/commit/4f07002ceece8b82450cc6fff13515923df370cc))
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+
+
+### Features
+
+* **match:** authoring UI should allow up to 10 columns. Change column header fields PD-601 ([6015d9f](https://github.com/pie-framework/pie-elements/commit/6015d9fd8768f7b8462b7c85c2a2ce61df9ab535))
+* **match:** change drag-and-drop behavior from swap to push PD-1336 ([0383630](https://github.com/pie-framework/pie-elements/commit/0383630ba588fed54aa9ff0b9a936f1c8d773eff))
+* **match:** remove insert audio and video buttons from question text PD-601 ([6407962](https://github.com/pie-framework/pie-elements/commit/64079623bbba4803e18d49b33b43f62f9b1082cb))
+* **match:** remove list buttons from question text PD-1335 ([671d0fb](https://github.com/pie-framework/pie-elements/commit/671d0fbbf79e343dc9a89dc6f820309edcccbaaf))
+
+
+
+
+
+
 ## [4.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@4.3.2...@pie-element/match-configure@4.3.3) (2021-11-01)
 
 **Note:** Version bump only for package @pie-element/match-configure

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/match-configure",
   "private": true,
-  "version": "4.3.3",
+  "version": "4.4.4",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,10 +10,10 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.11",
+    "@pie-lib/config-ui": "^10.10.12",
     "@pie-lib/drag": "^1.1.52",
-    "@pie-lib/editable-html": "^7.17.11",
-    "@pie-lib/scoring-config": "^3.5.140",
+    "@pie-lib/editable-html": "^7.17.12",
+    "@pie-lib/scoring-config": "^3.5.141",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.4.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-controller@4.4.2...@pie-element/match-controller@4.4.4) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/match-controller
+
+
+
+
+
+## [4.4.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-controller@4.4.2...@pie-element/match-controller@4.4.3) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/match-controller
+
+
+
+
+
 ## [4.4.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-controller@4.4.0...@pie-element/match-controller@4.4.2) (2021-08-05)
 
 

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/match-controller",
   "private": true,
-  "version": "4.4.2",
+  "version": "4.4.6",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/lib/answer-grid.js

@@ -96,7 +96,6 @@ var AnswerGrid = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
 
       var _this$props2 = this.props,
-          allowFeedback = _this$props2.allowFeedback,
           classes = _this$props2.classes,
           showCorrect = _this$props2.showCorrect,
           headers = _this$props2.headers,
@@ -106,6 +105,7 @@ var AnswerGrid = /*#__PURE__*/function (_React$Component) {
           disabled = _this$props2.disabled,
           view = _this$props2.view;
       var Tag = choiceMode === 'radio' ? _Radio["default"] : _Checkbox["default"];
+      var evaluate = disabled && !view;
 
       if (!rows || rows.length === 0) {
         return /*#__PURE__*/_react["default"].createElement("div", {
@@ -160,7 +160,7 @@ var AnswerGrid = /*#__PURE__*/function (_React$Component) {
           }, /*#__PURE__*/_react["default"].createElement("div", {
             className: classes.rowItem
           }, /*#__PURE__*/_react["default"].createElement(Tag, {
-            className: (0, _classnames["default"])((_cx2 = {}, (0, _defineProperty2["default"])(_cx2, classes.correct, allowFeedback && (showCorrect && rowItem === true || disabled && !view && _this2.answerIsCorrect(row.id, rowItem, answerIndex))), (0, _defineProperty2["default"])(_cx2, classes.tag, true), (0, _defineProperty2["default"])(_cx2, classes.checked, rowItem === true), (0, _defineProperty2["default"])(_cx2, classes.tagDisabled, disabled), (0, _defineProperty2["default"])(_cx2, classes.incorrect, allowFeedback && disabled && !view && _this2.answerIsIncorrect(row.id, rowItem, answerIndex)), _cx2)),
+            className: (0, _classnames["default"])((_cx2 = {}, (0, _defineProperty2["default"])(_cx2, classes.correct, showCorrect && rowItem === true || evaluate && _this2.answerIsCorrect(row.id, rowItem, answerIndex)), (0, _defineProperty2["default"])(_cx2, classes.tag, true), (0, _defineProperty2["default"])(_cx2, classes.checked, rowItem === true && !evaluate), (0, _defineProperty2["default"])(_cx2, classes.tagDisabled, disabled), (0, _defineProperty2["default"])(_cx2, classes.incorrect, evaluate && _this2.answerIsIncorrect(row.id, rowItem, answerIndex)), _cx2)),
             disabled: disabled,
             onChange: _this2.onRowValueChange(row.id, answerIndex),
             checked: rowItem === true
@@ -174,7 +174,6 @@ var AnswerGrid = /*#__PURE__*/function (_React$Component) {
 
 exports.AnswerGrid = AnswerGrid;
 (0, _defineProperty2["default"])(AnswerGrid, "propTypes", {
-  allowFeedback: _propTypes["default"].bool.isRequired,
   classes: _propTypes["default"].object.isRequired,
   correctAnswers: _propTypes["default"].object,
   view: _propTypes["default"].bool.isRequired,

package/lib/answer-grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/answer-grid.jsx"],"names":["AnswerGrid","rowId","answerIndex","event","props","onAnswerChange","choiceMode","answers","newAnswers","i","length","target","checked","rowValue","rowValueIndex","correctAnswers","allowFeedback","classes","showCorrect","headers","rows","disabled","view","Tag","Radio","Checkbox","controlsContainer","empty","table","map","header","idx","rowHeader","rowItem","questionText","__html","row","separator","title","id","column","correct","answerIsCorrect","tag","tagDisabled","incorrect","answerIsIncorrect","onRowValueChange","React","Component","PropTypes","bool","isRequired","object","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"],"mappings":"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","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    allowFeedback: PropTypes.bool.isRequired,\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 correctAnswers[rowId][rowValueIndex] === true && rowValue === false\n      || correctAnswers[rowId][rowValueIndex] === false && rowValue === true;\n  };\n\n  render() {\n    const { allowFeedback, classes, showCorrect, headers, rows, choiceMode, answers, disabled, view } = this.props;\n    const Tag = choiceMode === 'radio' ? Radio : Checkbox;\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    return (\n      <div className={classes.controlsContainer}>\n        <table className={classes.table}>\n          <colgroup>\n            {(headers || []).map((header, idx) => (<col key={`col-${idx}`}/>))}\n          </colgroup>\n\n          <thead>\n          <tr>\n            {(headers || []).map((header, idx) => (\n              <th\n                className={classes.rowHeader}\n                key={`th-${idx}`}\n                data-colno={`${idx}`}\n                scope=\"row\"\n              >\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\n                key={`td-title-${idx}`}\n                data-colno={'0'}\n              >\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\n                  key={`td-${idx}-${answerIndex}`}\n                  className={classes.column}\n                  data-colno={`${answerIndex + 1}`}\n                >\n                  <div className={classes.rowItem}>\n                    <Tag\n                      className={cx({\n                        [classes.correct]: allowFeedback && (\n                          (showCorrect && rowItem === true) ||\n                          (disabled && !view && this.answerIsCorrect(row.id, rowItem, answerIndex))\n                        ),\n                        [classes.tag]: true,\n                        [classes.checked]: rowItem === true,\n                        [classes.tagDisabled]: disabled,\n                        [classes.incorrect]: allowFeedback && disabled && !view && 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"],"file":"answer-grid.js"}
+{"version":3,"sources":["../src/answer-grid.jsx"],"names":["AnswerGrid","rowId","answerIndex","event","props","onAnswerChange","choiceMode","answers","newAnswers","i","length","target","checked","rowValue","rowValueIndex","correctAnswers","classes","showCorrect","headers","rows","disabled","view","Tag","Radio","Checkbox","evaluate","controlsContainer","empty","table","map","header","idx","rowHeader","rowItem","questionText","__html","row","separator","title","id","column","correct","answerIsCorrect","tag","tagDisabled","incorrect","answerIsIncorrect","onRowValueChange","React","Component","PropTypes","object","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"],"mappings":"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","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 correctAnswers[rowId][rowValueIndex] === true && rowValue === false\n      || correctAnswers[rowId][rowValueIndex] === false && rowValue === true;\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    return (\n      <div className={classes.controlsContainer}>\n        <table className={classes.table}>\n          <colgroup>\n            {(headers || []).map((header, idx) => (<col key={`col-${idx}`}/>))}\n          </colgroup>\n\n          <thead>\n          <tr>\n            {(headers || []).map((header, idx) => (\n              <th\n                className={classes.rowHeader}\n                key={`th-${idx}`}\n                data-colno={`${idx}`}\n                scope=\"row\"\n              >\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\n                key={`td-title-${idx}`}\n                data-colno={'0'}\n              >\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\n                  key={`td-${idx}-${answerIndex}`}\n                  className={classes.column}\n                  data-colno={`${answerIndex + 1}`}\n                >\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                        ),\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"],"file":"answer-grid.js"}

package/lib/main.js

@@ -164,7 +164,6 @@ var Main = /*#__PURE__*/function (_React$Component) {
         onToggle: this.toggleShowCorrect
       }), showCorrectAnswerToggle && /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_answerGrid["default"], {
         showCorrect: showCorrect,
-        allowFeedback: model.allowFeedback,
         correctAnswers: model.correctResponse,
         disabled: model.disabled,
         view: model.view,

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","config","answers","rows","forEach","row","id","Array","layout","fill","nextProps","isRequired","choiceMode","length","session","Object","keys","onSessionChange","state","show","setState","showCorrect","newAnswers","callOnSessionChange","generateAnswers","regenAnswers","isAnswerRegenerationRequired","disabled","classes","correctness","showCorrectAnswerToggle","mainContainer","teacherInstructions","hidden","visible","collapsible","__html","prompt","main","toggleShowCorrect","allowFeedback","correctResponse","view","onAnswerChange","headers","rationale","feedback","React","Component","PropTypes","object","func","styles","theme","color","text","backgroundColor","background","display","flexDirection","justifyContent","width","toggle","paddingBottom","spacing","unit","verticalAlign","marginBottom","paddingTop"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Collapsible, Feedback, hasText } 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:\n          (props.session && props.session.answers) ||\n          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 (\n      this.props.model.config.choiceMode !== nextProps.model.config.choiceMode\n    ) {\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 !==\n        nextProps.model.config.rows.length ||\n      (nextProps.session.answers &&\n        nextProps.model.config.rows.length !==\n          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\n            ? this.generateAnswers(nextProps.model)\n            : nextProps.session.answers\n        },\n        showCorrect:\n          this.props.model.disabled &&\n          !nextProps.model.disabled &&\n          state.showCorrect\n            ? false\n            : 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            <div\n              dangerouslySetInnerHTML={{ __html: model.teacherInstructions }}\n            />\n          </Collapsible>\n        )}\n\n        {model.prompt && (\n          <div\n            className={classes.prompt}\n            dangerouslySetInnerHTML={{ __html: model.prompt }}\n          />\n        )}\n\n        <div className={classes.main}>\n          <CorrectAnswerToggle\n            show={showCorrectAnswerToggle}\n            toggled={showCorrect}\n            onToggle={this.toggleShowCorrect}\n          />\n          {showCorrectAnswerToggle && <br />}\n          <AnswerGrid\n            showCorrect={showCorrect}\n            allowFeedback={model.allowFeedback}\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\n            labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n            className={classes.collapsible}\n          >\n            <div dangerouslySetInnerHTML={{ __html: model.rationale }} />\n          </Collapsible>\n        )}\n        {model.feedback && (\n          <Feedback\n            correctness={model.correctness.correctness}\n            feedback={model.feedback}\n          />\n        )}\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"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","config","answers","rows","forEach","row","id","Array","layout","fill","nextProps","isRequired","choiceMode","length","session","Object","keys","onSessionChange","state","show","setState","showCorrect","newAnswers","callOnSessionChange","generateAnswers","regenAnswers","isAnswerRegenerationRequired","disabled","classes","correctness","showCorrectAnswerToggle","mainContainer","teacherInstructions","hidden","visible","collapsible","__html","prompt","main","toggleShowCorrect","correctResponse","view","onAnswerChange","headers","rationale","feedback","React","Component","PropTypes","object","func","styles","theme","color","text","backgroundColor","background","display","flexDirection","justifyContent","width","toggle","paddingBottom","spacing","unit","verticalAlign","marginBottom","paddingTop"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Collapsible, Feedback, hasText } 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:\n          (props.session && props.session.answers) ||\n          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 (\n      this.props.model.config.choiceMode !== nextProps.model.config.choiceMode\n    ) {\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 !==\n        nextProps.model.config.rows.length ||\n      (nextProps.session.answers &&\n        nextProps.model.config.rows.length !==\n          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\n            ? this.generateAnswers(nextProps.model)\n            : nextProps.session.answers\n        },\n        showCorrect:\n          this.props.model.disabled &&\n          !nextProps.model.disabled &&\n          state.showCorrect\n            ? false\n            : 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            <div\n              dangerouslySetInnerHTML={{ __html: model.teacherInstructions }}\n            />\n          </Collapsible>\n        )}\n\n        {model.prompt && (\n          <div\n            className={classes.prompt}\n            dangerouslySetInnerHTML={{ __html: model.prompt }}\n          />\n        )}\n\n        <div className={classes.main}>\n          <CorrectAnswerToggle\n            show={showCorrectAnswerToggle}\n            toggled={showCorrect}\n            onToggle={this.toggleShowCorrect}\n          />\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\n            labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n            className={classes.collapsible}\n          >\n            <div dangerouslySetInnerHTML={{ __html: model.rationale }} />\n          </Collapsible>\n        )}\n        {model.feedback && (\n          <Feedback\n            correctness={model.correctness.correctness}\n            feedback={model.feedback}\n          />\n        )}\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"],"file":"main.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "4.8.4",
+  "version": "4.9.4",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -14,9 +14,9 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "^2.3.29",
-    "@pie-lib/math-rendering": "^2.3.9",
-    "@pie-lib/render-ui": "^4.12.0",
+    "@pie-lib/correct-answer-toggle": "^2.3.32",
+    "@pie-lib/math-rendering": "^2.3.12",
+    "@pie-lib/render-ui": "^4.12.3",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -26,6 +26,6 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "39691eb79f1f5ece91c831add33b05871b20828b",
+  "gitHead": "6f1f221659a13d56f6c7e73b2bf5488c63943123",
   "module": "src/index.js"
 }