@pie-element/rubric 1.6.5 → 1.7.2

package/CHANGELOG.md

@@ -3,6 +3,51 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@1.7.1...@pie-element/rubric@1.7.2) (2021-11-29)
+
+**Note:** Version bump only for package @pie-element/rubric
+
+
+
+
+
+## [1.7.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@1.6.6...@pie-element/rubric@1.7.1) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/rubric
+
+
+
+
+
+# [1.7.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@1.6.2...@pie-element/rubric@1.7.0) (2021-11-11)
+
+
+### Bug Fixes
+
+* **rubric:** display rubric in reverse order in player PD-1375 ([0620538](https://github.com/pie-framework/pie-elements/commit/06205386a3d2c530378be2dccb7943cefa6f5c55))
+* **rubric:** use singular 1PT instead of 1PTS, fix style in IBX PD-1373, PD-1374 ([0c27b32](https://github.com/pie-framework/pie-elements/commit/0c27b327e861831687576a639ba2b6101c7fc0ff))
+* 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
+
+* **rubric:** Added Studio support: Treat 'null' as null value for sample answer PD-1313 ([04ea11d](https://github.com/pie-framework/pie-elements/commit/04ea11da0b4b2077693c7a22f63091eabdf09481))
+
+
+
+
+
+
+## [1.6.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@1.6.5...@pie-element/rubric@1.6.6) (2021-11-01)
+
+**Note:** Version bump only for package @pie-element/rubric
+
+
+
+
+
 ## [1.6.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@1.6.4...@pie-element/rubric@1.6.5) (2021-10-04)
 
 **Note:** Version bump only for package @pie-element/rubric

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.29](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-configure@1.2.28...@pie-element/rubric-configure@1.2.29) (2021-11-29)
+
+**Note:** Version bump only for package @pie-element/rubric-configure
+
+
+
+
+
 ## [1.2.28](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-configure@1.2.27...@pie-element/rubric-configure@1.2.28) (2021-10-04)
 
 **Note:** Version bump only for package @pie-element/rubric-configure

package/configure/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/rubric-configure",
   "private": true,
-  "version": "1.2.28",
+  "version": "1.2.29",
   "description": "Rubric authoring view",
   "main": "lib/index.js",
   "author": "Pie Framework Authors",
   "dependencies": {
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/rubric": "^0.4.1",
+    "@pie-lib/rubric": "^0.4.2",
     "debug": "^4.1.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6"

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.
 
+## [1.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@1.2.2...@pie-element/rubric-controller@1.2.4) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/rubric-controller
+
+
+
+
+
+## [1.2.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@1.2.2...@pie-element/rubric-controller@1.2.3) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/rubric-controller
+
+
+
+
+
 ## [1.2.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@1.2.0...@pie-element/rubric-controller@1.2.2) (2021-08-05)
 
 

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/rubric-controller",
   "private": true,
-  "version": "1.2.2",
+  "version": "1.2.4",
   "main": "lib/index.js",
   "scripts": {
     "test": "./node_modules/.bin/jest"

package/lib/main.js

@@ -92,36 +92,31 @@ var Rubric = /*#__PURE__*/function (_React$Component) {
 
       var _this$props = this.props,
           value = _this$props.value,
-          classes = _this$props.classes;
+          classes = _this$props.classes,
+          animationsDisabled = _this$props.animationsDisabled;
 
       if (value && value.points) {
         var points = value.points,
             sampleAnswers = value.sampleAnswers;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.root
-        }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-          href: this.dudUrl,
-          onClick: this.toggleRubric
-        }, this.state.linkPrefix, " Rubric"), /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
-          "in": this.state.rubricOpen,
-          timeout: "auto"
-        }, /*#__PURE__*/_react["default"].createElement(_List["default"], {
+
+        var rubricList = /*#__PURE__*/_react["default"].createElement(_List["default"], {
           component: "nav"
-        }, points.map(function (desc, index) {
+        }, points.slice(0).reverse().map(function (desc, index) {
+          index = points.length - index - 1;
           return _this2.shouldRenderPoint(index, value) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
             key: index
           }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
             key: "P".concat(index)
           }, /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
             className: classes.rubricCol,
-            primary: "".concat(index, " PTS")
+            primary: index === 1 ? "".concat(index, " PT") : "".concat(index, " PTS")
           }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
             primary: /*#__PURE__*/_react["default"].createElement("div", {
               dangerouslySetInnerHTML: {
                 __html: desc
               }
             })
-          })), sampleAnswers && sampleAnswers[index] && sampleAnswers[index] !== 'null' && /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+          })), sampleAnswers && sampleAnswers[index] && /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
             key: "S".concat(index)
           }, /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
             className: classes.rubricCol,
@@ -136,7 +131,17 @@ var Rubric = /*#__PURE__*/function (_React$Component) {
               }
             })
           })));
