@pie-element/math-templated 7.1.1-next.12 → 7.1.2

package/lib/index.js

@@ -0,0 +1,76 @@
+"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 _client = require("react-dom/client");
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _main = _interopRequireDefault(require("./main"));
+var _lodashEs = require("lodash-es");
+class MathTemplated extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this.sessionChangedEventCaller = (0, _lodashEs.debounce)(() => {
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), true));
+    }, 1000);
+  }
+  set model(m) {
+    this._model = m;
+    this.render();
+    this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
+  }
+  get model() {
+    return this._model;
+  }
+  set session(s) {
+    this._session = s;
+    this.render();
+  }
+  get session() {
+    return this._session;
+  }
+  isSessionComplete() {
+    // a method to check if student answered the question
+    return true;
+  }
+  onSessionChange(session) {
+    // you can add an extra step here to validate session
+    Object.keys(session).map(key => {
+      this._session[key] = session[key];
+    });
+    this.sessionChangedEventCaller();
+    this.render();
+  }
+  connectedCallback() {
+    // TODO set accessibility labels
+
+    this.render();
+  }
+  render() {
+    if (!this._model || !this._session) {
+      return;
+    }
+    if (this._model && this._session) {
+      const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+        model: this._model,
+        session: this._session,
+        onSessionChange: this.onSessionChange.bind(this)
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(el);
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = MathTemplated;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_piePlayerEvents","_main","_lodashEs","MathTemplated","HTMLElement","constructor","_root","sessionChangedEventCaller","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","model","m","_model","render","ModelSetEvent","isSessionComplete","undefined","session","s","_session","onSessionChange","Object","keys","map","key","connectedCallback","el","React","createElement","Main","bind","createRoot","disconnectedCallback","unmount","exports","default"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { debounce } from 'lodash-es';\n\nexport default class MathTemplated extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this.sessionChangedEventCaller = debounce(() => {\n      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n    }, 1000);\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  get model() {\n    return this._model;\n  }\n\n  set session(s) {\n    this._session = s;\n\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    // a method to check if student answered the question\n    return true;\n  }\n\n  onSessionChange(session) {\n    // you can add an extra step here to validate session\n    Object.keys(session).map((key) => {\n      this._session[key] = session[key];\n    });\n\n    this.sessionChangedEventCaller();\n    this.render();\n  }\n\n  connectedCallback() {\n    // TODO set accessibility labels\n\n    this.render();\n  }\n\n  render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSessionChange: this.onSessionChange.bind(this),\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\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,gBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEe,MAAMK,aAAa,SAASC,WAAW,CAAC;EACrDC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,yBAAyB,GAAG,IAAAC,kBAAQ,EAAC,MAAM;MAC9C,IAAI,CAACC,aAAa,CAAC,IAAIC,oCAAmB,CAAC,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/E,CAAC,EAAE,IAAI,CAAC;EACV;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACC,MAAM,GAAGD,CAAC;IAEf,IAAI,CAACE,MAAM,CAAC,CAAC;IACb,IAAI,CAACP,aAAa,CAChB,IAAIQ,8BAAa,CAAC,IAAI,CAACN,OAAO,CAACC,WAAW,CAAC,CAAC,EAAE,IAAI,CAACM,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAACH,MAAM,KAAKI,SAAS,CACnG,CAAC;EACH;EAEA,IAAIN,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACE,MAAM;EACpB;EAEA,IAAIK,OAAOA,CAACC,CAAC,EAAE;IACb,IAAI,CAACC,QAAQ,GAAGD,CAAC;IAEjB,IAAI,CAACL,MAAM,CAAC,CAAC;EACf;EAEA,IAAII,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACE,QAAQ;EACtB;EAEAJ,iBAAiBA,CAAA,EAAG;IAClB;IACA,OAAO,IAAI;EACb;EAEAK,eAAeA,CAACH,OAAO,EAAE;IACvB;IACAI,MAAM,CAACC,IAAI,CAACL,OAAO,CAAC,CAACM,GAAG,CAAEC,GAAG,IAAK;MAChC,IAAI,CAACL,QAAQ,CAACK,GAAG,CAAC,GAAGP,OAAO,CAACO,GAAG,CAAC;IACnC,CAAC,CAAC;IAEF,IAAI,CAACpB,yBAAyB,CAAC,CAAC;IAChC,IAAI,CAACS,MAAM,CAAC,CAAC;EACf;EAEAY,iBAAiBA,CAAA,EAAG;IAClB;;IAEA,IAAI,CAACZ,MAAM,CAAC,CAAC;EACf;EAEAA,MAAMA,CAAA,EAAG;IACP,IAAI,CAAC,IAAI,CAACD,MAAM,IAAI,CAAC,IAAI,CAACO,QAAQ,EAAE;MAClC;IACF;IAEA,IAAI,IAAI,CAACP,MAAM,IAAI,IAAI,CAACO,QAAQ,EAAE;MAChC,MAAMO,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;QACnCnB,KAAK,EAAE,IAAI,CAACE,MAAM;QAClBK,OAAO,EAAE,IAAI,CAACE,QAAQ;QACtBC,eAAe,EAAE,IAAI,CAACA,eAAe,CAACU,IAAI,CAAC,IAAI;MACjD,CAAC,CAAC;MAEF,IAAI,CAAC,IAAI,CAAC3B,KAAK,EAAE;QACf,IAAI,CAACA,KAAK,GAAG,IAAA4B,kBAAU,EAAC,IAAI,CAAC;MAC/B;MACA,IAAI,CAAC5B,KAAK,CAACU,MAAM,CAACa,EAAE,CAAC;IACvB;EACF;EAEAM,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAAC7B,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAAC8B,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAAC,OAAA,GAAAnC,aAAA","ignoreList":[]}