@pie-element/rubric 3.8.2-next.1 → 3.8.2-next.15

package/configure/lib/pie-toolbox-rubric/point-menu.js

@@ -0,0 +1,172 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.IconMenu = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+
+var _MoreHoriz = _interopRequireDefault(require("@material-ui/icons/MoreHoriz"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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 IconMenu = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(IconMenu, _React$Component);
+
+  var _super = _createSuper(IconMenu);
+
+  function IconMenu(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, IconMenu);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
+      return _this.setState({
+        open: true,
+        anchorEl: event.currentTarget
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRequestClose", function () {
+      return _this.setState({
+        open: false
+      });
+    });
+    _this.state = {
+      anchorEl: undefined,
+      open: false
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(IconMenu, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          opts = _this$props.opts,
+          onClick = _this$props.onClick,
+          classes = _this$props.classes;
+      var _this$state = this.state,
+          open = _this$state.open,
+          anchorEl = _this$state.anchorEl;
+      var keys = Object.keys(opts) || [];
+
+      var handleMenuClick = function handleMenuClick(key) {
+        return function () {
+          onClick(key);
+
+          _this2.handleRequestClose();
+        };
+      };
+
+      var iconColor = open ? 'inherit' : 'disabled';
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        onClick: this.handleClick
+      }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        className: classes.icon
+      }, open ? /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+        color: iconColor
+      }) : /*#__PURE__*/_react["default"].createElement(_MoreHoriz["default"], {
+        color: iconColor
+      }))), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
+        id: "point-menu",
+        anchorEl: anchorEl,
+        open: open,
+        onClose: this.handleRequestClose,
+        style: {
+          transform: 'translate(-15px, -15px)'
+        },
+        transformOrigin: {
+          vertical: 'center',
+          horizontal: 'right'
+        }
+      }, keys.map(function (k, index) {
+        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+          key: index,
+          onClick: handleMenuClick(k)
+        }, opts[k]);
+      })));
+    }
+  }]);
+  return IconMenu;
+}(_react["default"].Component);
+
+exports.IconMenu = IconMenu;
+(0, _defineProperty2["default"])(IconMenu, "propTypes", {
+  opts: _propTypes["default"].object,
+  onClick: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired
+});
+
+var PointMenu = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(PointMenu, _React$Component2);
+
+  var _super2 = _createSuper(PointMenu);
+
+  function PointMenu() {
+    (0, _classCallCheck2["default"])(this, PointMenu);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(PointMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          onChange = _this$props2.onChange,
+          classes = _this$props2.classes,
+          showSampleAnswer = _this$props2.showSampleAnswer;
+      var sampleText = showSampleAnswer ? 'Provide Sample Response' : 'Remove Sample Response';
+      return /*#__PURE__*/_react["default"].createElement(IconMenu, {
+        onClick: function onClick(key) {
+          return onChange(key);
+        },
+        opts: {
+          sample: sampleText
+        },
+        classes: classes
+      });
+    }
+  }]);
+  return PointMenu;
+}(_react["default"].Component);
+
+exports["default"] = PointMenu;
+(0, _defineProperty2["default"])(PointMenu, "propTypes", {
+  onChange: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  showSampleAnswer: _propTypes["default"].bool.isRequired
+});
+(0, _defineProperty2["default"])(PointMenu, "defaultProps", {
+  classes: {}
+});
+//# sourceMappingURL=point-menu.js.map

package/configure/lib/pie-toolbox-rubric/point-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/pie-toolbox-rubric/point-menu.jsx"],"names":["IconMenu","props","event","setState","open","anchorEl","currentTarget","state","undefined","opts","onClick","classes","keys","Object","handleMenuClick","key","handleRequestClose","iconColor","handleClick","icon","transform","vertical","horizontal","map","k","index","React","Component","PropTypes","object","func","isRequired","PointMenu","onChange","showSampleAnswer","sampleText","sample","bool"],"mappings":"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","sourcesContent":["import Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport MoreHorizIcon from '@material-ui/icons/MoreHoriz';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport class IconMenu extends React.Component {\n  static propTypes = {\n    opts: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      anchorEl: undefined,\n      open: false,\n    };\n  }\n\n  handleClick = (event) => this.setState({ open: true, anchorEl: event.currentTarget });\n\n  handleRequestClose = () => this.setState({ open: false });\n\n  render() {\n    const { opts, onClick, classes } = this.props;\n    const { open, anchorEl } = this.state;\n    const keys = Object.keys(opts) || [];\n\n    const handleMenuClick = (key) => () => {\n      onClick(key);\n      this.handleRequestClose();\n    };\n\n    const iconColor = open ? 'inherit' : 'disabled';\n\n    return (\n      <div>\n        <div onClick={this.handleClick}>\n          <IconButton className={classes.icon}>\n            {open ? <MoreVertIcon color={iconColor} /> : <MoreHorizIcon color={iconColor} />}\n          </IconButton>\n        </div>\n        <Menu\n          id=\"point-menu\"\n          anchorEl={anchorEl}\n          open={open}\n          onClose={this.handleRequestClose}\n          style={{ transform: 'translate(-15px, -15px)' }}\n          transformOrigin={{\n            vertical: 'center',\n            horizontal: 'right',\n          }}\n        >\n          {keys.map((k, index) => (\n            <MenuItem key={index} onClick={handleMenuClick(k)}>\n              {opts[k]}\n            </MenuItem>\n          ))}\n        </Menu>\n      </div>\n    );\n  }\n}\n\nexport default class PointMenu extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    showSampleAnswer: PropTypes.bool.isRequired,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  render() {\n    const { onChange, classes, showSampleAnswer } = this.props;\n    const sampleText = showSampleAnswer ? 'Provide Sample Response' : 'Remove Sample Response';\n\n    return (\n      <IconMenu\n        onClick={(key) => onChange(key)}\n        opts={{\n          sample: sampleText,\n        }}\n        classes={classes}\n      />\n    );\n  }\n}\n"],"file":"point-menu.js"}