-        }))));
+        }));
+
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: classes.root
+        }, !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+          href: this.dudUrl,
+          onClick: this.toggleRubric
+        }, this.state.linkPrefix, " Rubric"), /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+          "in": this.state.rubricOpen,
+          timeout: "auto"
+        }, rubricList)) : rubricList);
       } else {
         return null;
       }
@@ -147,13 +152,15 @@ var Rubric = /*#__PURE__*/function (_React$Component) {
 
 (0, _defineProperty2["default"])(Rubric, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
+  animationsDisabled: _propTypes["default"].bool,
   value: RubricType
 });
 
 var styles = function styles() {
   return {
     rubricCol: {
-      flex: '0 1 auto'
+      flex: '0 1 auto',
+      minWidth: 'fit-content'
     }
   };
 };

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","Rubric","props","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","classes","root","dudUrl","map","desc","shouldRenderPoint","rubricCol","__html","marginLeft","React","Component","object","isRequired","styles","flex"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Link from '@material-ui/core/Link';\nimport Collapse from '@material-ui/core/Collapse';\nimport PropTypes from 'prop-types';\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n  }\n\n  shouldRenderPoint = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { value, classes } = this.props;\n\n    if (value && value.points) {\n      const { points, sampleAnswers } = value;\n\n      return (\n        <div className={classes.root}>\n          <Link href={this.dudUrl} onClick={this.toggleRubric}>\n            {this.state.linkPrefix} Rubric\n          </Link>\n          <Collapse in={this.state.rubricOpen} timeout=\"auto\">\n            <List component=\"nav\">\n              {points.map(\n                (desc, index) =>\n                  this.shouldRenderPoint(index, value) && (\n                    <React.Fragment key={index}>\n                      <ListItem key={`P${index}`}>\n                        <ListItemText\n                          className={classes.rubricCol}\n                          primary={`${index} PTS`}\n                        />\n                        <ListItemText\n                          primary={\n                            <div dangerouslySetInnerHTML={{ __html: desc }} />\n                          }\n                        />\n                      </ListItem>\n                      {sampleAnswers && sampleAnswers[index] && sampleAnswers[index] !== 'null' && (\n                        <ListItem key={`S${index}`}>\n                          <ListItemText\n                            className={classes.rubricCol}\n                            style={{marginLeft: '20px'}}\n                            primary={'Sample Answer'}\n                          />\n                          <ListItemText\n                            primary={\n                              <div dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                            }\n                          />\n                        </ListItem>\n                      )}\n                    </React.Fragment>\n                  )\n              )}\n            </List>\n          </Collapse>\n        </div>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nconst styles = () => ({\n  rubricCol: {\n    flex: '0 1 auto',\n  },\n});\n\nexport default withStyles(styles)(Rubric);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","Rubric","props","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","classes","animationsDisabled","rubricList","slice","reverse","map","desc","length","shouldRenderPoint","rubricCol","__html","marginLeft","root","dudUrl","React","Component","object","isRequired","styles","flex","minWidth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Link from '@material-ui/core/Link';\nimport Collapse from '@material-ui/core/Collapse';\nimport PropTypes from 'prop-types';\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    animationsDisabled: PropTypes.bool,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n  }\n\n  shouldRenderPoint = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { value, classes, animationsDisabled } = this.props;\n\n    if (value && value.points) {\n      const { points, sampleAnswers } = value;\n\n      const rubricList = <List component=\"nav\">\n        {points.slice(0).reverse().map(\n          (desc, index) => {\n            index = points.length - index - 1;\n            return this.shouldRenderPoint(index, value) && (\n              <React.Fragment key={index}>\n                <ListItem key={`P${index}`}>\n                  <ListItemText\n                    className={classes.rubricCol}\n                    primary={index === 1 ? `${index} PT` : `${index} PTS`}\n                  />\n                  <ListItemText\n                    primary={\n                      <div dangerouslySetInnerHTML={{ __html: desc }} />\n                    }\n                  />\n                </ListItem>\n                {sampleAnswers && sampleAnswers[index] && (\n                  <ListItem key={`S${index}`}>\n                    <ListItemText\n                      className={classes.rubricCol}\n                      style={{marginLeft: '20px'}}\n                      primary={'Sample Answer'}\n                    />\n                    <ListItemText\n                      primary={\n                        <div dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                      }\n                    />\n                  </ListItem>\n                )}\n              </React.Fragment>\n            )\n          })}\n      </List>;\n\n      return (\n        <div className={classes.root}>\n          {!animationsDisabled ?\n            <React.Fragment>\n              <Link href={this.dudUrl} onClick={this.toggleRubric}>\n                {this.state.linkPrefix} Rubric\n              </Link>\n              <Collapse in={this.state.rubricOpen} timeout=\"auto\">\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n            : rubricList\n          }\n        </div>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nconst styles = () => ({\n  rubricCol: {\n    flex: '0 1 auto',\n    minWidth: 'fit-content'\n  },\n});\n\nexport default withStyles(styles)(Rubric);\n"],"file":"main.js"}

