@pie-element/rubric 6.0.2-esm.0 → 6.2.0-mui-update.0

package/lib/main.js.map

@@ -1 +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","model","classes","extraCSSRules","rubricList","slice","reverse","map","desc","length","pointsLabel","listColumn","titleText","text","__html","fontWeight","root","hiddenScreenReader","rubricToggle","e","key","chevronStyle","React","Component","object","isRequired","styles","theme","color","backgroundColor","background","borderCollapse","padding","textAlign","marginBottom","marginTop","lineHeight","display","flexDirection","alignItems","listColumnItem","fontSize","margin","paddingBottom","cursor","userSelect","typography","tertiary","transition","marginLeft","alignSelf","position","width","height","overflow","clip","border","whiteSpace"],"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 Collapse from '@material-ui/core/Collapse';\nimport { color, UiLayout } from '@pie-lib/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    model: 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 { model, value, classes } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\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}`} className={classes.listColumn}>\n                    <h3 className={classes.titleText}>\n                      {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n                    </h3>\n                    <div className={classes.text} dangerouslySetInnerHTML={{ __html: desc }} />\n                  </ListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <ListItem key={`S${index}`} className={classes.listColumn}>\n                      <h4 className={classes.titleText} style={{ fontWeight: 'normal' }}>\n                        Sample Answer\n                      </h4>\n                      <div className={classes.text} dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                    </ListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <UiLayout extraCSSRules={extraCSSRules} className={classes.root}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <h2 className={classes.hiddenScreenReader}>Rubric</h2>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <h2\n                id={'rubric-toggle'}\n                className={classes.rubricToggle}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\n                <span className={classes.chevronStyle} aria-hidden=\"true\">\n                  {this.state.rubricOpen ? (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"18 15 12 9 6 15\"></polyline>\n                    </svg>\n                  ) : (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"></polyline>\n                    </svg>\n                  )}\n                </span>\n              </h2>\n              <Collapse in={this.state.rubricOpen} timeout=\"auto\">\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </UiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nconst styles = (theme) => ({\n  root: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    // apply styles to tables to match the rest of the UI\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '8px 12px',\n      textAlign: 'left',\n    },\n    // reset paragraph margins and line-height inside lists to override client styles\n    '& ul p, & ol p': {\n      marginBottom: 0,\n      marginTop: 0,\n      lineHeight: 'normal',\n    },\n  },\n  listColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    padding: '12px 0px',\n  },\n  listColumnItem: {\n    padding: 0,\n  },\n  text: {\n    color: color.text(),\n  },\n  titleText: {\n    color: color.text(),\n    fontSize: '16px',\n    fontWeight: '700',\n    margin: 0,\n    paddingBottom: '6px',\n  },\n  rubricToggle: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    userSelect: 'none',\n    fontSize: theme.typography.fontSize,\n    fontWeight: '500',\n    color: color.tertiary(),\n    margin: 0,\n  },\n  chevronStyle: {\n    display: 'inline-flex',\n    transition: 'transform 0.2s',\n    marginLeft: 2,\n    alignSelf: 'center',\n  },\n  hiddenScreenReader: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    padding: 0,\n    margin: '-1px',\n    overflow: 'hidden',\n    clip: 'rect(0,0,0,0)',\n    border: 0,\n    whiteSpace: 'nowrap',\n  },\n});\n\nexport default withStyles(styles)(Rubric);\n"],"file":"main.js"}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_styles","_ListItem","_List","_Collapse","_renderUi","_propTypes","StyledUiLayout","styled","UiLayout","theme","color","text","backgroundColor","background","borderCollapse","padding","textAlign","marginBottom","marginTop","lineHeight","StyledListItem","ListItem","display","flexDirection","alignItems","Text","TitleText","fontSize","fontWeight","margin","paddingBottom","SampleTitleText","RubricToggle","cursor","userSelect","typography","tertiary","ChevronStyle","transition","marginLeft","alignSelf","HiddenScreenReader","position","width","height","overflow","clip","border","whiteSpace","RubricType","exports","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","animationsDisabled","Rubric","React","Component","constructor","props","_defineProperty2","default","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","render","model","extraCSSRules","rubricList","createElement","component","slice","reverse","map","desc","length","pointsLabel","Fragment","key","dangerouslySetInnerHTML","__html","id","tabIndex","role","onClick","onKeyPress","e","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","in","timeout","enter","exit","object","isRequired","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport Collapse from '@mui/material/Collapse';\nimport { color, UiLayout } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\n\nconst StyledUiLayout = styled(UiLayout)(({ theme }) => ({\n  color: color.text(),\n  backgroundColor: color.background(),\n  // apply styles to tables to match the rest of the UI\n  '&:not(.MathJax) table': {\n    borderCollapse: 'collapse',\n  },\n  '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n    padding: '8px 12px',\n    textAlign: 'left',\n  },\n  // reset paragraph margins and line-height inside lists to override client styles\n  '& ul p, & ol p': {\n    marginBottom: 0,\n    marginTop: 0,\n    lineHeight: 'normal',\n  },\n}));\n\nconst StyledListItem = styled(ListItem)({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  padding: '12px 0px',\n});\n\nconst Text = styled('div')({\n  color: color.text(),\n});\n\nconst TitleText = styled('h3')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: '700',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst SampleTitleText = styled('h4')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: 'normal',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst RubricToggle = styled('h2')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  userSelect: 'none',\n  fontSize: theme.typography.fontSize,\n  fontWeight: '500',\n  color: color.tertiary(),\n  margin: 0,\n}));\n\nconst ChevronStyle = styled('span')({\n  display: 'inline-flex',\n  transition: 'transform 0.2s',\n  marginLeft: 2,\n  alignSelf: 'center',\n});\n\nconst HiddenScreenReader = styled('h2')({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0,0,0,0)',\n  border: 0,\n  whiteSpace: 'nowrap',\n});\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    model: 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 { model, value } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\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                  <StyledListItem key={`P${index}`}>\n                    <TitleText>\n                      {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n                    </TitleText>\n                    <Text dangerouslySetInnerHTML={{ __html: desc }} />\n                  </StyledListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <StyledListItem key={`S${index}`}>\n                      <SampleTitleText>\n                        Sample Answer\n                      </SampleTitleText>\n                      <Text dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                    </StyledListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <StyledUiLayout extraCSSRules={extraCSSRules}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <HiddenScreenReader>Rubric</HiddenScreenReader>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <RubricToggle\n                id={'rubric-toggle'}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\n                <ChevronStyle aria-hidden=\"true\">\n                  {this.state.rubricOpen ? (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"18 15 12 9 6 15\"></polyline>\n                    </svg>\n                  ) : (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"></polyline>\n                    </svg>\n                  )}\n                </ChevronStyle>\n              </RubricToggle>\n              <Collapse in={this.state.rubricOpen} timeout={{ enter: 225, exit: 195 }}>\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </StyledUiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nexport default Rubric;\n"],"mappings":"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","ignoreList":[]}