package/configure/package.json

@@ -8,7 +8,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.13.2-next.21",
+    "@pie-lib/pie-toolbox": "1.13.1",
     "debug": "^4.1.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6"

package/controller/lib/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.model = model;
+exports.validate = validate;
+
+function model(model, session, env) {
+  return new Promise(function (resolve) {
+    var modelResult = !model ? {} : model;
+    resolve(env && env.role && env.role === 'instructor' ? modelResult : {});
+  });
+}
+
+function markupToText(s) {
+  return (s || '').replace(/(<([^>]+)>)/ig, '');
+} // IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateSimpleRubric function!“.
+
+
+function validate(model, config) {
+  var points = model.points,
+      excludeZero = model.excludeZero;
+  var errors = {};
+  var pointsDescriptorsErrors = {};
+  (points || []).forEach(function (point, index) {
+    if (index === 0 && excludeZero) {
+      // if excludeZero is true, the 0 point is not displayed, so it should not be validated
+      return;
+    }
+
+    if (!point || point === '<div></div>') {
+      pointsDescriptorsErrors[index] = 'Points descriptors cannot be empty.';
+    } else {
+      var identicalPointDescr = points.slice(index + 1).some(function (p) {
+        return markupToText(p) === markupToText(point);
+      });
+
+      if (identicalPointDescr) {
+        pointsDescriptorsErrors[index] = 'Points descriptors should be unique.';
+      }
+    }
+  });
+
+  if (Object.keys(pointsDescriptorsErrors).length > 0) {
+    errors.pointsDescriptorsErrors = pointsDescriptorsErrors;
+  }
+
+  return errors;
+}
+//# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["model","session","env","Promise","resolve","modelResult","role","markupToText","s","replace","validate","config","points","excludeZero","errors","pointsDescriptorsErrors","forEach","point","index","identicalPointDescr","slice","some","p","Object","keys","length"],"mappings":";;;;;;;;AAAO,SAASA,KAAT,CAAeA,KAAf,EAAsBC,OAAtB,EAA+BC,GAA/B,EAAoC;AACzC,SAAO,IAAIC,OAAJ,CAAY,UAACC,OAAD,EAAa;AAC9B,QAAMC,WAAW,GAAG,CAACL,KAAD,GAAS,EAAT,GAAcA,KAAlC;AACAI,IAAAA,OAAO,CAACF,GAAG,IAAIA,GAAG,CAACI,IAAX,IAAmBJ,GAAG,CAACI,IAAJ,KAAa,YAAhC,GAA+CD,WAA/C,GAA6D,EAA9D,CAAP;AACD,GAHM,CAAP;AAID;;AAGD,SAASE,YAAT,CAAsBC,CAAtB,EAAyB;AACvB,SAAO,CAACA,CAAC,IAAI,EAAN,EAAUC,OAAV,CAAkB,eAAlB,EAAmC,EAAnC,CAAP;AACD,C,CAGD;;;AACO,SAASC,QAAT,CAAkBV,KAAlB,EAAyBW,MAAzB,EAAiC;AACtC,MAAQC,MAAR,GAAgCZ,KAAhC,CAAQY,MAAR;AAAA,MAAgBC,WAAhB,GAAgCb,KAAhC,CAAgBa,WAAhB;AACA,MAAMC,MAAM,GAAG,EAAf;AACA,MAAMC,uBAAuB,GAAG,EAAhC;AAEA,GAACH,MAAM,IAAI,EAAX,EAAeI,OAAf,CAAuB,UAACC,KAAD,EAAQC,KAAR,EAAkB;AACvC,QAAIA,KAAK,KAAK,CAAV,IAAeL,WAAnB,EAAgC;AAC9B;AACA;AACD;;AAED,QAAI,CAACI,KAAD,IAAUA,KAAK,KAAK,aAAxB,EAAuC;AACrCF,MAAAA,uBAAuB,CAACG,KAAD,CAAvB,GAAiC,qCAAjC;AACD,KAFD,MAEO;AACL,UAAMC,mBAAmB,GAAGP,MAAM,CAACQ,KAAP,CAAaF,KAAK,GAAG,CAArB,EAAwBG,IAAxB,CAA6B,UAAAC,CAAC;AAAA,eAAIf,YAAY,CAACe,CAAD,CAAZ,KAAoBf,YAAY,CAACU,KAAD,CAApC;AAAA,OAA9B,CAA5B;;AAEA,UAAIE,mBAAJ,EAAyB;AACvBJ,QAAAA,uBAAuB,CAACG,KAAD,CAAvB,GAAiC,sCAAjC;AACD;AACF;AACF,GAfD;;AAiBA,MAAIK,MAAM,CAACC,IAAP,CAAYT,uBAAZ,EAAqCU,MAArC,GAA8C,CAAlD,EAAqD;AACnDX,IAAAA,MAAM,CAACC,uBAAP,GAAiCA,uBAAjC;AACD;;AAED,SAAOD,MAAP;AACD","sourcesContent":["export function model(model, session, env) {\n  return new Promise((resolve) => {\n    const modelResult = !model ? {} : model;\n    resolve(env && env.role && env.role === 'instructor' ? modelResult : {});\n  });\n}\n\n\nfunction markupToText(s) {\n  return (s || '').replace(/(<([^>]+)>)/ig, '');\n}\n\n\n// IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateSimpleRubric function!“.\nexport function validate(model, config) {\n  const { points, excludeZero } = model;\n  const errors = {};\n  const pointsDescriptorsErrors = {};\n\n  (points || []).forEach((point, index) => {\n    if (index === 0 && excludeZero) {\n      // if excludeZero is true, the 0 point is not displayed, so it should not be validated\n      return;\n    }\n\n    if (!point || point === '<div></div>') {\n      pointsDescriptorsErrors[index] = 'Points descriptors cannot be empty.';\n    } else {\n      const identicalPointDescr = points.slice(index + 1).some(p => markupToText(p) === markupToText(point));\n\n      if (identicalPointDescr) {\n        pointsDescriptorsErrors[index] = 'Points descriptors should be unique.';\n      }\n    }\n  });\n\n  if (Object.keys(pointsDescriptorsErrors).length > 0) {\n    errors.pointsDescriptorsErrors = pointsDescriptorsErrors;\n  }\n\n  return errors;\n}\n"],"file":"index.js"}

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "./node_modules/.bin/jest"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.13.2-next.21",
+    "@pie-lib/pie-toolbox": "1.13.1",
     "lodash": "^4.17.15"
   }
 }