package/lib/print.js

@@ -0,0 +1,114 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+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; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var log = (0, _debug["default"])('pie-element:rubric:print');
+
+var preparePrintModel = function preparePrintModel(model, opts) {
+  var instr = opts.role === 'instructor';
+
+  if (!instr) {
+    return {};
+  }
+
+  model.value = _objectSpread({}, model);
+  model.mode = 'evaluate';
+  model.animationsDisabled = true;
+  return model;
+};
+
+var RubricPrint = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(RubricPrint, _HTMLElement);
+
+  var _super = _createSuper(RubricPrint);
+
+  function RubricPrint() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, RubricPrint);
+    _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"], _objectSpread({}, printModel));
+
+        _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"])(RubricPrint, [{
+    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 RubricPrint;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = RubricPrint;
+//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/print.js"],"names":["log","preparePrintModel","model","opts","instr","role","value","mode","animationsDisabled","RubricPrint","_options","_model","_session","_rerender","printModel","element","React","createElement","Main","ReactDOM","render","leading","trailing","o","s","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,0BAAN,CAAZ;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAL,KAAc,YAA5B;;AAEA,MAAI,CAACD,KAAL,EAAY;AACV,WAAO,EAAP;AACD;;AAEDF,EAAAA,KAAK,CAACI,KAAN,qBAAmBJ,KAAnB;AACAA,EAAAA,KAAK,CAACK,IAAN,GAAa,UAAb;AACAL,EAAAA,KAAK,CAACM,kBAAN,GAA2B,IAA3B;AAEA,SAAON,KAAP;AACD,CAZD;;IAcqBO,W;;;;;AACnB,yBAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,QAAL,GAAgB,IAAhB;AACA,UAAKC,MAAL,GAAc,IAAd;AACA,UAAKC,QAAL,GAAgB,EAAhB;AACA,UAAKC,SAAL,GAAiB,0BACf,YAAM;AACJ,UAAI,MAAKF,MAAL,IAAe,MAAKC,QAAxB,EAAkC;AAChC,YAAME,UAAU,GAAGb,iBAAiB,CAAC,MAAKU,MAAN,EAAc,MAAKD,QAAnB,CAApC;;AAEA,YAAMK,OAAO,GACX,MAAKL,QAAL,iBACAM,kBAAMC,aAAN,CAAoBC,gBAApB,oBACKJ,UADL,EAFF;;AAMAK,6BAASC,MAAT,CAAgBL,OAAhB,kDAA+B,YAAM;AACnCf,UAAAA,GAAG,CAAC,+BAAD,CAAH;AACA;AACD,SAHD;AAID,OAbD,MAaO;AACLA,QAAAA,GAAG,CAAC,MAAD,CAAH;AACD;AACF,KAlBc,EAmBf,EAnBe,EAoBf;AAAEqB,MAAAA,OAAO,EAAE,KAAX;AAAkBC,MAAAA,QAAQ,EAAE;AAA5B,KApBe,CAAjB;AALY;AA2Bb;;;;SACD,aAAYC,CAAZ,EAAe;AACb,WAAKb,QAAL,GAAgBa,CAAhB;AACD;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKb,MAAL,GAAca,CAAd;;AACA,WAAKX,SAAL;AACD;;;WAED,6BAAoB,CAAE;;;kDAtCiBY,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:rubric:print');\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  if (!instr) {\n    return {};\n  }\n\n  model.value = { ...model };\n  model.mode = 'evaluate';\n  model.animationsDisabled = true;\n\n  return model;\n};\n\nexport default class RubricPrint 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              ...printModel,\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"],"file":"print.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/rubric",
-  "version": "1.6.5",
+  "version": "1.7.2",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -14,8 +14,12 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "5df8639d9e81211ec961ca9847c07ae708ed4374",
+  "gitHead": "25d4d90078b237c54893757434bb09258812b803",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
+  },
+  "exports": {
+    ".": "./src/index.js",
+    "./print": "./src/print.js"
   }
 }

