@pie-element/drawing-response 4.6.1-beta.0 → 4.6.1-beta.1

package/lib/drawing-response/factory.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _drawableFreePath = _interopRequireDefault(require("./drawable-free-path"));
-
-var _drawableLine = _interopRequireDefault(require("./drawable-line"));
-
-var _drawableRectangle = _interopRequireDefault(require("./drawable-rectangle"));
-
-var _drawableCircle = _interopRequireDefault(require("./drawable-circle"));
-
-var _drawableEraser = _interopRequireDefault(require("./drawable-eraser"));
-
-var DRAWABLES = [_drawableFreePath["default"], _drawableLine["default"], _drawableRectangle["default"], _drawableCircle["default"], _drawableEraser["default"]];
-
-var _default = function _default(type, props) {
-  var T = DRAWABLES.find(function (D) {
-    return D.TYPE === type;
-  });
-
-  if (T) {
-    return new T(props);
-  }
-
-  throw new Error("Can't find drawable for type: ".concat(type, " and props: ").concat(JSON.stringify(props)));
-};
-
-exports["default"] = _default;
-//# sourceMappingURL=factory.js.map

package/lib/drawing-response/factory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/drawing-response/factory.js"],"names":["DRAWABLES","FreePathDrawable","LineDrawable","RectangleDrawable","CircleDrawable","EraserDrawable","type","props","T","find","D","TYPE","Error","JSON","stringify"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,GAAG,CAACC,4BAAD,EAAmBC,wBAAnB,EAAiCC,6BAAjC,EAAoDC,0BAApD,EAAoEC,0BAApE,CAAlB;;eAEe,kBAACC,IAAD,EAAOC,KAAP,EAAiB;AAC9B,MAAMC,CAAC,GAAGR,SAAS,CAACS,IAAV,CAAe,UAACC,CAAD;AAAA,WAAOA,CAAC,CAACC,IAAF,KAAWL,IAAlB;AAAA,GAAf,CAAV;;AAEA,MAAIE,CAAJ,EAAO;AACL,WAAO,IAAIA,CAAJ,CAAMD,KAAN,CAAP;AACD;;AAED,QAAM,IAAIK,KAAJ,yCAA2CN,IAA3C,yBAA8DO,IAAI,CAACC,SAAL,CAAeP,KAAf,CAA9D,EAAN;AACD,C","sourcesContent":["import FreePathDrawable from './drawable-free-path';\nimport LineDrawable from './drawable-line';\nimport RectangleDrawable from './drawable-rectangle';\nimport CircleDrawable from './drawable-circle';\nimport EraserDrawable from './drawable-eraser';\n\nconst DRAWABLES = [FreePathDrawable, LineDrawable, RectangleDrawable, CircleDrawable, EraserDrawable];\n\nexport default (type, props) => {\n  const T = DRAWABLES.find((D) => D.TYPE === type);\n\n  if (T) {\n    return new T(props);\n  }\n\n  throw new Error(`Can't find drawable for type: ${type} and props: ${JSON.stringify(props)}`);\n};\n"],"file":"factory.js"}

package/lib/drawing-response/icon.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react2 = _interopRequireDefault(require("@mdi/react"));
-
-var _js = require("@mdi/js");
-
-var IconWrapper = function IconWrapper(_ref) {
-  var path = _ref.path;
-  var iconPath;
-
-  switch (path) {
-    case 'mdiPencil':
-      iconPath = _js.mdiPencil;
-      break;
-
-    case 'mdiMinus':
-      iconPath = _js.mdiMinus;
-      break;
-
-    case 'mdiCircle':
-      iconPath = _js.mdiCircle;
-      break;
-
-    case 'mdiRectangle':
-      iconPath = _js.mdiRectangle;
-      break;
-
-    case 'mdiFormatColorText':
-      iconPath = _js.mdiFormatColorText;
-      break;
-
-    case 'mdiFormatColorFill':
-      iconPath = _js.mdiFormatColorFill;
-      break;
-
-    case 'mdiEraser':
-      iconPath = _js.mdiEraser;
-      break;
-
-    default:
-      iconPath = _js.mdiCursorDefault;
-      break;
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_react2["default"], {
-    path: iconPath,
-    size: 0.8,
-    rotate: 180,
-    horizontal: true,
-    vertical: true,
-    color: "#2B3963"
-  });
-};
-
-IconWrapper.propTypes = {
-  path: _propTypes["default"].string.isRequired
-};
-var _default = IconWrapper;
-exports["default"] = _default;
-//# sourceMappingURL=icon.js.map

