@pie-element/multi-trait-rubric 3.8.2-next.15 → 3.8.2-next.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/configure/lib/common.js +0 -572
- package/configure/lib/common.js.map +0 -1
- package/configure/lib/defaults.js +0 -143
- package/configure/lib/defaults.js.map +0 -1
- package/configure/lib/index.js +0 -170
- package/configure/lib/index.js.map +0 -1
- package/configure/lib/main.js +0 -596
- package/configure/lib/main.js.map +0 -1
- package/configure/lib/modals.js +0 -361
- package/configure/lib/modals.js.map +0 -1
- package/configure/lib/scale.js +0 -552
- package/configure/lib/scale.js.map +0 -1
- package/configure/lib/trait.js +0 -370
- package/configure/lib/trait.js.map +0 -1
- package/configure/lib/traitsHeader.js +0 -287
- package/configure/lib/traitsHeader.js.map +0 -1
- package/configure/lib/utils.js +0 -14
- package/configure/lib/utils.js.map +0 -1
- package/controller/lib/defaults.js +0 -94
- package/controller/lib/defaults.js.map +0 -1
- package/controller/lib/index.js +0 -215
- package/controller/lib/index.js.map +0 -1
- package/controller/lib/utils.js +0 -13
- package/controller/lib/utils.js.map +0 -1
- package/lib/index.js +0 -85
- package/lib/index.js.map +0 -1
- package/lib/main.js +0 -161
- package/lib/main.js.map +0 -1
- package/lib/scale.js +0 -330
- package/lib/scale.js.map +0 -1
- package/lib/trait.js +0 -103
- package/lib/trait.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":["createDefaultModel","model","Promise","resolve","defaults","normalize","question","session","env","normalizedQuestion","role","visible","visibleToStudent","scales","excludeZero","parsedScales","map","scale","getScore","outcome","score","empty","createCorrectResponseSession","mode","id","validate","config","description","pointLabels","errors","traitsErrors","scorePointsErrors","forEach","scaleIndex","traits","scorePointsLabels","scaleErrors","scorePointsLabelsErrors","scorePointLabel","scoreIndex","identicalScorePointLabel","slice","some","s","Object","keys","length","trait","traitIndex","name","identicalTraitName","t","identicalTraitDescr"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEO,SAASA,kBAAT,GAAwC;AAAA,MAAZC,KAAY,uEAAJ,EAAI;AAC7C,SAAO,IAAIC,OAAJ,CAAY,UAACC,OAAD;AAAA,WAAaA,OAAO,iCAAMC,oBAAN,GAAmBH,KAAnB,EAApB;AAAA,GAAZ,CAAP;AACD;;AAEM,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACC,QAAD;AAAA,yCAAoBF,oBAApB,GAAiCE,QAAjC;AAAA,CAAlB;AAEP;AACA;AACA;AACA;AACA;AACA;;;;;SACsBL,K;;;;;yFAAf,iBAAqBK,QAArB,EAA+BC,OAA/B,EAAwCC,GAAxC;AAAA;;AAAA;AAAA;AAAA;AAAA;AACCC,YAAAA,kBADD,GACsBJ,SAAS,CAACC,QAAD,CAD/B;;AAGL,gBAAI,CAACE,GAAG,CAACE,IAAL,IAAaF,GAAG,CAACE,IAAJ,KAAa,SAA9B,EAAyC;AACvCD,cAAAA,kBAAkB,CAACE,OAAnB,GAA6BF,kBAAkB,CAACG,gBAAhD;AACD,aAFD,MAEO;AACLH,cAAAA,kBAAkB,CAACE,OAAnB,GAA6B,IAA7B;AACD,aAPI,CASL;;;AATK,mBAU2BF,kBAAkB,IAAI,EAVjD,EAUGI,MAVH,QAUGA,MAVH,EAUWC,WAVX,QAUWA,WAVX;AAWCC,YAAAA,YAXD,GAWgB,CAACF,MAAM,IAAI,EAAX,EAAeG,GAAf,CAAmB,UAACC,KAAD;AAAA,qDAAiBA,KAAjB;AAAwBH,gBAAAA,WAAW,EAAXA;AAAxB;AAAA,aAAnB,CAXhB;AAAA,6EAcAL,kBAdA;AAeHI,cAAAA,MAAM,EAAEE;AAfL;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,G;;;;AAmBA,IAAMG,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAAM,CAAN;AAAA,CAAjB;AAEP;AACA;AACA;AACA;AACA;;;;;AACO,SAASC,OAAT,GAAmB;AACxB,SAAO,IAAIjB,OAAJ,CAAY,UAACC,OAAD;AAAA,WAAaA,OAAO,CAAC;AAAEiB,MAAAA,KAAK,EAAE,CAAT;AAAYC,MAAAA,KAAK,EAAE;AAAnB,KAAD,CAApB;AAAA,GAAZ,CAAP;AACD;;AAEM,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CAAChB,QAAD,EAAWE,GAAX,EAAmB;AAC7D,SAAO,IAAIN,OAAJ,CAAY,UAACC,OAAD,EAAa;AAC9B,QAAIK,GAAG,CAACe,IAAJ,KAAa,UAAb,IAA2Bf,GAAG,CAACE,IAAJ,KAAa,YAA5C,EAA0D;AACxDP,MAAAA,OAAO,CAAC;AAAEqB,QAAAA,EAAE,EAAE;AAAN,OAAD,CAAP;AACD,KAFD,MAEO;AACLrB,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD;AACF,GANM,CAAP;AAOD,CARM,C,CAWP;;;;;AACO,IAAMsB,QAAQ,GAAI,SAAZA,QAAY,CAACxB,KAAD,EAAQyB,MAAR,EAAmB;AAC1C,MAAQb,MAAR,GAA6DZ,KAA7D,CAAQY,MAAR;AAAA,2BAA6DZ,KAA7D,CAAgB0B,WAAhB;AAAA,MAAgBA,WAAhB,mCAA8B,KAA9B;AAAA,2BAA6D1B,KAA7D,CAAqC2B,WAArC;AAAA,MAAqCA,WAArC,mCAAmD,KAAnD;AACA,MAAMC,MAAM,GAAG,EAAf;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,MAAMC,iBAAiB,GAAG,EAA1B;AAEA,GAAClB,MAAM,IAAI,EAAX,EAAemB,OAAf,CAAuB,UAACf,KAAD,EAAQgB,UAAR,EAAuB;AAC5C,wBAAwBhB,KAAxB,CAAQiB,MAAR;AAAA,QAAQA,MAAR,8BAAiB,EAAjB;AACA,gCAAmCjB,KAAnC,CAAQkB,iBAAR;AAAA,QAAQA,iBAAR,sCAA4B,EAA5B;AACA,QAAMC,WAAW,GAAG,EAApB;AACA,QAAMC,uBAAuB,GAAG,EAAhC;;AAEA,QAAGT,WAAH,EAAgB;AACdO,MAAAA,iBAAiB,CAACH,OAAlB,CAA0B,UAACM,eAAD,EAAkBC,UAAlB,EAAiC;AACzD,YAAI,CAACD,eAAD,IAAoBA,eAAe,KAAK,aAA5C,EAA2D;AACzDD,UAAAA,uBAAuB,CAACE,UAAD,CAAvB,GAAsC,oCAAtC;AACD,SAFD,MAEO;AACL,cAAMC,wBAAwB,GAAGL,iBAAiB,CAACM,KAAlB,CAAwBF,UAAU,GAAG,CAArC,EAAwCG,IAAxC,CAA6C,UAAAC,CAAC;AAAA,mBAAI,yBAAaA,CAAb,MAAoB,yBAAaL,eAAb,CAAxB;AAAA,WAA9C,CAAjC;;AAEA,cAAIE,wBAAJ,EAA8B;AAC5BH,YAAAA,uBAAuB,CAACE,UAAD,CAAvB,GAAsC,iCAAtC;AACD;AACF;AACF,OAVD;AAWD;;AAED,QAAGK,MAAM,CAACC,IAAP,CAAYR,uBAAZ,EAAqCS,MAArC,GAA8C,CAAjD,EAAmD;AACjDf,MAAAA,iBAAiB,CAACE,UAAD,CAAjB,GAAgCI,uBAAhC;AACD;;AAEDH,IAAAA,MAAM,CAACF,OAAP,CAAe,UAACe,KAAD,EAAQC,UAAR,EAAuB;AACpC,UAAG,CAACD,KAAK,CAACE,IAAP,IAAeF,KAAK,CAACE,IAAN,KAAe,aAAjC,EAAgD;AAC9Cb,QAAAA,WAAW,CAACY,UAAD,CAAX,GAA0B;AAACC,UAAAA,IAAI,EAAE;AAAP,SAA1B;AACD,OAFD,MAGI;AACF,YAAMC,kBAAkB,GAAGhB,MAAM,CAACO,KAAP,CAAaO,UAAU,GAAG,CAA1B,EAA6BN,IAA7B,CAAkC,UAAAS,CAAC;AAAA,iBAAI,yBAAaA,CAAC,CAACF,IAAf,MAAyB,yBAAaF,KAAK,CAACE,IAAnB,CAA7B;AAAA,SAAnC,CAA3B;;AAEA,YAAIC,kBAAJ,EAAwB;AACtBd,UAAAA,WAAW,CAACY,UAAD,CAAX,GAA0B;AAACC,YAAAA,IAAI,EAAE;AAAP,WAA1B;AACD;AACF;;AACD,UAAGtB,WAAW,KAAK,CAACoB,KAAK,CAACpB,WAAP,IAAsBoB,KAAK,CAACpB,WAAN,KAAsB,aAAjD,CAAd,EAA+E;AAC7ES,QAAAA,WAAW,CAACY,UAAD,CAAX,mCAA+BZ,WAAW,CAACY,UAAD,CAA1C;AAAwDrB,UAAAA,WAAW,EAAE;AAArE;AACD,OAFD,MAGI;AACF,YAAMyB,mBAAmB,GAAGlB,MAAM,CAACO,KAAP,CAAaO,UAAU,GAAG,CAA1B,EAA6BN,IAA7B,CAAkC,UAAAS,CAAC;AAAA,iBAAI,yBAAaA,CAAC,CAACxB,WAAf,MAAgC,yBAAaoB,KAAK,CAACpB,WAAnB,CAApC;AAAA,SAAnC,CAA5B;;AAEA,YAAIA,WAAW,IAAIyB,mBAAnB,EAAwC;AACtChB,UAAAA,WAAW,CAACY,UAAD,CAAX,mCAA+BZ,WAAW,CAACY,UAAD,CAA1C;AAAwDrB,YAAAA,WAAW,EAAE;AAArE;AACD;AACF;AAEF,KAtBD;;AAuBA,QAAGiB,MAAM,CAACC,IAAP,CAAYT,WAAZ,EAAyBU,MAAzB,GAAkC,CAArC,EAAuC;AACrChB,MAAAA,YAAY,CAACG,UAAD,CAAZ,GAA2BG,WAA3B;AACD;AACF,GAlDD;;AAoDA,MAAGQ,MAAM,CAACC,IAAP,CAAYf,YAAZ,EAA0BgB,MAA1B,GAAmC,CAAtC,EAAwC;AACtCjB,IAAAA,MAAM,CAACC,YAAP,GAAsBA,YAAtB;AACD;;AAED,MAAGc,MAAM,CAACC,IAAP,CAAYd,iBAAZ,EAA+Be,MAA/B,GAAwC,CAA3C,EAA6C;AAC3CjB,IAAAA,MAAM,CAACE,iBAAP,GAA2BA,iBAA3B;AACD;;AAED,SAAOF,MAAP;AACD,CAnEM","sourcesContent":["import defaults from './defaults';\nimport { markupToText } from './utils';\n\nexport function createDefaultModel(model = {}) {\n return new Promise((resolve) => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n const normalizedQuestion = normalize(question);\n\n if (!env.role || env.role === 'student') {\n normalizedQuestion.visible = normalizedQuestion.visibleToStudent;\n } else {\n normalizedQuestion.visible = true;\n }\n\n // todo update pie-ui instead of parsing this here:\n const { scales, excludeZero } = normalizedQuestion || {};\n const parsedScales = (scales || []).map((scale) => ({ ...scale, excludeZero }));\n\n return {\n ...normalizedQuestion,\n scales: parsedScales,\n };\n}\n\nexport const getScore = () => 0;\n\n/**\n * @param {Object} model - the main model\n * @param {*} session\n * @param {Object} env\n */\nexport function outcome() {\n return new Promise((resolve) => resolve({ score: 0, empty: true }));\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n return new Promise((resolve) => {\n if (env.mode !== 'evaluate' && env.role === 'instructor') {\n resolve({ id: '1' });\n } else {\n resolve(null);\n }\n });\n};\n\n\n// IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateMultiTraitRubric function!“.\nexport const validate = (model, config) => {\n const { scales, description = false, pointLabels = false } = model;\n const errors = {};\n const traitsErrors = {};\n const scorePointsErrors = {};\n\n (scales || []).forEach((scale, scaleIndex) => {\n const { traits = [] } = scale;\n const { scorePointsLabels = [] } = scale;\n const scaleErrors = {};\n const scorePointsLabelsErrors = {};\n\n if(pointLabels) {\n scorePointsLabels.forEach((scorePointLabel, scoreIndex) => {\n if (!scorePointLabel || scorePointLabel === '<div></div>') {\n scorePointsLabelsErrors[scoreIndex] = 'Points labels should not be empty.';\n } else {\n const identicalScorePointLabel = scorePointsLabels.slice(scoreIndex + 1).some(s => markupToText(s) === markupToText(scorePointLabel));\n\n if (identicalScorePointLabel) {\n scorePointsLabelsErrors[scoreIndex] = 'Points labels should be unique.';\n }\n }\n })\n }\n\n if(Object.keys(scorePointsLabelsErrors).length > 0){\n scorePointsErrors[scaleIndex] = scorePointsLabelsErrors;\n }\n\n traits.forEach((trait, traitIndex) => {\n if(!trait.name || trait.name === '<div></div>') {\n scaleErrors[traitIndex] = {name: 'Trait names should not be empty.'};\n }\n else{\n const identicalTraitName = traits.slice(traitIndex + 1).some(t => markupToText(t.name) === markupToText(trait.name));\n\n if (identicalTraitName) {\n scaleErrors[traitIndex] = {name: 'Trait names should be unique.'};\n }\n }\n if(description && (!trait.description || trait.description === '<div></div>')) {\n scaleErrors[traitIndex] = {... scaleErrors[traitIndex], description: 'Trait description should not be empty'};\n }\n else{\n const identicalTraitDescr = traits.slice(traitIndex + 1).some(t => markupToText(t.description) === markupToText(trait.description));\n\n if (description && identicalTraitDescr) {\n scaleErrors[traitIndex] = {... scaleErrors[traitIndex], description: 'Trait descriptions should be unique.'};\n }\n }\n\n });\n if(Object.keys(scaleErrors).length > 0){\n traitsErrors[scaleIndex] = scaleErrors;\n }\n });\n\n if(Object.keys(traitsErrors).length > 0){\n errors.traitsErrors = traitsErrors;\n }\n\n if(Object.keys(scorePointsErrors).length > 0){\n errors.scorePointsErrors = scorePointsErrors;\n }\n\n return errors;\n};\n"],"file":"index.js"}
|
package/controller/lib/utils.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.markupToText = void 0;
|
|
7
|
-
|
|
8
|
-
var markupToText = function markupToText(s) {
|
|
9
|
-
return (s || '').replace(/(<([^>]+)>)/ig, '');
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
exports.markupToText = markupToText;
|
|
13
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils.js"],"names":["markupToText","s","replace"],"mappings":";;;;;;;AAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC/B,SAAO,CAACA,CAAC,IAAI,EAAN,EAAUC,OAAV,CAAkB,eAAlB,EAAmC,EAAnC,CAAP;AACH,CAFM","sourcesContent":["export const markupToText = (s) => {\n return (s || '').replace(/(<([^>]+)>)/ig, '');\n};\n"],"file":"utils.js"}
|
package/lib/index.js
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
|
-
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
21
|
-
|
|
22
|
-
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
25
|
-
|
|
26
|
-
var _piePlayerEvents = require("@pie-framework/pie-player-events");
|
|
27
|
-
|
|
28
|
-
var _main = _interopRequireDefault(require("./main"));
|
|
29
|
-
|
|
30
|
-
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); }; }
|
|
31
|
-
|
|
32
|
-
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; } }
|
|
33
|
-
|
|
34
|
-
var MultiTraitRubric = /*#__PURE__*/function (_HTMLElement) {
|
|
35
|
-
(0, _inherits2["default"])(MultiTraitRubric, _HTMLElement);
|
|
36
|
-
|
|
37
|
-
var _super = _createSuper(MultiTraitRubric);
|
|
38
|
-
|
|
39
|
-
function MultiTraitRubric() {
|
|
40
|
-
var _this;
|
|
41
|
-
|
|
42
|
-
(0, _classCallCheck2["default"])(this, MultiTraitRubric);
|
|
43
|
-
_this = _super.call(this);
|
|
44
|
-
_this._model = {};
|
|
45
|
-
_this._session = null;
|
|
46
|
-
return _this;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
(0, _createClass2["default"])(MultiTraitRubric, [{
|
|
50
|
-
key: "model",
|
|
51
|
-
set: function set(s) {
|
|
52
|
-
this._model = s;
|
|
53
|
-
this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this._session, !!this._model));
|
|
54
|
-
|
|
55
|
-
this._render();
|
|
56
|
-
}
|
|
57
|
-
}, {
|
|
58
|
-
key: "session",
|
|
59
|
-
get: function get() {
|
|
60
|
-
return this._session;
|
|
61
|
-
},
|
|
62
|
-
set: function set(s) {
|
|
63
|
-
this._session = s;
|
|
64
|
-
}
|
|
65
|
-
}, {
|
|
66
|
-
key: "connectedCallback",
|
|
67
|
-
value: function connectedCallback() {
|
|
68
|
-
this._render();
|
|
69
|
-
}
|
|
70
|
-
}, {
|
|
71
|
-
key: "_render",
|
|
72
|
-
value: function _render() {
|
|
73
|
-
var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
|
|
74
|
-
model: this._model,
|
|
75
|
-
session: this._session
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
_reactDom["default"].render(el, this);
|
|
79
|
-
}
|
|
80
|
-
}]);
|
|
81
|
-
return MultiTraitRubric;
|
|
82
|
-
}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
|
|
83
|
-
|
|
84
|
-
exports["default"] = MultiTraitRubric;
|
|
85
|
-
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":["MultiTraitRubric","_model","_session","s","dispatchEvent","ModelSetEvent","tagName","toLowerCase","_render","el","React","createElement","Main","model","session","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEqBA,gB;;;;;AACnB,8BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAc,EAAd;AACA,UAAKC,QAAL,GAAgB,IAAhB;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKF,MAAL,GAAcE,CAAd;AACA,WAAKC,aAAL,CAAmB,IAAIC,8BAAJ,CAAkB,KAAKC,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKL,QAAnD,EAA6D,CAAC,CAAC,KAAKD,MAApE,CAAnB;;AAEA,WAAKO,OAAL;AACD;;;SAMD,eAAc;AACZ,aAAO,KAAKN,QAAZ;AACD,K;SAND,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;AACD;;;WAMD,6BAAoB;AAClB,WAAKK,OAAL;AACD;;;WAED,mBAAU;AACR,UAAMC,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AAAEC,QAAAA,KAAK,EAAE,KAAKZ,MAAd;AAAsBa,QAAAA,OAAO,EAAE,KAAKZ;AAApC,OAA1B,CAAX;;AAEAa,2BAASC,MAAT,CAAgBP,EAAhB,EAAoB,IAApB;AACD;;;kDA9B2CQ,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\n\nexport default class MultiTraitRubric extends HTMLElement {\n constructor() {\n super();\n this._model = {};\n this._session = null;\n }\n\n set model(s) {\n this._model = s;\n this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this._session, !!this._model));\n\n this._render();\n }\n\n set session(s) {\n this._session = s;\n }\n\n get session() {\n return this._session;\n }\n\n connectedCallback() {\n this._render();\n }\n\n _render() {\n const el = React.createElement(Main, { model: this._model, session: this._session });\n\n ReactDOM.render(el, this);\n }\n}\n"],"file":"index.js"}
|
package/lib/main.js
DELETED
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
|
-
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
|
-
|
|
26
|
-
var _scale = _interopRequireDefault(require("./scale"));
|
|
27
|
-
|
|
28
|
-
var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
|
|
29
|
-
|
|
30
|
-
var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
|
|
31
|
-
|
|
32
|
-
var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
|
|
33
|
-
|
|
34
|
-
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); }; }
|
|
35
|
-
|
|
36
|
-
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; } }
|
|
37
|
-
|
|
38
|
-
var Main = /*#__PURE__*/function (_React$Component) {
|
|
39
|
-
(0, _inherits2["default"])(Main, _React$Component);
|
|
40
|
-
|
|
41
|
-
var _super = _createSuper(Main);
|
|
42
|
-
|
|
43
|
-
function Main(props) {
|
|
44
|
-
var _this;
|
|
45
|
-
|
|
46
|
-
(0, _classCallCheck2["default"])(this, Main);
|
|
47
|
-
_this = _super.call(this, props);
|
|
48
|
-
_this.state = {
|
|
49
|
-
rubricOpen: false,
|
|
50
|
-
linkPrefix: 'Show'
|
|
51
|
-
};
|
|
52
|
-
_this.toggleRubric = _this.toggleRubric.bind((0, _assertThisInitialized2["default"])(_this));
|
|
53
|
-
return _this;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
(0, _createClass2["default"])(Main, [{
|
|
57
|
-
key: "toggleRubric",
|
|
58
|
-
value: function toggleRubric() {
|
|
59
|
-
this.setState({
|
|
60
|
-
rubricOpen: !this.state.rubricOpen
|
|
61
|
-
});
|
|
62
|
-
this.setState({
|
|
63
|
-
linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide'
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
}, {
|
|
67
|
-
key: "render",
|
|
68
|
-
value: function render() {
|
|
69
|
-
var model = this.props.model;
|
|
70
|
-
var animationsDisabled = this.props.animationsDisabled;
|
|
71
|
-
|
|
72
|
-
var _ref = model || {},
|
|
73
|
-
halfScoring = _ref.halfScoring,
|
|
74
|
-
scales = _ref.scales,
|
|
75
|
-
visible = _ref.visible,
|
|
76
|
-
pointLabels = _ref.pointLabels,
|
|
77
|
-
description = _ref.description,
|
|
78
|
-
standards = _ref.standards,
|
|
79
|
-
arrowsDisabled = _ref.arrowsDisabled;
|
|
80
|
-
|
|
81
|
-
animationsDisabled = animationsDisabled || model.animationsDisabled;
|
|
82
|
-
|
|
83
|
-
if (!scales || !visible) {
|
|
84
|
-
return null;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
var rubricItem = /*#__PURE__*/_react["default"].createElement("div", {
|
|
88
|
-
style: {
|
|
89
|
-
fontFamily: 'Cerebri Sans',
|
|
90
|
-
color: _renderUi.color.text(),
|
|
91
|
-
backgroundColor: _renderUi.color.background()
|
|
92
|
-
}
|
|
93
|
-
}, halfScoring ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
94
|
-
style: {
|
|
95
|
-
marginBottom: '16px'
|
|
96
|
-
}
|
|
97
|
-
}, "* Half-point or in-between scores are permitted under this rubric.") : null, scales.map(function (scale, scaleIndex) {
|
|
98
|
-
return /*#__PURE__*/_react["default"].createElement(_scale["default"], {
|
|
99
|
-
key: "scale_".concat(scaleIndex),
|
|
100
|
-
scale: scale,
|
|
101
|
-
scaleIndex: scaleIndex,
|
|
102
|
-
showPointsLabels: pointLabels,
|
|
103
|
-
showDescription: description,
|
|
104
|
-
showStandards: standards,
|
|
105
|
-
arrowsDisabled: arrowsDisabled
|
|
106
|
-
});
|
|
107
|
-
}));
|
|
108
|
-
|
|
109
|
-
if (animationsDisabled) {
|
|
110
|
-
return rubricItem;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
114
|
-
style: {
|
|
115
|
-
color: _renderUi.color.text(),
|
|
116
|
-
backgroundColor: _renderUi.color.background()
|
|
117
|
-
}
|
|
118
|
-
}, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
|
|
119
|
-
style: {
|
|
120
|
-
backgroundColor: _renderUi.color.background()
|
|
121
|
-
},
|
|
122
|
-
href: this.dudUrl,
|
|
123
|
-
onClick: this.toggleRubric
|
|
124
|
-
}, this.state.linkPrefix, " Rubric"), /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
|
|
125
|
-
style: {
|
|
126
|
-
marginTop: '16px'
|
|
127
|
-
},
|
|
128
|
-
"in": this.state.rubricOpen,
|
|
129
|
-
timeout: "auto"
|
|
130
|
-
}, rubricItem));
|
|
131
|
-
}
|
|
132
|
-
}]);
|
|
133
|
-
return Main;
|
|
134
|
-
}(_react["default"].Component);
|
|
135
|
-
|
|
136
|
-
Main.propTypes = {
|
|
137
|
-
model: _propTypes["default"].shape({
|
|
138
|
-
halfScoring: _propTypes["default"].bool,
|
|
139
|
-
scales: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
140
|
-
excludeZero: _propTypes["default"].bool,
|
|
141
|
-
maxPoints: _propTypes["default"].number,
|
|
142
|
-
scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
143
|
-
traitLabel: _propTypes["default"].string,
|
|
144
|
-
traits: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
145
|
-
name: _propTypes["default"].string,
|
|
146
|
-
description: _propTypes["default"].string,
|
|
147
|
-
scorePointsDescriptors: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
148
|
-
standards: _propTypes["default"].arrayOf(_propTypes["default"].string)
|
|
149
|
-
}))
|
|
150
|
-
})),
|
|
151
|
-
visible: _propTypes["default"].bool,
|
|
152
|
-
pointLabels: _propTypes["default"].bool,
|
|
153
|
-
description: _propTypes["default"].bool,
|
|
154
|
-
standards: _propTypes["default"].bool,
|
|
155
|
-
animationsDisabled: _propTypes["default"].bool
|
|
156
|
-
}),
|
|
157
|
-
animationsDisabled: _propTypes["default"].bool
|
|
158
|
-
};
|
|
159
|
-
var _default = Main;
|
|
160
|
-
exports["default"] = _default;
|
|
161
|
-
//# sourceMappingURL=main.js.map
|
package/lib/main.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","model","animationsDisabled","halfScoring","scales","visible","pointLabels","description","standards","arrowsDisabled","rubricItem","fontFamily","color","text","backgroundColor","background","marginBottom","map","scale","scaleIndex","dudUrl","marginTop","React","Component","propTypes","PropTypes","shape","bool","arrayOf","excludeZero","maxPoints","number","scorePointsLabels","string","traitLabel","traits","name","scorePointsDescriptors"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Scale from './scale';\nimport Link from '@material-ui/core/Link';\nimport Collapse from '@material-ui/core/Collapse';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nclass Main extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n rubricOpen: false,\n linkPrefix: 'Show',\n };\n this.toggleRubric = this.toggleRubric.bind(this);\n }\n\n toggleRubric() {\n this.setState({ rubricOpen: !this.state.rubricOpen });\n this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n }\n\n render() {\n const { model } = this.props;\n let { animationsDisabled } = this.props;\n const { halfScoring, scales, visible, pointLabels, description, standards, arrowsDisabled } = model || {};\n animationsDisabled = animationsDisabled || model.animationsDisabled;\n\n if (!scales || !visible) {\n return null;\n }\n\n const rubricItem = (\n <div style={{ fontFamily: 'Cerebri Sans', color: color.text(), backgroundColor: color.background() }}>\n {halfScoring ? (\n <div style={{ marginBottom: '16px' }}>* Half-point or in-between scores are permitted under this rubric.</div>\n ) : null}\n\n {scales.map((scale, scaleIndex) => (\n <Scale\n key={`scale_${scaleIndex}`}\n scale={scale}\n scaleIndex={scaleIndex}\n showPointsLabels={pointLabels}\n showDescription={description}\n showStandards={standards}\n arrowsDisabled={arrowsDisabled}\n />\n ))}\n </div>\n );\n\n if (animationsDisabled) {\n return rubricItem;\n }\n\n return (\n <div style={{ color: color.text(), backgroundColor: color.background() }}>\n <Link style={{ backgroundColor: color.background() }} href={this.dudUrl} onClick={this.toggleRubric}>\n {this.state.linkPrefix} Rubric\n </Link>\n <Collapse style={{ marginTop: '16px' }} in={this.state.rubricOpen} timeout=\"auto\">\n {rubricItem}\n </Collapse>\n </div>\n );\n }\n}\n\nMain.propTypes = {\n model: PropTypes.shape({\n halfScoring: PropTypes.bool,\n scales: PropTypes.arrayOf(\n PropTypes.shape({\n excludeZero: PropTypes.bool,\n maxPoints: PropTypes.number,\n scorePointsLabels: PropTypes.arrayOf(PropTypes.string),\n traitLabel: PropTypes.string,\n traits: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n description: PropTypes.string,\n scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n standards: PropTypes.arrayOf(PropTypes.string),\n }),\n ),\n }),\n ),\n visible: PropTypes.bool,\n pointLabels: PropTypes.bool,\n description: PropTypes.bool,\n standards: PropTypes.bool,\n animationsDisabled: PropTypes.bool,\n }),\n animationsDisabled: PropTypes.bool,\n};\n\nexport default Main;\n"],"file":"main.js"}
|
package/lib/scale.js
DELETED
|
@@ -1,330 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
|
-
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
|
-
var _styles = require("@material-ui/core/styles");
|
|
31
|
-
|
|
32
|
-
var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
|
|
33
|
-
|
|
34
|
-
var _trait = _interopRequireDefault(require("./trait"));
|
|
35
|
-
|
|
36
|
-
var _ArrowBackIos = _interopRequireDefault(require("@material-ui/icons/ArrowBackIos"));
|
|
37
|
-
|
|
38
|
-
var _ArrowForwardIos = _interopRequireDefault(require("@material-ui/icons/ArrowForwardIos"));
|
|
39
|
-
|
|
40
|
-
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); }; }
|
|
41
|
-
|
|
42
|
-
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; } }
|
|
43
|
-
|
|
44
|
-
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; }
|
|
45
|
-
|
|
46
|
-
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; }
|
|
47
|
-
|
|
48
|
-
var styles = function styles(theme) {
|
|
49
|
-
return {
|
|
50
|
-
wrapper: {
|
|
51
|
-
display: 'flex',
|
|
52
|
-
position: 'relative'
|
|
53
|
-
},
|
|
54
|
-
tableWrapper: {
|
|
55
|
-
width: '100%',
|
|
56
|
-
overflow: 'auto'
|
|
57
|
-
},
|
|
58
|
-
table: {
|
|
59
|
-
borderSpacing: 0,
|
|
60
|
-
marginBottom: theme.spacing.unit * 2,
|
|
61
|
-
borderRadius: '4px',
|
|
62
|
-
color: _renderUi.color.text(),
|
|
63
|
-
fontSize: theme.typography.fontSize,
|
|
64
|
-
lineHeight: '16px',
|
|
65
|
-
overflow: 'unset',
|
|
66
|
-
'& ul, ol': {
|
|
67
|
-
marginBlockStart: 0,
|
|
68
|
-
paddingInlineStart: theme.spacing.unit * 2
|
|
69
|
-
},
|
|
70
|
-
'& th': {
|
|
71
|
-
padding: theme.spacing.unit * 2,
|
|
72
|
-
textAlign: 'left',
|
|
73
|
-
backgroundColor: _renderUi.color.secondaryBackground(),
|
|
74
|
-
verticalAlign: 'bottom'
|
|
75
|
-
},
|
|
76
|
-
'& th div': {
|
|
77
|
-
width: '200px'
|
|
78
|
-
},
|
|
79
|
-
'& td': {
|
|
80
|
-
width: '200px',
|
|
81
|
-
padding: "".concat(theme.spacing.unit * 2, "px ").concat(theme.spacing.unit, "px"),
|
|
82
|
-
verticalAlign: 'top'
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
scorePointHeader: {
|
|
86
|
-
'& td': {
|
|
87
|
-
border: 0,
|
|
88
|
-
padding: 0,
|
|
89
|
-
textAlign: 'center',
|
|
90
|
-
minWidth: '200px'
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
pointLabel: {
|
|
94
|
-
marginBottom: '4px'
|
|
95
|
-
},
|
|
96
|
-
scorePointValue: {
|
|
97
|
-
fontWeight: 'normal'
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
var ArrowContainer = function ArrowContainer(_ref) {
|
|
103
|
-
var show = _ref.show,
|
|
104
|
-
onClick = _ref.onClick,
|
|
105
|
-
extraStyles = _ref.extraStyles,
|
|
106
|
-
children = _ref.children;
|
|
107
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
108
|
-
style: _objectSpread({
|
|
109
|
-
height: 'calc(100% - 1px)',
|
|
110
|
-
top: '1px',
|
|
111
|
-
display: show ? 'flex' : 'none',
|
|
112
|
-
width: '50px',
|
|
113
|
-
margin: 'auto',
|
|
114
|
-
position: 'absolute',
|
|
115
|
-
alignItems: 'center',
|
|
116
|
-
justifyContent: 'center',
|
|
117
|
-
cursor: 'pointer'
|
|
118
|
-
}, extraStyles),
|
|
119
|
-
onClick: onClick
|
|
120
|
-
}, children);
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
ArrowContainer.propTypes = {
|
|
124
|
-
show: _propTypes["default"].bool,
|
|
125
|
-
onClick: _propTypes["default"].func,
|
|
126
|
-
extraStyles: _propTypes["default"].object,
|
|
127
|
-
children: _propTypes["default"].object
|
|
128
|
-
};
|
|
129
|
-
|
|
130
|
-
var Scale = /*#__PURE__*/function (_React$Component) {
|
|
131
|
-
(0, _inherits2["default"])(Scale, _React$Component);
|
|
132
|
-
|
|
133
|
-
var _super = _createSuper(Scale);
|
|
134
|
-
|
|
135
|
-
function Scale() {
|
|
136
|
-
var _this;
|
|
137
|
-
|
|
138
|
-
(0, _classCallCheck2["default"])(this, Scale);
|
|
139
|
-
|
|
140
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
141
|
-
args[_key] = arguments[_key];
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
145
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
|
|
146
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollLeft", function () {
|
|
147
|
-
_this.tableWrapper.scrollLeft -= _this.tableWrapper.offsetWidth / 2;
|
|
148
|
-
|
|
149
|
-
_this.setState({
|
|
150
|
-
showRight: _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth,
|
|
151
|
-
showLeft: _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth && _this.tableWrapper.scrollLeft > 0
|
|
152
|
-
});
|
|
153
|
-
});
|
|
154
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollRight", function () {
|
|
155
|
-
var initialScrollLeft = _this.tableWrapper.scrollLeft;
|
|
156
|
-
_this.tableWrapper.scrollLeft += _this.tableWrapper.offsetWidth / 2;
|
|
157
|
-
|
|
158
|
-
_this.setState({
|
|
159
|
-
showRight: initialScrollLeft !== _this.tableWrapper.scrollLeft && _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth,
|
|
160
|
-
showLeft: _this.tableWrapper.scrollLeft < _this.tableWrapper.scrollWidth && _this.tableWrapper.scrollLeft > 0
|
|
161
|
-
});
|
|
162
|
-
});
|
|
163
|
-
return _this;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
(0, _createClass2["default"])(Scale, [{
|
|
167
|
-
key: "componentDidMount",
|
|
168
|
-
value: function componentDidMount() {
|
|
169
|
-
if (this.tableWrapper) {
|
|
170
|
-
if (this.tableWrapper.offsetWidth < this.tableWrapper.scrollWidth) {
|
|
171
|
-
this.setState({
|
|
172
|
-
showRight: true
|
|
173
|
-
});
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
}, {
|
|
178
|
-
key: "render",
|
|
179
|
-
value: function render() {
|
|
180
|
-
var _this2 = this;
|
|
181
|
-
|
|
182
|
-
var _this$state = this.state,
|
|
183
|
-
showRight = _this$state.showRight,
|
|
184
|
-
showLeft = _this$state.showLeft;
|
|
185
|
-
var _this$props = this.props,
|
|
186
|
-
classes = _this$props.classes,
|
|
187
|
-
scale = _this$props.scale,
|
|
188
|
-
scaleIndex = _this$props.scaleIndex,
|
|
189
|
-
showDescription = _this$props.showDescription,
|
|
190
|
-
showPointsLabels = _this$props.showPointsLabels,
|
|
191
|
-
showStandards = _this$props.showStandards,
|
|
192
|
-
arrowsDisabled = _this$props.arrowsDisabled;
|
|
193
|
-
|
|
194
|
-
var _ref2 = scale || {},
|
|
195
|
-
excludeZero = _ref2.excludeZero,
|
|
196
|
-
maxPoints = _ref2.maxPoints,
|
|
197
|
-
traitLabel = _ref2.traitLabel,
|
|
198
|
-
traits = _ref2.traits,
|
|
199
|
-
scorePointsLabels = _ref2.scorePointsLabels;
|
|
200
|
-
|
|
201
|
-
var scorePointsValues = [];
|
|
202
|
-
var descriptions;
|
|
203
|
-
var pointsLabels;
|
|
204
|
-
var standards;
|
|
205
|
-
|
|
206
|
-
try {
|
|
207
|
-
// determining the score points values
|
|
208
|
-
for (var pointValue = maxPoints; pointValue >= excludeZero ? 1 : 0; pointValue -= 1) {
|
|
209
|
-
scorePointsValues.push(pointValue);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
var _traits$reduce = traits.reduce(function (tcc, trait) {
|
|
213
|
-
return {
|
|
214
|
-
traitStandards: [].concat((0, _toConsumableArray2["default"])(tcc.traitStandards), (0, _toConsumableArray2["default"])(trait.standards || [])),
|
|
215
|
-
traitDescriptions: [].concat((0, _toConsumableArray2["default"])(tcc.traitDescriptions), (0, _toConsumableArray2["default"])(trait.description || []))
|
|
216
|
-
};
|
|
217
|
-
}, {
|
|
218
|
-
traitStandards: [],
|
|
219
|
-
traitDescriptions: []
|
|
220
|
-
}),
|
|
221
|
-
traitStandards = _traits$reduce.traitStandards,
|
|
222
|
-
traitDescriptions = _traits$reduce.traitDescriptions;
|
|
223
|
-
|
|
224
|
-
descriptions = showDescription && traitDescriptions.length;
|
|
225
|
-
pointsLabels = showPointsLabels && scorePointsLabels.length;
|
|
226
|
-
standards = showStandards && traitStandards.length;
|
|
227
|
-
} catch (e) {
|
|
228
|
-
descriptions = false;
|
|
229
|
-
pointsLabels = false;
|
|
230
|
-
standards = false;
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
234
|
-
className: classes.wrapper
|
|
235
|
-
}, /*#__PURE__*/_react["default"].createElement(ArrowContainer, {
|
|
236
|
-
show: showLeft && !arrowsDisabled,
|
|
237
|
-
onClick: this.scrollLeft,
|
|
238
|
-
extraStyles: {
|
|
239
|
-
left: 0,
|
|
240
|
-
background: "linear-gradient(to right, white, ".concat(_renderUi.color.background(), ")")
|
|
241
|
-
}
|
|
242
|
-
}, /*#__PURE__*/_react["default"].createElement(_ArrowBackIos["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
243
|
-
className: classes.tableWrapper,
|
|
244
|
-
ref: function ref(_ref3) {
|
|
245
|
-
_this2.tableWrapper = _ref3;
|
|
246
|
-
},
|
|
247
|
-
onScroll: function onScroll() {
|
|
248
|
-
_this2.setState({
|
|
249
|
-
// 5 is a margin of error
|
|
250
|
-
showRight: _this2.tableWrapper.scrollLeft + _this2.tableWrapper.offsetWidth < _this2.tableWrapper.scrollWidth - 5 && _this2.tableWrapper.scrollLeft < _this2.tableWrapper.scrollWidth,
|
|
251
|
-
showLeft: _this2.tableWrapper.scrollLeft < _this2.tableWrapper.scrollWidth && _this2.tableWrapper.scrollLeft > 0
|
|
252
|
-
});
|
|
253
|
-
}
|
|
254
|
-
}, arrowsDisabled && (showRight || showLeft) ? /*#__PURE__*/_react["default"].createElement("div", null, "The item is too large to fit in print mode.") : null, /*#__PURE__*/_react["default"].createElement("table", {
|
|
255
|
-
key: "scale-".concat(scaleIndex),
|
|
256
|
-
className: classes.table
|
|
257
|
-
}, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
258
|
-
dangerouslySetInnerHTML: {
|
|
259
|
-
__html: traitLabel
|
|
260
|
-
}
|
|
261
|
-
})), standards ? /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement("div", null, "Standard(s)")) : null, descriptions ? /*#__PURE__*/_react["default"].createElement("th", null, /*#__PURE__*/_react["default"].createElement("div", null, "Description")) : null, scorePointsValues && scorePointsValues.map(function (scorePointValue, index) {
|
|
262
|
-
var pointLabel = ''; // to handle the case when there aren't enough labels
|
|
263
|
-
|
|
264
|
-
try {
|
|
265
|
-
pointLabel = scorePointsLabels[scorePointsValues.length - index - 1] || '';
|
|
266
|
-
} catch (e) {
|
|
267
|
-
pointLabel = '';
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
return /*#__PURE__*/_react["default"].createElement("th", {
|
|
271
|
-
key: "table-header-".concat(index)
|
|
272
|
-
}, /*#__PURE__*/_react["default"].createElement("table", {
|
|
273
|
-
className: classes.scorePointHeader
|
|
274
|
-
}, /*#__PURE__*/_react["default"].createElement("thead", null, pointsLabels ? /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
275
|
-
className: classes.pointLabel,
|
|
276
|
-
dangerouslySetInnerHTML: {
|
|
277
|
-
__html: pointLabel
|
|
278
|
-
}
|
|
279
|
-
}))) : null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
|
|
280
|
-
className: classes.scorePointValue
|
|
281
|
-
}, scorePointValue === 1 ? "".concat(scorePointValue, " point") : "".concat(scorePointValue, " points"))))));
|
|
282
|
-
}))), /*#__PURE__*/_react["default"].createElement("tbody", null, traits && traits.map(function (trait, traitIndex) {
|
|
283
|
-
return /*#__PURE__*/_react["default"].createElement(_trait["default"], {
|
|
284
|
-
key: "trait_".concat(scaleIndex, "_").concat(traitIndex),
|
|
285
|
-
trait: trait,
|
|
286
|
-
traitIndex: traitIndex,
|
|
287
|
-
showDescription: !!descriptions,
|
|
288
|
-
showStandards: !!standards,
|
|
289
|
-
scaleIndex: scaleIndex,
|
|
290
|
-
scorePointsValues: scorePointsValues,
|
|
291
|
-
excludeZero: excludeZero
|
|
292
|
-
});
|
|
293
|
-
})))), /*#__PURE__*/_react["default"].createElement(ArrowContainer, {
|
|
294
|
-
show: showRight && !arrowsDisabled,
|
|
295
|
-
onClick: this.scrollRight,
|
|
296
|
-
extraStyles: {
|
|
297
|
-
right: 0,
|
|
298
|
-
background: "linear-gradient(to left, white, ".concat(_renderUi.color.background(), ")")
|
|
299
|
-
}
|
|
300
|
-
}, /*#__PURE__*/_react["default"].createElement(_ArrowForwardIos["default"], null)));
|
|
301
|
-
}
|
|
302
|
-
}]);
|
|
303
|
-
return Scale;
|
|
304
|
-
}(_react["default"].Component);
|
|
305
|
-
|
|
306
|
-
Scale.propTypes = {
|
|
307
|
-
classes: _propTypes["default"].object,
|
|
308
|
-
scaleIndex: _propTypes["default"].number,
|
|
309
|
-
scale: _propTypes["default"].shape({
|
|
310
|
-
excludeZero: _propTypes["default"].bool,
|
|
311
|
-
maxPoints: _propTypes["default"].number,
|
|
312
|
-
scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
313
|
-
traitLabel: _propTypes["default"].string,
|
|
314
|
-
traits: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
315
|
-
name: _propTypes["default"].string,
|
|
316
|
-
standards: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
317
|
-
scorePointsDescriptors: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
318
|
-
description: _propTypes["default"].string
|
|
319
|
-
}))
|
|
320
|
-
}),
|
|
321
|
-
showPointsLabels: _propTypes["default"].bool,
|
|
322
|
-
showDescription: _propTypes["default"].bool,
|
|
323
|
-
showStandards: _propTypes["default"].bool,
|
|
324
|
-
arrowsDisabled: _propTypes["default"].bool
|
|
325
|
-
};
|
|
326
|
-
|
|
327
|
-
var _default = (0, _styles.withStyles)(styles)(Scale);
|
|
328
|
-
|
|
329
|
-
exports["default"] = _default;
|
|
330
|
-
//# sourceMappingURL=scale.js.map
|