package/src/__tests__/__snapshots__/rubric-view.test.jsx.snap

@@ -954,7 +954,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                         className="MuiList-root-47 MuiList-padding-48"
                       >
                         <WithStyles(ListItem)
-                          key="P0"
+                          key="P3"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -993,7 +993,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="0 PTS"
+                                  primary="3 PTS"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -1009,7 +1009,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="0 PTS"
+                                    primary="3 PTS"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -1818,7 +1818,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            0 PTS
+                                            3 PTS
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -1831,7 +1831,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "nothing right",
+                                          "__html": "bingo",
                                         }
                                       }
                                     />
@@ -1854,7 +1854,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "nothing right",
+                                            "__html": "bingo",
                                           }
                                         }
                                       />
@@ -2670,7 +2670,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "nothing right",
+                                                  "__html": "bingo",
                                                 }
                                               }
                                             />
@@ -2685,7 +2685,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="P1"
+                          key="P2"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -2724,7 +2724,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="1 PTS"
+                                  primary="2 PTS"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -2740,7 +2740,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="1 PTS"
+                                    primary="2 PTS"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -3549,7 +3549,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            1 PTS
+                                            2 PTS
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -3562,7 +3562,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "a teeny bit right",
+                                          "__html": "mostly right",
                                         }
                                       }
                                     />
@@ -3585,7 +3585,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "a teeny bit right",
+                                            "__html": "mostly right",
                                           }
                                         }
                                       />
@@ -4401,7 +4401,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "a teeny bit right",
+                                                  "__html": "mostly right",
                                                 }
                                               }
                                             />
@@ -4416,7 +4416,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="S1"
+                          key="S2"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -5308,7 +5308,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "just right",
+                                          "__html": "not left",
                                         }
                                       }
                                     />
@@ -5331,7 +5331,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "just right",
+                                            "__html": "not left",
                                           }
                                         }
                                       />
@@ -6147,7 +6147,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "just right",
+                                                  "__html": "not left",
                                                 }
                                               }
                                             />
@@ -6162,7 +6162,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="P2"
+                          key="P1"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -6201,7 +6201,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="2 PTS"
+                                  primary="1 PT"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -6217,7 +6217,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="2 PTS"
+                                    primary="1 PT"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -7026,7 +7026,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            2 PTS
+                                            1 PT
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -7039,7 +7039,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "mostly right",
+                                          "__html": "a teeny bit right",
                                         }
                                       }
                                     />
@@ -7062,7 +7062,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "mostly right",
+                                            "__html": "a teeny bit right",
                                           }
                                         }
                                       />
@@ -7878,7 +7878,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "mostly right",
+                                                  "__html": "a teeny bit right",
                                                 }
                                               }
                                             />
@@ -7893,7 +7893,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="S2"
+                          key="S1"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -8785,7 +8785,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "not left",
+                                          "__html": "just right",
                                         }
                                       }
                                     />
@@ -8808,7 +8808,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "not left",
+                                            "__html": "just right",
                                           }
                                         }
                                       />
@@ -9624,7 +9624,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "not left",
+                                                  "__html": "just right",
                                                 }
                                               }
                                             />
@@ -9639,7 +9639,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="P3"
+                          key="P0"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -9678,7 +9678,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="3 PTS"
+                                  primary="0 PTS"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -9694,7 +9694,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="3 PTS"
+                                    primary="0 PTS"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -10503,7 +10503,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            3 PTS
+                                            0 PTS
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -10516,7 +10516,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "bingo",
+                                          "__html": "nothing right",
                                         }
                                       }
                                     />
@@ -10539,7 +10539,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "bingo",
+                                            "__html": "nothing right",
                                           }
                                         }
                                       />
@@ -11355,7 +11355,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "bingo",
+                                                  "__html": "nothing right",
                                                 }
                                               }
                                             />
@@ -12337,7 +12337,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                         className="MuiList-root-47 MuiList-padding-48"
                       >
                         <WithStyles(ListItem)
