@pie-element/graphing 8.3.4-next.3 → 9.0.0-beta.1

package/lib/main.js

@@ -1,228 +1,161 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Main = 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"));
-
+exports.default = exports.Main = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _graphing = require("@pie-lib/graphing");
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
-
-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; }
-
-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 Main = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Main, _React$Component);
-
-  var _super = _createSuper(Main);
-
-  function Main() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Main);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+const MainContainer = (0, _styles.styled)(_renderUi.UiLayout)({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background()
+});
+const TeacherInstructions = (0, _styles.styled)(_renderUi.Collapsible)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+const Graph = (0, _styles.styled)(_graphing.GraphContainer)(({
+  theme
+}) => ({
+  marginTop: theme.spacing(2),
+  marginBottom: theme.spacing(2)
+}));
+class Main extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
       showingCorrect: false
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleCorrect", function (showingCorrect) {
-      return _this.setState({
-        showingCorrect: showingCorrect
-      });
-    });
-    return _this;
+    (0, _defineProperty2.default)(this, "toggleCorrect", showingCorrect => this.setState({
+      showingCorrect
+    }));
   }
-
-  (0, _createClass2["default"])(Main, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          model = _this$props.model,
-          classes = _this$props.classes,
-          onAnswersChange = _this$props.onAnswersChange,
-          session = _this$props.session;
-      var showingCorrect = this.state.showingCorrect;
-
-      var _ref = session || {},
-          answer = _ref.answer;
-
-      var _ref2 = model || {},
-          answersCorrected = _ref2.answersCorrected,
-          arrows = _ref2.arrows,
-          backgroundMarks = _ref2.backgroundMarks,
-          coordinatesOnHover = _ref2.coordinatesOnHover,
-          correctResponse = _ref2.correctResponse,
-          defaultTool = _ref2.defaultTool,
-          disabled = _ref2.disabled,
-          domain = _ref2.domain,
-          extraCSSRules = _ref2.extraCSSRules,
-          labels = _ref2.labels,
-          labelsEnabled = _ref2.labelsEnabled,
-          prompt = _ref2.prompt,
-          range = _ref2.range,
-          rationale = _ref2.rationale,
-          showKeyLegend = _ref2.showKeyLegend,
-          showToggle = _ref2.showToggle,
-          title = _ref2.title,
-          titleEnabled = _ref2.titleEnabled,
-          teacherInstructions = _ref2.teacherInstructions,
-          toolbarTools = _ref2.toolbarTools,
-          language = _ref2.language;
-
-      var size = (model === null || model === void 0 ? void 0 : model.size) || (model === null || model === void 0 ? void 0 : model.graph) || {}; // need this for models that are not processed by controller
-
-      var marks = answersCorrected || answer || [];
-      var isLabelAvailable = (toolbarTools === null || toolbarTools === void 0 ? void 0 : toolbarTools.includes('label')) || false;
-      var showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
-      var showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
-      return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
-        extraCSSRules: extraCSSRules,
-        className: classes.mainContainer
-      }, showTeacherInstructions && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        className: classes.teacherInstructions,
-        labels: {
-          hidden: 'Show Teacher Instructions',
-          visible: 'Hide Teacher Instructions'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: teacherInstructions
-      })), prompt && /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        className: "prompt",
-        prompt: prompt
-      }), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
-        show: showToggle,
-        toggled: showingCorrect,
-        onToggle: this.toggleCorrect,
-        language: language
-      }), showingCorrect && showToggle ? /*#__PURE__*/_react["default"].createElement(_graphing.GraphContainer, {
-        className: classes.graph,
-        axesSettings: {
-          includeArrows: arrows
-        },
-        backgroundMarks: backgroundMarks.filter(function (mark) {
-          return !mark.building;
-        }),
-        coordinatesOnHover: coordinatesOnHover,
-        disabled: true,
-        disabledLabels: true,
-        disabledTitle: true,
-        domain: domain,
-        labels: labels,
-        marks: correctResponse.map(function (i) {
-          return _objectSpread(_objectSpread({}, i), {}, {
-            correctness: 'correct'
-          });
-        }),
-        onChangeMarks: onAnswersChange,
-        range: range,
-        showLabels: labelsEnabled,
-        showTitle: titleEnabled,
-        size: size,
-        title: title,
-        toolbarTools: toolbarTools,
-        language: language
-      }) : /*#__PURE__*/_react["default"].createElement(_graphing.GraphContainer, {
-        className: classes.graph,
-        axesSettings: {
-          includeArrows: arrows
-        },
-        backgroundMarks: backgroundMarks.filter(function (mark) {
-          return !mark.building;
-        }),
-        coordinatesOnHover: coordinatesOnHover,
-        defaultTool: defaultTool,
-        disabled: disabled,
-        disabledLabels: true,
-        disabledTitle: true,
-        domain: domain,
-        labels: labels,
-        marks: marks,
-        onChangeMarks: onAnswersChange,
-        range: range,
-        showLabels: labelsEnabled,
-        showTitle: titleEnabled,
-        size: size,
-        title: title,
-        toolbarTools: toolbarTools,
-        language: language,
-        limitLabeling: true
-      }), showKeyLegend && !showingCorrect && /*#__PURE__*/_react["default"].createElement(_graphing.KeyLegend, {
-        isLabelAvailable: isLabelAvailable
-      }), showRationale && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Rationale',
-          visible: 'Hide Rationale'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: rationale
-      })));
-    }
-  }]);
-  return Main;
-}(_react["default"].Component);
-
+  render() {
+    const {
+      model,
+      onAnswersChange,
+      session
+    } = this.props;
+    const {
+      showingCorrect
+    } = this.state;
+    const {
+      answer
+    } = session || {};
+    const {
+      answersCorrected,
+      arrows,
+      backgroundMarks,
+      coordinatesOnHover,
+      correctResponse,
+      defaultTool,
+      disabled,
+      domain,
+      extraCSSRules,
+      labels,
+      labelsEnabled,
+      prompt,
+      range,
+      rationale,
+      showKeyLegend,
+      showToggle,
+      title,
+      titleEnabled,
+      teacherInstructions,
+      toolbarTools,
+      language
+    } = model || {};
+    const size = model?.size || model?.graph || {}; // need this for models that are not processed by controller
+    const marks = answersCorrected || answer || [];
+    const isLabelAvailable = toolbarTools?.includes('label') || false;
+    const showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
+    const showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
+    return /*#__PURE__*/_react.default.createElement(MainContainer, {
+      extraCSSRules: extraCSSRules
+    }, showTeacherInstructions && /*#__PURE__*/_react.default.createElement(TeacherInstructions, {
+      labels: {
+        hidden: 'Show Teacher Instructions',
+        visible: 'Hide Teacher Instructions'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: teacherInstructions
+    })), prompt && /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      className: "prompt",
+      prompt: prompt
+    }), /*#__PURE__*/_react.default.createElement(_correctAnswerToggle.default, {
+      show: showToggle,
+      toggled: showingCorrect,
+      onToggle: this.toggleCorrect,
+      language: language
+    }), showingCorrect && showToggle ? /*#__PURE__*/_react.default.createElement(Graph, {
+      axesSettings: {
+        includeArrows: arrows
+      },
+      backgroundMarks: backgroundMarks.filter(mark => !mark.building),
+      coordinatesOnHover: coordinatesOnHover,
+      disabled: true,
+      disabledLabels: true,
+      disabledTitle: true,
+      domain: domain,
+      labels: labels,
+      marks: correctResponse.map(i => ({
+        ...i,
+        correctness: 'correct'
+      })),
+      onChangeMarks: onAnswersChange,
+      range: range,
+      showLabels: labelsEnabled,
+      showTitle: titleEnabled,
+      size: size,
+      title: title,
+      toolbarTools: toolbarTools,
+      language: language
+    }) : /*#__PURE__*/_react.default.createElement(Graph, {
+      axesSettings: {
+        includeArrows: arrows
+      },
+      backgroundMarks: backgroundMarks.filter(mark => !mark.building),
+      coordinatesOnHover: coordinatesOnHover,
+      defaultTool: defaultTool,
+      disabled: disabled,
+      disabledLabels: true,
+      disabledTitle: true,
+      domain: domain,
+      labels: labels,
+      marks: marks,
+      onChangeMarks: onAnswersChange,
+      range: range,
+      showLabels: labelsEnabled,
+      showTitle: titleEnabled,
+      size: size,
+      title: title,
+      toolbarTools: toolbarTools,
+      language: language,
+      limitLabeling: true
+    }), showKeyLegend && !showingCorrect && /*#__PURE__*/_react.default.createElement(_graphing.KeyLegend, {
+      isLabelAvailable: isLabelAvailable
+    }), showRationale && /*#__PURE__*/_react.default.createElement(_renderUi.Collapsible, {
+      labels: {
+        hidden: 'Show Rationale',
+        visible: 'Hide Rationale'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: rationale
+    })));
+  }
+}
 exports.Main = Main;
