@pie-element/rubric 1.6.3-next.362 → 1.6.3-next.405

package/lib/main.js

@@ -92,20 +92,14 @@ 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) {
           return _this2.shouldRenderPoint(index, value) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
@@ -114,14 +108,14 @@ var Rubric = /*#__PURE__*/function (_React$Component) {
             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 +130,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 +151,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","map","desc","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.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 === 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.3-next.362+e08bdcf39",
+  "version": "1.6.3-next.405+1d7a220f7",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -14,8 +14,12 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "e08bdcf397cf17631a5b00e1155465c9cfb89c8a",
+  "gitHead": "1d7a220f7416eb210f7a0b68906d071b6f5ce9b4",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
+  },
+  "exports": {
+    ".": "./src/index.js",
+    "./print": "./src/print.js"
   }
 }

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

@@ -2724,7 +2724,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="1 PTS"
+                                  primary="1 PT"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -2740,7 +2740,7 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="1 PTS"
+                                    primary="1 PT"
                                     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
+                                            1 PT
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>
@@ -14107,7 +14107,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                 <WithStyles(ListItemText)
                                   className="Rubric-rubricCol-1"
                                   key=".0"
-                                  primary="1 PTS"
+                                  primary="1 PT"
                                 >
                                   <ListItemText
                                     className="Rubric-rubricCol-1"
@@ -14123,7 +14123,7 @@ exports[`rubric viewer snapshot renders 1`] = `
                                     }
                                     disableTypography={false}
                                     inset={false}
-                                    primary="1 PTS"
+                                    primary="1 PT"
                                     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
+                                            1 PT
                                           </span>
                                         </Typography>
                                       </WithStyles(Typography)>

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,59 @@ 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.map(
+          (desc, index) =>
+            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 +109,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() {}
+}