-                          key="P0"
+                          key="P3"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -12376,7 +12376,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="0 PTS"
+                                  primary="3 PTS"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -12392,7 +12392,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="0 PTS"
+                                    primary="3 PTS"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -13201,7 +13201,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            0 PTS
+                                            3 PTS
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -13214,7 +13214,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "nothing right",
+                                          "__html": "bingo",
                                         }
                                       }
                                     />
@@ -13237,7 +13237,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "nothing right",
+                                            "__html": "bingo",
                                           }
                                         }
                                       />
@@ -14053,7 +14053,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "nothing right",
+                                                  "__html": "bingo",
                                                 }
                                               }
                                             />
@@ -14068,7 +14068,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="P1"
+                          key="P2"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -14107,7 +14107,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="1 PTS"
+                                  primary="2 PTS"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -14123,7 +14123,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="1 PTS"
+                                    primary="2 PTS"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -14932,7 +14932,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            1 PTS
+                                            2 PTS
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -14945,7 +14945,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "a teeny bit right",
+                                          "__html": "mostly right",
                                         }
                                       }
                                     />
@@ -14968,7 +14968,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "a teeny bit right",
+                                            "__html": "mostly right",
                                           }
                                         }
                                       />
@@ -15784,7 +15784,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "a teeny bit right",
+                                                  "__html": "mostly right",
                                                 }
                                               }
                                             />
@@ -15799,7 +15799,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="S1"
+                          key="S2"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -16691,7 +16691,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "just right",
+                                          "__html": "not left",
                                         }
                                       }
                                     />
@@ -16714,7 +16714,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "just right",
+                                            "__html": "not left",
                                           }
                                         }
                                       />
@@ -17530,7 +17530,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "just right",
+                                                  "__html": "not left",
                                                 }
                                               }
                                             />
@@ -17545,7 +17545,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="P2"
+                          key="P1"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -17584,7 +17584,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="2 PTS"
+                                  primary="1 PT"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -17600,7 +17600,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="2 PTS"
+                                    primary="1 PT"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -18409,7 +18409,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            2 PTS
+                                            1 PT
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -18422,7 +18422,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "mostly right",
+                                          "__html": "a teeny bit right",
                                         }
                                       }
                                     />
@@ -18445,7 +18445,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "mostly right",
+                                            "__html": "a teeny bit right",
                                           }
                                         }
                                       />
@@ -19261,7 +19261,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "mostly right",
+                                                  "__html": "a teeny bit right",
                                                 }
                                               }
                                             />
@@ -19276,7 +19276,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="S2"
+                          key="S1"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -20168,7 +20168,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "not left",
+                                          "__html": "just right",
                                         }
                                       }
                                     />
@@ -20191,7 +20191,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "not left",
+                                            "__html": "just right",
                                           }
                                         }
                                       />
@@ -21007,7 +21007,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "not left",
+                                                  "__html": "just right",
                                                 }
                                               }
                                             />
@@ -21022,7 +21022,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                           </ListItem>
                         </WithStyles(ListItem)>
                         <WithStyles(ListItem)
-                          key="P3"
+                          key="P0"
                         >
                           <ListItem
                             ContainerComponent="li"
