@pie-element/rubric 1.6.3-next.135 → 1.6.3-next.1357

package/configure/lib/main.js

@@ -0,0 +1,98 @@
+"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _rubric = require("@pie-lib/rubric");
+
+var _styles = require("@material-ui/core/styles");
+
+var _configUi = require("@pie-lib/config-ui");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle;
+var styles = {
+  design: {
+    fontFamily: 'Cerebri Sans',
+    fontSize: '14px'
+  }
+};
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main() {
+    (0, _classCallCheck2["default"])(this, Main);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.props || {},
+          model = _ref.model,
+          classes = _ref.classes,
+          configuration = _ref.configuration,
+          onConfigurationChanged = _ref.onConfigurationChanged,
+          onModelChanged = _ref.onModelChanged;
+
+      var _ref2 = configuration || {},
+          settingsPanelDisabled = _ref2.settingsPanelDisabled,
+          showExcludeZero = _ref2.showExcludeZero,
+          showMaxPoint = _ref2.showMaxPoint;
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.design
+      }, settingsPanelDisabled ? /*#__PURE__*/_react["default"].createElement(_rubric.Authoring, {
+        value: model,
+        onChange: onModelChanged
+      }) : /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          onChangeModel: onModelChanged,
+          configuration: configuration,
+          onChangeConfiguration: onConfigurationChanged,
+          groups: {
+            Properties: {
+              excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),
+              maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label)
+            }
+          }
+        })
+      }, /*#__PURE__*/_react["default"].createElement(_rubric.Authoring, {
+        value: model,
+        onChange: onModelChanged
+      })));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+var _default = (0, _styles.withStyles)(styles)(Main);
+
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","styles","design","fontFamily","fontSize","Main","props","model","classes","configuration","onConfigurationChanged","onModelChanged","settingsPanelDisabled","showExcludeZero","showMaxPoint","Properties","excludeZeroEnabled","label","maxPointsEnabled","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAQA,KAAR,GAA0BC,kBAA1B,CAAQD,KAAR;AAAA,IAAeE,MAAf,GAA0BD,kBAA1B,CAAeC,MAAf;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,cADN;AAENC,IAAAA,QAAQ,EAAE;AAFJ;AADK,CAAf;;IAOMC,I;;;;;;;;;;;;WACJ,kBAAS;AACP,iBAAkF,KAAKC,KAAL,IAAc,EAAhG;AAAA,UAAQC,KAAR,QAAQA,KAAR;AAAA,UAAeC,OAAf,QAAeA,OAAf;AAAA,UAAwBC,aAAxB,QAAwBA,aAAxB;AAAA,UAAuCC,sBAAvC,QAAuCA,sBAAvC;AAAA,UAA+DC,cAA/D,QAA+DA,cAA/D;;AACA,kBAIIF,aAAa,IAAI,EAJrB;AAAA,UACEG,qBADF,SACEA,qBADF;AAAA,UAEEC,eAFF,SAEEA,eAFF;AAAA,UAGEC,YAHF,SAGEA,YAHF;;AAKA,0BACE;AAAK,QAAA,SAAS,EAAEN,OAAO,CAACN;AAAxB,SACGU,qBAAqB,gBAAG,gCAAC,iBAAD;AAAW,QAAA,KAAK,EAAEL,KAAlB;AAAyB,QAAA,QAAQ,EAAEI;AAAnC,QAAH,gBACpB,gCAAC,gBAAD,CAAQ,YAAR;AACE,QAAA,QAAQ,eACN,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEJ,KADT;AAEE,UAAA,aAAa,EAAEI,cAFjB;AAGE,UAAA,aAAa,EAAEF,aAHjB;AAIE,UAAA,qBAAqB,EAAEC,sBAJzB;AAKE,UAAA,MAAM,EAAE;AACNK,YAAAA,UAAU,EAAE;AACVC,cAAAA,kBAAkB,EAAEH,eAAe,CAACd,QAAhB,IAA4BC,MAAM,CAACa,eAAe,CAACI,KAAjB,CAD5C;AAEVC,cAAAA,gBAAgB,EAAEJ,YAAY,CAACf,QAAb,IAAyBC,MAAM,CAACc,YAAY,CAACG,KAAd;AAFvC;AADN;AALV;AAFJ,sBAgBE,gCAAC,iBAAD;AAAW,QAAA,KAAK,EAAEV,KAAlB;AAAyB,QAAA,QAAQ,EAAEI;AAAnC,QAhBF,CAFJ,CADF;AAuBD;;;EA/BgBQ,kBAAMC,S;;eAkCV,wBAAWnB,MAAX,EAAmBI,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Authoring } from '@pie-lib/rubric';\nimport { withStyles } from '@material-ui/core/styles';\nimport { layout, settings } from '@pie-lib/config-ui';\n\nconst { Panel, toggle } = settings;\n\nconst styles = {\n  design: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '14px',\n  }\n};\n\nclass Main extends React.Component {\n  render() {\n    const { model, classes, configuration, onConfigurationChanged, onModelChanged } = this.props || {};\n    const {\n      settingsPanelDisabled,\n      showExcludeZero,\n      showMaxPoint\n    } = configuration || {};\n    return (\n      <div className={classes.design}>\n        {settingsPanelDisabled ? <Authoring value={model} onChange={onModelChanged} /> :\n          <layout.ConfigLayout\n            settings={\n              <Panel\n                model={model}\n                onChangeModel={onModelChanged}\n                configuration={configuration}\n                onChangeConfiguration={onConfigurationChanged}\n                groups={{\n                  Properties: {\n                    excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),\n                    maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),\n                  }\n                }}\n              />\n            }\n          >\n            <Authoring value={model} onChange={onModelChanged} />\n          </layout.ConfigLayout>}\n      </div>\n    )\n  }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/configure/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/rubric-configure",
   "private": true,
