@pie-element/math-inline 5.9.0 → 5.9.1-beta.1443

package/lib/print.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _main = _interopRequireDefault(require("./main"));
+
+var _mathRendering = require("@pie-lib/math-rendering");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var log = (0, _debug["default"])('pie-element:math-inline:print');
+/**
+ * Live in same package as main element - so we can access some of the shared comps!
+ *
+ * - update pslb to build print if src/print.js is there
+ * - update demo el
+ * - get configure/controller building
+ */
+
+var preparePrintModel = function preparePrintModel(model, opts) {
+  var instr = opts.role === 'instructor';
+  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
+  model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
+  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;
+  model.showTeacherInstructions = instr;
+  model.alwaysShowCorrect = instr;
+  model.printMode = true;
+  model.feedback = undefined;
+  model.expression = model.expression || '{{response}}';
+  model.animationsDisabled = true;
+  return _objectSpread(_objectSpread({}, model), {}, {
+    disabled: true,
+    config: _objectSpread(_objectSpread({}, model), {}, {
+      env: {
+        mode: instr ? 'evaluate' : model.mode,
+        role: opts.role
+      }
+    })
+  });
+};
+
+var MathInlinePrint = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(MathInlinePrint, _HTMLElement);
+
+  var _super = _createSuper(MathInlinePrint);
+
+  function MathInlinePrint() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, MathInlinePrint);
+    _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"], {
+          model: printModel,
+          session: {}
+        });
+
+        _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
+          log('render complete - render math');
+          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+        });
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(MathInlinePrint, [{
+    key: "options",
+    set: function set(o) {
+      this._options = o;
+    }
+  }, {
+    key: "model",
+    set: function set(s) {
+      this._model = s;
+
+      this._rerender();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {}
+  }]);
+  return MathInlinePrint;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = MathInlinePrint;
+//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/print.js"],"names":["log","preparePrintModel","model","opts","instr","role","prompt","promptEnabled","undefined","teacherInstructions","teacherInstructionsEnabled","rationale","rationaleEnabled","showTeacherInstructions","alwaysShowCorrect","printMode","feedback","expression","animationsDisabled","disabled","config","env","mode","MathInlinePrint","_options","_model","_session","_rerender","printModel","element","React","createElement","Main","session","ReactDOM","render","leading","trailing","o","s","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,+BAAN,CAAZ;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAL,KAAc,YAA5B;AAEAH,EAAAA,KAAK,CAACI,MAAN,GAAeJ,KAAK,CAACK,aAAN,KAAwB,KAAxB,GAAgCL,KAAK,CAACI,MAAtC,GAA+CE,SAA9D;AACAN,EAAAA,KAAK,CAACO,mBAAN,GACEL,KAAK,IAAIF,KAAK,CAACQ,0BAAN,KAAqC,KAA9C,GAAsDR,KAAK,CAACO,mBAA5D,GAAkFD,SADpF;AAEAN,EAAAA,KAAK,CAACS,SAAN,GAAkBP,KAAK,IAAIF,KAAK,CAACU,gBAAN,KAA2B,KAApC,GAA4CV,KAAK,CAACS,SAAlD,GAA8DH,SAAhF;AACAN,EAAAA,KAAK,CAACW,uBAAN,GAAgCT,KAAhC;AACAF,EAAAA,KAAK,CAACY,iBAAN,GAA0BV,KAA1B;AACAF,EAAAA,KAAK,CAACa,SAAN,GAAkB,IAAlB;AACAb,EAAAA,KAAK,CAACc,QAAN,GAAiBR,SAAjB;AACAN,EAAAA,KAAK,CAACe,UAAN,GAAmBf,KAAK,CAACe,UAAN,IAAoB,cAAvC;AAEAf,EAAAA,KAAK,CAACgB,kBAAN,GAA2B,IAA3B;AACA,yCACKhB,KADL;AAEEiB,IAAAA,QAAQ,EAAE,IAFZ;AAGEC,IAAAA,MAAM,kCACDlB,KADC;AAEJmB,MAAAA,GAAG,EAAE;AAAEC,QAAAA,IAAI,EAAElB,KAAK,GAAG,UAAH,GAAgBF,KAAK,CAACoB,IAAnC;AAAyCjB,QAAAA,IAAI,EAAEF,IAAI,CAACE;AAApD;AAFD;AAHR;AAQD,CAtBD;;IAwBqBkB,e;;;;;AACnB,6BAAc;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,GAAG3B,iBAAiB,CAAC,MAAKwB,MAAN,EAAc,MAAKD,QAAnB,CAApC;;AAEA,YAAMK,OAAO,GACX,MAAKL,QAAL,iBACAM,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACxB9B,UAAAA,KAAK,EAAE0B,UADiB;AAExBK,UAAAA,OAAO,EAAE;AAFe,SAA1B,CAFF;;AAOAC,6BAASC,MAAT,CAAgBN,OAAhB,kDAA+B,YAAM;AACnC7B,UAAAA,GAAG,CAAC,+BAAD,CAAH;AACA;AACD,SAHD;AAID,OAdD,MAcO;AACLA,QAAAA,GAAG,CAAC,MAAD,CAAH;AACD;AACF,KAnBc,EAoBf,EApBe,EAqBf;AAAEoC,MAAAA,OAAO,EAAE,KAAX;AAAkBC,MAAAA,QAAQ,EAAE;AAA5B,KArBe,CAAjB;AALY;AA4Bb;;;;SACD,aAAYC,CAAZ,EAAe;AACb,WAAKd,QAAL,GAAgBc,CAAhB;AACD;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKd,MAAL,GAAcc,CAAd;;AACA,WAAKZ,SAAL;AACD;;;WAED,6BAAoB,CAAE;;;kDAvCqBa,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:math-inline:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.printMode = true;\n  model.feedback = undefined;\n  model.expression = model.expression || '{{response}}';\n\n  model.animationsDisabled = true;\n  return {\n    ...model,\n    disabled: true,\n    config: {\n      ...model,\n      env: { mode: instr ? 'evaluate' : model.mode, role: opts.role },\n    },\n  };\n};\n\nexport default class MathInlinePrint 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              model: printModel,\n              session: {},\n            });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n}\n"],"file":"print.js"}

package/lib/simple-question-block.js

@@ -44,39 +44,47 @@ var SimpleQuestionBlockRaw = /*#__PURE__*/function (_React$Component) {
 
   var _super = _createSuper(SimpleQuestionBlockRaw);
 
-  function SimpleQuestionBlockRaw() {
+  function SimpleQuestionBlockRaw(props) {
     var _this;
 
     (0, _classCallCheck2["default"])(this, SimpleQuestionBlockRaw);
-
-    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", {
-      showKeypad: true
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mathToolBarContainsTarget", function (e) {
+      return document.getElementById(_this.mathToolBarId).contains(e.target);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (e) {
+      try {
+        if (!_this.mathToolBarContainsTarget(e)) {
+          _this.setState({
+            showKeypad: false
+          });
+        }
+      } catch (e) {// console.log(e.toString());
+      }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function () {
       return _this.setState({
         showKeypad: true
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function (e) {
-      var _ref = e || {},
-          relatedTarget = _ref.relatedTarget,
-          currentTarget = _ref.currentTarget;
-
-      if (!relatedTarget || !currentTarget || relatedTarget.offsetParent !== currentTarget.offsetParent) {
-        _this.setState({
-          showKeypad: false
-        });
-      }
-    });
+    _this.state = {
+      showKeypad: true
+    };
+    _this.mathToolBarId = "math-toolbar-".concat(new Date().getTime());
     return _this;
   }
 
   (0, _createClass2["default"])(SimpleQuestionBlockRaw, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      window.addEventListener('click', this.handleClick);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('click', this.handleClick);
+    }
+  }, {
     key: "render",
     value: function render() {
       var _cx;
@@ -89,28 +97,27 @@ var SimpleQuestionBlockRaw = /*#__PURE__*/function (_React$Component) {
           emptyResponse = _this$props.emptyResponse,
           onSimpleResponseChange = _this$props.onSimpleResponseChange;
 
-      var _ref2 = model || {},
-          config = _ref2.config,
-          disabled = _ref2.disabled,
-          correctness = _ref2.correctness,
-          view = _ref2.view;
+      var _ref = model || {},
+          config = _ref.config,
+          disabled = _ref.disabled,
+          correctness = _ref.correctness;
 
       if (!config) {
         return;
       }
 
       var correct = correctness && correctness.correct;
-      var showAsCorrect = !emptyResponse && (showCorrect || correct);
-      var showAsIncorrect = !emptyResponse && !correct && !showCorrect && !view;
       var responses = config.responses,
           equationEditor = config.equationEditor;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.expression
       }, showCorrect || disabled ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes["static"], (_cx = {}, (0, _defineProperty2["default"])(_cx, classes.correct, showAsCorrect), (0, _defineProperty2["default"])(_cx, classes.incorrect, showAsIncorrect), _cx))
+        className: (0, _classnames["default"])(classes["static"], (_cx = {}, (0, _defineProperty2["default"])(_cx, classes.incorrect, !emptyResponse && !correct && !showCorrect), (0, _defineProperty2["default"])(_cx, classes.correct, !emptyResponse && (correct || showCorrect)), _cx))
       }, /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Static, {
         latex: showCorrect ? responses && responses.length && responses[0].answer : session.response || ''
-      })) : /*#__PURE__*/_react["default"].createElement(_mathToolbar.MathToolbar, {
+      })) : /*#__PURE__*/_react["default"].createElement("div", {
+        id: this.mathToolBarId
+      }, /*#__PURE__*/_react["default"].createElement(_mathToolbar.MathToolbar, {
         classNames: {
           editor: classes.responseEditor
         },
@@ -119,11 +126,10 @@ var SimpleQuestionBlockRaw = /*#__PURE__*/function (_React$Component) {
         onChange: onSimpleResponseChange,
         onDone: function onDone() {},
         onFocus: this.onFocus,
-        onBlur: this.onBlur,
         controlledKeypad: true,
         showKeypad: this.state.showKeypad,
         hideDoneButton: true
-      }));
+      })));
     }
   }]);
   return SimpleQuestionBlockRaw;
