@pie-element/complex-rubric 1.8.4 → 1.9.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@1.8.4...@pie-element/complex-rubric@1.9.0) (2023-05-23)
+
+
+### Bug Fixes
+
+* set back model (and session, where needed) if re-render happened PD-2830 ([5ed9cc4](https://github.com/pie-framework/pie-elements/commit/5ed9cc41f810a5eb65b5c8511cb7ece663989026))
+* update pie-lib PD-2777, PD-1914, PD-2066 ([7102893](https://github.com/pie-framework/pie-elements/commit/71028930a6dc554eb587cf4de0c1d0d28bfff1f5))
+* update pie-libs PD-2774, PD-1026 ([04f8cd0](https://github.com/pie-framework/pie-elements/commit/04f8cd000afdb2ccb0c25146d46acb60c5fea651))
+
+
+### Features
+
+* ability to upload images when using imageSupoort from pie-api-components PD-2707 ([685f3b0](https://github.com/pie-framework/pie-elements/commit/685f3b035d86c5f4ad60cdb9ec84690d5ccaa4fc))
+* **complex-rubric, rubric:** wip add file for complex-rubric, managed to make simple rubric work PD-2748 ([91b8848](https://github.com/pie-framework/pie-elements/commit/91b8848efaa9ed677003227e56b35c17e0897e6f))
+
+
+
+
+
 ## [1.8.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@1.8.3...@pie-element/complex-rubric@1.8.4) (2023-05-02)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.8.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@1.7.4...@pie-element/complex-rubric-configure@1.8.0) (2023-05-23)
+
+
+### Bug Fixes
+
+* update pie-lib PD-2777, PD-1914, PD-2066 ([7102893](https://github.com/pie-framework/pie-elements/commit/71028930a6dc554eb587cf4de0c1d0d28bfff1f5))
+* update pie-libs PD-2774, PD-1026 ([04f8cd0](https://github.com/pie-framework/pie-elements/commit/04f8cd000afdb2ccb0c25146d46acb60c5fea651))
+
+
+### Features
+
+* ability to upload images when using imageSupoort from pie-api-components PD-2707 ([685f3b0](https://github.com/pie-framework/pie-elements/commit/685f3b035d86c5f4ad60cdb9ec84690d5ccaa4fc))
+
+
+
+
+
 ## [1.7.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@1.7.3...@pie-element/complex-rubric-configure@1.7.4) (2023-05-02)
 
 

package/configure/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric-configure",
   "private": true,
-  "version": "1.7.4",
+  "version": "1.8.0",
   "description": "Complex Rubric authoring view",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "Pie Framework Authors",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^2.10.3",
-    "@pie-element/rubric": "^2.8.3",
+    "@pie-element/multi-trait-rubric": "^2.11.0",
+    "@pie-element/rubric": "^2.9.0",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.6.7",
-    "@pie-lib/editable-html": "^9.5.26",
-    "@pie-lib/render-ui": "^4.14.23",
-    "@pie-lib/rubric": "^0.7.26",
-    "@pie-lib/scoring-config": "^3.6.28",
+    "@pie-lib/config-ui": "^11.6.10",
+    "@pie-lib/editable-html": "^9.6.2",
+    "@pie-lib/render-ui": "^4.14.24",
+    "@pie-lib/rubric": "^0.7.29",
+    "@pie-lib/scoring-config": "^3.6.31",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/lib/index.js

@@ -166,7 +166,25 @@ var ComplexRubric = /*#__PURE__*/function (_HTMLElement) {
     key: "_render",
     value: function _render() {
       var rubricTag = this._type === _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC ? "<".concat(RUBRIC_TAG_NAME, " id=\"simpleRubric\" />") : "<".concat(MULTI_TRAIT_RUBRIC_TAG_NAME, " id=\"multiTraitRubric\" />");
-      this.innerHTML = rubricTag;
+      this.innerHTML = rubricTag; // when item is re-rendered (due to connectedCallback), if the custom element is already defined,
+      // we need to set the model and session, otherwise the setters are not reached again
+
+      switch (this._type) {
+        case _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC:
+        default:
+          if (customElements.get(RUBRIC_TAG_NAME)) {
+            this.setRubricModel(this.simpleRubric);
+          }
+
+          break;
+
+        case _rubric2.RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:
+          if (customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {
+            this.setMultiTraitRubricModel(this.multiTraitRubric);
+          }
+
+          break;
+      }
     }
   }]);
   return ComplexRubric;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexRubricSimple","Rubric","ComplexRubricMultiTrait","MultiTraitRubric","defineRubrics","customElements","get","define","ComplexRubric","_model","_type","RUBRIC_TYPES","SIMPLE_RUBRIC","t","m","oldType","type","rubricType","whenDefined","then","setRubricModel","simpleRubric","MULTI_TRAIT_RUBRIC","setMultiTraitRubricModel","multiTraitRubric","_render","rubrics","mode","model","querySelector","rubricTag","innerHTML","HTMLElement"],"mappings":"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","sourcesContent":["import Rubric from '@pie-element/rubric';\nimport MultiTraitRubric from '@pie-element/multi-trait-rubric';\nimport { RUBRIC_TYPES } from '@pie-lib/rubric';\n\nconst RUBRIC_TAG_NAME = 'complex-rubric-simple';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';\n\nclass ComplexRubricSimple extends Rubric {}\nclass ComplexRubricMultiTrait extends MultiTraitRubric {}\n\nconst defineRubrics = () => {\n  if (!customElements.get(RUBRIC_TAG_NAME)) {\n    customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);\n  }\n\n  if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n    customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);\n  }\n};\n\ndefineRubrics();\n\nclass ComplexRubric extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._type = RUBRIC_TYPES.SIMPLE_RUBRIC;\n  }\n\n  set type(t) {\n    this._type = t;\n  }\n\n  get type() {\n    return this._type;\n  }\n\n  set model(m) {\n    this._model = m;\n    const oldType = this._type;\n    this.type = m.rubricType;\n\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {\n          this.setRubricModel(this.simpleRubric);\n        });\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(() => {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        });\n        break;\n    }\n\n    if (oldType !== this.type) {\n      this._render();\n    }\n  }\n\n  setRubricModel(simpleRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {\n      const { mode } = this._model;\n\n      simpleRubric.model = {\n        ...this._model.rubrics.simpleRubric,\n        mode,\n      };\n    }\n  }\n\n  setMultiTraitRubricModel(multiTraitRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {\n      const { mode } = this._model;\n\n      multiTraitRubric.model = {\n        ...this._model.rubrics.multiTraitRubric,\n        mode,\n      };\n    }\n  }\n\n  get multiTraitRubric() {\n    return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);\n  }\n\n  get simpleRubric() {\n    return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    const rubricTag =\n      this._type === RUBRIC_TYPES.SIMPLE_RUBRIC\n        ? `<${RUBRIC_TAG_NAME} id=\"simpleRubric\" />`\n        : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id=\"multiTraitRubric\" />`;\n\n    this.innerHTML = rubricTag;\n  }\n}\n\nexport default ComplexRubric;\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexRubricSimple","Rubric","ComplexRubricMultiTrait","MultiTraitRubric","defineRubrics","customElements","get","define","ComplexRubric","_model","_type","RUBRIC_TYPES","SIMPLE_RUBRIC","t","m","oldType","type","rubricType","whenDefined","then","setRubricModel","simpleRubric","MULTI_TRAIT_RUBRIC","setMultiTraitRubricModel","multiTraitRubric","_render","rubrics","mode","model","querySelector","rubricTag","innerHTML","HTMLElement"],"mappings":"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","sourcesContent":["import Rubric from '@pie-element/rubric';\nimport MultiTraitRubric from '@pie-element/multi-trait-rubric';\nimport { RUBRIC_TYPES } from '@pie-lib/rubric';\n\nconst RUBRIC_TAG_NAME = 'complex-rubric-simple';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';\n\nclass ComplexRubricSimple extends Rubric {\n}\n\nclass ComplexRubricMultiTrait extends MultiTraitRubric {\n}\n\nconst defineRubrics = () => {\n  if (!customElements.get(RUBRIC_TAG_NAME)) {\n    customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);\n  }\n\n  if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n    customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);\n  }\n};\n\ndefineRubrics();\n\nclass ComplexRubric extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._type = RUBRIC_TYPES.SIMPLE_RUBRIC;\n  }\n\n  set type(t) {\n    this._type = t;\n  }\n\n  get type() {\n    return this._type;\n  }\n\n  set model(m) {\n    this._model = m;\n    const oldType = this._type;\n    this.type = m.rubricType;\n\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {\n          this.setRubricModel(this.simpleRubric);\n        });\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(() => {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        });\n        break;\n    }\n\n    if (oldType !== this.type) {\n      this._render();\n    }\n  }\n\n  setRubricModel(simpleRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {\n      const { mode } = this._model;\n\n      simpleRubric.model = {\n        ...this._model.rubrics.simpleRubric,\n        mode,\n      };\n    }\n  }\n\n  setMultiTraitRubricModel(multiTraitRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {\n      const { mode } = this._model;\n\n      multiTraitRubric.model = {\n        ...this._model.rubrics.multiTraitRubric,\n        mode,\n      };\n    }\n  }\n\n  get multiTraitRubric() {\n    return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);\n  }\n\n  get simpleRubric() {\n    return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    const rubricTag =\n      this._type === RUBRIC_TYPES.SIMPLE_RUBRIC\n        ? `<${RUBRIC_TAG_NAME} id=\"simpleRubric\" />`\n        : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id=\"multiTraitRubric\" />`;\n\n    this.innerHTML = rubricTag;\n\n    // when item is re-rendered (due to connectedCallback), if the custom element is already defined,\n    // we need to set the model and session, otherwise the setters are not reached again\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        if (customElements.get(RUBRIC_TAG_NAME)) {\n          this.setRubricModel(this.simpleRubric);\n        }\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        if (customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        }\n        break;\n    }\n  }\n}\n\nexport default ComplexRubric;\n"],"file":"index.js"}

package/lib/print.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+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 _rubric = _interopRequireDefault(require("@pie-element/rubric"));
+
+var _multiTraitRubric = _interopRequireDefault(require("@pie-element/multi-trait-rubric"));
+
+var _rubric2 = require("@pie-lib/rubric");
+
+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 RUBRIC_TAG_NAME = 'complex-rubric-simple';
+var MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';
+
+var ComplexRubricSimple = /*#__PURE__*/function (_Rubric) {
+  (0, _inherits2["default"])(ComplexRubricSimple, _Rubric);
+
+  var _super = _createSuper(ComplexRubricSimple);
+
+  function ComplexRubricSimple() {
+    (0, _classCallCheck2["default"])(this, ComplexRubricSimple);
+    return _super.apply(this, arguments);
+  }
+
+  return (0, _createClass2["default"])(ComplexRubricSimple);
+}(_rubric["default"]);
+
+var ComplexRubricMultiTrait = /*#__PURE__*/function (_MultiTraitRubric) {
+  (0, _inherits2["default"])(ComplexRubricMultiTrait, _MultiTraitRubric);
+
+  var _super2 = _createSuper(ComplexRubricMultiTrait);
+
+  function ComplexRubricMultiTrait() {
+    (0, _classCallCheck2["default"])(this, ComplexRubricMultiTrait);
+    return _super2.apply(this, arguments);
+  }
+
+  return (0, _createClass2["default"])(ComplexRubricMultiTrait);
+}(_multiTraitRubric["default"]);
+
+var preparePrintModel = function preparePrintModel(model, opts) {
+  var instr = opts.role === 'instructor';
+
+  if (!instr) {
+    return {};
+  }
+
+  model.mode = 'evaluate';
+  model.animationsDisabled = true;
+  return model;
+};
+
+var defineRubrics = function defineRubrics() {
+  if (!customElements.get(RUBRIC_TAG_NAME)) {
+    customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);
+  }
+
+  if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {
+    customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);
+  }
+};
+
+defineRubrics();
+
+var ComplexRubricPrint = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(ComplexRubricPrint, _HTMLElement);
+
+  var _super3 = _createSuper(ComplexRubricPrint);
+
+  function ComplexRubricPrint() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ComplexRubricPrint);
+    _this = _super3.call(this);
+    _this._model = {};
+    _this._type = _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC;
+    _this._options = null;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ComplexRubricPrint, [{
+    key: "type",
+    get: function get() {
+      return this._type;
+    },
+    set: function set(t) {
+      this._type = t;
+    }
+  }, {
+    key: "model",
+    set: function set(m) {
+      var _this2 = this;
+
+      this._model = m;
+      var oldType = this._type;
+      this.type = m.rubricType;
+
+      switch (this._type) {
+        case _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC:
+        default:
+          customElements.whenDefined(RUBRIC_TAG_NAME).then(function () {
+            _this2.setRubricModel(_this2.simpleRubric);
+          });
+          break;
+
+        case _rubric2.RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:
+          customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(function () {
+            _this2.setMultiTraitRubricModel(_this2.multiTraitRubric);
+          });
+          break;
+      }
+
+      if (oldType !== this.type) {
+        this._render();
+      }
+    }
+  }, {
+    key: "setRubricModel",
+    value: function setRubricModel(simpleRubric) {
+      if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {
+        simpleRubric.model = preparePrintModel(this._model.rubrics.simpleRubric, this._options);
+      }
+    }
+  }, {
+    key: "setMultiTraitRubricModel",
+    value: function setMultiTraitRubricModel(multiTraitRubric) {
+      if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {
+        var _ref = this._model.rubrics.multiTraitRubric || {},
+            scales = _ref.scales,
+            excludeZero = _ref.excludeZero;
+
+        var parsedScales = (scales || []).map(function (scale) {
+          return _objectSpread(_objectSpread({}, scale), {}, {
+            excludeZero: excludeZero
+          });
+        });
+        multiTraitRubric.model = _objectSpread(_objectSpread({}, preparePrintModel(this._model.rubrics.multiTraitRubric, this._options)), {}, {
+          visible: true,
+          arrowsDisabled: true,
+          scales: parsedScales
+        });
+      }
+    }
+  }, {
+    key: "options",
+    set: function set(o) {
+      this._options = o;
+    }
+  }, {
+    key: "multiTraitRubric",
+    get: function get() {
+      return this.querySelector("".concat(MULTI_TRAIT_RUBRIC_TAG_NAME, "#multiTraitRubric"));
+    }
+  }, {
+    key: "simpleRubric",
+    get: function get() {
+      return this.querySelector("".concat(RUBRIC_TAG_NAME, "#simpleRubric"));
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      this.innerHTML = this._type === _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC ? "<".concat(RUBRIC_TAG_NAME, " id=\"simpleRubric\" />") : "<".concat(MULTI_TRAIT_RUBRIC_TAG_NAME, " id=\"multiTraitRubric\" />");
+    }
+  }]);
+  return ComplexRubricPrint;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+var _default = ComplexRubricPrint;
+exports["default"] = _default;
+//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/print.js"],"names":["RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexRubricSimple","Rubric","ComplexRubricMultiTrait","MultiTraitRubric","preparePrintModel","model","opts","instr","role","mode","animationsDisabled","defineRubrics","customElements","get","define","ComplexRubricPrint","_model","_type","RUBRIC_TYPES","SIMPLE_RUBRIC","_options","t","m","oldType","type","rubricType","whenDefined","then","setRubricModel","simpleRubric","MULTI_TRAIT_RUBRIC","setMultiTraitRubricModel","multiTraitRubric","_render","rubrics","scales","excludeZero","parsedScales","map","scale","visible","arrowsDisabled","o","querySelector","innerHTML","HTMLElement"],"mappings":"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","sourcesContent":["import Rubric from '@pie-element/rubric';\nimport MultiTraitRubric from '@pie-element/multi-trait-rubric';\nimport { RUBRIC_TYPES } from '@pie-lib/rubric';\n\nconst RUBRIC_TAG_NAME = 'complex-rubric-simple';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';\n\nclass ComplexRubricSimple extends Rubric {}\nclass ComplexRubricMultiTrait extends MultiTraitRubric {}\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  if (!instr) {\n    return {};\n  }\n\n  model.mode = 'evaluate';\n  model.animationsDisabled = true;\n\n  return model;\n};\n\nconst defineRubrics = () => {\n  if (!customElements.get(RUBRIC_TAG_NAME)) {\n    customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);\n  }\n\n  if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n    customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);\n  }\n};\n\ndefineRubrics();\n\nclass ComplexRubricPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._type = RUBRIC_TYPES.SIMPLE_RUBRIC;\n    this._options = null;\n  }\n\n  set type(t) {\n    this._type = t;\n  }\n\n  get type() {\n    return this._type;\n  }\n\n  set model(m) {\n    this._model = m;\n    const oldType = this._type;\n    this.type = m.rubricType;\n\n    switch (this._type) {\n      case RUBRIC_TYPES.SIMPLE_RUBRIC:\n      default:\n        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {\n          this.setRubricModel(this.simpleRubric);\n        });\n        break;\n      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n        customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(() => {\n          this.setMultiTraitRubricModel(this.multiTraitRubric);\n        });\n        break;\n    }\n\n    if (oldType !== this.type) {\n      this._render();\n    }\n  }\n\n  setRubricModel(simpleRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {\n      simpleRubric.model = preparePrintModel(this._model.rubrics.simpleRubric, this._options);\n    }\n  }\n\n  setMultiTraitRubricModel(multiTraitRubric) {\n    if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {\n      const { scales, excludeZero } = this._model.rubrics.multiTraitRubric || {};\n      const parsedScales = (scales || []).map((scale) => ({ ...scale, excludeZero }));\n\n      multiTraitRubric.model = {\n        ...preparePrintModel(this._model.rubrics.multiTraitRubric, this._options),\n        visible: true,\n        arrowsDisabled: true,\n        scales: parsedScales,\n      };\n    }\n  }\n\n  set options(o) {\n    this._options = o;\n  }\n\n  get multiTraitRubric() {\n    return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);\n  }\n\n  get simpleRubric() {\n    return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    this.innerHTML = this._type === RUBRIC_TYPES.SIMPLE_RUBRIC\n      ? `<${RUBRIC_TAG_NAME} id=\"simpleRubric\" />`\n      : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id=\"multiTraitRubric\" />`;\n  }\n}\n\nexport default ComplexRubricPrint;\n"],"file":"print.js"}

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "1.8.4",
+  "version": "1.9.0",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^2.10.3",
-    "@pie-element/rubric": "^2.8.3",
+    "@pie-element/multi-trait-rubric": "^2.11.0",
+    "@pie-element/rubric": "^2.9.0",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "ade0af22574b20967b15f5ec6ea106a4b84c419f",
+  "gitHead": "25e381e4b889639bb20875c517bcd6f127124fad",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },
@@ -25,6 +25,7 @@
   "author": "pie framework developers",
   "license": "ISC",
   "exports": {
-    ".": "./src/index.js"
+    ".": "./src/index.js",
+    "./print": "./src/print.js"
   }
 }

package/src/index.js

@@ -5,8 +5,11 @@ import { RUBRIC_TYPES } from '@pie-lib/rubric';
 const RUBRIC_TAG_NAME = 'complex-rubric-simple';
 const MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';
 
-class ComplexRubricSimple extends Rubric {}
-class ComplexRubricMultiTrait extends MultiTraitRubric {}
+class ComplexRubricSimple extends Rubric {
+}
+
+class ComplexRubricMultiTrait extends MultiTraitRubric {
+}
 
 const defineRubrics = () => {
   if (!customElements.get(RUBRIC_TAG_NAME)) {
@@ -100,6 +103,22 @@ class ComplexRubric extends HTMLElement {
         : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id="multiTraitRubric" />`;
 
     this.innerHTML = rubricTag;
+
+    // when item is re-rendered (due to connectedCallback), if the custom element is already defined,
+    // we need to set the model and session, otherwise the setters are not reached again
+    switch (this._type) {
+      case RUBRIC_TYPES.SIMPLE_RUBRIC:
+      default:
+        if (customElements.get(RUBRIC_TAG_NAME)) {
+          this.setRubricModel(this.simpleRubric);
+        }
+        break;
+      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:
+        if (customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {
+          this.setMultiTraitRubricModel(this.multiTraitRubric);
+        }
+        break;
+    }
   }
 }
 

package/src/print.js

@@ -0,0 +1,119 @@
+import Rubric from '@pie-element/rubric';
+import MultiTraitRubric from '@pie-element/multi-trait-rubric';
+import { RUBRIC_TYPES } from '@pie-lib/rubric';
+
+const RUBRIC_TAG_NAME = 'complex-rubric-simple';
+const MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';
+
+class ComplexRubricSimple extends Rubric {}
+class ComplexRubricMultiTrait extends MultiTraitRubric {}
+
+const preparePrintModel = (model, opts) => {
+  const instr = opts.role === 'instructor';
+
+  if (!instr) {
+    return {};
+  }
+
+  model.mode = 'evaluate';
+  model.animationsDisabled = true;
+
+  return model;
+};
+
+const defineRubrics = () => {
+  if (!customElements.get(RUBRIC_TAG_NAME)) {
+    customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);
+  }
+
+  if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {
+    customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);
+  }
+};
+
+defineRubrics();
+
+class ComplexRubricPrint extends HTMLElement {
+  constructor() {
+    super();
+    this._model = {};
+    this._type = RUBRIC_TYPES.SIMPLE_RUBRIC;
+    this._options = null;
+  }
+
+  set type(t) {
+    this._type = t;
+  }
+
+  get type() {
+    return this._type;
+  }
+
+  set model(m) {
+    this._model = m;
+    const oldType = this._type;
+    this.type = m.rubricType;
+
+    switch (this._type) {
+      case RUBRIC_TYPES.SIMPLE_RUBRIC:
+      default:
+        customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {
+          this.setRubricModel(this.simpleRubric);
+        });
+        break;
+      case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:
+        customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(() => {
+          this.setMultiTraitRubricModel(this.multiTraitRubric);
+        });
+        break;
+    }
+
+    if (oldType !== this.type) {
+      this._render();
+    }
+  }
+
+  setRubricModel(simpleRubric) {
+    if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {
+      simpleRubric.model = preparePrintModel(this._model.rubrics.simpleRubric, this._options);
+    }
+  }
+
+  setMultiTraitRubricModel(multiTraitRubric) {
+    if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {
+      const { scales, excludeZero } = this._model.rubrics.multiTraitRubric || {};
+      const parsedScales = (scales || []).map((scale) => ({ ...scale, excludeZero }));
+
+      multiTraitRubric.model = {
+        ...preparePrintModel(this._model.rubrics.multiTraitRubric, this._options),
+        visible: true,
+        arrowsDisabled: true,
+        scales: parsedScales,
+      };
+    }
+  }
+
+  set options(o) {
+    this._options = o;
+  }
+
+  get multiTraitRubric() {
+    return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);
+  }
+
+  get simpleRubric() {
+    return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);
+  }
+
+  connectedCallback() {
+    this._render();
+  }
+
+  _render() {
+    this.innerHTML = this._type === RUBRIC_TYPES.SIMPLE_RUBRIC
+      ? `<${RUBRIC_TAG_NAME} id="simpleRubric" />`
+      : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id="multiTraitRubric" />`;
+  }
+}
+
+export default ComplexRubricPrint;