@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
package/lib/main.js
CHANGED
|
@@ -1,270 +1,208 @@
|
|
|
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 _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
|
-
|
|
7
|
+
exports.default = exports.RubricType = void 0;
|
|
22
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
9
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
var _List = _interopRequireDefault(require("@material-ui/core/List"));
|
|
31
|
-
|
|
32
|
-
var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
|
|
33
|
-
|
|
10
|
+
var _styles = require("@mui/material/styles");
|
|
11
|
+
var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
|
|
12
|
+
var _List = _interopRequireDefault(require("@mui/material/List"));
|
|
13
|
+
var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
|
|
34
14
|
var _renderUi = require("@pie-lib/render-ui");
|
|
35
|
-
|
|
36
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
16
|
+
const StyledUiLayout = (0, _styles.styled)(_renderUi.UiLayout)({
|
|
17
|
+
color: _renderUi.color.text(),
|
|
18
|
+
backgroundColor: _renderUi.color.background(),
|
|
19
|
+
// apply styles to tables to match the rest of the UI
|
|
20
|
+
'&:not(.MathJax) table': {
|
|
21
|
+
borderCollapse: 'collapse'
|
|
22
|
+
},
|
|
23
|
+
'&:not(.MathJax) table td, &:not(.MathJax) table th': {
|
|
24
|
+
padding: '8px 12px',
|
|
25
|
+
textAlign: 'left'
|
|
26
|
+
},
|
|
27
|
+
// reset paragraph margins and line-height inside lists to override client styles
|
|
28
|
+
'& ul p, & ol p': {
|
|
29
|
+
marginBottom: 0,
|
|
30
|
+
marginTop: 0,
|
|
31
|
+
lineHeight: 'normal'
|
|
32
|
+
}
|
|
47
33
|
});
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
34
|
+
const StyledListItem = (0, _styles.styled)(_ListItem.default)({
|
|
35
|
+
display: 'flex',
|
|
36
|
+
flexDirection: 'column',
|
|
37
|
+
alignItems: 'flex-start',
|
|
38
|
+
padding: '12px 0px'
|
|
39
|
+
});
|
|
40
|
+
const Text = (0, _styles.styled)('div')({
|
|
41
|
+
color: _renderUi.color.text()
|
|
42
|
+
});
|
|
43
|
+
const TitleText = (0, _styles.styled)('h3')({
|
|
44
|
+
color: _renderUi.color.text(),
|
|
45
|
+
fontSize: '16px',
|
|
46
|
+
fontWeight: '700',
|
|
47
|
+
margin: 0,
|
|
48
|
+
paddingBottom: '6px'
|
|
49
|
+
});
|
|
50
|
+
const SampleTitleText = (0, _styles.styled)('h4')({
|
|
51
|
+
color: _renderUi.color.text(),
|
|
52
|
+
fontSize: '16px',
|
|
53
|
+
fontWeight: 'normal',
|
|
54
|
+
margin: 0,
|
|
55
|
+
paddingBottom: '6px'
|
|
56
|
+
});
|
|
57
|
+
const RubricToggle = (0, _styles.styled)('h2')(({
|
|
58
|
+
theme
|
|
59
|
+
}) => ({
|
|
60
|
+
display: 'flex',
|
|
61
|
+
alignItems: 'center',
|
|
62
|
+
cursor: 'pointer',
|
|
63
|
+
userSelect: 'none',
|
|
64
|
+
fontSize: theme.typography.fontSize,
|
|
65
|
+
fontWeight: '500',
|
|
66
|
+
color: _renderUi.color.tertiary(),
|
|
67
|
+
margin: 0
|
|
68
|
+
}));
|
|
69
|
+
const ChevronStyle = (0, _styles.styled)('span')({
|
|
70
|
+
display: 'inline-flex',
|
|
71
|
+
transition: 'transform 0.2s',
|
|
72
|
+
marginLeft: 2,
|
|
73
|
+
alignSelf: 'center'
|
|
74
|
+
});
|
|
75
|
+
const HiddenScreenReader = (0, _styles.styled)('h2')({
|
|
76
|
+
position: 'absolute',
|
|
77
|
+
width: '1px',
|
|
78
|
+
height: '1px',
|
|
79
|
+
padding: 0,
|
|
80
|
+
margin: '-1px',
|
|
81
|
+
overflow: 'hidden',
|
|
82
|
+
clip: 'rect(0,0,0,0)',
|
|
83
|
+
border: 0,
|
|
84
|
+
whiteSpace: 'nowrap'
|
|
85
|
+
});
|
|
86
|
+
const RubricType = exports.RubricType = _propTypes.default.shape({
|
|
87
|
+
excludeZero: _propTypes.default.bool,
|
|
88
|
+
points: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
89
|
+
sampleAnswers: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
90
|
+
animationsDisabled: _propTypes.default.bool
|
|
91
|
+
});
|
|
92
|
+
class Rubric extends _react.default.Component {
|
|
93
|
+
constructor(props) {
|
|
94
|
+
super(props);
|
|
95
|
+
(0, _defineProperty2.default)(this, "dudUrl", 'javascript:;');
|
|
96
|
+
(0, _defineProperty2.default)(this, "shouldRenderPoint", (index, value) => {
|
|
63
97
|
if (!value.excludeZero) {
|
|
64
98
|
return true;
|
|
65
99
|
} else {
|
|
66
100
|
return index !== 0;
|
|
67
101
|
}
|
|
68
102
|
});
|
|
69
|
-
|
|
103
|
+
this.state = {
|
|
70
104
|
rubricOpen: false,
|
|
71
105
|
linkPrefix: 'Show'
|
|
72
106
|
};
|
|
73
|
-
|
|
74
|
-
return _this;
|
|
107
|
+
this.toggleRubric = this.toggleRubric.bind(this);
|
|
75
108
|
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
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
|
-
}, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
|
|
114
|
-
key: "P".concat(index),
|
|
115
|
-
className: classes.listColumn
|
|
116
|
-
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
117
|
-
className: classes.titleText
|
|
118
|
-
}, pointsLabel === 1 ? "".concat(pointsLabel, " PT") : "".concat(pointsLabel, " PTS")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
119
|
-
className: classes.text,
|
|
120
|
-
dangerouslySetInnerHTML: {
|
|
121
|
-
__html: desc
|
|
122
|
-
}
|
|
123
|
-
})), sampleAnswers && sampleAnswers[index] && /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
|
|
124
|
-
key: "S".concat(index),
|
|
125
|
-
className: classes.listColumn
|
|
126
|
-
}, /*#__PURE__*/_react["default"].createElement("h4", {
|
|
127
|
-
className: classes.titleText,
|
|
128
|
-
style: {
|
|
129
|
-
fontWeight: 'normal'
|
|
130
|
-
}
|
|
131
|
-
}, "Sample Answer"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
132
|
-
className: classes.text,
|
|
133
|
-
dangerouslySetInnerHTML: {
|
|
134
|
-
__html: sampleAnswers[index]
|
|
135
|
-
}
|
|
136
|
-
})));
|
|
137
|
-
}));
|
|
138
|
-
|
|
139
|
-
return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
|
|
140
|
-
extraCSSRules: extraCSSRules,
|
|
141
|
-
className: classes.root
|
|
142
|
-
}, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
143
|
-
className: classes.hiddenScreenReader
|
|
144
|
-
}, "Rubric"), !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h2", {
|
|
145
|
-
id: 'rubric-toggle',
|
|
146
|
-
className: classes.rubricToggle,
|
|
147
|
-
tabIndex: 0,
|
|
148
|
-
role: "button",
|
|
149
|
-
"aria-expanded": this.state.rubricOpen,
|
|
150
|
-
onClick: this.toggleRubric,
|
|
151
|
-
onKeyPress: function onKeyPress(e) {
|
|
152
|
-
if (e.key === 'Enter' || e.key === ' ') _this2.toggleRubric();
|
|
109
|
+
toggleRubric() {
|
|
110
|
+
this.setState({
|
|
111
|
+
rubricOpen: !this.state.rubricOpen
|
|
112
|
+
});
|
|
113
|
+
this.setState({
|
|
114
|
+
linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide'
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
render() {
|
|
118
|
+
const {
|
|
119
|
+
model,
|
|
120
|
+
value
|
|
121
|
+
} = this.props;
|
|
122
|
+
let {
|
|
123
|
+
animationsDisabled
|
|
124
|
+
} = this.props;
|
|
125
|
+
animationsDisabled = animationsDisabled || value.animationsDisabled;
|
|
126
|
+
if (value && value.points) {
|
|
127
|
+
const {
|
|
128
|
+
extraCSSRules
|
|
129
|
+
} = model || {};
|
|
130
|
+
const {
|
|
131
|
+
points,
|
|
132
|
+
sampleAnswers
|
|
133
|
+
} = value;
|
|
134
|
+
const rubricList = /*#__PURE__*/_react.default.createElement(_List.default, {
|
|
135
|
+
component: "nav"
|
|
136
|
+
}, points.slice(0).reverse().map((desc, index) => {
|
|
137
|
+
index = points.length - index - 1;
|
|
138
|
+
const pointsLabel = value.excludeZero ? index + 1 : index;
|
|
139
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
140
|
+
key: index
|
|
141
|
+
}, /*#__PURE__*/_react.default.createElement(StyledListItem, {
|
|
142
|
+
key: `P${index}`
|
|
143
|
+
}, /*#__PURE__*/_react.default.createElement(TitleText, null, pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`), /*#__PURE__*/_react.default.createElement(Text, {
|
|
144
|
+
dangerouslySetInnerHTML: {
|
|
145
|
+
__html: desc
|
|
153
146
|
}
|
|
154
|
-
},
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
147
|
+
})), sampleAnswers && sampleAnswers[index] && /*#__PURE__*/_react.default.createElement(StyledListItem, {
|
|
148
|
+
key: `S${index}`
|
|
149
|
+
}, /*#__PURE__*/_react.default.createElement(SampleTitleText, null, "Sample Answer"), /*#__PURE__*/_react.default.createElement(Text, {
|
|
150
|
+
dangerouslySetInnerHTML: {
|
|
151
|
+
__html: sampleAnswers[index]
|
|
152
|
+
}
|
|
153
|
+
})));
|
|
154
|
+
}));
|
|
155
|
+
return /*#__PURE__*/_react.default.createElement(StyledUiLayout, {
|
|
156
|
+
extraCSSRules: extraCSSRules
|
|
157
|
+
}, /*#__PURE__*/_react.default.createElement(HiddenScreenReader, null, "Rubric"), !animationsDisabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(RubricToggle, {
|
|
158
|
+
id: 'rubric-toggle',
|
|
159
|
+
tabIndex: 0,
|
|
160
|
+
role: "button",
|
|
161
|
+
"aria-expanded": this.state.rubricOpen,
|
|
162
|
+
onClick: this.toggleRubric,
|
|
163
|
+
onKeyPress: e => {
|
|
164
|
+
if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();
|
|
165
|
+
}
|
|
166
|
+
}, this.state.linkPrefix, " Rubric", /*#__PURE__*/_react.default.createElement(ChevronStyle, {
|
|
167
|
+
"aria-hidden": "true"
|
|
168
|
+
}, this.state.rubricOpen ? /*#__PURE__*/_react.default.createElement("svg", {
|
|
169
|
+
width: "20",
|
|
170
|
+
height: "20",
|
|
171
|
+
viewBox: "0 0 24 24",
|
|
172
|
+
fill: "none",
|
|
173
|
+
stroke: "currentColor",
|
|
174
|
+
strokeWidth: "2",
|
|
175
|
+
strokeLinecap: "round",
|
|
176
|
+
strokeLinejoin: "round"
|
|
177
|
+
}, /*#__PURE__*/_react.default.createElement("polyline", {
|
|
178
|
+
points: "18 15 12 9 6 15"
|
|
179
|
+
})) : /*#__PURE__*/_react.default.createElement("svg", {
|
|
180
|
+
width: "20",
|
|
181
|
+
height: "20",
|
|
182
|
+
viewBox: "0 0 24 24",
|
|
183
|
+
fill: "none",
|
|
184
|
+
stroke: "currentColor",
|
|
185
|
+
strokeWidth: "2",
|
|
186
|
+
strokeLinecap: "round",
|
|
187
|
+
strokeLinejoin: "round"
|
|
188
|
+
}, /*#__PURE__*/_react.default.createElement("polyline", {
|
|
189
|
+
points: "6 9 12 15 18 9"
|
|
190
|
+
})))), /*#__PURE__*/_react.default.createElement(_Collapse.default, {
|
|
191
|
+
in: this.state.rubricOpen,
|
|
192
|
+
timeout: {
|
|
193
|
+
enter: 225,
|
|
194
|
+
exit: 195
|
|
195
|
+
}
|
|
196
|
+
}, rubricList)) : rubricList);
|
|
197
|
+
} else {
|
|
198
|
+
return null;
|
|
186
199
|
}
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
classes: _propTypes["default"].object.isRequired,
|
|
193
|
-
model: _propTypes["default"].object.isRequired,
|
|
194
|
-
animationsDisabled: _propTypes["default"].bool,
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
(0, _defineProperty2.default)(Rubric, "propTypes", {
|
|
203
|
+
model: _propTypes.default.object.isRequired,
|
|
204
|
+
animationsDisabled: _propTypes.default.bool,
|
|
195
205
|
value: RubricType
|
|
196
206
|
});
|
|
197
|
-
|
|
198
|
-
var styles = function styles(theme) {
|
|
199
|
-
return {
|
|
200
|
-
root: {
|
|
201
|
-
color: _renderUi.color.text(),
|
|
202
|
-
backgroundColor: _renderUi.color.background(),
|
|
203
|
-
// apply styles to tables to match the rest of the UI
|
|
204
|
-
'&:not(.MathJax) table': {
|
|
205
|
-
borderCollapse: 'collapse'
|
|
206
|
-
},
|
|
207
|
-
'&:not(.MathJax) table td, &:not(.MathJax) table th': {
|
|
208
|
-
padding: '8px 12px',
|
|
209
|
-
textAlign: 'left'
|
|
210
|
-
},
|
|
211
|
-
// reset paragraph margins and line-height inside lists to override client styles
|
|
212
|
-
'& ul p, & ol p': {
|
|
213
|
-
marginBottom: 0,
|
|
214
|
-
marginTop: 0,
|
|
215
|
-
lineHeight: 'normal'
|
|
216
|
-
}
|
|
217
|
-
},
|
|
218
|
-
listColumn: {
|
|
219
|
-
display: 'flex',
|
|
220
|
-
flexDirection: 'column',
|
|
221
|
-
alignItems: 'flex-start',
|
|
222
|
-
padding: '12px 0px'
|
|
223
|
-
},
|
|
224
|
-
listColumnItem: {
|
|
225
|
-
padding: 0
|
|
226
|
-
},
|
|
227
|
-
text: {
|
|
228
|
-
color: _renderUi.color.text()
|
|
229
|
-
},
|
|
230
|
-
titleText: {
|
|
231
|
-
color: _renderUi.color.text(),
|
|
232
|
-
fontSize: '16px',
|
|
233
|
-
fontWeight: '700',
|
|
234
|
-
margin: 0,
|
|
235
|
-
paddingBottom: '6px'
|
|
236
|
-
},
|
|
237
|
-
rubricToggle: {
|
|
238
|
-
display: 'flex',
|
|
239
|
-
alignItems: 'center',
|
|
240
|
-
cursor: 'pointer',
|
|
241
|
-
userSelect: 'none',
|
|
242
|
-
fontSize: theme.typography.fontSize,
|
|
243
|
-
fontWeight: '500',
|
|
244
|
-
color: _renderUi.color.tertiary(),
|
|
245
|
-
margin: 0
|
|
246
|
-
},
|
|
247
|
-
chevronStyle: {
|
|
248
|
-
display: 'inline-flex',
|
|
249
|
-
transition: 'transform 0.2s',
|
|
250
|
-
marginLeft: 2,
|
|
251
|
-
alignSelf: 'center'
|
|
252
|
-
},
|
|
253
|
-
hiddenScreenReader: {
|
|
254
|
-
position: 'absolute',
|
|
255
|
-
width: '1px',
|
|
256
|
-
height: '1px',
|
|
257
|
-
padding: 0,
|
|
258
|
-
margin: '-1px',
|
|
259
|
-
overflow: 'hidden',
|
|
260
|
-
clip: 'rect(0,0,0,0)',
|
|
261
|
-
border: 0,
|
|
262
|
-
whiteSpace: 'nowrap'
|
|
263
|
-
}
|
|
264
|
-
};
|
|
265
|
-
};
|
|
266
|
-
|
|
267
|
-
var _default = (0, _styles.withStyles)(styles)(Rubric);
|
|
268
|
-
|
|
269
|
-
exports["default"] = _default;
|
|
207
|
+
var _default = exports.default = Rubric;
|
|
270
208
|
//# sourceMappingURL=main.js.map
|
package/lib/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/main.jsx"],"names":["RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","animationsDisabled","Rubric","props","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","model","classes","extraCSSRules","rubricList","slice","reverse","map","desc","length","pointsLabel","listColumn","titleText","text","__html","fontWeight","root","hiddenScreenReader","rubricToggle","e","key","chevronStyle","React","Component","object","isRequired","styles","theme","color","backgroundColor","background","borderCollapse","padding","textAlign","marginBottom","marginTop","lineHeight","display","flexDirection","alignItems","listColumnItem","fontSize","margin","paddingBottom","cursor","userSelect","typography","tertiary","transition","marginLeft","alignSelf","position","width","height","overflow","clip","border","whiteSpace"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport List from '@material-ui/core/List';\nimport Collapse from '@material-ui/core/Collapse';\nimport { color, UiLayout } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\n\nexport const RubricType = PropTypes.shape({\n excludeZero: PropTypes.bool,\n points: PropTypes.arrayOf(PropTypes.string),\n sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n dudUrl = 'javascript:;';\n\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 static propTypes = {\n classes: PropTypes.object.isRequired,\n model: PropTypes.object.isRequired,\n animationsDisabled: PropTypes.bool,\n value: RubricType,\n };\n\n toggleRubric() {\n this.setState({ rubricOpen: !this.state.rubricOpen });\n this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n }\n\n shouldRenderPoint = (index, value) => {\n if (!value.excludeZero) {\n return true;\n } else {\n return index !== 0;\n }\n };\n\n render() {\n const { model, value, classes } = this.props;\n let { animationsDisabled } = this.props;\n animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n if (value && value.points) {\n const { extraCSSRules } = model || {};\n const { points, sampleAnswers } = value;\n\n const rubricList = (\n <List component=\"nav\">\n {points\n .slice(0)\n .reverse()\n .map((desc, index) => {\n index = points.length - index - 1;\n const pointsLabel = value.excludeZero ? index + 1 : index;\n\n return (\n <React.Fragment key={index}>\n <ListItem key={`P${index}`} className={classes.listColumn}>\n <h3 className={classes.titleText}>\n {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n </h3>\n <div className={classes.text} dangerouslySetInnerHTML={{ __html: desc }} />\n </ListItem>\n\n {sampleAnswers && sampleAnswers[index] && (\n <ListItem key={`S${index}`} className={classes.listColumn}>\n <h4 className={classes.titleText} style={{ fontWeight: 'normal' }}>\n Sample Answer\n </h4>\n <div className={classes.text} dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n </ListItem>\n )}\n </React.Fragment>\n );\n })}\n </List>\n );\n\n return (\n <UiLayout extraCSSRules={extraCSSRules} className={classes.root}>\n {/* screen reader only heading for navigation as per PD-5057 */}\n <h2 className={classes.hiddenScreenReader}>Rubric</h2>\n {!animationsDisabled ? (\n <React.Fragment>\n <h2\n id={'rubric-toggle'}\n className={classes.rubricToggle}\n tabIndex={0}\n role=\"button\"\n aria-expanded={this.state.rubricOpen}\n onClick={this.toggleRubric}\n onKeyPress={(e) => {\n if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n }}\n >\n {this.state.linkPrefix} Rubric\n <span className={classes.chevronStyle} aria-hidden=\"true\">\n {this.state.rubricOpen ? (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"18 15 12 9 6 15\"></polyline>\n </svg>\n ) : (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"6 9 12 15 18 9\"></polyline>\n </svg>\n )}\n </span>\n </h2>\n <Collapse in={this.state.rubricOpen} timeout=\"auto\">\n {rubricList}\n </Collapse>\n </React.Fragment>\n ) : (\n rubricList\n )}\n </UiLayout>\n );\n } else {\n return null;\n }\n }\n}\n\nconst styles = (theme) => ({\n root: {\n color: color.text(),\n backgroundColor: color.background(),\n // apply styles to tables to match the rest of the UI\n '&:not(.MathJax) table': {\n borderCollapse: 'collapse',\n },\n '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n padding: '8px 12px',\n textAlign: 'left',\n },\n // reset paragraph margins and line-height inside lists to override client styles\n '& ul p, & ol p': {\n marginBottom: 0,\n marginTop: 0,\n lineHeight: 'normal',\n },\n },\n listColumn: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n padding: '12px 0px',\n },\n listColumnItem: {\n padding: 0,\n },\n text: {\n color: color.text(),\n },\n titleText: {\n color: color.text(),\n fontSize: '16px',\n fontWeight: '700',\n margin: 0,\n paddingBottom: '6px',\n },\n rubricToggle: {\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n userSelect: 'none',\n fontSize: theme.typography.fontSize,\n fontWeight: '500',\n color: color.tertiary(),\n margin: 0,\n },\n chevronStyle: {\n display: 'inline-flex',\n transition: 'transform 0.2s',\n marginLeft: 2,\n alignSelf: 'center',\n },\n hiddenScreenReader: {\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: 0,\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n border: 0,\n whiteSpace: 'nowrap',\n },\n});\n\nexport default withStyles(styles)(Rubric);\n"],"file":"main.js"}
|
|
1
|
+
{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_styles","_ListItem","_List","_Collapse","_renderUi","_propTypes","StyledUiLayout","styled","UiLayout","color","text","backgroundColor","background","borderCollapse","padding","textAlign","marginBottom","marginTop","lineHeight","StyledListItem","ListItem","display","flexDirection","alignItems","Text","TitleText","fontSize","fontWeight","margin","paddingBottom","SampleTitleText","RubricToggle","theme","cursor","userSelect","typography","tertiary","ChevronStyle","transition","marginLeft","alignSelf","HiddenScreenReader","position","width","height","overflow","clip","border","whiteSpace","RubricType","exports","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","animationsDisabled","Rubric","React","Component","constructor","props","_defineProperty2","default","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","render","model","extraCSSRules","rubricList","createElement","component","slice","reverse","map","desc","length","pointsLabel","Fragment","key","dangerouslySetInnerHTML","__html","id","tabIndex","role","onClick","onKeyPress","e","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","in","timeout","enter","exit","object","isRequired","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport Collapse from '@mui/material/Collapse';\nimport { color, UiLayout } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\n\nconst StyledUiLayout = styled(UiLayout)({\n color: color.text(),\n backgroundColor: color.background(),\n // apply styles to tables to match the rest of the UI\n '&:not(.MathJax) table': {\n borderCollapse: 'collapse',\n },\n '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n padding: '8px 12px',\n textAlign: 'left',\n },\n // reset paragraph margins and line-height inside lists to override client styles\n '& ul p, & ol p': {\n marginBottom: 0,\n marginTop: 0,\n lineHeight: 'normal',\n },\n});\n\nconst StyledListItem = styled(ListItem)({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n padding: '12px 0px',\n});\n\nconst Text = styled('div')({\n color: color.text(),\n});\n\nconst TitleText = styled('h3')({\n color: color.text(),\n fontSize: '16px',\n fontWeight: '700',\n margin: 0,\n paddingBottom: '6px',\n});\n\nconst SampleTitleText = styled('h4')({\n color: color.text(),\n fontSize: '16px',\n fontWeight: 'normal',\n margin: 0,\n paddingBottom: '6px',\n});\n\nconst RubricToggle = styled('h2')(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n userSelect: 'none',\n fontSize: theme.typography.fontSize,\n fontWeight: '500',\n color: color.tertiary(),\n margin: 0,\n}));\n\nconst ChevronStyle = styled('span')({\n display: 'inline-flex',\n transition: 'transform 0.2s',\n marginLeft: 2,\n alignSelf: 'center',\n});\n\nconst HiddenScreenReader = styled('h2')({\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: 0,\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n border: 0,\n whiteSpace: 'nowrap',\n});\n\nexport const RubricType = PropTypes.shape({\n excludeZero: PropTypes.bool,\n points: PropTypes.arrayOf(PropTypes.string),\n sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n dudUrl = 'javascript:;';\n\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 static propTypes = {\n model: PropTypes.object.isRequired,\n animationsDisabled: PropTypes.bool,\n value: RubricType,\n };\n\n toggleRubric() {\n this.setState({ rubricOpen: !this.state.rubricOpen });\n this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n }\n\n shouldRenderPoint = (index, value) => {\n if (!value.excludeZero) {\n return true;\n } else {\n return index !== 0;\n }\n };\n\n render() {\n const { model, value } = this.props;\n let { animationsDisabled } = this.props;\n animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n if (value && value.points) {\n const { extraCSSRules } = model || {};\n const { points, sampleAnswers } = value;\n\n const rubricList = (\n <List component=\"nav\">\n {points\n .slice(0)\n .reverse()\n .map((desc, index) => {\n index = points.length - index - 1;\n const pointsLabel = value.excludeZero ? index + 1 : index;\n\n return (\n <React.Fragment key={index}>\n <StyledListItem key={`P${index}`}>\n <TitleText>\n {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n </TitleText>\n <Text dangerouslySetInnerHTML={{ __html: desc }} />\n </StyledListItem>\n\n {sampleAnswers && sampleAnswers[index] && (\n <StyledListItem key={`S${index}`}>\n <SampleTitleText>\n Sample Answer\n </SampleTitleText>\n <Text dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n </StyledListItem>\n )}\n </React.Fragment>\n );\n })}\n </List>\n );\n\n return (\n <StyledUiLayout extraCSSRules={extraCSSRules}>\n {/* screen reader only heading for navigation as per PD-5057 */}\n <HiddenScreenReader>Rubric</HiddenScreenReader>\n {!animationsDisabled ? (\n <React.Fragment>\n <RubricToggle\n id={'rubric-toggle'}\n tabIndex={0}\n role=\"button\"\n aria-expanded={this.state.rubricOpen}\n onClick={this.toggleRubric}\n onKeyPress={(e) => {\n if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n }}\n >\n {this.state.linkPrefix} Rubric\n <ChevronStyle aria-hidden=\"true\">\n {this.state.rubricOpen ? (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"18 15 12 9 6 15\"></polyline>\n </svg>\n ) : (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"6 9 12 15 18 9\"></polyline>\n </svg>\n )}\n </ChevronStyle>\n </RubricToggle>\n <Collapse in={this.state.rubricOpen} timeout={{ enter: 225, exit: 195 }}>\n {rubricList}\n </Collapse>\n </React.Fragment>\n ) : (\n rubricList\n )}\n </StyledUiLayout>\n );\n } else {\n return null;\n }\n }\n}\n\nexport default Rubric;\n"],"mappings":"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","ignoreList":[]}
|