@@ -144,8 +150,7 @@ var SimpleQuestionBlock = (0, _styles.withStyles)(function (theme) {
       display: 'flex',
       justifyContent: 'center',
       width: 'auto',
-      minWidth: '500px',
-      maxWidth: '900px',
+      maxWidth: 'fit-content',
       height: 'auto',
       textAlign: 'left',
       padding: theme.spacing.unit,
@@ -162,7 +167,7 @@ var SimpleQuestionBlock = (0, _styles.withStyles)(function (theme) {
       color: _renderUi.color.text(),
       background: _renderUi.color.background(),
       border: "1px solid ".concat(_renderUi.color.primaryLight()),
-      width: '100%',
+      width: 'fit-content',
       fontSize: '1rem',
       padding: theme.spacing.unit / 2,
       '& > .mq-math-mode': {
@@ -174,12 +179,14 @@ var SimpleQuestionBlock = (0, _styles.withStyles)(function (theme) {
       }
     },
     correct: {
-      color: _renderUi.color.correct(),
-      border: "1px solid ".concat(_renderUi.color.correct(), " !important")
+      border: "2px solid ".concat(_renderUi.color.correct(), " !important"),
+      padding: theme.spacing.unit,
+      letterSpacing: '0.5px'
     },
     incorrect: {
-      color: _renderUi.color.incorrect(),
-      border: "1px solid ".concat(_renderUi.color.incorrect(), " !important")
+      border: "2px solid ".concat(_renderUi.color.incorrect(), " !important"),
+      padding: theme.spacing.unit,
+      letterSpacing: '0.5px'
     }
   };
 })(SimpleQuestionBlockRaw);

package/lib/simple-question-block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/simple-question-block.jsx"],"names":["SimpleQuestionBlockRaw","showKeypad","setState","e","relatedTarget","currentTarget","offsetParent","props","classes","model","showCorrect","session","emptyResponse","onSimpleResponseChange","config","disabled","correctness","view","correct","showAsCorrect","showAsIncorrect","responses","equationEditor","expression","incorrect","length","answer","response","editor","responseEditor","onFocus","onBlur","state","React","Component","PropTypes","object","func","isRequired","bool","SimpleQuestionBlock","theme","display","justifyContent","width","minWidth","maxWidth","height","textAlign","padding","spacing","unit","border","color","primaryLight","marginTop","marginBottom","text","background","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport { mq } from '@pie-lib/math-input';\nimport cx from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nexport class SimpleQuestionBlockRaw extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onSimpleResponseChange: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    emptyResponse: PropTypes.bool,\n    session: PropTypes.object.isRequired,\n    showCorrect: PropTypes.bool\n  };\n\n  state = {\n    showKeypad: true\n  };\n\n  onFocus = () => this.setState({ showKeypad: true });\n\n  onBlur = (e) => {\n    const { relatedTarget, currentTarget } = e || {};\n\n    if (!relatedTarget || !currentTarget || (relatedTarget.offsetParent !== currentTarget.offsetParent)) {\n      this.setState({ showKeypad: false });\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      showCorrect,\n      session,\n      emptyResponse,\n      onSimpleResponseChange\n    } = this.props;\n    const { config, disabled, correctness, view } = model || {};\n\n    if (!config) {\n      return;\n    }\n\n    const correct = correctness && correctness.correct;\n    const showAsCorrect = !emptyResponse && (showCorrect || correct);\n    const showAsIncorrect = !emptyResponse && !correct && !showCorrect && !view;\n    const { responses, equationEditor } = config;\n\n    return (\n      <div className={classes.expression}>\n        {showCorrect || disabled ? (\n          <div\n            className={cx(classes.static, {\n              [classes.correct]: showAsCorrect,\n              [classes.incorrect]: showAsIncorrect\n            })}\n          >\n            <mq.Static\n              latex={\n                showCorrect ? (responses && responses.length && responses[0].answer) : (session.response || '')\n              }\n            />\n          </div>\n        ) : (\n          <MathToolbar\n            classNames={{ editor: classes.responseEditor }}\n            latex={session.response || ''}\n            keypadMode={equationEditor}\n            onChange={onSimpleResponseChange}\n            onDone={() => {}}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            controlledKeypad={true}\n            showKeypad={this.state.showKeypad}\n            hideDoneButton={true}\n          />\n        )}\n      </div>\n    );\n  }\n}\nconst SimpleQuestionBlock = withStyles(theme => ({\n  responseEditor: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: 'auto',\n    minWidth: '500px',\n    maxWidth: '900px',\n    height: 'auto',\n    textAlign: 'left',\n    padding: theme.spacing.unit,\n    '&.mq-math-mode': {\n      border: `1px solid ${color.primaryLight()}`\n    }\n  },\n  expression: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    padding: theme.spacing.unit\n  },\n  static: {\n    color: color.text(),\n    background: color.background(),\n    border: `1px solid ${color.primaryLight()}`,\n    width: '100%',\n    fontSize: '1rem',\n    padding: theme.spacing.unit / 2,\n    '& > .mq-math-mode': {\n      '& > .mq-hasCursor': {\n        '& > .mq-cursor': {\n          display: 'none'\n        }\n      }\n    }\n  },\n  correct: {\n    color: color.correct(),\n    border: `1px solid ${color.correct()} !important`,\n  },\n  incorrect: {\n    color: color.incorrect(),\n    border: `1px solid ${color.incorrect()} !important`,\n  }\n}))(SimpleQuestionBlockRaw);\n\nexport default SimpleQuestionBlock;\n"],"file":"simple-question-block.js"}
+{"version":3,"sources":["../src/simple-question-block.jsx"],"names":["SimpleQuestionBlockRaw","props","e","document","getElementById","mathToolBarId","contains","target","mathToolBarContainsTarget","setState","showKeypad","state","Date","getTime","window","addEventListener","handleClick","removeEventListener","classes","model","showCorrect","session","emptyResponse","onSimpleResponseChange","config","disabled","correctness","correct","responses","equationEditor","expression","incorrect","length","answer","response","editor","responseEditor","onFocus","React","Component","PropTypes","object","func","isRequired","bool","SimpleQuestionBlock","theme","display","justifyContent","width","maxWidth","height","textAlign","padding","spacing","unit","border","color","primaryLight","marginTop","marginBottom","text","background","fontSize","letterSpacing"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport { mq } from '@pie-lib/math-input';\nimport cx from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nexport class SimpleQuestionBlockRaw extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onSimpleResponseChange: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    emptyResponse: PropTypes.bool,\n    session: PropTypes.object.isRequired,\n    showCorrect: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showKeypad: true,\n    };\n    this.mathToolBarId = `math-toolbar-${new Date().getTime()}`;\n  }\n\n  componentDidMount() {\n    window.addEventListener('click', this.handleClick);\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('click', this.handleClick);\n  }\n\n  mathToolBarContainsTarget = (e) => document.getElementById(this.mathToolBarId).contains(e.target);\n\n  handleClick = (e) => {\n    try {\n      if (!this.mathToolBarContainsTarget(e)) {\n        this.setState({ showKeypad: false });\n      }\n    } catch (e) {\n      // console.log(e.toString());\n    }\n  };\n\n  onFocus = () => this.setState({ showKeypad: true });\n\n  render() {\n    const { classes, model, showCorrect, session, emptyResponse, onSimpleResponseChange } = this.props;\n    const { config, disabled, correctness } = model || {};\n\n    if (!config) {\n      return;\n    }\n\n    const correct = correctness && correctness.correct;\n    const { responses, equationEditor } = config;\n\n    return (\n      <div className={classes.expression}>\n        {showCorrect || disabled ? (\n          <div\n            className={cx(classes.static, {\n              [classes.incorrect]: !emptyResponse && !correct && !showCorrect,\n              [classes.correct]: !emptyResponse && (correct || showCorrect),\n            })}\n          >\n            <mq.Static\n              latex={showCorrect ? responses && responses.length && responses[0].answer : session.response || ''}\n            />\n          </div>\n        ) : (\n          <div id={this.mathToolBarId}>\n            <MathToolbar\n              classNames={{ editor: classes.responseEditor }}\n              latex={session.response || ''}\n              keypadMode={equationEditor}\n              onChange={onSimpleResponseChange}\n              onDone={() => {}}\n              onFocus={this.onFocus}\n              controlledKeypad={true}\n              showKeypad={this.state.showKeypad}\n              hideDoneButton={true}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst SimpleQuestionBlock = withStyles((theme) => ({\n  responseEditor: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: 'auto',\n    maxWidth: 'fit-content',\n    height: 'auto',\n    textAlign: 'left',\n    padding: theme.spacing.unit,\n    '&.mq-math-mode': {\n      border: `1px solid ${color.primaryLight()}`,\n    },\n  },\n  expression: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    padding: theme.spacing.unit,\n  },\n  static: {\n    color: color.text(),\n    background: color.background(),\n    border: `1px solid ${color.primaryLight()}`,\n    width: 'fit-content',\n    fontSize: '1rem',\n    padding: theme.spacing.unit / 2,\n    '& > .mq-math-mode': {\n      '& > .mq-hasCursor': {\n        '& > .mq-cursor': {\n          display: 'none',\n        },\n      },\n    },\n  },\n  correct: {\n    border: `2px solid ${color.correct()} !important`,\n    padding: theme.spacing.unit,\n    letterSpacing: '0.5px',\n  },\n  incorrect: {\n    border: `2px solid ${color.incorrect()} !important`,\n    padding: theme.spacing.unit,\n    letterSpacing: '0.5px',\n  },\n}))(SimpleQuestionBlockRaw);\n\nexport default SimpleQuestionBlock;\n"],"file":"simple-question-block.js"}

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["ResponseTypes","advanced","simple"],"mappings":";;;;;;AAAO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,gBADiB;AAE3BC,EAAAA,MAAM,EAAE;AAFmB,CAAtB","sourcesContent":["export const ResponseTypes = {\n  advanced: 'Advanced Multi',\n  simple: 'Simple'\n};\n"],"file":"utils.js"}
+{"version":3,"sources":["../src/utils.js"],"names":["ResponseTypes","advanced","simple"],"mappings":";;;;;;AAAO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,gBADiB;AAE3BC,EAAAA,MAAM,EAAE;AAFmB,CAAtB","sourcesContent":["export const ResponseTypes = {\n  advanced: 'Advanced Multi',\n  simple: 'Simple',\n};\n"],"file":"utils.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "5.9.0",
+  "version": "5.9.1-beta.1443+449763c04",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -13,12 +13,12 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-framework/mathquill": "^1.1.0",
+    "@pie-framework/mathquill": "^1.1.3",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "^2.3.34",
-    "@pie-lib/math-input": "^6.6.7",
-    "@pie-lib/math-toolbar": "^1.8.7",
-    "@pie-lib/render-ui": "^4.12.4",
+    "@pie-lib/correct-answer-toggle": "^2.3.62",
+    "@pie-lib/math-input": "^6.10.12",
+    "@pie-lib/math-toolbar": "2.0.0-beta.2",
+    "@pie-lib/render-ui": "^4.14.12",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -28,6 +28,10 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "510db2949732b8997ff2e1a496ca1a7bd3973088",
-  "module": "src/index.js"
+  "gitHead": "449763c046b78327513c38ea5367b8d4da120760",
+  "module": "src/index.js",
+  "exports": {
+    ".": "./src/index.js",
+    "./print": "./src/print.js"
+  }
 }