-  "version": "1.2.23",
+  "version": "2.0.1",
   "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.3.5",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/rubric": "0.5.4",
     "debug": "^4.1.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6"

package/configure/src/defaults.js

@@ -0,0 +1,21 @@
+export default {
+  model: {
+    points: ['', '', '', ''],
+    sampleAnswers: [null, null, null, null],
+    maxPoints: 4,
+    excludeZero: false,
+    excludeZeroEnabled: true,
+    maxPointsEnabled: true
+  },
+  configuration: {
+    showExcludeZero: {
+      settings: true,
+      label: 'Ability to exclude zero',
+    },
+    showMaxPoint: {
+      settings: true,
+      label: 'Show max points dropdown'
+    },
+    settingsPanelDisabled: false
+  }
+};

package/configure/src/index.js

@@ -1,19 +1,31 @@
-import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';
-
+import { DeleteSoundEvent, InsertSoundEvent, ModelUpdatedEvent } from '@pie-framework/pie-configure-events';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Authoring } from '@pie-lib/rubric';
 import debug from 'debug';
 
+import Main from './main';
+import defaults from './defaults';
+
+const modelWithDefaults = m => ({ ...defaults.model, ...m });
+const configurationWithDefaults = c => ({ ...defaults.configuration, ...c });
+
 export default class RubricElement extends HTMLElement {
   constructor() {
     super();
     debug.log('constructor called');
+    this._model = modelWithDefaults();
+    this._configuration = configurationWithDefaults();
     this.onModelChanged = this.onModelChanged.bind(this);
+    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
   }
 
-  set model(s) {
-    this._model = s;
+  set model(m) {
+    this._model = modelWithDefaults(m);
+    this._render();
+  }
+
+  set configuration(c) {
+    this._configuration = configurationWithDefaults(c);
     this._render();
   }
 
@@ -23,16 +35,30 @@ export default class RubricElement extends HTMLElement {
     this.dispatchEvent(new ModelUpdatedEvent(this._model, false));
   }
 
+  onConfigurationChanged = (c) => {
+    this._configuration = configurationWithDefaults(c);
+
+    if (this._model) {
+      this.onModelChanged(this._model);
+    }
+
+    this._render();
+  }
+
   connectedCallback() {
     this._render();
   }
 
   _render() {
     if (this._model) {
-      const el = (
-        <Authoring value={this._model} onChange={this.onModelChanged} />
-      );
-      ReactDOM.render(el, this);
+      let element = React.createElement(Main, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+      });
+
+      ReactDOM.render(element, this);
     }
   }
 }

package/configure/src/main.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Authoring } from '@pie-lib/rubric';
+import { withStyles } from '@material-ui/core/styles';
+import { layout, settings } from '@pie-lib/config-ui';
+
+const { Panel, toggle } = settings;
+
+const styles = {
+  design: {
+    fontFamily: 'Cerebri Sans',
+    fontSize: '14px',
+  }
+};
+
+class Main extends React.Component {
+  render() {
+    const { model, classes, configuration, onConfigurationChanged, onModelChanged } = this.props || {};
+    const {
+      settingsPanelDisabled,
+      showExcludeZero,
+      showMaxPoint
+    } = configuration || {};
+    return (
+      <div className={classes.design}>
+        {settingsPanelDisabled ? <Authoring value={model} onChange={onModelChanged} /> :
+          <layout.ConfigLayout
+            settings={
+              <Panel
+                model={model}
+                onChangeModel={onModelChanged}
+                configuration={configuration}
+                onChangeConfiguration={onConfigurationChanged}
+                groups={{
+                  Properties: {
+                    excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),
+                    maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),
+                  }
+                }}
+              />
+            }
+          >
+            <Authoring value={model} onChange={onModelChanged} />
+          </layout.ConfigLayout>}
+      </div>
+    )
+  }
+}
+
+export default withStyles(styles)(Main);