package/lib/print.js

@@ -1,85 +1,49 @@
 "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"));
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _client = require("react-dom/client");
 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';
-
+const log = (0, _debug.default)('pie-element:rubric:print');
+const preparePrintModel = (model, opts) => {
+  const instr = opts.role === 'instructor';
   if (!instr) {
     return {};
   }
-
-  model.value = _objectSpread({}, model);
+  model.value = {
+    ...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 () {
+class RubricPrint extends HTMLElement {
+  constructor() {
+    super();
+    this._options = null;
+    this._model = null;
+    this._session = [];
+    this._root = null;
+    this._rerender = (0, _debounce.default)(() => {
+      if (this._model && this._session) {
+        const printModel = preparePrintModel(this._model, this._options);
+        const element = this._options && /*#__PURE__*/_react.default.createElement(_main.default, {
+          ...printModel
+        });
+        if (!this._root) {
+          this._root = (0, _client.createRoot)(this);
+        }
+        this._root.render(element);
+        queueMicrotask(() => {
           log('render complete - render math');
-          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+          (0, _mathRendering.renderMath)(this);
         });
       } else {
         log('skip');
@@ -88,27 +52,20 @@ var RubricPrint = /*#__PURE__*/function (_HTMLElement) {
       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();
+  set options(o) {
+    this._options = o;
+  }
+  set model(s) {
+    this._model = s;
+    this._rerender();
+  }
+  connectedCallback() {}
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
     }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {}
-  }]);
-  return RubricPrint;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = RubricPrint;
+  }
+}
+exports.default = RubricPrint;
 //# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -1 +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"}
+{"version":3,"file":"print.js","names":["_react","_interopRequireDefault","require","_client","_debounce","_main","_mathRendering","_debug","log","debug","preparePrintModel","model","opts","instr","role","value","mode","animationsDisabled","RubricPrint","HTMLElement","constructor","_options","_model","_session","_root","_rerender","debounce","printModel","element","React","createElement","Main","createRoot","render","queueMicrotask","renderMath","leading","trailing","options","o","s","connectedCallback","disconnectedCallback","unmount","exports","default"],"sources":["../src/print.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\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._root = null;\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          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\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  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,MAAMM,GAAG,GAAG,IAAAC,cAAK,EAAC,0BAA0B,CAAC;AAE7C,MAAMC,iBAAiB,GAAGA,CAACC,KAAK,EAAEC,IAAI,KAAK;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,KAAK,YAAY;EAExC,IAAI,CAACD,KAAK,EAAE;IACV,OAAO,CAAC,CAAC;EACX;EAEAF,KAAK,CAACI,KAAK,GAAG;IAAE,GAAGJ;EAAM,CAAC;EAC1BA,KAAK,CAACK,IAAI,GAAG,UAAU;EACvBL,KAAK,CAACM,kBAAkB,GAAG,IAAI;EAE/B,OAAON,KAAK;AACd,CAAC;AAEc,MAAMO,WAAW,SAASC,WAAW,CAAC;EACnDC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,QAAQ,GAAG,IAAI;IACpB,IAAI,CAACC,MAAM,GAAG,IAAI;IAClB,IAAI,CAACC,QAAQ,GAAG,EAAE;IAClB,IAAI,CAACC,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,SAAS,GAAG,IAAAC,iBAAQ,EACvB,MAAM;MACJ,IAAI,IAAI,CAACJ,MAAM,IAAI,IAAI,CAACC,QAAQ,EAAE;QAChC,MAAMI,UAAU,GAAGjB,iBAAiB,CAAC,IAAI,CAACY,MAAM,EAAE,IAAI,CAACD,QAAQ,CAAC;QAEhE,MAAMO,OAAO,GACX,IAAI,CAACP,QAAQ,iBACbQ,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;UACxB,GAAGJ;QACL,CAAC,CAAC;QAEJ,IAAI,CAAC,IAAI,CAACH,KAAK,EAAE;UACf,IAAI,CAACA,KAAK,GAAG,IAAAQ,kBAAU,EAAC,IAAI,CAAC;QAC/B;QACA,IAAI,CAACR,KAAK,CAACS,MAAM,CAACL,OAAO,CAAC;QAC1BM,cAAc,CAAC,MAAM;UACnB1B,GAAG,CAAC,+BAA+B,CAAC;UACpC,IAAA2B,yBAAU,EAAC,IAAI,CAAC;QAClB,CAAC,CAAC;MACJ,CAAC,MAAM;QACL3B,GAAG,CAAC,MAAM,CAAC;MACb;IACF,CAAC,EACD,EAAE,EACF;MAAE4B,OAAO,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAK,CACnC,CAAC;EACH;EACA,IAAIC,OAAOA,CAACC,CAAC,EAAE;IACb,IAAI,CAAClB,QAAQ,GAAGkB,CAAC;EACnB;EAEA,IAAI5B,KAAKA,CAAC6B,CAAC,EAAE;IACX,IAAI,CAAClB,MAAM,GAAGkB,CAAC;IACf,IAAI,CAACf,SAAS,CAAC,CAAC;EAClB;EAEAgB,iBAAiBA,CAAA,EAAG,CAAC;EAErBC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAAClB,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACmB,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAAC,OAAA,GAAA3B,WAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/rubric",
-  "version": "6.0.2-esm.0",
+  "version": "6.2.0-mui-update.0",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -9,37 +9,23 @@
     "access": "public"
   },
   "dependencies": {
-    "@material-ui/core": "^3.9.2",
-    "@pie-lib/math-rendering": "^3.19.0",
-    "@pie-lib/render-ui": "^4.32.1",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
+    "@pie-lib/math-rendering": "3.33.1-mui-update.0",
+    "@pie-lib/render-ui": "4.42.1-mui-update.0",
     "prop-types": "^15.7.2"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "007ac5f6be719f57eccb8af3c08e7014c2797f1e",
+  "gitHead": "0e14ff981bcdc8a89a0e58484026496701bfdbc3",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },
   "exports": {
-    ".": {
-      "import": "./esm/element.js",
-      "require": "./lib/index.js",
-      "default": "./esm/element.js"
-    },
-    "./configure": {
-      "import": "./esm/configure.js",
-      "require": "./configure/lib/index.js",
-      "default": "./esm/configure.js"
-    },
-    "./controller": {
-      "import": "./esm/controller.js",
-      "require": "./controller/lib/index.js",
-      "default": "./esm/controller.js"
-    },
-    "./print": {
-      "import": "./esm/print.js",
-      "require": "./lib/print.js",
-      "default": "./esm/print.js"
-    }
+    ".": "./src/index.js",
+    "./print": "./src/print.js",
+    "./configure/lib": "./configure/lib/index.js"
   }
 }