@pie-element/rubric 6.3.4-next.0 → 7.0.0-beta.0
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/configure/lib/defaults.js +2 -3
- package/configure/lib/defaults.js.map +1 -1
- package/configure/lib/index.js +90 -152
- package/configure/lib/index.js.map +1 -1
- package/configure/lib/main.js +90 -149
- package/configure/lib/main.js.map +1 -1
- package/configure/package.json +11 -7
- package/configure/src/__tests__/index.test.jsx +12 -2
- package/configure/src/index.js +12 -2
- package/configure/src/main.jsx +11 -13
- package/controller/lib/defaults.js +2 -3
- package/controller/lib/defaults.js.map +1 -1
- package/controller/lib/index.js +15 -28
- package/controller/lib/index.js.map +1 -1
- package/controller/package.json +1 -1
- package/lib/index.js +38 -80
- package/lib/index.js.map +1 -1
- package/lib/main.js +182 -244
- package/lib/main.js.map +1 -1
- package/lib/print.js +41 -84
- package/lib/print.js.map +1 -1
- package/package.json +8 -9
- package/src/__tests__/rubric-view.test.jsx +12 -24
- package/src/index.js +14 -3
- package/src/main.jsx +100 -93
- package/src/print.js +13 -2
- package/configure/lib/pie-toolbox-rubric/authoring.js +0 -573
- package/configure/lib/pie-toolbox-rubric/authoring.js.map +0 -1
- package/configure/lib/pie-toolbox-rubric/index.js +0 -24
- package/configure/lib/pie-toolbox-rubric/index.js.map +0 -1
- package/configure/lib/pie-toolbox-rubric/point-menu.js +0 -172
- package/configure/lib/pie-toolbox-rubric/point-menu.js.map +0 -1
- package/configure/src/pie-toolbox-rubric/authoring.jsx +0 -449
- package/configure/src/pie-toolbox-rubric/index.js +0 -9
- package/configure/src/pie-toolbox-rubric/point-menu.jsx +0 -94
- package/module/configure.js +0 -1
- package/module/controller.js +0 -113
- package/module/demo.js +0 -33
- package/module/element.js +0 -1
- package/module/index.html +0 -21
- package/module/manifest.json +0 -14
- package/module/print-demo.js +0 -71
- package/module/print.html +0 -18
- package/module/print.js +0 -1
- package/src/__tests__/__snapshots__/rubric-view.test.jsx.snap +0 -2521
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
var _default = {
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
model: {
|
|
9
9
|
points: ['', '', '', ''],
|
|
10
10
|
sampleAnswers: [null, null, null, null],
|
|
@@ -64,5 +64,4 @@ var _default = {
|
|
|
64
64
|
maxMaxPoints: 9
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
exports["default"] = _default;
|
|
68
67
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"defaults.js","names":["model","points","sampleAnswers","maxPoints","excludeZero","excludeZeroEnabled","maxPointsEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","textAlign","showParagraphs","separateParagraphs","rubriclessInstruction","inputConfiguration","showExcludeZero","settings","label","showMaxPoint","settingsPanelDisabled","mathMlOptions","mmlOutput","mmlEditing","maxMaxPoints"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n model: {\n points: ['', '', '', ''],\n sampleAnswers: [null, null, null, null],\n maxPoints: 3,\n excludeZero: false,\n excludeZeroEnabled: true,\n maxPointsEnabled: true,\n },\n configuration: {\n baseInputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n textAlign: { disabled: true },\n showParagraphs: { disabled: false },\n separateParagraphs: { disabled: true },\n },\n rubriclessInstruction: {\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n },\n showExcludeZero: {\n settings: true,\n label: 'Ability to exclude zero',\n },\n showMaxPoint: {\n settings: true,\n label: 'Show max points dropdown',\n },\n settingsPanelDisabled: false,\n // width: '500px'\n mathMlOptions: {\n mmlOutput: false,\n mmlEditing: false,\n },\n maxMaxPoints: 9,\n },\n};\n"],"mappings":";;;;;;iCAAe;EACbA,KAAK,EAAE;IACLC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACxBC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACvCC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,KAAK;IAClBC,kBAAkB,EAAE,IAAI;IACxBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAM,CAAC;MAC1BC,KAAK,EAAE;QAAED,QAAQ,EAAE;MAAM,CAAC;MAC1BE,KAAK,EAAE;QAAEF,QAAQ,EAAE;MAAM,CAAC;MAC1BG,SAAS,EAAE;QAAEH,QAAQ,EAAE;MAAK,CAAC;MAC7BI,cAAc,EAAE;QAAEJ,QAAQ,EAAE;MAAM,CAAC;MACnCK,kBAAkB,EAAE;QAAEL,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDM,qBAAqB,EAAE;MACrBC,kBAAkB,EAAE;QAClBR,KAAK,EAAE;UAAEC,QAAQ,EAAE;QAAM,CAAC;QAC1BC,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDQ,eAAe,EAAE;MACfC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE;MACZF,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDE,qBAAqB,EAAE,KAAK;IAC5B;IACAC,aAAa,EAAE;MACbC,SAAS,EAAE,KAAK;MAChBC,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;EAChB;AACF,CAAC","ignoreList":[]}
|
package/configure/lib/index.js
CHANGED
|
@@ -1,101 +1,60 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
25
|
-
|
|
7
|
+
exports.default = void 0;
|
|
26
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
9
|
var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
|
|
29
|
-
|
|
30
10
|
var _react = _interopRequireDefault(require("react"));
|
|
31
|
-
|
|
32
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
33
|
-
|
|
11
|
+
var _client = require("react-dom/client");
|
|
34
12
|
var _debug = _interopRequireDefault(require("debug"));
|
|
35
|
-
|
|
36
13
|
var _main = _interopRequireDefault(require("./main"));
|
|
37
|
-
|
|
38
14
|
var _defaults = _interopRequireDefault(require("./defaults"));
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var RubricElement = /*#__PURE__*/function (_HTMLElement) {
|
|
57
|
-
(0, _inherits2["default"])(RubricElement, _HTMLElement);
|
|
58
|
-
|
|
59
|
-
var _super = _createSuper(RubricElement);
|
|
60
|
-
|
|
61
|
-
function RubricElement() {
|
|
62
|
-
var _this;
|
|
63
|
-
|
|
64
|
-
(0, _classCallCheck2["default"])(this, RubricElement);
|
|
65
|
-
_this = _super.call(this);
|
|
66
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateModelAccordingToReceivedProps", function (nextModel) {
|
|
67
|
-
var currentModel = _objectSpread({}, _this._model);
|
|
68
|
-
|
|
15
|
+
const modelWithDefaults = m => ({
|
|
16
|
+
..._defaults.default.model,
|
|
17
|
+
...m
|
|
18
|
+
});
|
|
19
|
+
const configurationWithDefaults = c => ({
|
|
20
|
+
..._defaults.default.configuration,
|
|
21
|
+
...c
|
|
22
|
+
});
|
|
23
|
+
class RubricElement extends HTMLElement {
|
|
24
|
+
constructor() {
|
|
25
|
+
super();
|
|
26
|
+
(0, _defineProperty2.default)(this, "updateModelAccordingToReceivedProps", nextModel => {
|
|
27
|
+
const currentModel = {
|
|
28
|
+
...this._model
|
|
29
|
+
};
|
|
69
30
|
if (!nextModel) {
|
|
70
31
|
return currentModel;
|
|
71
32
|
}
|
|
33
|
+
const validatedModel = {
|
|
34
|
+
...nextModel
|
|
35
|
+
};
|
|
72
36
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
37
|
+
// excludeZero should be false and disabled when maxPoints is 1
|
|
76
38
|
if (validatedModel.maxPoints === 1) {
|
|
77
39
|
validatedModel.excludeZero = false;
|
|
78
40
|
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
validatedModel.
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
var maxPointsChanged = (currentModel === null || currentModel === void 0 ? void 0 : currentModel.maxPoints) !== (nextModel === null || nextModel === void 0 ? void 0 : nextModel.maxPoints);
|
|
90
|
-
|
|
41
|
+
const {
|
|
42
|
+
maxPoints,
|
|
43
|
+
excludeZero
|
|
44
|
+
} = validatedModel || {};
|
|
45
|
+
validatedModel.points = validatedModel.points ? [...validatedModel.points] : [];
|
|
46
|
+
validatedModel.sampleAnswers = validatedModel.sampleAnswers ? [...validatedModel.sampleAnswers] : [];
|
|
47
|
+
const howManyPointsShouldHave = excludeZero ? maxPoints : maxPoints + 1;
|
|
48
|
+
const howManyPointsDoesItHave = validatedModel.points.length;
|
|
49
|
+
const excludeZeroChanged = currentModel?.excludeZero !== nextModel?.excludeZero;
|
|
50
|
+
const maxPointsChanged = currentModel?.maxPoints !== nextModel?.maxPoints;
|
|
91
51
|
if (howManyPointsDoesItHave < howManyPointsShouldHave) {
|
|
92
52
|
if (excludeZeroChanged && !excludeZero) {
|
|
93
|
-
validatedModel.points = [''
|
|
94
|
-
validatedModel.sampleAnswers = [null
|
|
53
|
+
validatedModel.points = ['', ...validatedModel.points];
|
|
54
|
+
validatedModel.sampleAnswers = [null, ...validatedModel.sampleAnswers];
|
|
95
55
|
}
|
|
96
|
-
|
|
97
56
|
if (maxPointsChanged) {
|
|
98
|
-
for (
|
|
57
|
+
for (let i = 0; i < howManyPointsShouldHave - howManyPointsDoesItHave; i++) {
|
|
99
58
|
validatedModel.points.push('');
|
|
100
59
|
validatedModel.sampleAnswers.push(null);
|
|
101
60
|
}
|
|
@@ -105,93 +64,72 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
|
|
|
105
64
|
validatedModel.points = validatedModel.points.slice(1);
|
|
106
65
|
validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);
|
|
107
66
|
}
|
|
108
|
-
|
|
109
67
|
if (maxPointsChanged) {
|
|
110
68
|
validatedModel.points = validatedModel.points.slice(0, howManyPointsShouldHave);
|
|
111
69
|
validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(0, howManyPointsShouldHave);
|
|
112
70
|
}
|
|
113
71
|
}
|
|
114
|
-
|
|
115
72
|
return validatedModel;
|
|
116
73
|
});
|
|
117
|
-
(0, _defineProperty2
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
_this.onModelChanged(_this._model);
|
|
74
|
+
(0, _defineProperty2.default)(this, "onConfigurationChanged", c => {
|
|
75
|
+
this._configuration = configurationWithDefaults(c);
|
|
76
|
+
if (this._model) {
|
|
77
|
+
this.onModelChanged(this._model);
|
|
122
78
|
}
|
|
123
|
-
|
|
124
|
-
_this._render();
|
|
79
|
+
this._render();
|
|
125
80
|
});
|
|
126
|
-
|
|
127
|
-
_debug
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
_this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
|
|
133
|
-
return _this;
|
|
81
|
+
this._root = null;
|
|
82
|
+
_debug.default.log('constructor called');
|
|
83
|
+
this._model = modelWithDefaults();
|
|
84
|
+
this._configuration = configurationWithDefaults();
|
|
85
|
+
this.onModelChanged = this.onModelChanged.bind(this);
|
|
86
|
+
this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
|
|
134
87
|
}
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
value: function connectedCallback() {
|
|
172
|
-
this._render();
|
|
173
|
-
}
|
|
174
|
-
}, {
|
|
175
|
-
key: "_render",
|
|
176
|
-
value: function _render() {
|
|
177
|
-
if (this._model) {
|
|
178
|
-
var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
|
|
179
|
-
model: this._model,
|
|
180
|
-
configuration: this._configuration,
|
|
181
|
-
onModelChanged: this.onModelChanged,
|
|
182
|
-
onConfigurationChanged: this.onConfigurationChanged,
|
|
183
|
-
imageSupport: {
|
|
184
|
-
add: this.insertImage.bind(this),
|
|
185
|
-
"delete": this.onDeleteImage.bind(this)
|
|
186
|
-
}
|
|
187
|
-
});
|
|
188
|
-
|
|
189
|
-
_reactDom["default"].render(element, this);
|
|
88
|
+
set model(m) {
|
|
89
|
+
this._model = this.updateModelAccordingToReceivedProps(modelWithDefaults(m));
|
|
90
|
+
this._render();
|
|
91
|
+
}
|
|
92
|
+
set configuration(c) {
|
|
93
|
+
this._configuration = configurationWithDefaults(c);
|
|
94
|
+
this._render();
|
|
95
|
+
}
|
|
96
|
+
onModelChanged(m) {
|
|
97
|
+
this._model = this.updateModelAccordingToReceivedProps(m);
|
|
98
|
+
this._render();
|
|
99
|
+
this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
|
|
100
|
+
}
|
|
101
|
+
insertImage(handler) {
|
|
102
|
+
this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
|
|
103
|
+
}
|
|
104
|
+
onDeleteImage(src, done) {
|
|
105
|
+
this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
|
|
106
|
+
}
|
|
107
|
+
connectedCallback() {
|
|
108
|
+
this._render();
|
|
109
|
+
}
|
|
110
|
+
_render() {
|
|
111
|
+
if (this._model) {
|
|
112
|
+
let element = /*#__PURE__*/_react.default.createElement(_main.default, {
|
|
113
|
+
model: this._model,
|
|
114
|
+
configuration: this._configuration,
|
|
115
|
+
onModelChanged: this.onModelChanged,
|
|
116
|
+
onConfigurationChanged: this.onConfigurationChanged,
|
|
117
|
+
imageSupport: {
|
|
118
|
+
add: this.insertImage.bind(this),
|
|
119
|
+
delete: this.onDeleteImage.bind(this)
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
if (!this._root) {
|
|
123
|
+
this._root = (0, _client.createRoot)(this);
|
|
190
124
|
}
|
|
125
|
+
this._root.render(element);
|
|
191
126
|
}
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
127
|
+
}
|
|
128
|
+
disconnectedCallback() {
|
|
129
|
+
if (this._root) {
|
|
130
|
+
this._root.unmount();
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
exports.default = RubricElement;
|
|
197
135
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_react","_interopRequireDefault","_client","_debug","_main","_defaults","modelWithDefaults","m","defaults","model","configurationWithDefaults","c","configuration","RubricElement","HTMLElement","constructor","_defineProperty2","default","nextModel","currentModel","_model","validatedModel","maxPoints","excludeZero","points","sampleAnswers","howManyPointsShouldHave","howManyPointsDoesItHave","length","excludeZeroChanged","maxPointsChanged","i","push","slice","_configuration","onModelChanged","_render","_root","debug","log","bind","onConfigurationChanged","updateModelAccordingToReceivedProps","dispatchEvent","ModelUpdatedEvent","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","connectedCallback","element","React","createElement","Main","imageSupport","add","delete","createRoot","render","disconnectedCallback","unmount","exports"],"sources":["../src/index.js"],"sourcesContent":["import { ModelUpdatedEvent, InsertImageEvent, DeleteImageEvent } from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\n\nimport Main from './main';\nimport defaults from './defaults';\n\nconst modelWithDefaults = (m) => ({ ...defaults.model, ...m });\n\nconst configurationWithDefaults = (c) => ({ ...defaults.configuration, ...c });\n\nexport default class RubricElement extends HTMLElement {\n constructor() {\n super();\n this._root = null;\n debug.log('constructor called');\n this._model = modelWithDefaults();\n this._configuration = configurationWithDefaults();\n this.onModelChanged = this.onModelChanged.bind(this);\n this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n }\n\n updateModelAccordingToReceivedProps = (nextModel) => {\n const currentModel = { ...this._model };\n\n if (!nextModel) {\n return currentModel;\n }\n\n const validatedModel = { ...nextModel };\n\n // excludeZero should be false and disabled when maxPoints is 1\n if (validatedModel.maxPoints === 1) {\n validatedModel.excludeZero = false;\n }\n\n const { maxPoints, excludeZero } = validatedModel || {};\n\n validatedModel.points = validatedModel.points ? [...validatedModel.points] : [];\n validatedModel.sampleAnswers = validatedModel.sampleAnswers ? [...validatedModel.sampleAnswers] : [];\n\n const howManyPointsShouldHave = excludeZero ? maxPoints : maxPoints + 1;\n const howManyPointsDoesItHave = validatedModel.points.length;\n\n const excludeZeroChanged = currentModel?.excludeZero !== nextModel?.excludeZero;\n const maxPointsChanged = currentModel?.maxPoints !== nextModel?.maxPoints;\n\n if (howManyPointsDoesItHave < howManyPointsShouldHave) {\n if (excludeZeroChanged && !excludeZero) {\n validatedModel.points = ['', ...validatedModel.points];\n validatedModel.sampleAnswers = [null, ...validatedModel.sampleAnswers];\n }\n\n if (maxPointsChanged) {\n for (let i = 0; i < howManyPointsShouldHave - howManyPointsDoesItHave; i++) {\n validatedModel.points.push('');\n validatedModel.sampleAnswers.push(null);\n }\n }\n } else if (howManyPointsDoesItHave > howManyPointsShouldHave) {\n if (excludeZeroChanged && excludeZero) {\n validatedModel.points = validatedModel.points.slice(1);\n validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);\n }\n\n if (maxPointsChanged) {\n validatedModel.points = validatedModel.points.slice(0, howManyPointsShouldHave);\n validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(0, howManyPointsShouldHave);\n }\n }\n\n return validatedModel;\n };\n\n set model(m) {\n this._model = this.updateModelAccordingToReceivedProps(modelWithDefaults(m));\n this._render();\n }\n\n set configuration(c) {\n this._configuration = configurationWithDefaults(c);\n this._render();\n }\n\n onModelChanged(m) {\n this._model = this.updateModelAccordingToReceivedProps(m);\n this._render();\n this.dispatchEvent(new ModelUpdatedEvent(this._model, false));\n }\n\n onConfigurationChanged = (c) => {\n this._configuration = configurationWithDefaults(c);\n\n if (this._model) {\n this.onModelChanged(this._model);\n }\n\n this._render();\n };\n\n insertImage(handler) {\n this.dispatchEvent(new InsertImageEvent(handler));\n }\n\n onDeleteImage(src, done) {\n this.dispatchEvent(new DeleteImageEvent(src, done));\n }\n\n connectedCallback() {\n this._render();\n }\n\n _render() {\n if (this._model) {\n let element = React.createElement(Main, {\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.onModelChanged,\n onConfigurationChanged: this.onConfigurationChanged,\n imageSupport: {\n add: this.insertImage.bind(this),\n delete: this.onDeleteImage.bind(this),\n },\n });\n\n if (!this._root) {\n this._root = createRoot(this);\n }\n this._root.render(element);\n }\n }\n\n disconnectedCallback() {\n if (this._root) {\n this._root.unmount();\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
package/configure/lib/main.js
CHANGED
|
@@ -1,162 +1,103 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
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
|
-
|
|
7
|
+
exports.default = void 0;
|
|
24
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
9
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
var _styles = require("@material-ui/core/styles");
|
|
31
|
-
|
|
10
|
+
var _rubric = require("@pie-lib/rubric");
|
|
11
|
+
var _styles = require("@mui/material/styles");
|
|
32
12
|
var _configUi = require("@pie-lib/config-ui");
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
(0, _inherits2["default"])(Main, _React$Component);
|
|
58
|
-
|
|
59
|
-
var _super = _createSuper(Main);
|
|
60
|
-
|
|
61
|
-
function Main() {
|
|
62
|
-
var _this;
|
|
63
|
-
|
|
64
|
-
(0, _classCallCheck2["default"])(this, Main);
|
|
65
|
-
|
|
66
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
67
|
-
args[_key] = arguments[_key];
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
71
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "verifyRubriclessModel", function (m, config) {
|
|
72
|
-
var _ref = config || {},
|
|
73
|
-
_ref$rubricless = _ref.rubricless,
|
|
74
|
-
rubricless = _ref$rubricless === void 0 ? false : _ref$rubricless;
|
|
75
|
-
|
|
76
|
-
return rubricless ? function (_ref2) {
|
|
77
|
-
var points = _ref2.points,
|
|
78
|
-
sampleAnswers = _ref2.sampleAnswers,
|
|
79
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
|
80
|
-
return rest;
|
|
81
|
-
}(m) : m;
|
|
13
|
+
const {
|
|
14
|
+
Panel,
|
|
15
|
+
toggle
|
|
16
|
+
} = _configUi.settings;
|
|
17
|
+
const StyledDiv = (0, _styles.styled)('div')(({
|
|
18
|
+
theme,
|
|
19
|
+
width
|
|
20
|
+
}) => ({
|
|
21
|
+
maxWidth: width,
|
|
22
|
+
fontFamily: 'Cerebri Sans',
|
|
23
|
+
fontSize: theme.typography.fontSize
|
|
24
|
+
}));
|
|
25
|
+
class Main extends _react.default.Component {
|
|
26
|
+
constructor(...args) {
|
|
27
|
+
super(...args);
|
|
28
|
+
(0, _defineProperty2.default)(this, "verifyRubriclessModel", (m, config) => {
|
|
29
|
+
const {
|
|
30
|
+
rubricless = false
|
|
31
|
+
} = config || {};
|
|
32
|
+
return rubricless ? (({
|
|
33
|
+
points,
|
|
34
|
+
sampleAnswers,
|
|
35
|
+
...rest
|
|
36
|
+
}) => rest)(m) : m;
|
|
82
37
|
});
|
|
83
|
-
return _this;
|
|
84
38
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
configuration: configuration,
|
|
134
|
-
onChangeConfiguration: onConfigurationChanged,
|
|
135
|
-
pluginOpts: getPluginProps(rubriclessInstruction === null || rubriclessInstruction === void 0 ? void 0 : rubriclessInstruction.inputConfiguration),
|
|
136
|
-
groups: {
|
|
137
|
-
Properties: panelProperties
|
|
138
|
-
},
|
|
139
|
-
imageSupport: imageSupport
|
|
140
|
-
})
|
|
141
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
142
|
-
style: {
|
|
143
|
-
maxWidth: width
|
|
144
|
-
}
|
|
145
|
-
}, /*#__PURE__*/_react["default"].createElement(_index.Authoring, {
|
|
146
|
-
value: value,
|
|
147
|
-
config: configuration,
|
|
148
|
-
onChange: onModelChanged,
|
|
149
|
-
mathMlOptions: mathMlOptions,
|
|
150
|
-
rubricless: rubricless,
|
|
151
|
-
pluginOpts: baseInputConfiguration,
|
|
39
|
+
render() {
|
|
40
|
+
const {
|
|
41
|
+
model,
|
|
42
|
+
configuration,
|
|
43
|
+
onConfigurationChanged,
|
|
44
|
+
onModelChanged,
|
|
45
|
+
imageSupport
|
|
46
|
+
} = this.props || {};
|
|
47
|
+
const {
|
|
48
|
+
baseInputConfiguration = {},
|
|
49
|
+
contentDimensions = {},
|
|
50
|
+
settingsPanelDisabled,
|
|
51
|
+
showExcludeZero = {},
|
|
52
|
+
showMaxPoint = {},
|
|
53
|
+
mathMlOptions = {},
|
|
54
|
+
rubricless = false,
|
|
55
|
+
rubriclessInstruction,
|
|
56
|
+
width
|
|
57
|
+
} = configuration || {};
|
|
58
|
+
|
|
59
|
+
// ensure to eliminate points and sampleAnswers in case of rubricless
|
|
60
|
+
const value = this.verifyRubriclessModel(model, configuration);
|
|
61
|
+
const {
|
|
62
|
+
extraCSSRules
|
|
63
|
+
} = model;
|
|
64
|
+
const panelProperties = {
|
|
65
|
+
excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),
|
|
66
|
+
maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),
|
|
67
|
+
rubriclessInstructionEnabled: rubricless && rubriclessInstruction.settings && toggle(rubriclessInstruction.label)
|
|
68
|
+
};
|
|
69
|
+
const getPluginProps = props => {
|
|
70
|
+
return Object.assign({
|
|
71
|
+
...baseInputConfiguration
|
|
72
|
+
}, props || {});
|
|
73
|
+
};
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
|
|
75
|
+
extraCSSRules: extraCSSRules,
|
|
76
|
+
dimensions: contentDimensions,
|
|
77
|
+
hideSettings: settingsPanelDisabled,
|
|
78
|
+
settings: /*#__PURE__*/_react.default.createElement(Panel, {
|
|
79
|
+
model: model,
|
|
80
|
+
onChangeModel: onModelChanged,
|
|
81
|
+
configuration: configuration,
|
|
82
|
+
onChangeConfiguration: onConfigurationChanged,
|
|
83
|
+
pluginOpts: getPluginProps(rubriclessInstruction?.inputConfiguration),
|
|
84
|
+
groups: {
|
|
85
|
+
Properties: panelProperties
|
|
86
|
+
},
|
|
152
87
|
imageSupport: imageSupport
|
|
153
|
-
})
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
88
|
+
})
|
|
89
|
+
}, /*#__PURE__*/_react.default.createElement(StyledDiv, {
|
|
90
|
+
width: width
|
|
91
|
+
}, /*#__PURE__*/_react.default.createElement(_rubric.Authoring, {
|
|
92
|
+
value: value,
|
|
93
|
+
config: configuration,
|
|
94
|
+
onChange: onModelChanged,
|
|
95
|
+
mathMlOptions: mathMlOptions,
|
|
96
|
+
rubricless: rubricless,
|
|
97
|
+
pluginOpts: baseInputConfiguration,
|
|
98
|
+
imageSupport: imageSupport
|
|
99
|
+
})));
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
var _default = exports.default = Main;
|
|
162
103
|
//# sourceMappingURL=main.js.map
|