package/lib/drawing-response/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/drawing-response/icon.jsx"],"names":["IconWrapper","path","iconPath","mdiPencil","mdiMinus","mdiCircle","mdiRectangle","mdiFormatColorText","mdiFormatColorFill","mdiEraser","mdiCursorDefault","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAWA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAChC,MAAIC,QAAJ;;AAEA,UAAQD,IAAR;AACE,SAAK,WAAL;AACEC,MAAAA,QAAQ,GAAGC,aAAX;AACA;;AACF,SAAK,UAAL;AACED,MAAAA,QAAQ,GAAGE,YAAX;AACA;;AACF,SAAK,WAAL;AACEF,MAAAA,QAAQ,GAAGG,aAAX;AACA;;AACF,SAAK,cAAL;AACEH,MAAAA,QAAQ,GAAGI,gBAAX;AACA;;AACF,SAAK,oBAAL;AACEJ,MAAAA,QAAQ,GAAGK,sBAAX;AACA;;AACF,SAAK,oBAAL;AACEL,MAAAA,QAAQ,GAAGM,sBAAX;AACA;;AACF,SAAK,WAAL;AACEN,MAAAA,QAAQ,GAAGO,aAAX;AACA;;AACF;AACEP,MAAAA,QAAQ,GAAGQ,oBAAX;AACA;AAxBJ;;AA2BA,sBAAO,gCAAC,kBAAD;AAAM,IAAA,IAAI,EAAER,QAAZ;AAAsB,IAAA,IAAI,EAAE,GAA5B;AAAiC,IAAA,MAAM,EAAE,GAAzC;AAA8C,IAAA,UAAU,MAAxD;AAAyD,IAAA,QAAQ,MAAjE;AAAkE,IAAA,KAAK,EAAC;AAAxE,IAAP;AACD,CA/BD;;AAiCAF,WAAW,CAACW,SAAZ,GAAwB;AACtBV,EAAAA,IAAI,EAAEW,sBAAUC,MAAV,CAAiBC;AADD,CAAxB;eAIed,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '@mdi/react';\nimport {\n  mdiCursorDefault,\n  mdiPencil,\n  mdiMinus,\n  mdiRectangle,\n  mdiCircle,\n  mdiFormatColorText,\n  mdiFormatColorFill,\n  mdiEraser,\n} from '@mdi/js';\n\nconst IconWrapper = ({ path }) => {\n  let iconPath;\n\n  switch (path) {\n    case 'mdiPencil':\n      iconPath = mdiPencil;\n      break;\n    case 'mdiMinus':\n      iconPath = mdiMinus;\n      break;\n    case 'mdiCircle':\n      iconPath = mdiCircle;\n      break;\n    case 'mdiRectangle':\n      iconPath = mdiRectangle;\n      break;\n    case 'mdiFormatColorText':\n      iconPath = mdiFormatColorText;\n      break;\n    case 'mdiFormatColorFill':\n      iconPath = mdiFormatColorFill;\n      break;\n    case 'mdiEraser':\n      iconPath = mdiEraser;\n      break;\n    default:\n      iconPath = mdiCursorDefault;\n      break;\n  }\n\n  return <Icon path={iconPath} size={0.8} rotate={180} horizontal vertical color=\"#2B3963\" />;\n};\n\nIconWrapper.propTypes = {\n  path: PropTypes.string.isRequired,\n};\n\nexport default IconWrapper;\n"],"file":"icon.js"}