@@ -21061,7 +21061,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="3 PTS"
+                                  primary="0 PTS"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -21077,7 +21077,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="3 PTS"
+                                    primary="0 PTS"
                                     theme={
                                       Object {
                                         "breakpoints": Object {
@@ -21886,7 +21886,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                           <span
                                             className="MuiTypography-root-7 MuiTypography-subheading-14 MuiListItemText-primary-66"
                                           >
-                                            3 PTS
+                                            0 PTS
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -21899,7 +21899,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     <div
                                       dangerouslySetInnerHTML={
                                         Object {
-                                          "__html": "bingo",
+                                          "__html": "nothing right",
                                         }
                                       }
                                     />
@@ -21922,7 +21922,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                       <div
                                         dangerouslySetInnerHTML={
                                           Object {
-                                            "__html": "bingo",
+                                            "__html": "nothing right",
                                           }
                                         }
                                       />
@@ -22738,7 +22738,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                             <div
                                               dangerouslySetInnerHTML={
                                                 Object {
-                                                  "__html": "bingo",
+                                                  "__html": "nothing right",
                                                 }
                                               }
                                             />

package/src/main.jsx

@@ -27,6 +27,7 @@ class Rubric extends React.Component {
 
   static propTypes = {
     classes: PropTypes.object.isRequired,
+    animationsDisabled: PropTypes.bool,
     value: RubricType,
   };
 
@@ -44,52 +45,60 @@ class Rubric extends React.Component {
   };
 
   render() {
-    const { value, classes } = this.props;
+    const { value, classes, animationsDisabled } = this.props;
 
     if (value && value.points) {
       const { points, sampleAnswers } = value;
 
+      const rubricList = <List component="nav">
+        {points.slice(0).reverse().map(
+          (desc, index) => {
+            index = points.length - index - 1;
+            return this.shouldRenderPoint(index, value) && (
+              <React.Fragment key={index}>
+                <ListItem key={`P${index}`}>
+                  <ListItemText
+                    className={classes.rubricCol}
+                    primary={index === 1 ? `${index} PT` : `${index} PTS`}
+                  />
+                  <ListItemText
+                    primary={
+                      <div dangerouslySetInnerHTML={{ __html: desc }} />
+                    }
+                  />
+                </ListItem>
+                {sampleAnswers && sampleAnswers[index] && (
+                  <ListItem key={`S${index}`}>
+                    <ListItemText
+                      className={classes.rubricCol}
+                      style={{marginLeft: '20px'}}
+                      primary={'Sample Answer'}
+                    />
+                    <ListItemText
+                      primary={
+                        <div dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />
+                      }
+                    />
+                  </ListItem>
+                )}
+              </React.Fragment>
+            )
+          })}
+      </List>;
+
       return (
         <div className={classes.root}>
-          <Link href={this.dudUrl} onClick={this.toggleRubric}>
-            {this.state.linkPrefix} Rubric
-          </Link>
-          <Collapse in={this.state.rubricOpen} timeout="auto">
-            <List component="nav">
-              {points.map(
-                (desc, index) =>
-                  this.shouldRenderPoint(index, value) && (
-                    <React.Fragment key={index}>
-                      <ListItem key={`P${index}`}>
-                        <ListItemText
-                          className={classes.rubricCol}
-                          primary={`${index} PTS`}
-                        />
-                        <ListItemText
-                          primary={
-                            <div dangerouslySetInnerHTML={{ __html: desc }} />
-                          }
-                        />
-                      </ListItem>
-                      {sampleAnswers && sampleAnswers[index] && sampleAnswers[index] !== 'null' && (
-                        <ListItem key={`S${index}`}>
-                          <ListItemText
-                            className={classes.rubricCol}
-                            style={{marginLeft: '20px'}}
-                            primary={'Sample Answer'}
-                          />
-                          <ListItemText
-                            primary={
-                              <div dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />
-                            }
-                          />
-                        </ListItem>
-                      )}
-                    </React.Fragment>
-                  )
-              )}
-            </List>
-          </Collapse>
+          {!animationsDisabled ?
+            <React.Fragment>
+              <Link href={this.dudUrl} onClick={this.toggleRubric}>
+                {this.state.linkPrefix} Rubric
+              </Link>
+              <Collapse in={this.state.rubricOpen} timeout="auto">
+                {rubricList}
+              </Collapse>
+            </React.Fragment>
+            : rubricList
+          }
         </div>
       );
     } else {
@@ -101,6 +110,7 @@ class Rubric extends React.Component {
 const styles = () => ({
   rubricCol: {
     flex: '0 1 auto',
+    minWidth: 'fit-content'
   },
 });
 

package/src/print.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import debounce from 'lodash/debounce';
+import Main from './main';
+import { renderMath } from '@pie-lib/math-rendering';
+import debug from 'debug';
+
+const log = debug('pie-element:rubric:print');
+
+const preparePrintModel = (model, opts) => {
+  const instr = opts.role === 'instructor';
+
+  if (!instr) {
+    return {};
+  }
+
+  model.value = { ...model };
+  model.mode = 'evaluate';
+  model.animationsDisabled = true;
+
+  return model;
+};
+
+export default class RubricPrint extends HTMLElement {
+  constructor() {
+    super();
+    this._options = null;
+    this._model = null;
+    this._session = [];
+    this._rerender = debounce(
+      () => {
+        if (this._model && this._session) {
+          const printModel = preparePrintModel(this._model, this._options);
+
+          const element =
+            this._options &&
+            React.createElement(Main, {
+              ...printModel,
+            });
+
+          ReactDOM.render(element, this, () => {
+            log('render complete - render math');
+            renderMath(this);
+          });
+        } else {
+          log('skip');
+        }
+      },
+      50,
+      { leading: false, trailing: true }
+    );
+  }
+  set options(o) {
+    this._options = o;
+  }
+
+  set model(s) {
+    this._model = s;
+    this._rerender();
+  }
+
+  connectedCallback() {}
+}