package/controller/CHANGELOG.md

@@ -3,6 +3,44 @@
 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)
+
+
+### Bug Fixes
+
+* force bump ([5ea7295](https://github.com/pie-framework/pie-elements/commit/5ea7295e4755fbc492a76e7ec69e5fc35b196919))
+
+
+
+
+
+# [1.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@1.1.8...@pie-element/rubric-controller@1.2.0) (2021-06-29)
+
+
+### Features
+
+* **rubric:** Added sample answers to the model - PD-621 ([#559](https://github.com/pie-framework/pie-elements/issues/559)) ([d436b47](https://github.com/pie-framework/pie-elements/commit/d436b47b1cb8dd7cfbd82dbd2de4dd5eab36905c))
+
+
+
+
+
 ## [1.1.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@1.1.6...@pie-element/rubric-controller@1.1.8) (2021-03-03)
 
 **Note:** Version bump only for package @pie-element/rubric-controller

package/controller/package.json

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

package/lib/index.js

@@ -31,7 +31,7 @@ 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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var RubricRender = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(RubricRender, _HTMLElement);

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["RubricRender","debug","log","onModelChanged","bind","s","_model","_render","m","el","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAGqBA,Y;;;;;AAEnB,0BAAc;AAAA;;AAAA;AACZ;;AACAC,sBAAMC,GAAN,CAAU,oBAAV;;AACA,UAAKC,cAAL,GAAsB,MAAKA,cAAL,CAAoBC,IAApB,gDAAtB;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;WAED,wBAAeC,CAAf,EAAkB;AAChB,WAAKF,MAAL,GAAcE,CAAd;;AACA,WAAKD,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKD,MAAT,EAAiB;AACf,YAAMG,EAAE,gBACN,gCAAC,gBAAD;AAAQ,UAAA,KAAK,EAAE,KAAKH;AAApB,UADF;;AAGAI,6BAASC,MAAT,CAAgBF,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA7BuCG,W","sourcesContent":["import Rubric from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\n\nexport default class RubricRender extends HTMLElement {\n\n  constructor() {\n    super();\n    debug.log('constructor called');\n    this.onModelChanged = this.onModelChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = s;\n    this._render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model) {\n      const el = (\n        <Rubric value={this._model}/>\n      );\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["RubricRender","debug","log","onModelChanged","bind","s","_model","_render","m","el","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAGqBA,Y;;;;;AAEnB,0BAAc;AAAA;;AAAA;AACZ;;AACAC,sBAAMC,GAAN,CAAU,oBAAV;;AACA,UAAKC,cAAL,GAAsB,MAAKA,cAAL,CAAoBC,IAApB,gDAAtB;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;WAED,wBAAeC,CAAf,EAAkB;AAChB,WAAKF,MAAL,GAAcE,CAAd;;AACA,WAAKD,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AACR,UAAI,KAAKD,MAAT,EAAiB;AACf,YAAMG,EAAE,gBACN,gCAAC,gBAAD;AAAQ,UAAA,KAAK,EAAE,KAAKH;AAApB,UADF;;AAIAI,6BAASC,MAAT,CAAgBF,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA9BuCG,W","sourcesContent":["import Rubric from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\n\nexport default class RubricRender extends HTMLElement {\n\n  constructor() {\n    super();\n    debug.log('constructor called');\n    this.onModelChanged = this.onModelChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = s;\n    this._render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model) {\n      const el = (\n        <Rubric value={this._model} />\n      );\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/lib/main.js

@@ -39,7 +39,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var RubricType = _propTypes["default"].shape({
   excludeZero: _propTypes["default"].bool,
@@ -92,29 +92,24 @@ 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: {
@@ -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    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] && (\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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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.135+4af016191",
+  "version": "1.6.3-next.1357+42d700e42",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -14,8 +14,12 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "4af016191b4e3b79b27fec8365a0e1189e91c4d3",
+  "gitHead": "42d700e42127ea8ccd3e7b4f069d918abb490f15",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
+  },
+  "exports": {
+    ".": "./src/index.js",
+    "./print": "./src/print.js"
   }
 }