package/lib/drawing-response/index.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _styles = require("@material-ui/core/styles");
-
-var _container = _interopRequireDefault(require("./container"));
-
-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 DrawingResponseComponent = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DrawingResponseComponent, _React$Component);
-
-  var _super = _createSuper(DrawingResponseComponent);
-
-  function DrawingResponseComponent(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, DrawingResponseComponent);
-    _this = _super.call(this, props);
-    _this.state = {
-      showCorrect: false,
-      hasError: false
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(DrawingResponseComponent, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          _this$props$model = _this$props.model,
-          disabled = _this$props$model.disabled,
-          imageDimensions = _this$props$model.imageDimensions,
-          imageUrl = _this$props$model.imageUrl,
-          prompt = _this$props$model.prompt,
-          mode = _this$props$model.mode,
-          teacherInstructions = _this$props$model.teacherInstructions,
-          _this$props$model$bac = _this$props$model.backgroundImageEnabled,
-          backgroundImageEnabled = _this$props$model$bac === void 0 ? true : _this$props$model$bac,
-          session = _this$props.session,
-          onSessionChange = _this$props.onSessionChange,
-          classes = _this$props.classes;
-      var _this$state = this.state,
-          hasError = _this$state.hasError,
-          errorMessage = _this$state.errorMessage;
-      var isEvaluateMode = mode === 'evaluate';
-      return hasError ? /*#__PURE__*/_react["default"].createElement("div", null, "An error occured: ", errorMessage) : /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Teacher Instructions',
-          visible: 'Hide Teacher Instructions'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: teacherInstructions
-      })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        className: classes.prompt
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        tagName: "span",
-        prompt: prompt
-      })), /*#__PURE__*/_react["default"].createElement(_container["default"], {
-        session: session,
-        onSessionChange: onSessionChange,
-        isEvaluateMode: isEvaluateMode,
-        imageDimensions: imageDimensions,
-        imageUrl: imageUrl,
-        backgroundImageEnabled: backgroundImageEnabled,
-        disabled: disabled
-      }));
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      return {
-        hasError: true,
-        errorMessage: error.message
-      };
-    }
-  }]);
-  return DrawingResponseComponent;
-}(_react["default"].Component);
-
-DrawingResponseComponent.propTypes = {
-  classes: _propTypes["default"].object,
-  model: _propTypes["default"].object.isRequired,
-  onSessionChange: _propTypes["default"].func.isRequired,
-  session: _propTypes["default"].object.isRequired
-};
-
-var styles = function styles() {
-  return {
-    prompt: {
-      fontSize: 'inherit'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(DrawingResponseComponent);
-
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map

package/lib/drawing-response/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/drawing-response/index.jsx"],"names":["DrawingResponseComponent","props","state","showCorrect","hasError","model","disabled","imageDimensions","imageUrl","prompt","mode","teacherInstructions","backgroundImageEnabled","session","onSessionChange","classes","errorMessage","isEvaluateMode","hidden","visible","error","message","React","Component","propTypes","PropTypes","object","isRequired","func","styles","fontSize"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;IAEMA,wB;;;;;AACJ,oCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACXC,MAAAA,WAAW,EAAE,KADF;AAEXC,MAAAA,QAAQ,EAAE;AAFC,KAAb;AAFiB;AAMlB;;;;WAMD,kBAAS;AACP,wBAKI,KAAKH,KALT;AAAA,0CACEI,KADF;AAAA,UACWC,QADX,qBACWA,QADX;AAAA,UACqBC,eADrB,qBACqBA,eADrB;AAAA,UACsCC,QADtC,qBACsCA,QADtC;AAAA,UACgDC,MADhD,qBACgDA,MADhD;AAAA,UACwDC,IADxD,qBACwDA,IADxD;AAAA,UAC8DC,mBAD9D,qBAC8DA,mBAD9D;AAAA,oDACmFC,sBADnF;AAAA,UACmFA,sBADnF,sCAC4G,IAD5G;AAAA,UAEEC,OAFF,eAEEA,OAFF;AAAA,UAGEC,eAHF,eAGEA,eAHF;AAAA,UAIEC,OAJF,eAIEA,OAJF;AAMA,wBAAmC,KAAKb,KAAxC;AAAA,UAAQE,QAAR,eAAQA,QAAR;AAAA,UAAkBY,YAAlB,eAAkBA,YAAlB;AACA,UAAMC,cAAc,GAAGP,IAAI,KAAK,UAAhC;AAEA,aAAON,QAAQ,gBACb,mEAAwBY,YAAxB,CADa,gBAGb,6CACGL,mBAAmB,iBAClB,gCAAC,iBAAD,CAAO,QAAP,qBACE,gCAAC,qBAAD;AACE,QAAA,MAAM,EAAE;AACNO,UAAAA,MAAM,EAAE,2BADF;AAENC,UAAAA,OAAO,EAAE;AAFH;AADV,sBAME,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAER;AAAvB,QANF,CADF,eASE,2CATF,CAFJ,eAeE,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAEI,OAAO,CAACN;AAA/B,sBACE,gCAAC,uBAAD;AAAe,QAAA,OAAO,EAAC,MAAvB;AAA8B,QAAA,MAAM,EAAEA;AAAtC,QADF,CAfF,eAmBE,gCAAC,qBAAD;AACE,QAAA,OAAO,EAAEI,OADX;AAEE,QAAA,eAAe,EAAEC,eAFnB;AAGE,QAAA,cAAc,EAAEG,cAHlB;AAIE,QAAA,eAAe,EAAEV,eAJnB;AAKE,QAAA,QAAQ,EAAEC,QALZ;AAME,QAAA,sBAAsB,EAAEI,sBAN1B;AAOE,QAAA,QAAQ,EAAEN;AAPZ,QAnBF,CAHF;AAiCD;;;WA/CD,kCAAgCc,KAAhC,EAAuC;AACrC,aAAO;AAAEhB,QAAAA,QAAQ,EAAE,IAAZ;AAAkBY,QAAAA,YAAY,EAAEI,KAAK,CAACC;AAAtC,OAAP;AACD;;;EAXoCC,kBAAMC,S;;AA2D7CvB,wBAAwB,CAACwB,SAAzB,GAAqC;AACnCT,EAAAA,OAAO,EAAEU,sBAAUC,MADgB;AAEnCrB,EAAAA,KAAK,EAAEoB,sBAAUC,MAAV,CAAiBC,UAFW;AAGnCb,EAAAA,eAAe,EAAEW,sBAAUG,IAAV,CAAeD,UAHG;AAInCd,EAAAA,OAAO,EAAEY,sBAAUC,MAAV,CAAiBC;AAJS,CAArC;;AAOA,IAAME,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBpB,IAAAA,MAAM,EAAE;AACNqB,MAAAA,QAAQ,EAAE;AADJ;AADY,GAAP;AAAA,CAAf;;eAMe,wBAAWD,MAAX,EAAmB7B,wBAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Container from './container';\n\nclass DrawingResponseComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      showCorrect: false,\n      hasError: false,\n    };\n  }\n\n  static getDerivedStateFromError(error) {\n    return { hasError: true, errorMessage: error.message };\n  }\n\n  render() {\n    const {\n      model: { disabled, imageDimensions, imageUrl, prompt, mode, teacherInstructions, backgroundImageEnabled = true },\n      session,\n      onSessionChange,\n      classes,\n    } = this.props;\n    const { hasError, errorMessage } = this.state;\n    const isEvaluateMode = mode === 'evaluate';\n\n    return hasError ? (\n      <div>An error occured: {errorMessage}</div>\n    ) : (\n      <div>\n        {teacherInstructions && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n            >\n              <PreviewPrompt prompt={teacherInstructions} />\n            </Collapsible>\n            <br />\n          </React.Fragment>\n        )}\n\n        <Typography className={classes.prompt}>\n          <PreviewPrompt tagName=\"span\" prompt={prompt} />\n        </Typography>\n\n        <Container\n          session={session}\n          onSessionChange={onSessionChange}\n          isEvaluateMode={isEvaluateMode}\n          imageDimensions={imageDimensions}\n          imageUrl={imageUrl}\n          backgroundImageEnabled={backgroundImageEnabled}\n          disabled={disabled}\n        />\n      </div>\n    );\n  }\n}\n\nDrawingResponseComponent.propTypes = {\n  classes: PropTypes.object,\n  model: PropTypes.object.isRequired,\n  onSessionChange: PropTypes.func.isRequired,\n  session: PropTypes.object.isRequired,\n};\n\nconst styles = () => ({\n  prompt: {\n    fontSize: 'inherit',\n  },\n});\n\nexport default withStyles(styles)(DrawingResponseComponent);\n"],"file":"index.js"}

package/lib/index.js

@@ -1,118 +0,0 @@
-"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 _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _mathRendering = require("@pie-lib/math-rendering");
-
-var _piePlayerEvents = require("@pie-framework/pie-player-events");
-
-var _drawingResponse = _interopRequireDefault(require("./drawing-response"));
-
-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 DrawingResponse = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(DrawingResponse, _HTMLElement);
-
-  var _super = _createSuper(DrawingResponse);
-
-  function DrawingResponse() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, DrawingResponse);
-
-    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), "sessionChanged", function (update) {
-      _this._session.drawables = update.drawables;
-      _this._session.texts = update.texts;
-
-      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(_this.tagName.toLowerCase(), _this.isComplete()));
-
-      _this._render();
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(DrawingResponse, [{
-    key: "model",
-    set: function set(m) {
-      this._model = m;
-      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));
-
-      this._render();
-    }
-  }, {
-    key: "isComplete",
-    value: function isComplete() {
-      return this._session && (!(0, _isEmpty["default"])(this._session.drawables) || !(0, _isEmpty["default"])(this._session.texts));
-    }
-  }, {
-    key: "session",
-    get: function get() {
-      return this._session;
-    },
-    set: function set(s) {
-      this._session = s;
-
-      this._render();
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this._render();
-    }
-  }, {
-    key: "_render",
-    value: function _render() {
-      var _this2 = this;
-
-      if (this._model && this._session) {
-        var el = /*#__PURE__*/_react["default"].createElement(_drawingResponse["default"], {
-          model: this._model,
-          session: this._session,
-          onSessionChange: this.sessionChanged
-        });
-
-        _reactDom["default"].render(el, this, function () {
-          (0, _mathRendering.renderMath)(_this2);
-        });
-      }
-    }
-  }]);
-  return DrawingResponse;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = DrawingResponse;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":["DrawingResponse","update","_session","drawables","texts","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","ModelSetEvent","s","el","React","createElement","DrawingResponseComponent","model","session","onSessionChange","sessionChanged","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;IAEqBA,e;;;;;;;;;;;;;;;uGAYF,UAACC,MAAD,EAAY;AAC3B,YAAKC,QAAL,CAAcC,SAAd,GAA0BF,MAAM,CAACE,SAAjC;AACA,YAAKD,QAAL,CAAcE,KAAd,GAAsBH,MAAM,CAACG,KAA7B;;AAEA,YAAKC,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,MAAKC,UAAL,EAApD,CAAnB;;AAEA,YAAKC,OAAL;AACD,K;;;;;;SAlBD,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;AAEA,WAAKN,aAAL,CAAmB,IAAIQ,8BAAJ,CAAkB,KAAKN,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKC,UAAL,EAA9C,EAAiE,CAAC,CAAC,KAAKG,MAAxE,CAAnB;;AACA,WAAKF,OAAL;AACD;;;WAED,sBAAa;AACX,aAAO,KAAKR,QAAL,KAAkB,CAAC,yBAAQ,KAAKA,QAAL,CAAcC,SAAtB,CAAD,IAAqC,CAAC,yBAAQ,KAAKD,QAAL,CAAcE,KAAtB,CAAxD,CAAP;AACD;;;SAgBD,eAAc;AACZ,aAAO,KAAKF,QAAZ;AACD,K;SAPD,aAAYY,CAAZ,EAAe;AACb,WAAKZ,QAAL,GAAgBY,CAAhB;;AACA,WAAKJ,OAAL;AACD;;;WAMD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,UAAI,KAAKE,MAAL,IAAe,KAAKV,QAAxB,EAAkC;AAChC,YAAMa,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,2BAApB,EAA8C;AACvDC,UAAAA,KAAK,EAAE,KAAKP,MAD2C;AAEvDQ,UAAAA,OAAO,EAAE,KAAKlB,QAFyC;AAGvDmB,UAAAA,eAAe,EAAE,KAAKC;AAHiC,SAA9C,CAAX;;AAMAC,6BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,yCAAW,MAAX;AACD,SAFD;AAGD;AACF;;;kDA9C0CU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport isEmpty from 'lodash/isEmpty';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\n\nimport DrawingResponseComponent from './drawing-response';\n\nexport default class DrawingResponse extends HTMLElement {\n  set model(m) {\n    this._model = m;\n\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));\n    this._render();\n  }\n\n  isComplete() {\n    return this._session && (!isEmpty(this._session.drawables) || !isEmpty(this._session.texts));\n  }\n\n  sessionChanged = (update) => {\n    this._session.drawables = update.drawables;\n    this._session.texts = update.texts;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));\n\n    this._render();\n  };\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model && this._session) {\n      const el = React.createElement(DrawingResponseComponent, {\n        model: this._model,\n        session: this._session,\n        onSessionChange: this.sessionChanged,\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"file":"index.js"}