-(0, _defineProperty2["default"])(Main, "propTypes", {
-  classes: _propTypes["default"].object,
-  model: _propTypes["default"].object.isRequired,
-  session: _propTypes["default"].object.isRequired,
-  onAnswersChange: _propTypes["default"].func
+(0, _defineProperty2.default)(Main, "propTypes", {
+  model: _propTypes.default.object.isRequired,
+  session: _propTypes.default.object.isRequired,
+  onAnswersChange: _propTypes.default.func
 });
-(0, _defineProperty2["default"])(Main, "defaultProps", {
-  classes: {}
-});
-
-var styles = function styles(theme) {
-  return {
-    mainContainer: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background()
-    },
-    teacherInstructions: {
-      marginBottom: theme.spacing.unit * 2
-    },
-    graph: {
-      marginTop: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Main);
-
-exports["default"] = _default;
+var _default = exports.default = Main;
 //# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","showingCorrect","setState","props","model","classes","onAnswersChange","session","state","answer","answersCorrected","arrows","backgroundMarks","coordinatesOnHover","correctResponse","defaultTool","disabled","domain","extraCSSRules","labels","labelsEnabled","prompt","range","rationale","showKeyLegend","showToggle","title","titleEnabled","teacherInstructions","toolbarTools","language","size","graph","marks","isLabelAvailable","includes","showRationale","showTeacherInstructions","mainContainer","hidden","visible","toggleCorrect","includeArrows","filter","mark","building","map","i","correctness","React","Component","PropTypes","object","isRequired","func","styles","theme","color","text","backgroundColor","background","marginBottom","spacing","unit","marginTop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,I;;;;;;;;;;;;;;;8FAYH;AAAEC,MAAAA,cAAc,EAAE;AAAlB,K;sGAEQ,UAACA,cAAD;AAAA,aAAoB,MAAKC,QAAL,CAAc;AAAED,QAAAA,cAAc,EAAdA;AAAF,OAAd,CAApB;AAAA,K;;;;;;WAEhB,kBAAS;AACP,wBAAqD,KAAKE,KAA1D;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,OAAf,eAAeA,OAAf;AAAA,UAAwBC,eAAxB,eAAwBA,eAAxB;AAAA,UAAyCC,OAAzC,eAAyCA,OAAzC;AACA,UAAQN,cAAR,GAA2B,KAAKO,KAAhC,CAAQP,cAAR;;AACA,iBAAmBM,OAAO,IAAI,EAA9B;AAAA,UAAQE,MAAR,QAAQA,MAAR;;AACA,kBAsBIL,KAAK,IAAI,EAtBb;AAAA,UACEM,gBADF,SACEA,gBADF;AAAA,UAEEC,MAFF,SAEEA,MAFF;AAAA,UAGEC,eAHF,SAGEA,eAHF;AAAA,UAIEC,kBAJF,SAIEA,kBAJF;AAAA,UAKEC,eALF,SAKEA,eALF;AAAA,UAMEC,WANF,SAMEA,WANF;AAAA,UAOEC,QAPF,SAOEA,QAPF;AAAA,UAQEC,MARF,SAQEA,MARF;AAAA,UASEC,aATF,SASEA,aATF;AAAA,UAUEC,MAVF,SAUEA,MAVF;AAAA,UAWEC,aAXF,SAWEA,aAXF;AAAA,UAYEC,MAZF,SAYEA,MAZF;AAAA,UAaEC,KAbF,SAaEA,KAbF;AAAA,UAcEC,SAdF,SAcEA,SAdF;AAAA,UAeEC,aAfF,SAeEA,aAfF;AAAA,UAgBEC,UAhBF,SAgBEA,UAhBF;AAAA,UAiBEC,KAjBF,SAiBEA,KAjBF;AAAA,UAkBEC,YAlBF,SAkBEA,YAlBF;AAAA,UAmBEC,mBAnBF,SAmBEA,mBAnBF;AAAA,UAoBEC,YApBF,SAoBEA,YApBF;AAAA,UAqBEC,QArBF,SAqBEA,QArBF;;AAuBA,UAAMC,IAAI,GAAG,CAAA3B,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAE2B,IAAP,MAAe3B,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAE4B,KAAtB,KAA+B,EAA5C,CA3BO,CA2ByC;;AAChD,UAAMC,KAAK,GAAGvB,gBAAgB,IAAID,MAApB,IAA8B,EAA5C;AACA,UAAMyB,gBAAgB,GAAG,CAAAL,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEM,QAAd,CAAuB,OAAvB,MAAmC,KAA5D;AACA,UAAMC,aAAa,GAAGhC,KAAK,CAACmB,SAAN,KAAoB,uBAAQnB,KAAK,CAACmB,SAAd,KAA4B,wBAASnB,KAAK,CAACmB,SAAf,CAAhD,CAAtB;AACA,UAAMc,uBAAuB,GAC3BjC,KAAK,CAACwB,mBAAN,KAA8B,uBAAQxB,KAAK,CAACwB,mBAAd,KAAsC,wBAASxB,KAAK,CAACwB,mBAAf,CAApE,CADF;AAGA,0BACE,gCAAC,kBAAD;AAAU,QAAA,aAAa,EAAEV,aAAzB;AAAwC,QAAA,SAAS,EAAEb,OAAO,CAACiC;AAA3D,SACGD,uBAAuB,iBACtB,gCAAC,qBAAD;AACE,QAAA,SAAS,EAAEhC,OAAO,CAACuB,mBADrB;AAEE,QAAA,MAAM,EAAE;AAAEW,UAAAA,MAAM,EAAE,2BAAV;AAAuCC,UAAAA,OAAO,EAAE;AAAhD;AAFV,sBAIE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAEZ;AAAvB,QAJF,CAFJ,EAUGP,MAAM,iBAAI,gCAAC,uBAAD;AAAe,QAAA,SAAS,EAAC,QAAzB;AAAkC,QAAA,MAAM,EAAEA;AAA1C,QAVb,eAYE,gCAAC,+BAAD;AACE,QAAA,IAAI,EAAEI,UADR;AAEE,QAAA,OAAO,EAAExB,cAFX;AAGE,QAAA,QAAQ,EAAE,KAAKwC,aAHjB;AAIE,QAAA,QAAQ,EAAEX;AAJZ,QAZF,EAmBG7B,cAAc,IAAIwB,UAAlB,gBACC,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAEpB,OAAO,CAAC2B,KADrB;AAEE,QAAA,YAAY,EAAE;AAAEU,UAAAA,aAAa,EAAE/B;AAAjB,SAFhB;AAGE,QAAA,eAAe,EAAEC,eAAe,CAAC+B,MAAhB,CAAuB,UAACC,IAAD;AAAA,iBAAU,CAACA,IAAI,CAACC,QAAhB;AAAA,SAAvB,CAHnB;AAIE,QAAA,kBAAkB,EAAEhC,kBAJtB;AAKE,QAAA,QAAQ,EAAE,IALZ;AAME,QAAA,cAAc,EAAE,IANlB;AAOE,QAAA,aAAa,EAAE,IAPjB;AAQE,QAAA,MAAM,EAAEI,MARV;AASE,QAAA,MAAM,EAAEE,MATV;AAUE,QAAA,KAAK,EAAEL,eAAe,CAACgC,GAAhB,CAAoB,UAACC,CAAD;AAAA,iDAAaA,CAAb;AAAgBC,YAAAA,WAAW,EAAE;AAA7B;AAAA,SAApB,CAVT;AAWE,QAAA,aAAa,EAAE1C,eAXjB;AAYE,QAAA,KAAK,EAAEgB,KAZT;AAaE,QAAA,UAAU,EAAEF,aAbd;AAcE,QAAA,SAAS,EAAEO,YAdb;AAeE,QAAA,IAAI,EAAEI,IAfR;AAgBE,QAAA,KAAK,EAAEL,KAhBT;AAiBE,QAAA,YAAY,EAAEG,YAjBhB;AAkBE,QAAA,QAAQ,EAAEC;AAlBZ,QADD,gBAsBC,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAEzB,OAAO,CAAC2B,KADrB;AAEE,QAAA,YAAY,EAAE;AAAEU,UAAAA,aAAa,EAAE/B;AAAjB,SAFhB;AAGE,QAAA,eAAe,EAAEC,eAAe,CAAC+B,MAAhB,CAAuB,UAACC,IAAD;AAAA,iBAAU,CAACA,IAAI,CAACC,QAAhB;AAAA,SAAvB,CAHnB;AAIE,QAAA,kBAAkB,EAAEhC,kBAJtB;AAKE,QAAA,WAAW,EAAEE,WALf;AAME,QAAA,QAAQ,EAAEC,QANZ;AAOE,QAAA,cAAc,EAAE,IAPlB;AAQE,QAAA,aAAa,EAAE,IARjB;AASE,QAAA,MAAM,EAAEC,MATV;AAUE,QAAA,MAAM,EAAEE,MAVV;AAWE,QAAA,KAAK,EAAEc,KAXT;AAYE,QAAA,aAAa,EAAE3B,eAZjB;AAaE,QAAA,KAAK,EAAEgB,KAbT;AAcE,QAAA,UAAU,EAAEF,aAdd;AAeE,QAAA,SAAS,EAAEO,YAfb;AAgBE,QAAA,IAAI,EAAEI,IAhBR;AAiBE,QAAA,KAAK,EAAEL,KAjBT;AAkBE,QAAA,YAAY,EAAEG,YAlBhB;AAmBE,QAAA,QAAQ,EAAEC,QAnBZ;AAoBE,QAAA,aAAa,EAAE;AApBjB,QAzCJ,EAgEGN,aAAa,IAAI,CAACvB,cAAlB,iBAAoC,gCAAC,mBAAD;AAAW,QAAA,gBAAgB,EAAEiC;AAA7B,QAhEvC,EAiEGE,aAAa,iBACZ,gCAAC,qBAAD;AAAa,QAAA,MAAM,EAAE;AAAEG,UAAAA,MAAM,EAAE,gBAAV;AAA4BC,UAAAA,OAAO,EAAE;AAArC;AAArB,sBACE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAEjB;AAAvB,QADF,CAlEJ,CADF;AAyED;;;EA3HuB0B,kBAAMC,S;;;iCAAnBlD,I,eACQ;AACjBK,EAAAA,OAAO,EAAE8C,sBAAUC,MADF;AAEjBhD,EAAAA,KAAK,EAAE+C,sBAAUC,MAAV,CAAiBC,UAFP;AAGjB9C,EAAAA,OAAO,EAAE4C,sBAAUC,MAAV,CAAiBC,UAHT;AAIjB/C,EAAAA,eAAe,EAAE6C,sBAAUG;AAJV,C;iCADRtD,I,kBAQW;AACpBK,EAAAA,OAAO,EAAE;AADW,C;;AAsHxB,IAAMkD,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBlB,IAAAA,aAAa,EAAE;AACbmB,MAAAA,KAAK,EAAEA,gBAAMC,IAAN,EADM;AAEbC,MAAAA,eAAe,EAAEF,gBAAMG,UAAN;AAFJ,KADU;AAKzBhC,IAAAA,mBAAmB,EAAE;AACnBiC,MAAAA,YAAY,EAAEL,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB;AADhB,KALI;AAQzB/B,IAAAA,KAAK,EAAE;AACLgC,MAAAA,SAAS,EAAER,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB,CAD3B;AAELF,MAAAA,YAAY,EAAEL,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB;AAF9B;AARkB,GAAZ;AAAA,CAAf;;eAce,wBAAWR,MAAX,EAAmBvD,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { GraphContainer, KeyLegend } from '@pie-lib/graphing';\nimport { color, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/render-ui';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    session: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    classes: {},\n  };\n\n  state = { showingCorrect: false };\n\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  render() {\n    const { model, classes, onAnswersChange, session } = this.props;\n    const { showingCorrect } = this.state;\n    const { answer } = session || {};\n    const {\n      answersCorrected,\n      arrows,\n      backgroundMarks,\n      coordinatesOnHover,\n      correctResponse,\n      defaultTool,\n      disabled,\n      domain,\n      extraCSSRules,\n      labels,\n      labelsEnabled,\n      prompt,\n      range,\n      rationale,\n      showKeyLegend,\n      showToggle,\n      title,\n      titleEnabled,\n      teacherInstructions,\n      toolbarTools,\n      language,\n    } = model || {};\n    const size = model?.size || model?.graph || {}; // need this for models that are not processed by controller\n    const marks = answersCorrected || answer || [];\n    const isLabelAvailable = toolbarTools?.includes('label') || false;\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classes.mainContainer}>\n        {showTeacherInstructions && (\n          <Collapsible\n            className={classes.teacherInstructions}\n            labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </Collapsible>\n        )}\n\n        {prompt && <PreviewPrompt className=\"prompt\" prompt={prompt} />}\n\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n          language={language}\n        />\n\n        {showingCorrect && showToggle ? (\n          <GraphContainer\n            className={classes.graph}\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks.filter((mark) => !mark.building)}\n            coordinatesOnHover={coordinatesOnHover}\n            disabled={true}\n            disabledLabels={true}\n            disabledTitle={true}\n            domain={domain}\n            labels={labels}\n            marks={correctResponse.map((i) => ({ ...i, correctness: 'correct' }))}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n            language={language}\n          />\n        ) : (\n          <GraphContainer\n            className={classes.graph}\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks.filter((mark) => !mark.building)}\n            coordinatesOnHover={coordinatesOnHover}\n            defaultTool={defaultTool}\n            disabled={disabled}\n            disabledLabels={true}\n            disabledTitle={true}\n            domain={domain}\n            labels={labels}\n            marks={marks}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n            language={language}\n            limitLabeling={true}\n          />\n        )}\n        {showKeyLegend && !showingCorrect && <KeyLegend isLabelAvailable={isLabelAvailable}></KeyLegend>}\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  graph: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_graphing","_renderUi","_correctAnswerToggle","MainContainer","styled","UiLayout","color","text","backgroundColor","background","TeacherInstructions","Collapsible","theme","marginBottom","spacing","Graph","GraphContainer","marginTop","Main","React","Component","constructor","args","_defineProperty2","default","showingCorrect","setState","render","model","onAnswersChange","session","props","state","answer","answersCorrected","arrows","backgroundMarks","coordinatesOnHover","correctResponse","defaultTool","disabled","domain","extraCSSRules","labels","labelsEnabled","prompt","range","rationale","showKeyLegend","showToggle","title","titleEnabled","teacherInstructions","toolbarTools","language","size","graph","marks","isLabelAvailable","includes","showRationale","hasText","hasMedia","showTeacherInstructions","createElement","hidden","visible","PreviewPrompt","className","show","toggled","onToggle","toggleCorrect","axesSettings","includeArrows","filter","mark","building","disabledLabels","disabledTitle","map","i","correctness","onChangeMarks","showLabels","showTitle","limitLabeling","KeyLegend","exports","PropTypes","object","isRequired","func","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { GraphContainer, KeyLegend } from '@pie-lib/graphing';\nimport { color, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/render-ui';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nconst MainContainer = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n});\n\nconst TeacherInstructions = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nconst Graph = styled(GraphContainer)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    session: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func,\n  };\n\n  state = { showingCorrect: false };\n\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  render() {\n    const { model, onAnswersChange, session } = this.props;\n    const { showingCorrect } = this.state;\n    const { answer } = session || {};\n    const {\n      answersCorrected,\n      arrows,\n      backgroundMarks,\n      coordinatesOnHover,\n      correctResponse,\n      defaultTool,\n      disabled,\n      domain,\n      extraCSSRules,\n      labels,\n      labelsEnabled,\n      prompt,\n      range,\n      rationale,\n      showKeyLegend,\n      showToggle,\n      title,\n      titleEnabled,\n      teacherInstructions,\n      toolbarTools,\n      language,\n    } = model || {};\n    const size = model?.size || model?.graph || {}; // need this for models that are not processed by controller\n    const marks = answersCorrected || answer || [];\n    const isLabelAvailable = toolbarTools?.includes('label') || false;\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    return (\n      <MainContainer extraCSSRules={extraCSSRules}>\n        {showTeacherInstructions && (\n          <TeacherInstructions\n            labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </TeacherInstructions>\n        )}\n\n        {prompt && <PreviewPrompt className=\"prompt\" prompt={prompt} />}\n\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n          language={language}\n        />\n\n        {showingCorrect && showToggle ? (\n          <Graph\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks.filter((mark) => !mark.building)}\n            coordinatesOnHover={coordinatesOnHover}\n            disabled={true}\n            disabledLabels={true}\n            disabledTitle={true}\n            domain={domain}\n            labels={labels}\n            marks={correctResponse.map((i) => ({ ...i, correctness: 'correct' }))}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n            language={language}\n          />\n        ) : (\n          <Graph\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks.filter((mark) => !mark.building)}\n            coordinatesOnHover={coordinatesOnHover}\n            defaultTool={defaultTool}\n            disabled={disabled}\n            disabledLabels={true}\n            disabledTitle={true}\n            domain={domain}\n            labels={labels}\n            marks={marks}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            showLabels={labelsEnabled}\n            showTitle={titleEnabled}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n            language={language}\n            limitLabeling={true}\n          />\n        )}\n        {showKeyLegend && !showingCorrect && <KeyLegend isLabelAvailable={isLabelAvailable}></KeyLegend>}\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </MainContainer>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils.js

@@ -1,24 +1,14 @@
 "use strict";
 
-var completePoint = function completePoint(point) {
-  return point && Number.isFinite(point.x) && Number.isFinite(point.y);
-};
-
-var completeFromTo = function completeFromTo(item) {
-  return item && completeMark.point(item.from) && completeMark.point(item.to);
-};
-
-var completeRootEdge = function completeRootEdge(item) {
-  return item && completeMark.point(item.edge) && completeMark.point(item.root);
-};
-
-var completePoints = function completePoints(item) {
-  return item && item.points && item.points.length && (item.points.filter(function (point) {
-    return completePoint(point);
-  }) || []).length === item.points.length;
-};
-
-var completeMark = {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.completeMark = void 0;
+const completePoint = point => point && Number.isFinite(point.x) && Number.isFinite(point.y);
+const completeFromTo = item => item && completeMark.point(item.from) && completeMark.point(item.to);
+const completeRootEdge = item => item && completeMark.point(item.edge) && completeMark.point(item.root);
+const completePoints = item => item && item.points && item.points.length && (item.points.filter(point => completePoint(point)) || []).length === item.points.length;
+const completeMark = exports.completeMark = {
   point: completePoint,
   line: completeFromTo,
   ray: completeFromTo,

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["completePoint","point","Number","isFinite","x","y","completeFromTo","item","completeMark","from","to","completeRootEdge","edge","root","completePoints","points","length","filter","line","ray","segment","vector","circle","parabola","absolute","exponential","sine","polygon"],"mappings":";;AAAA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,SAAWA,KAAK,IAAIC,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACG,CAAtB,CAAT,IAAqCF,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACI,CAAtB,CAAhD;AAAA,CAAtB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD;AAAA,SAAUA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACE,IAAxB,CAAR,IAAyCD,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACG,EAAxB,CAAnD;AAAA,CAAvB;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD;AAAA,SAAUA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACK,IAAxB,CAAR,IAAyCJ,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACM,IAAxB,CAAnD;AAAA,CAAzB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACP,IAAD;AAAA,SACrBA,IAAI,IACJA,IAAI,CAACQ,MADL,IAEAR,IAAI,CAACQ,MAAL,CAAYC,MAFZ,IAGA,CAACT,IAAI,CAACQ,MAAL,CAAYE,MAAZ,CAAmB,UAAChB,KAAD;AAAA,WAAWD,aAAa,CAACC,KAAD,CAAxB;AAAA,GAAnB,KAAuD,EAAxD,EAA4De,MAA5D,KAAuET,IAAI,CAACQ,MAAL,CAAYC,MAJ9D;AAAA,CAAvB;;AAMA,IAAMR,YAAY,GAAG;AACnBP,EAAAA,KAAK,EAAED,aADY;AAEnBkB,EAAAA,IAAI,EAAEZ,cAFa;AAGnBa,EAAAA,GAAG,EAAEb,cAHc;AAInBc,EAAAA,OAAO,EAAEd,cAJU;AAKnBe,EAAAA,MAAM,EAAEf,cALW;AAMnBgB,EAAAA,MAAM,EAAEX,gBANW;AAOnBY,EAAAA,QAAQ,EAAEZ,gBAPS;AAQnBa,EAAAA,QAAQ,EAAEb,gBARS;AASnBc,EAAAA,WAAW,EAAEd,gBATM;AAUnBe,EAAAA,IAAI,EAAEf,gBAVa;AAWnBgB,EAAAA,OAAO,EAAEb;AAXU,CAArB","sourcesContent":["const completePoint = (point) => point && Number.isFinite(point.x) && Number.isFinite(point.y);\nconst completeFromTo = (item) => item && completeMark.point(item.from) && completeMark.point(item.to);\nconst completeRootEdge = (item) => item && completeMark.point(item.edge) && completeMark.point(item.root);\nconst completePoints = (item) =>\n  item &&\n  item.points &&\n  item.points.length &&\n  (item.points.filter((point) => completePoint(point)) || []).length === item.points.length;\n\nconst completeMark = {\n  point: completePoint,\n  line: completeFromTo,\n  ray: completeFromTo,\n  segment: completeFromTo,\n  vector: completeFromTo,\n  circle: completeRootEdge,\n  parabola: completeRootEdge,\n  absolute: completeRootEdge,\n  exponential: completeRootEdge,\n  sine: completeRootEdge,\n  polygon: completePoints,\n};\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["completePoint","point","Number","isFinite","x","y","completeFromTo","item","completeMark","from","to","completeRootEdge","edge","root","completePoints","points","length","filter","exports","line","ray","segment","vector","circle","parabola","absolute","exponential","sine","polygon"],"sources":["../src/utils.js"],"sourcesContent":["const completePoint = (point) => point && Number.isFinite(point.x) && Number.isFinite(point.y);\nconst completeFromTo = (item) => item && completeMark.point(item.from) && completeMark.point(item.to);\nconst completeRootEdge = (item) => item && completeMark.point(item.edge) && completeMark.point(item.root);\nconst completePoints = (item) =>\n  item &&\n  item.points &&\n  item.points.length &&\n  (item.points.filter((point) => completePoint(point)) || []).length === item.points.length;\n\nconst completeMark = {\n  point: completePoint,\n  line: completeFromTo,\n  ray: completeFromTo,\n  segment: completeFromTo,\n  vector: completeFromTo,\n  circle: completeRootEdge,\n  parabola: completeRootEdge,\n  absolute: completeRootEdge,\n  exponential: completeRootEdge,\n  sine: completeRootEdge,\n  polygon: completePoints,\n};\n\nexport { completeMark };\n"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAIC,KAAK,IAAKA,KAAK,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAACG,CAAC,CAAC,IAAIF,MAAM,CAACC,QAAQ,CAACF,KAAK,CAACI,CAAC,CAAC;AAC9F,MAAMC,cAAc,GAAIC,IAAI,IAAKA,IAAI,IAAIC,YAAY,CAACP,KAAK,CAACM,IAAI,CAACE,IAAI,CAAC,IAAID,YAAY,CAACP,KAAK,CAACM,IAAI,CAACG,EAAE,CAAC;AACrG,MAAMC,gBAAgB,GAAIJ,IAAI,IAAKA,IAAI,IAAIC,YAAY,CAACP,KAAK,CAACM,IAAI,CAACK,IAAI,CAAC,IAAIJ,YAAY,CAACP,KAAK,CAACM,IAAI,CAACM,IAAI,CAAC;AACzG,MAAMC,cAAc,GAAIP,IAAI,IAC1BA,IAAI,IACJA,IAAI,CAACQ,MAAM,IACXR,IAAI,CAACQ,MAAM,CAACC,MAAM,IAClB,CAACT,IAAI,CAACQ,MAAM,CAACE,MAAM,CAAEhB,KAAK,IAAKD,aAAa,CAACC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAEe,MAAM,KAAKT,IAAI,CAACQ,MAAM,CAACC,MAAM;AAE3F,MAAMR,YAAY,GAAAU,OAAA,CAAAV,YAAA,GAAG;EACnBP,KAAK,EAAED,aAAa;EACpBmB,IAAI,EAAEb,cAAc;EACpBc,GAAG,EAAEd,cAAc;EACnBe,OAAO,EAAEf,cAAc;EACvBgB,MAAM,EAAEhB,cAAc;EACtBiB,MAAM,EAAEZ,gBAAgB;EACxBa,QAAQ,EAAEb,gBAAgB;EAC1Bc,QAAQ,EAAEd,gBAAgB;EAC1Be,WAAW,EAAEf,gBAAgB;EAC7BgB,IAAI,EAAEhB,gBAAgB;EACtBiB,OAAO,EAAEd;AACX,CAAC","ignoreList":[]}

package/package.json

@@ -4,26 +4,30 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "8.3.4-next.3+1f5df43bb",
+  "version": "9.0.0-beta.1",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },
   "dependencies": {
-    "@material-ui/core": "^3.9.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "2.25.2",
-    "@pie-lib/graphing": "2.34.2",
-    "@pie-lib/math-rendering": "3.22.1",
-    "@pie-lib/render-ui": "4.35.2",
+    "@pie-lib/correct-answer-toggle": "3.1.0-next.5",
+    "@pie-lib/graphing": "3.1.0-next.25",
+    "@pie-lib/math-rendering": "4.1.0-next.4",
+    "@pie-lib/render-ui": "5.1.0-next.5",
     "classnames": "^2.2.5",
+    "core-js": "^3.40.0",
     "debug": "^4.1.1",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "1f5df43bb21a7e04dbae9de66831b3d64d3ff5a8",
+  "gitHead": "f7801e8a2cd1bdc01ef1da55f9157f0989714bdc",
   "main": "lib/index.js",
   "module": "src/index.js"
 }