@pie-element/matrix 0.7.1-beta.1 → 0.7.1-beta.4

package/lib/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isComplete = 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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _mathRendering = require("@pie-lib/math-rendering");
+var _Main = _interopRequireDefault(require("./Main"));
+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 isComplete = function isComplete(session) {
+  if (!session || !session.value) {
+    return false;
+  }
+  return !!Object.keys(session.value).length;
+};
+exports.isComplete = isComplete;
+var Matrix = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(Matrix, _HTMLElement);
+  var _super = _createSuper(Matrix);
+  function Matrix() {
+    (0, _classCallCheck2["default"])(this, Matrix);
+    return _super.call(this);
+  }
+  (0, _createClass2["default"])(Matrix, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+      this._render();
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+      this._render();
+    }
+  }, {
+    key: "sessionChanged",
+    value: function sessionChanged(_ref) {
+      var _this = this;
+      var matrixKey = _ref.matrixKey,
+        matrixValue = _ref.matrixValue;
+      var matrixRowKey = matrixKey.split('-')[0];
+      var sessionValueClone = Object.keys(this._session.value || {}).reduce(function (acc, key) {
+        if (!key.startsWith(matrixRowKey)) {
+          acc[key] = _this._session.value[key];
+        }
+        return acc;
+      }, {});
+      sessionValueClone[matrixKey] = matrixValue;
+      this._session.value = sessionValueClone;
+      var complete = isComplete(this._session, this._model);
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), complete));
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var _this2 = this;
+      if (!this._model || !this._session) {
+        return;
+      }
+      var el = /*#__PURE__*/_react["default"].createElement(_Main["default"], {
+        model: this._model,
+        session: this._session,
+        onSessionChange: this.sessionChanged.bind(this)
+      });
+      _reactDom["default"].render(el, this, function () {
+        (0, _mathRendering.renderMath)(_this2);
+      });
+    }
+  }]);
+  return Matrix;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = Matrix;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_piePlayerEvents","_mathRendering","_Main","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","isComplete","session","value","Object","keys","length","exports","Matrix","_HTMLElement","_inherits2","_super","_classCallCheck2","_createClass2","key","set","m","_model","_render","get","_session","s","sessionChanged","_ref","_this","matrixKey","matrixValue","matrixRowKey","split","sessionValueClone","reduce","acc","startsWith","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","connectedCallback","_this2","el","React","createElement","Main","model","onSessionChange","bind","ReactDOM","render","renderMath","_wrapNativeSuper2","HTMLElement"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport Main from './Main';\n\nexport const isComplete = (session) => {\n  if (!session || !session.value) {\n    return false;\n  }\n  return !!Object.keys(session.value).length;\n};\n\nexport default class Matrix extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\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  sessionChanged({ matrixKey, matrixValue }) {\n    const matrixRowKey = matrixKey.split('-')[0];\n    const sessionValueClone = Object.keys(this._session.value || {}).reduce((acc, key) => {\n      if (!key.startsWith(matrixRowKey)) {\n        acc[key] = this._session.value[key];\n      }\n      return acc;\n    }, {});\n    sessionValueClone[matrixKey] = matrixValue;\n    this._session.value = sessionValueClone;\n    const complete = isComplete(this._session, this._model);\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"mappings":"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"}

package/lib/session-updater.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSessionValue = updateSessionValue;
+function updateSessionValue(session, data) {
+  session.value = data.value || session.value || {};
+}
+//# sourceMappingURL=session-updater.js.map

package/lib/session-updater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-updater.js","names":["updateSessionValue","session","data","value"],"sources":["../src/session-updater.js"],"sourcesContent":["export function updateSessionValue(session, data) {\n  session.value = data.value || session.value || {};\n}\n"],"mappings":";;;;;;AAAO,SAASA,kBAAkBA,CAACC,OAAO,EAAEC,IAAI,EAAE;EAChDD,OAAO,CAACE,KAAK,GAAGD,IAAI,CAACC,KAAK,IAAIF,OAAO,CAACE,KAAK,IAAI,CAAC,CAAC;AACnD"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "0.7.1-beta.1+73223f303",
+  "version": "0.7.1-beta.4+4157b2b34",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -23,7 +23,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "73223f303ea31ca510b096d77e6fb06382b0f0c6",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "main": "lib/index.js",
   "module": "src/index.js"
 }