package/lib/index.js

@@ -0,0 +1,88 @@
+"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 _main = _interopRequireDefault(require("./main"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+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; } }
+
+var RubricRender = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(RubricRender, _HTMLElement);
+
+  var _super = _createSuper(RubricRender);
+
+  function RubricRender() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, RubricRender);
+    _this = _super.call(this);
+
+    _debug["default"].log('constructor called');
+
+    _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(RubricRender, [{
+    key: "model",
+    set: function set(s) {
+      this._model = s;
+
+      this._render();
+    }
+  }, {
+    key: "onModelChanged",
+    value: function onModelChanged(m) {
+      this._model = m;
+
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      if (this._model) {
+        var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          value: this._model
+        });
+
+        _reactDom["default"].render(el, this);
+      }
+    }
+  }]);
+  return RubricRender;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = RubricRender;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +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;;;;;;IAEqBA,Y;;;;;AACnB,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,gBAAG,gCAAC,gBAAD;AAAQ,UAAA,KAAK,EAAE,KAAKH;AAApB,UAAX;;AAEAI,6BAASC,MAAT,CAAgBF,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA3BuCG,W","sourcesContent":["import Rubric from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\nexport default class RubricRender extends HTMLElement {\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 = <Rubric value={this._model} />;\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/lib/main.js

@@ -0,0 +1,187 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RubricType = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+
+var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
+
+var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+
+var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
+
+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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var RubricType = _propTypes["default"].shape({
+  excludeZero: _propTypes["default"].bool,
+  points: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  sampleAnswers: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  animationsDisabled: _propTypes["default"].bool
+});
+
+exports.RubricType = RubricType;
+
+var Rubric = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Rubric, _React$Component);
+
+  var _super = _createSuper(Rubric);
+
+  function Rubric(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Rubric);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dudUrl", 'javascript:;');
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "shouldRenderPoint", function (index, value) {
+      if (!value.excludeZero) {
+        return true;
+      } else {
+        return index !== 0;
+      }
+    });
+    _this.state = {
+      rubricOpen: false,
+      linkPrefix: 'Show'
+    };
+    _this.toggleRubric = _this.toggleRubric.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Rubric, [{
+    key: "toggleRubric",
+    value: function toggleRubric() {
+      this.setState({
+        rubricOpen: !this.state.rubricOpen
+      });
+      this.setState({
+        linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide'
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          value = _this$props.value,
+          classes = _this$props.classes;
+      var animationsDisabled = this.props.animationsDisabled;
+      animationsDisabled = animationsDisabled || value.animationsDisabled;
+
+      if (value && value.points) {
+        var points = value.points,
+            sampleAnswers = value.sampleAnswers;
+
+        var rubricList = /*#__PURE__*/_react["default"].createElement(_List["default"], {
+          component: "nav"
+        }, points.slice(0).reverse().map(function (desc, index) {
+          index = points.length - index - 1;
+          var pointsLabel = value.excludeZero ? index + 1 : index;
+          return /*#__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: /*#__PURE__*/_react["default"].createElement("div", {
+              className: classes.text
+            }, pointsLabel === 1 ? "".concat(pointsLabel, " PT") : "".concat(pointsLabel, " PTS"))
+          }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+            primary: /*#__PURE__*/_react["default"].createElement("div", {
+              className: classes.text,
+              dangerouslySetInnerHTML: {
+                __html: desc
+              }
+            })
+          })), sampleAnswers && sampleAnswers[index] && /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+            key: "S".concat(index)
+          }, /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+            className: classes.rubricCol,
+            style: {
+              marginLeft: '20px'
+            },
+            primary: /*#__PURE__*/_react["default"].createElement("div", {
+              className: classes.text
+            }, "Sample Answer")
+          }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+            primary: /*#__PURE__*/_react["default"].createElement("div", {
+              className: classes.text,
+              dangerouslySetInnerHTML: {
+                __html: sampleAnswers[index]
+              }
+            })
+          })));
+        }));
+
+        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;
+      }
+    }
+  }]);
+  return Rubric;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(Rubric, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  animationsDisabled: _propTypes["default"].bool,
+  value: RubricType
+});
+
+var styles = function styles() {
+  return {
+    root: {
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background()
+    },
+    rubricCol: {
+      flex: '0 1 auto',
+      minWidth: 'fit-content'
+    },
+    text: {
+      color: _renderUi.color.text()
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(Rubric);
+
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","animationsDisabled","Rubric","props","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","classes","rubricList","slice","reverse","map","desc","length","pointsLabel","rubricCol","text","__html","marginLeft","root","dudUrl","React","Component","object","isRequired","styles","color","backgroundColor","background","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 { color } from '@pie-lib/pie-toolbox/render-ui';\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  animationsDisabled: PropTypes.bool,\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 } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { points, sampleAnswers } = value;\n\n      const rubricList = (\n        <List component=\"nav\">\n          {points\n            .slice(0)\n            .reverse()\n            .map((desc, index) => {\n              index = points.length - index - 1;\n              const pointsLabel = value.excludeZero ? index + 1: index;\n\n              return (\n                  <React.Fragment key={index}>\n                    <ListItem key={`P${index}`}>\n                      <ListItemText\n                          className={classes.rubricCol}\n                          primary={<div className={classes.text}>{pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}</div>}\n                      />\n\n                      <ListItemText\n                          primary={<div className={classes.text} dangerouslySetInnerHTML={{ __html: desc }} />}\n                      />\n                    </ListItem>\n\n                    {sampleAnswers && sampleAnswers[index] && (\n                        <ListItem key={`S${index}`}>\n                          <ListItemText\n                              className={classes.rubricCol}\n                              style={{ marginLeft: '20px' }}\n                              primary={<div className={classes.text}>Sample Answer</div>}\n                          />\n\n                          <ListItemText\n                              primary={\n                                <div className={classes.text} dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                              }\n                          />\n                        </ListItem>\n                    )}\n                  </React.Fragment>\n              );\n            })}\n        </List>\n      );\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          ) : (\n            rubricList\n          )}\n        </div>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nconst styles = () => ({\n  root: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  rubricCol: {\n    flex: '0 1 auto',\n    minWidth: 'fit-content',\n  },\n  text: {\n    color: color.text(),\n  },\n});\n\nexport default withStyles(styles)(Rubric);\n"],"file":"main.js"}