@pie-element/multi-trait-rubric 3.8.2-next.0 → 3.8.2-next.1

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.
@@ -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":"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","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"}
@@ -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