@pie-lib/mask-markup 2.0.0-next.0 → 2.1.0-next.2
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/CHANGELOG.md +38 -0
- package/package.json +6 -18
- package/src/constructed-response.jsx +6 -15
- package/src/serialization.js +143 -53
- package/lib/choices/choice.js +0 -116
- package/lib/choices/choice.js.map +0 -1
- package/lib/choices/index.js +0 -103
- package/lib/choices/index.js.map +0 -1
- package/lib/componentize.js +0 -21
- package/lib/componentize.js.map +0 -1
- package/lib/components/blank.js +0 -357
- package/lib/components/blank.js.map +0 -1
- package/lib/components/correct-input.js +0 -94
- package/lib/components/correct-input.js.map +0 -1
- package/lib/components/dropdown.js +0 -459
- package/lib/components/dropdown.js.map +0 -1
- package/lib/components/input.js +0 -50
- package/lib/components/input.js.map +0 -1
- package/lib/constructed-response.js +0 -102
- package/lib/constructed-response.js.map +0 -1
- package/lib/customizable.js +0 -44
- package/lib/customizable.js.map +0 -1
- package/lib/drag-in-the-blank.js +0 -252
- package/lib/drag-in-the-blank.js.map +0 -1
- package/lib/index.js +0 -55
- package/lib/index.js.map +0 -1
- package/lib/inline-dropdown.js +0 -40
- package/lib/inline-dropdown.js.map +0 -1
- package/lib/mask.js +0 -196
- package/lib/mask.js.map +0 -1
- package/lib/serialization.js +0 -167
- package/lib/serialization.js.map +0 -1
- package/lib/with-mask.js +0 -97
- package/lib/with-mask.js.map +0 -1
|
@@ -1,459 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
11
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
|
-
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
17
|
-
var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
|
|
18
|
-
var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
|
|
19
|
-
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
20
|
-
var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
|
|
21
|
-
var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
|
|
22
|
-
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
23
|
-
var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
|
|
24
|
-
var _styles = require("@mui/material/styles");
|
|
25
|
-
var _renderUi = require("@pie-lib/render-ui");
|
|
26
|
-
var _mathRendering = require("@pie-lib/math-rendering");
|
|
27
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
29
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
30
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
31
|
-
var StyledButton = (0, _styles.styled)(_Button["default"])(function () {
|
|
32
|
-
return {
|
|
33
|
-
color: _renderUi.color.text(),
|
|
34
|
-
border: "1px solid ".concat(_renderUi.color.borderGray()),
|
|
35
|
-
borderRadius: '4px',
|
|
36
|
-
justifyContent: 'space-between',
|
|
37
|
-
backgroundColor: _renderUi.color.background(),
|
|
38
|
-
position: 'relative',
|
|
39
|
-
height: '45px',
|
|
40
|
-
width: 'fit-content',
|
|
41
|
-
margin: '2px',
|
|
42
|
-
textTransform: 'none',
|
|
43
|
-
'& span': {
|
|
44
|
-
paddingRight: '5px'
|
|
45
|
-
},
|
|
46
|
-
'& svg': {
|
|
47
|
-
position: 'absolute',
|
|
48
|
-
right: 0,
|
|
49
|
-
top: 'calc(50% - 12px)',
|
|
50
|
-
pointerEvents: 'none',
|
|
51
|
-
color: _renderUi.color.text(),
|
|
52
|
-
marginLeft: '5px'
|
|
53
|
-
},
|
|
54
|
-
'&.Mui-focused': {
|
|
55
|
-
outline: "3px solid ".concat(_renderUi.color.tertiary()),
|
|
56
|
-
outlineOffset: '2px',
|
|
57
|
-
borderWidth: '3px'
|
|
58
|
-
},
|
|
59
|
-
'&.disabledCorrect': {
|
|
60
|
-
borderWidth: '2px',
|
|
61
|
-
borderColor: _renderUi.color.correct(),
|
|
62
|
-
color: "".concat(_renderUi.color.text(), " !important")
|
|
63
|
-
},
|
|
64
|
-
'&.disabledIncorrect': {
|
|
65
|
-
borderWidth: '2px',
|
|
66
|
-
borderColor: _renderUi.color.incorrectWithIcon(),
|
|
67
|
-
color: "".concat(_renderUi.color.text(), " !important")
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
});
|
|
71
|
-
var StyledMenu = (0, _styles.styled)(_Menu["default"])(function () {
|
|
72
|
-
return {
|
|
73
|
-
backgroundColor: _renderUi.color.background(),
|
|
74
|
-
border: "1px solid ".concat(_renderUi.color.correct(), " !important"),
|
|
75
|
-
'&:hover': {
|
|
76
|
-
border: "1px solid ".concat(_renderUi.color.text(), " "),
|
|
77
|
-
borderColor: 'initial'
|
|
78
|
-
},
|
|
79
|
-
'&:focus': {
|
|
80
|
-
border: "1px solid ".concat(_renderUi.color.text()),
|
|
81
|
-
borderColor: 'initial'
|
|
82
|
-
},
|
|
83
|
-
// remove default padding on the inner list
|
|
84
|
-
'& .MuiList-root': {
|
|
85
|
-
padding: 0
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
});
|
|
89
|
-
var StyledMenuItem = (0, _styles.styled)(_MenuItem["default"])(function () {
|
|
90
|
-
return {
|
|
91
|
-
color: _renderUi.color.text(),
|
|
92
|
-
backgroundColor: _renderUi.color.background(),
|
|
93
|
-
'&.Mui-focused': {
|
|
94
|
-
outline: "3px solid ".concat(_renderUi.color.tertiary()),
|
|
95
|
-
outlineOffset: '-1px',
|
|
96
|
-
// keeps it inside the item
|
|
97
|
-
color: _renderUi.color.text(),
|
|
98
|
-
backgroundColor: _renderUi.color.background()
|
|
99
|
-
},
|
|
100
|
-
'&:hover': {
|
|
101
|
-
color: _renderUi.color.text(),
|
|
102
|
-
backgroundColor: _renderUi.color.dropdownBackground()
|
|
103
|
-
},
|
|
104
|
-
boxSizing: 'border-box',
|
|
105
|
-
padding: '25px',
|
|
106
|
-
borderRadius: '4px',
|
|
107
|
-
'&.selected': {
|
|
108
|
-
color: "".concat(_renderUi.color.text(), " !important"),
|
|
109
|
-
backgroundColor: "".concat(_renderUi.color.background(), " !important"),
|
|
110
|
-
'&:hover': {
|
|
111
|
-
color: _renderUi.color.text(),
|
|
112
|
-
backgroundColor: "".concat(_renderUi.color.dropdownBackground(), " !important")
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
};
|
|
116
|
-
});
|
|
117
|
-
var StyledLabel = (0, _styles.styled)('span')(function () {
|
|
118
|
-
return {
|
|
119
|
-
fontSize: 'max(1rem, 14px)'
|
|
120
|
-
};
|
|
121
|
-
});
|
|
122
|
-
var StyledSelectedIndicator = (0, _styles.styled)('span')(function () {
|
|
123
|
-
return {
|
|
124
|
-
fontSize: 'max(1rem, 14px)',
|
|
125
|
-
position: 'absolute',
|
|
126
|
-
right: '10px'
|
|
127
|
-
};
|
|
128
|
-
});
|
|
129
|
-
var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function () {
|
|
130
|
-
return {
|
|
131
|
-
position: 'absolute',
|
|
132
|
-
left: '-10000px',
|
|
133
|
-
top: 'auto',
|
|
134
|
-
width: '1px',
|
|
135
|
-
height: '1px',
|
|
136
|
-
overflow: 'hidden'
|
|
137
|
-
};
|
|
138
|
-
});
|
|
139
|
-
var StyledCorrectnessIcon = (0, _styles.styled)(_Check["default"])(function () {
|
|
140
|
-
return {
|
|
141
|
-
color: "".concat(_renderUi.color.white(), " !important"),
|
|
142
|
-
position: 'absolute',
|
|
143
|
-
top: '-8px !important',
|
|
144
|
-
left: '-8px',
|
|
145
|
-
marginLeft: '0 !important',
|
|
146
|
-
borderRadius: '50%',
|
|
147
|
-
fontSize: '16px',
|
|
148
|
-
padding: '2px',
|
|
149
|
-
'&.correct': {
|
|
150
|
-
backgroundColor: _renderUi.color.correct()
|
|
151
|
-
},
|
|
152
|
-
'&.incorrect': {
|
|
153
|
-
backgroundColor: _renderUi.color.incorrectWithIcon()
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
});
|
|
157
|
-
var StyledIncorrectnessIcon = (0, _styles.styled)(_Close["default"])(function () {
|
|
158
|
-
return {
|
|
159
|
-
color: "".concat(_renderUi.color.white(), " !important"),
|
|
160
|
-
position: 'absolute',
|
|
161
|
-
top: '-8px !important',
|
|
162
|
-
left: '-8px',
|
|
163
|
-
marginLeft: '0 !important',
|
|
164
|
-
borderRadius: '50%',
|
|
165
|
-
fontSize: '16px',
|
|
166
|
-
padding: '2px',
|
|
167
|
-
'&.correct': {
|
|
168
|
-
backgroundColor: _renderUi.color.correct()
|
|
169
|
-
},
|
|
170
|
-
'&.incorrect': {
|
|
171
|
-
backgroundColor: _renderUi.color.incorrectWithIcon()
|
|
172
|
-
}
|
|
173
|
-
};
|
|
174
|
-
});
|
|
175
|
-
var Dropdown = /*#__PURE__*/function (_React$Component) {
|
|
176
|
-
function Dropdown(props) {
|
|
177
|
-
var _this;
|
|
178
|
-
(0, _classCallCheck2["default"])(this, Dropdown);
|
|
179
|
-
_this = _callSuper(this, Dropdown, [props]);
|
|
180
|
-
(0, _defineProperty2["default"])(_this, "handleClick", function (event) {
|
|
181
|
-
return _this.setState({
|
|
182
|
-
anchorEl: event.currentTarget
|
|
183
|
-
});
|
|
184
|
-
});
|
|
185
|
-
(0, _defineProperty2["default"])(_this, "handleClose", function () {
|
|
186
|
-
var value = _this.props.value;
|
|
187
|
-
_this.setState({
|
|
188
|
-
anchorEl: null,
|
|
189
|
-
previewValue: null,
|
|
190
|
-
highlightedOptionId: null
|
|
191
|
-
});
|
|
192
|
-
// clear displayed preview if no selection
|
|
193
|
-
if (!value && _this.previewRef.current) {
|
|
194
|
-
_this.previewRef.current.innerHTML = '';
|
|
195
|
-
}
|
|
196
|
-
});
|
|
197
|
-
(0, _defineProperty2["default"])(_this, "handleHighlight", function (index) {
|
|
198
|
-
var highlightedOptionId = "dropdown-option-".concat(_this.props.id, "-").concat(index);
|
|
199
|
-
|
|
200
|
-
// preview on hover if nothing selected
|
|
201
|
-
var stateUpdate = {
|
|
202
|
-
highlightedOptionId: highlightedOptionId
|
|
203
|
-
};
|
|
204
|
-
if (!_this.props.value) {
|
|
205
|
-
stateUpdate.previewValue = _this.props.choices[index].value;
|
|
206
|
-
}
|
|
207
|
-
_this.setState(stateUpdate);
|
|
208
|
-
});
|
|
209
|
-
(0, _defineProperty2["default"])(_this, "handleSelect", function (value, index) {
|
|
210
|
-
_this.props.onChange(_this.props.id, value);
|
|
211
|
-
_this.handleHighlight(index);
|
|
212
|
-
_this.handleClose();
|
|
213
|
-
});
|
|
214
|
-
(0, _defineProperty2["default"])(_this, "handleHover", function (index) {
|
|
215
|
-
var selectedValue = _this.props.value;
|
|
216
|
-
if (selectedValue) return;
|
|
217
|
-
var highlightedOptionId = "dropdown-option-".concat(_this.props.id, "-").concat(index);
|
|
218
|
-
var previewValue = _this.state.previewValue;
|
|
219
|
-
_this.setState({
|
|
220
|
-
highlightedOptionId: highlightedOptionId,
|
|
221
|
-
previewValue: previewValue
|
|
222
|
-
}, function () {
|
|
223
|
-
// On hover, preview the math-rendered content inside the button if no value is selected.
|
|
224
|
-
var ref = _this.elementRefs[index];
|
|
225
|
-
var preview = _this.previewRef.current;
|
|
226
|
-
if (ref && preview) {
|
|
227
|
-
preview.innerHTML = ref.innerHTML;
|
|
228
|
-
}
|
|
229
|
-
});
|
|
230
|
-
});
|
|
231
|
-
_this.state = {
|
|
232
|
-
anchorEl: null,
|
|
233
|
-
highlightedOptionId: null,
|
|
234
|
-
menuWidth: null,
|
|
235
|
-
previewValue: null
|
|
236
|
-
};
|
|
237
|
-
_this.hiddenRef = /*#__PURE__*/_react["default"].createRef();
|
|
238
|
-
_this.buttonRef = /*#__PURE__*/_react["default"].createRef();
|
|
239
|
-
_this.previewRef = /*#__PURE__*/_react["default"].createRef();
|
|
240
|
-
_this.elementRefs = [];
|
|
241
|
-
return _this;
|
|
242
|
-
}
|
|
243
|
-
(0, _inherits2["default"])(Dropdown, _React$Component);
|
|
244
|
-
return (0, _createClass2["default"])(Dropdown, [{
|
|
245
|
-
key: "componentDidMount",
|
|
246
|
-
value: function componentDidMount() {
|
|
247
|
-
// measure hidden menu width once
|
|
248
|
-
if (this.hiddenRef.current && this.state.menuWidth === null) {
|
|
249
|
-
this.setState({
|
|
250
|
-
menuWidth: this.hiddenRef.current.clientWidth
|
|
251
|
-
});
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
}, {
|
|
255
|
-
key: "componentDidUpdate",
|
|
256
|
-
value: function componentDidUpdate(prevProps, prevState) {
|
|
257
|
-
var hiddenEl = this.hiddenRef.current;
|
|
258
|
-
var dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;
|
|
259
|
-
if (dropdownJustOpened) {
|
|
260
|
-
this.elementRefs.forEach(function (ref) {
|
|
261
|
-
if (!ref) return;
|
|
262
|
-
var containsLatex = ref.querySelector('[data-latex], [data-raw]');
|
|
263
|
-
var hasMathJax = ref.querySelector('mjx-container');
|
|
264
|
-
var mathHandled = ref.querySelector('[data-math-handled="true"]');
|
|
265
|
-
if (containsLatex && (!mathHandled || !hasMathJax)) {
|
|
266
|
-
(0, _mathRendering.renderMath)(ref);
|
|
267
|
-
}
|
|
268
|
-
});
|
|
269
|
-
}
|
|
270
|
-
if (hiddenEl) {
|
|
271
|
-
var newWidth = hiddenEl.clientWidth;
|
|
272
|
-
if (newWidth !== this.state.menuWidth) {
|
|
273
|
-
this.elementRefs.forEach(function (ref) {
|
|
274
|
-
if (ref) (0, _mathRendering.renderMath)(ref);
|
|
275
|
-
});
|
|
276
|
-
(0, _mathRendering.renderMath)(hiddenEl);
|
|
277
|
-
this.setState({
|
|
278
|
-
menuWidth: newWidth
|
|
279
|
-
});
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
}, {
|
|
284
|
-
key: "getLabel",
|
|
285
|
-
value: function getLabel(choices, value) {
|
|
286
|
-
var found = (choices || []).find(function (choice) {
|
|
287
|
-
return choice.value === value;
|
|
288
|
-
});
|
|
289
|
-
return found ? found.label.trim() : undefined;
|
|
290
|
-
}
|
|
291
|
-
}, {
|
|
292
|
-
key: "render",
|
|
293
|
-
value: function render() {
|
|
294
|
-
var _this2 = this;
|
|
295
|
-
var _this$props = this.props,
|
|
296
|
-
id = _this$props.id,
|
|
297
|
-
correct = _this$props.correct,
|
|
298
|
-
disabled = _this$props.disabled,
|
|
299
|
-
value = _this$props.value,
|
|
300
|
-
choices = _this$props.choices,
|
|
301
|
-
showCorrectAnswer = _this$props.showCorrectAnswer,
|
|
302
|
-
singleQuery = _this$props.singleQuery,
|
|
303
|
-
correctValue = _this$props.correctValue;
|
|
304
|
-
var anchorEl = this.state.anchorEl;
|
|
305
|
-
var open = Boolean(anchorEl);
|
|
306
|
-
var buttonId = "dropdown-button-".concat(id);
|
|
307
|
-
var menuId = "dropdown-menu-".concat(id);
|
|
308
|
-
var valueDisplayId = "dropdown-value-".concat(id);
|
|
309
|
-
|
|
310
|
-
// Determine the class for disabled state, view mode and evaluate mode
|
|
311
|
-
var disabledClass;
|
|
312
|
-
// Reset elementRefs before each render to avoid stale references
|
|
313
|
-
this.elementRefs = [];
|
|
314
|
-
if (disabled && correct !== undefined) {
|
|
315
|
-
disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
// Create distinct, visually hidden labels for each dropdown
|
|
319
|
-
var incrementedId = parseInt(id, 10) + 1;
|
|
320
|
-
var labelId = singleQuery ? 'Query-label' : "Query-label-".concat(incrementedId);
|
|
321
|
-
var labelText = singleQuery ? 'Query' : "Query ".concat(incrementedId);
|
|
322
|
-
|
|
323
|
-
// Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.
|
|
324
|
-
var correctnessIcon = null;
|
|
325
|
-
if (disabled && correct !== undefined) {
|
|
326
|
-
correctnessIcon = correct || showCorrectAnswer ? /*#__PURE__*/_react["default"].createElement(StyledCorrectnessIcon, {
|
|
327
|
-
className: "correct"
|
|
328
|
-
}) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectnessIcon, {
|
|
329
|
-
className: "incorrect"
|
|
330
|
-
});
|
|
331
|
-
}
|
|
332
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
333
|
-
ref: this.hiddenRef,
|
|
334
|
-
style: {
|
|
335
|
-
position: 'absolute',
|
|
336
|
-
visibility: 'hidden',
|
|
337
|
-
top: 0,
|
|
338
|
-
left: 0
|
|
339
|
-
},
|
|
340
|
-
tabIndex: -1,
|
|
341
|
-
"aria-hidden": "true"
|
|
342
|
-
}, (choices || []).map(function (c, index) {
|
|
343
|
-
return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
|
|
344
|
-
key: index,
|
|
345
|
-
tabIndex: -1,
|
|
346
|
-
"aria-hidden": "true"
|
|
347
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
|
|
348
|
-
dangerouslySetInnerHTML: {
|
|
349
|
-
__html: c.label
|
|
350
|
-
}
|
|
351
|
-
}));
|
|
352
|
-
})), /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
|
|
353
|
-
id: labelId,
|
|
354
|
-
tabIndex: -1,
|
|
355
|
-
"aria-hidden": "true"
|
|
356
|
-
}, labelText), /*#__PURE__*/_react["default"].createElement(StyledButton, {
|
|
357
|
-
ref: this.buttonRef,
|
|
358
|
-
style: _objectSpread(_objectSpread({}, this.state.menuWidth && {
|
|
359
|
-
minWidth: "calc(".concat(this.state.menuWidth, "px + 8px)")
|
|
360
|
-
}), {}, {
|
|
361
|
-
borderWidth: open ? '2px' : '1px',
|
|
362
|
-
transition: 'border-width 0.2s ease-in-out'
|
|
363
|
-
}),
|
|
364
|
-
"aria-controls": open ? menuId : undefined,
|
|
365
|
-
"aria-haspopup": "listbox",
|
|
366
|
-
"aria-expanded": open ? 'true' : undefined,
|
|
367
|
-
"aria-activedescendant": this.state.highlightedOptionId,
|
|
368
|
-
onClick: this.handleClick,
|
|
369
|
-
className: disabledClass,
|
|
370
|
-
disabled: disabled,
|
|
371
|
-
id: buttonId,
|
|
372
|
-
role: "combobox",
|
|
373
|
-
"aria-label": "Select an option for ".concat(labelText),
|
|
374
|
-
"aria-labelledby": valueDisplayId
|
|
375
|
-
}, correctnessIcon, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
|
|
376
|
-
id: valueDisplayId,
|
|
377
|
-
ref: this.previewRef,
|
|
378
|
-
dangerouslySetInnerHTML: {
|
|
379
|
-
__html: correctValue ? correctValue : open && this.state.previewValue ? this.getLabel(choices, this.state.previewValue) : this.getLabel(choices, value) || ''
|
|
380
|
-
}
|
|
381
|
-
}), open ? /*#__PURE__*/_react["default"].createElement(_ArrowDropUp["default"], null) : /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], null)), /*#__PURE__*/_react["default"].createElement(StyledMenu, {
|
|
382
|
-
id: menuId,
|
|
383
|
-
anchorEl: anchorEl,
|
|
384
|
-
keepMounted: true,
|
|
385
|
-
open: open,
|
|
386
|
-
onClose: this.handleClose,
|
|
387
|
-
getContentAnchorEl: null,
|
|
388
|
-
anchorOrigin: {
|
|
389
|
-
vertical: 'bottom',
|
|
390
|
-
horizontal: 'left'
|
|
391
|
-
},
|
|
392
|
-
transformOrigin: {
|
|
393
|
-
vertical: 'top',
|
|
394
|
-
horizontal: 'left'
|
|
395
|
-
},
|
|
396
|
-
transitionDuration: {
|
|
397
|
-
enter: 225,
|
|
398
|
-
exit: 195
|
|
399
|
-
},
|
|
400
|
-
slotProps: {
|
|
401
|
-
paper: this.state.menuWidth ? {
|
|
402
|
-
style: {
|
|
403
|
-
minWidth: this.state.menuWidth,
|
|
404
|
-
padding: '4px'
|
|
405
|
-
}
|
|
406
|
-
} : undefined,
|
|
407
|
-
list: {
|
|
408
|
-
'aria-labelledby': buttonId,
|
|
409
|
-
role: 'listbox',
|
|
410
|
-
disablePadding: true
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
}, (choices || []).map(function (c, index) {
|
|
414
|
-
var optionId = "dropdown-option-".concat(id, "-").concat(index);
|
|
415
|
-
return /*#__PURE__*/_react["default"].createElement(StyledMenuItem, {
|
|
416
|
-
id: optionId,
|
|
417
|
-
className: c.value === value ? 'selected' : '',
|
|
418
|
-
key: "".concat(c.label, "-").concat(index),
|
|
419
|
-
value: c.value,
|
|
420
|
-
onClick: function onClick() {
|
|
421
|
-
return _this2.handleSelect(c.value, index);
|
|
422
|
-
},
|
|
423
|
-
role: "option",
|
|
424
|
-
"aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined,
|
|
425
|
-
onMouseOver: function onMouseOver() {
|
|
426
|
-
return _this2.handleHover(index);
|
|
427
|
-
}
|
|
428
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledLabel, {
|
|
429
|
-
ref: function ref(_ref) {
|
|
430
|
-
return _this2.elementRefs[index] = _ref;
|
|
431
|
-
},
|
|
432
|
-
dangerouslySetInnerHTML: {
|
|
433
|
-
__html: c.label
|
|
434
|
-
}
|
|
435
|
-
}), /*#__PURE__*/_react["default"].createElement(StyledSelectedIndicator, {
|
|
436
|
-
dangerouslySetInnerHTML: {
|
|
437
|
-
__html: c.value === value ? ' ✓' : ''
|
|
438
|
-
}
|
|
439
|
-
}));
|
|
440
|
-
})));
|
|
441
|
-
}
|
|
442
|
-
}]);
|
|
443
|
-
}(_react["default"].Component);
|
|
444
|
-
(0, _defineProperty2["default"])(Dropdown, "propTypes", {
|
|
445
|
-
id: _propTypes["default"].string,
|
|
446
|
-
value: _propTypes["default"].string,
|
|
447
|
-
disabled: _propTypes["default"].bool,
|
|
448
|
-
onChange: _propTypes["default"].func,
|
|
449
|
-
correct: _propTypes["default"].bool,
|
|
450
|
-
choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
|
|
451
|
-
value: _propTypes["default"].string,
|
|
452
|
-
label: _propTypes["default"].string
|
|
453
|
-
})),
|
|
454
|
-
showCorrectAnswer: _propTypes["default"].bool,
|
|
455
|
-
singleQuery: _propTypes["default"].bool,
|
|
456
|
-
correctValue: _propTypes["default"].string
|
|
457
|
-
});
|
|
458
|
-
var _default = exports["default"] = Dropdown;
|
|
459
|
-
//# sourceMappingURL=dropdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_InputLabel","_Menu","_MenuItem","_ArrowDropDown","_ArrowDropUp","_Close","_Check","_styles","_renderUi","_mathRendering","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","StyledButton","styled","Button","color","text","border","concat","borderGray","borderRadius","justifyContent","backgroundColor","background","position","height","width","margin","textTransform","paddingRight","right","top","pointerEvents","marginLeft","outline","tertiary","outlineOffset","borderWidth","borderColor","correct","incorrectWithIcon","StyledMenu","Menu","padding","StyledMenuItem","MenuItem","dropdownBackground","boxSizing","StyledLabel","fontSize","StyledSelectedIndicator","StyledInputLabel","InputLabel","left","overflow","StyledCorrectnessIcon","Check","white","StyledIncorrectnessIcon","Close","Dropdown","_React$Component","props","_this","_classCallCheck2","event","setState","anchorEl","currentTarget","value","previewValue","highlightedOptionId","previewRef","current","innerHTML","index","id","stateUpdate","choices","onChange","handleHighlight","handleClose","selectedValue","state","ref","elementRefs","preview","menuWidth","hiddenRef","React","createRef","buttonRef","_inherits2","_createClass2","key","componentDidMount","clientWidth","componentDidUpdate","prevProps","prevState","hiddenEl","dropdownJustOpened","containsLatex","querySelector","hasMathJax","mathHandled","renderMath","newWidth","getLabel","found","find","choice","label","trim","undefined","render","_this2","_this$props","disabled","showCorrectAnswer","singleQuery","correctValue","open","buttonId","menuId","valueDisplayId","disabledClass","incrementedId","parseInt","labelId","labelText","correctnessIcon","createElement","className","Fragment","style","visibility","tabIndex","map","c","dangerouslySetInnerHTML","__html","minWidth","transition","onClick","handleClick","role","keepMounted","onClose","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","transitionDuration","enter","exit","slotProps","paper","list","disablePadding","optionId","handleSelect","onMouseOver","handleHover","Component","PropTypes","string","bool","func","arrayOf","shape","_default","exports"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport InputLabel from '@mui/material/InputLabel';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport Close from '@mui/icons-material/Close';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledButton = styled(Button)(() => ({\n color: color.text(),\n border: `1px solid ${color.borderGray()}`,\n borderRadius: '4px',\n justifyContent: 'space-between',\n backgroundColor: color.background(),\n position: 'relative',\n height: '45px',\n width: 'fit-content',\n margin: '2px',\n textTransform: 'none',\n '& span': {\n paddingRight: '5px',\n },\n '& svg': {\n position: 'absolute',\n right: 0,\n top: 'calc(50% - 12px)',\n pointerEvents: 'none',\n color: color.text(),\n marginLeft: '5px',\n },\n '&.Mui-focused': {\n outline: `3px solid ${color.tertiary()}`,\n outlineOffset: '2px',\n borderWidth: '3px',\n },\n '&.disabledCorrect': {\n borderWidth: '2px',\n borderColor: color.correct(),\n color: `${color.text()} !important`,\n },\n '&.disabledIncorrect': {\n borderWidth: '2px',\n borderColor: color.incorrectWithIcon(),\n color: `${color.text()} !important`,\n },\n}));\n\nconst StyledMenu = styled(Menu)(() => ({\n backgroundColor: color.background(),\n border: `1px solid ${color.correct()} !important`,\n '&:hover': {\n border: `1px solid ${color.text()} `,\n borderColor: 'initial',\n },\n '&:focus': {\n border: `1px solid ${color.text()}`,\n borderColor: 'initial',\n },\n // remove default padding on the inner list\n '& .MuiList-root': {\n padding: 0,\n },\n}));\n\nconst StyledMenuItem = styled(MenuItem)(() => ({\n color: color.text(),\n backgroundColor: color.background(),\n '&.Mui-focused': {\n outline: `3px solid ${color.tertiary()}`,\n outlineOffset: '-1px', // keeps it inside the item\n color: color.text(),\n backgroundColor: color.background(),\n },\n '&:hover': {\n color: color.text(),\n backgroundColor: color.dropdownBackground(),\n },\n boxSizing: 'border-box',\n padding: '25px',\n borderRadius: '4px',\n '&.selected': {\n color: `${color.text()} !important`,\n backgroundColor: `${color.background()} !important`,\n '&:hover': {\n color: color.text(),\n backgroundColor: `${color.dropdownBackground()} !important`,\n },\n },\n}));\n\nconst StyledLabel = styled('span')(() => ({\n fontSize: 'max(1rem, 14px)',\n}));\n\nconst StyledSelectedIndicator = styled('span')(() => ({\n fontSize: 'max(1rem, 14px)',\n position: 'absolute',\n right: '10px',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n position: 'absolute',\n left: '-10000px',\n top: 'auto',\n width: '1px',\n height: '1px',\n overflow: 'hidden',\n}));\n\nconst StyledCorrectnessIcon = styled(Check)(() => ({\n color: `${color.white()} !important`,\n position: 'absolute',\n top: '-8px !important',\n left: '-8px',\n marginLeft: '0 !important',\n borderRadius: '50%',\n fontSize: '16px',\n padding: '2px',\n '&.correct': {\n backgroundColor: color.correct(),\n },\n '&.incorrect': {\n backgroundColor: color.incorrectWithIcon(),\n },\n}));\n\nconst StyledIncorrectnessIcon = styled(Close)(() => ({\n color: `${color.white()} !important`,\n position: 'absolute',\n top: '-8px !important',\n left: '-8px',\n marginLeft: '0 !important',\n borderRadius: '50%',\n fontSize: '16px',\n padding: '2px',\n '&.correct': {\n backgroundColor: color.correct(),\n },\n '&.incorrect': {\n backgroundColor: color.incorrectWithIcon(),\n },\n}));\n\nclass Dropdown extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n correct: PropTypes.bool,\n choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n showCorrectAnswer: PropTypes.bool,\n singleQuery: PropTypes.bool,\n correctValue: PropTypes.string,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n anchorEl: null,\n highlightedOptionId: null,\n menuWidth: null,\n previewValue: null,\n };\n this.hiddenRef = React.createRef();\n this.buttonRef = React.createRef();\n this.previewRef = React.createRef();\n this.elementRefs = [];\n }\n\n componentDidMount() {\n // measure hidden menu width once\n if (this.hiddenRef.current && this.state.menuWidth === null) {\n this.setState({ menuWidth: this.hiddenRef.current.clientWidth });\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n const hiddenEl = this.hiddenRef.current;\n\n const dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;\n if (dropdownJustOpened) {\n this.elementRefs.forEach((ref) => {\n if (!ref) return;\n\n const containsLatex = ref.querySelector('[data-latex], [data-raw]');\n const hasMathJax = ref.querySelector('mjx-container');\n const mathHandled = ref.querySelector('[data-math-handled=\"true\"]');\n\n if (containsLatex && (!mathHandled || !hasMathJax)) {\n renderMath(ref);\n }\n });\n }\n\n if (hiddenEl) {\n const newWidth = hiddenEl.clientWidth;\n if (newWidth !== this.state.menuWidth) {\n this.elementRefs.forEach((ref) => {\n if (ref) renderMath(ref);\n });\n\n renderMath(hiddenEl);\n this.setState({ menuWidth: newWidth });\n }\n }\n }\n\n handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n handleClose = () => {\n const { value } = this.props;\n this.setState({ anchorEl: null, previewValue: null, highlightedOptionId: null });\n // clear displayed preview if no selection\n if (!value && this.previewRef.current) {\n this.previewRef.current.innerHTML = '';\n }\n };\n\n handleHighlight = (index) => {\n const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n\n // preview on hover if nothing selected\n const stateUpdate = { highlightedOptionId };\n if (!this.props.value) {\n stateUpdate.previewValue = this.props.choices[index].value;\n }\n this.setState(stateUpdate);\n };\n\n handleSelect = (value, index) => {\n this.props.onChange(this.props.id, value);\n this.handleHighlight(index);\n this.handleClose();\n };\n\n handleHover = (index) => {\n const selectedValue = this.props.value;\n\n if (selectedValue) return;\n\n const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;\n const previewValue = this.state.previewValue;\n\n this.setState({ highlightedOptionId, previewValue }, () => {\n // On hover, preview the math-rendered content inside the button if no value is selected.\n const ref = this.elementRefs[index];\n const preview = this.previewRef.current;\n\n if (ref && preview) {\n preview.innerHTML = ref.innerHTML;\n }\n });\n };\n\n getLabel(choices, value) {\n const found = (choices || []).find((choice) => choice.value === value);\n\n return found ? found.label.trim() : undefined;\n }\n\n render() {\n const { id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;\n const { anchorEl } = this.state;\n const open = Boolean(anchorEl);\n const buttonId = `dropdown-button-${id}`;\n const menuId = `dropdown-menu-${id}`;\n const valueDisplayId = `dropdown-value-${id}`;\n\n // Determine the class for disabled state, view mode and evaluate mode\n let disabledClass;\n // Reset elementRefs before each render to avoid stale references\n this.elementRefs = [];\n\n if (disabled && correct !== undefined) {\n disabledClass = correct || showCorrectAnswer ? 'disabledCorrect' : 'disabledIncorrect';\n }\n\n // Create distinct, visually hidden labels for each dropdown\n const incrementedId = parseInt(id, 10) + 1;\n const labelId = singleQuery ? 'Query-label' : `Query-label-${incrementedId}`;\n const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;\n\n // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.\n let correctnessIcon = null;\n if (disabled && correct !== undefined) {\n correctnessIcon =\n correct || showCorrectAnswer ? (\n <StyledCorrectnessIcon className=\"correct\" />\n ) : (\n <StyledIncorrectnessIcon className=\"incorrect\" />\n );\n }\n\n return (\n <>\n <div\n ref={this.hiddenRef}\n style={{ position: 'absolute', visibility: 'hidden', top: 0, left: 0 }}\n tabIndex={-1}\n aria-hidden=\"true\"\n >\n {(choices || []).map((c, index) => (\n <StyledMenuItem\n key={index}\n tabIndex={-1}\n aria-hidden=\"true\"\n >\n <StyledLabel dangerouslySetInnerHTML={{ __html: c.label }} />\n </StyledMenuItem>\n ))}\n </div>\n <StyledInputLabel id={labelId} tabIndex={-1} aria-hidden=\"true\">\n {labelText}\n </StyledInputLabel>\n <StyledButton\n ref={this.buttonRef}\n style={{\n ...(this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` }),\n borderWidth: open ? '2px' : '1px',\n transition: 'border-width 0.2s ease-in-out',\n }}\n aria-controls={open ? menuId : undefined}\n aria-haspopup=\"listbox\"\n aria-expanded={open ? 'true' : undefined}\n aria-activedescendant={this.state.highlightedOptionId}\n onClick={this.handleClick}\n className={disabledClass}\n disabled={disabled}\n id={buttonId}\n role=\"combobox\"\n aria-label={`Select an option for ${labelText}`}\n aria-labelledby={valueDisplayId}\n >\n {correctnessIcon}\n <StyledLabel\n id={valueDisplayId}\n ref={this.previewRef}\n dangerouslySetInnerHTML={{\n __html: correctValue\n ? correctValue\n : open && this.state.previewValue\n ? this.getLabel(choices, this.state.previewValue)\n : this.getLabel(choices, value) || '',\n }}\n />\n {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n </StyledButton>\n <StyledMenu\n id={menuId}\n anchorEl={anchorEl}\n keepMounted\n open={open}\n onClose={this.handleClose}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n transitionDuration={{ enter: 225, exit: 195 }}\n slotProps={{\n paper: this.state.menuWidth ? { style: { minWidth: this.state.menuWidth, padding: '4px' } } : undefined,\n list: {\n 'aria-labelledby': buttonId,\n role: 'listbox',\n disablePadding: true,\n },\n }}\n >\n {(choices || []).map((c, index) => {\n const optionId = `dropdown-option-${id}-${index}`;\n\n return (\n <StyledMenuItem\n id={optionId}\n className={c.value === value ? 'selected' : ''}\n key={`${c.label}-${index}`}\n value={c.value}\n onClick={() => this.handleSelect(c.value, index)}\n role=\"option\"\n aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}\n onMouseOver={() => this.handleHover(index)}\n >\n <StyledLabel\n ref={(ref) => (this.elementRefs[index] = ref)}\n dangerouslySetInnerHTML={{ __html: c.label }}\n />\n <StyledSelectedIndicator\n dangerouslySetInnerHTML={{ __html: c.value === value ? ' ✓' : '' }}\n />\n </StyledMenuItem>\n );\n })}\n </StyledMenu>\n </>\n );\n }\n}\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAEA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,cAAA,GAAAZ,OAAA;AAAqD,SAAAa,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAoB,WAAAlB,CAAA,EAAAI,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAAe,gBAAA,aAAAf,CAAA,OAAAgB,2BAAA,aAAApB,CAAA,EAAAqB,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAnB,CAAA,EAAAN,CAAA,YAAAqB,gBAAA,aAAAnB,CAAA,EAAAwB,WAAA,IAAApB,CAAA,CAAAK,KAAA,CAAAT,CAAA,EAAAF,CAAA;AAAA,SAAAuB,0BAAA,cAAArB,CAAA,IAAAyB,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAN,OAAA,CAAAC,SAAA,CAAAE,OAAA,iCAAAzB,CAAA,aAAAqB,yBAAA,YAAAA,0BAAA,aAAArB,CAAA;AAErD,IAAM6B,YAAY,GAAG,IAAAC,cAAM,EAACC,kBAAM,CAAC,CAAC;EAAA,OAAO;IACzCC,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;IACnBC,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACI,UAAU,CAAC,CAAC,CAAE;IACzCC,YAAY,EAAE,KAAK;IACnBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC,CAAC;IACnCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE,KAAK;IACbC,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE;MACRC,YAAY,EAAE;IAChB,CAAC;IACD,OAAO,EAAE;MACPL,QAAQ,EAAE,UAAU;MACpBM,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE,kBAAkB;MACvBC,aAAa,EAAE,MAAM;MACrBjB,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;MACnBiB,UAAU,EAAE;IACd,CAAC;IACD,eAAe,EAAE;MACfC,OAAO,eAAAhB,MAAA,CAAeH,eAAK,CAACoB,QAAQ,CAAC,CAAC,CAAE;MACxCC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE;IACf,CAAC;IACD,mBAAmB,EAAE;MACnBA,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAEvB,eAAK,CAACwB,OAAO,CAAC,CAAC;MAC5BxB,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACC,IAAI,CAAC,CAAC;IACxB,CAAC;IACD,qBAAqB,EAAE;MACrBqB,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAEvB,eAAK,CAACyB,iBAAiB,CAAC,CAAC;MACtCzB,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACC,IAAI,CAAC,CAAC;IACxB;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMyB,UAAU,GAAG,IAAA5B,cAAM,EAAC6B,gBAAI,CAAC,CAAC;EAAA,OAAO;IACrCpB,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC,CAAC;IACnCN,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACwB,OAAO,CAAC,CAAC,gBAAa;IACjD,SAAS,EAAE;MACTtB,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACC,IAAI,CAAC,CAAC,MAAG;MACpCsB,WAAW,EAAE;IACf,CAAC;IACD,SAAS,EAAE;MACTrB,MAAM,eAAAC,MAAA,CAAeH,eAAK,CAACC,IAAI,CAAC,CAAC,CAAE;MACnCsB,WAAW,EAAE;IACf,CAAC;IACD;IACA,iBAAiB,EAAE;MACjBK,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,cAAc,GAAG,IAAA/B,cAAM,EAACgC,oBAAQ,CAAC,CAAC;EAAA,OAAO;IAC7C9B,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;IACnBM,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC,CAAC;IACnC,eAAe,EAAE;MACfW,OAAO,eAAAhB,MAAA,CAAeH,eAAK,CAACoB,QAAQ,CAAC,CAAC,CAAE;MACxCC,aAAa,EAAE,MAAM;MAAE;MACvBrB,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;MACnBM,eAAe,EAAEP,eAAK,CAACQ,UAAU,CAAC;IACpC,CAAC;IACD,SAAS,EAAE;MACTR,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;MACnBM,eAAe,EAAEP,eAAK,CAAC+B,kBAAkB,CAAC;IAC5C,CAAC;IACDC,SAAS,EAAE,YAAY;IACvBJ,OAAO,EAAE,MAAM;IACfvB,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE;MACZL,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAACC,IAAI,CAAC,CAAC,gBAAa;MACnCM,eAAe,KAAAJ,MAAA,CAAKH,eAAK,CAACQ,UAAU,CAAC,CAAC,gBAAa;MACnD,SAAS,EAAE;QACTR,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;QACnBM,eAAe,KAAAJ,MAAA,CAAKH,eAAK,CAAC+B,kBAAkB,CAAC,CAAC;MAChD;IACF;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAME,WAAW,GAAG,IAAAnC,cAAM,EAAC,MAAM,CAAC,CAAC;EAAA,OAAO;IACxCoC,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,uBAAuB,GAAG,IAAArC,cAAM,EAAC,MAAM,CAAC,CAAC;EAAA,OAAO;IACpDoC,QAAQ,EAAE,iBAAiB;IAC3BzB,QAAQ,EAAE,UAAU;IACpBM,KAAK,EAAE;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMqB,gBAAgB,GAAG,IAAAtC,cAAM,EAACuC,sBAAU,CAAC,CAAC;EAAA,OAAO;IACjD5B,QAAQ,EAAE,UAAU;IACpB6B,IAAI,EAAE,UAAU;IAChBtB,GAAG,EAAE,MAAM;IACXL,KAAK,EAAE,KAAK;IACZD,MAAM,EAAE,KAAK;IACb6B,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,qBAAqB,GAAG,IAAA1C,cAAM,EAAC2C,iBAAK,CAAC,CAAC;EAAA,OAAO;IACjDzC,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAAC0C,KAAK,CAAC,CAAC,gBAAa;IACpCjC,QAAQ,EAAE,UAAU;IACpBO,GAAG,EAAE,iBAAiB;IACtBsB,IAAI,EAAE,MAAM;IACZpB,UAAU,EAAE,cAAc;IAC1Bb,YAAY,EAAE,KAAK;IACnB6B,QAAQ,EAAE,MAAM;IAChBN,OAAO,EAAE,KAAK;IACd,WAAW,EAAE;MACXrB,eAAe,EAAEP,eAAK,CAACwB,OAAO,CAAC;IACjC,CAAC;IACD,aAAa,EAAE;MACbjB,eAAe,EAAEP,eAAK,CAACyB,iBAAiB,CAAC;IAC3C;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMkB,uBAAuB,GAAG,IAAA7C,cAAM,EAAC8C,iBAAK,CAAC,CAAC;EAAA,OAAO;IACnD5C,KAAK,KAAAG,MAAA,CAAKH,eAAK,CAAC0C,KAAK,CAAC,CAAC,gBAAa;IACpCjC,QAAQ,EAAE,UAAU;IACpBO,GAAG,EAAE,iBAAiB;IACtBsB,IAAI,EAAE,MAAM;IACZpB,UAAU,EAAE,cAAc;IAC1Bb,YAAY,EAAE,KAAK;IACnB6B,QAAQ,EAAE,MAAM;IAChBN,OAAO,EAAE,KAAK;IACd,WAAW,EAAE;MACXrB,eAAe,EAAEP,eAAK,CAACwB,OAAO,CAAC;IACjC,CAAC;IACD,aAAa,EAAE;MACbjB,eAAe,EAAEP,eAAK,CAACyB,iBAAiB,CAAC;IAC3C;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,IAEEoB,QAAQ,0BAAAC,gBAAA;EAaZ,SAAAD,SAAYE,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAJ,QAAA;IACjBG,KAAA,GAAA9D,UAAA,OAAA2D,QAAA,GAAME,KAAK;IAAE,IAAAjE,gBAAA,aAAAkE,KAAA,iBAoDD,UAACE,KAAK;MAAA,OAAKF,KAAA,CAAKG,QAAQ,CAAC;QAAEC,QAAQ,EAAEF,KAAK,CAACG;MAAc,CAAC,CAAC;IAAA;IAAA,IAAAvE,gBAAA,aAAAkE,KAAA,iBAE3D,YAAM;MAClB,IAAQM,KAAK,GAAKN,KAAA,CAAKD,KAAK,CAApBO,KAAK;MACbN,KAAA,CAAKG,QAAQ,CAAC;QAAEC,QAAQ,EAAE,IAAI;QAAEG,YAAY,EAAE,IAAI;QAAEC,mBAAmB,EAAE;MAAK,CAAC,CAAC;MAChF;MACA,IAAI,CAACF,KAAK,IAAIN,KAAA,CAAKS,UAAU,CAACC,OAAO,EAAE;QACrCV,KAAA,CAAKS,UAAU,CAACC,OAAO,CAACC,SAAS,GAAG,EAAE;MACxC;IACF,CAAC;IAAA,IAAA7E,gBAAA,aAAAkE,KAAA,qBAEiB,UAACY,KAAK,EAAK;MAC3B,IAAMJ,mBAAmB,sBAAArD,MAAA,CAAsB6C,KAAA,CAAKD,KAAK,CAACc,EAAE,OAAA1D,MAAA,CAAIyD,KAAK,CAAE;;MAEvE;MACA,IAAME,WAAW,GAAG;QAAEN,mBAAmB,EAAnBA;MAAoB,CAAC;MAC3C,IAAI,CAACR,KAAA,CAAKD,KAAK,CAACO,KAAK,EAAE;QACrBQ,WAAW,CAACP,YAAY,GAAGP,KAAA,CAAKD,KAAK,CAACgB,OAAO,CAACH,KAAK,CAAC,CAACN,KAAK;MAC5D;MACAN,KAAA,CAAKG,QAAQ,CAACW,WAAW,CAAC;IAC5B,CAAC;IAAA,IAAAhF,gBAAA,aAAAkE,KAAA,kBAEc,UAACM,KAAK,EAAEM,KAAK,EAAK;MAC/BZ,KAAA,CAAKD,KAAK,CAACiB,QAAQ,CAAChB,KAAA,CAAKD,KAAK,CAACc,EAAE,EAAEP,KAAK,CAAC;MACzCN,KAAA,CAAKiB,eAAe,CAACL,KAAK,CAAC;MAC3BZ,KAAA,CAAKkB,WAAW,CAAC,CAAC;IACpB,CAAC;IAAA,IAAApF,gBAAA,aAAAkE,KAAA,iBAEa,UAACY,KAAK,EAAK;MACvB,IAAMO,aAAa,GAAGnB,KAAA,CAAKD,KAAK,CAACO,KAAK;MAEtC,IAAIa,aAAa,EAAE;MAEnB,IAAMX,mBAAmB,sBAAArD,MAAA,CAAsB6C,KAAA,CAAKD,KAAK,CAACc,EAAE,OAAA1D,MAAA,CAAIyD,KAAK,CAAE;MACvE,IAAML,YAAY,GAAGP,KAAA,CAAKoB,KAAK,CAACb,YAAY;MAE5CP,KAAA,CAAKG,QAAQ,CAAC;QAAEK,mBAAmB,EAAnBA,mBAAmB;QAAED,YAAY,EAAZA;MAAa,CAAC,EAAE,YAAM;QACzD;QACA,IAAMc,GAAG,GAAGrB,KAAA,CAAKsB,WAAW,CAACV,KAAK,CAAC;QACnC,IAAMW,OAAO,GAAGvB,KAAA,CAAKS,UAAU,CAACC,OAAO;QAEvC,IAAIW,GAAG,IAAIE,OAAO,EAAE;UAClBA,OAAO,CAACZ,SAAS,GAAGU,GAAG,CAACV,SAAS;QACnC;MACF,CAAC,CAAC;IACJ,CAAC;IA/FCX,KAAA,CAAKoB,KAAK,GAAG;MACXhB,QAAQ,EAAE,IAAI;MACdI,mBAAmB,EAAE,IAAI;MACzBgB,SAAS,EAAE,IAAI;MACfjB,YAAY,EAAE;IAChB,CAAC;IACDP,KAAA,CAAKyB,SAAS,gBAAGC,iBAAK,CAACC,SAAS,CAAC,CAAC;IAClC3B,KAAA,CAAK4B,SAAS,gBAAGF,iBAAK,CAACC,SAAS,CAAC,CAAC;IAClC3B,KAAA,CAAKS,UAAU,gBAAGiB,iBAAK,CAACC,SAAS,CAAC,CAAC;IACnC3B,KAAA,CAAKsB,WAAW,GAAG,EAAE;IAAC,OAAAtB,KAAA;EACxB;EAAC,IAAA6B,UAAA,aAAAhC,QAAA,EAAAC,gBAAA;EAAA,WAAAgC,aAAA,aAAAjC,QAAA;IAAAkC,GAAA;IAAAzB,KAAA,EAED,SAAA0B,iBAAiBA,CAAA,EAAG;MAClB;MACA,IAAI,IAAI,CAACP,SAAS,CAACf,OAAO,IAAI,IAAI,CAACU,KAAK,CAACI,SAAS,KAAK,IAAI,EAAE;QAC3D,IAAI,CAACrB,QAAQ,CAAC;UAAEqB,SAAS,EAAE,IAAI,CAACC,SAAS,CAACf,OAAO,CAACuB;QAAY,CAAC,CAAC;MAClE;IACF;EAAC;IAAAF,GAAA;IAAAzB,KAAA,EAED,SAAA4B,kBAAkBA,CAACC,SAAS,EAAEC,SAAS,EAAE;MACvC,IAAMC,QAAQ,GAAG,IAAI,CAACZ,SAAS,CAACf,OAAO;MAEvC,IAAM4B,kBAAkB,GAAG,CAACF,SAAS,CAAChC,QAAQ,IAAI,IAAI,CAACgB,KAAK,CAAChB,QAAQ;MACrE,IAAIkC,kBAAkB,EAAE;QACtB,IAAI,CAAChB,WAAW,CAACzF,OAAO,CAAC,UAACwF,GAAG,EAAK;UAChC,IAAI,CAACA,GAAG,EAAE;UAEV,IAAMkB,aAAa,GAAGlB,GAAG,CAACmB,aAAa,CAAC,0BAA0B,CAAC;UACnE,IAAMC,UAAU,GAAGpB,GAAG,CAACmB,aAAa,CAAC,eAAe,CAAC;UACrD,IAAME,WAAW,GAAGrB,GAAG,CAACmB,aAAa,CAAC,4BAA4B,CAAC;UAEnE,IAAID,aAAa,KAAK,CAACG,WAAW,IAAI,CAACD,UAAU,CAAC,EAAE;YAClD,IAAAE,yBAAU,EAACtB,GAAG,CAAC;UACjB;QACF,CAAC,CAAC;MACJ;MAEA,IAAIgB,QAAQ,EAAE;QACZ,IAAMO,QAAQ,GAAGP,QAAQ,CAACJ,WAAW;QACrC,IAAIW,QAAQ,KAAK,IAAI,CAACxB,KAAK,CAACI,SAAS,EAAE;UACrC,IAAI,CAACF,WAAW,CAACzF,OAAO,CAAC,UAACwF,GAAG,EAAK;YAChC,IAAIA,GAAG,EAAE,IAAAsB,yBAAU,EAACtB,GAAG,CAAC;UAC1B,CAAC,CAAC;UAEF,IAAAsB,yBAAU,EAACN,QAAQ,CAAC;UACpB,IAAI,CAAClC,QAAQ,CAAC;YAAEqB,SAAS,EAAEoB;UAAS,CAAC,CAAC;QACxC;MACF;IACF;EAAC;IAAAb,GAAA;IAAAzB,KAAA,EAiDD,SAAAuC,QAAQA,CAAC9B,OAAO,EAAET,KAAK,EAAE;MACvB,IAAMwC,KAAK,GAAG,CAAC/B,OAAO,IAAI,EAAE,EAAEgC,IAAI,CAAC,UAACC,MAAM;QAAA,OAAKA,MAAM,CAAC1C,KAAK,KAAKA,KAAK;MAAA,EAAC;MAEtE,OAAOwC,KAAK,GAAGA,KAAK,CAACG,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGC,SAAS;IAC/C;EAAC;IAAApB,GAAA;IAAAzB,KAAA,EAED,SAAA8C,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAAC,WAAA,GAAgG,IAAI,CAACvD,KAAK;QAAlGc,EAAE,GAAAyC,WAAA,CAAFzC,EAAE;QAAErC,OAAO,GAAA8E,WAAA,CAAP9E,OAAO;QAAE+E,QAAQ,GAAAD,WAAA,CAARC,QAAQ;QAAEjD,KAAK,GAAAgD,WAAA,CAALhD,KAAK;QAAES,OAAO,GAAAuC,WAAA,CAAPvC,OAAO;QAAEyC,iBAAiB,GAAAF,WAAA,CAAjBE,iBAAiB;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,YAAY,GAAAJ,WAAA,CAAZI,YAAY;MAC3F,IAAQtD,QAAQ,GAAK,IAAI,CAACgB,KAAK,CAAvBhB,QAAQ;MAChB,IAAMuD,IAAI,GAAGlH,OAAO,CAAC2D,QAAQ,CAAC;MAC9B,IAAMwD,QAAQ,sBAAAzG,MAAA,CAAsB0D,EAAE,CAAE;MACxC,IAAMgD,MAAM,oBAAA1G,MAAA,CAAoB0D,EAAE,CAAE;MACpC,IAAMiD,cAAc,qBAAA3G,MAAA,CAAqB0D,EAAE,CAAE;;MAE7C;MACA,IAAIkD,aAAa;MACjB;MACA,IAAI,CAACzC,WAAW,GAAG,EAAE;MAErB,IAAIiC,QAAQ,IAAI/E,OAAO,KAAK2E,SAAS,EAAE;QACrCY,aAAa,GAAGvF,OAAO,IAAIgF,iBAAiB,GAAG,iBAAiB,GAAG,mBAAmB;MACxF;;MAEA;MACA,IAAMQ,aAAa,GAAGC,QAAQ,CAACpD,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC;MAC1C,IAAMqD,OAAO,GAAGT,WAAW,GAAG,aAAa,kBAAAtG,MAAA,CAAkB6G,aAAa,CAAE;MAC5E,IAAMG,SAAS,GAAGV,WAAW,GAAG,OAAO,YAAAtG,MAAA,CAAY6G,aAAa,CAAE;;MAElE;MACA,IAAII,eAAe,GAAG,IAAI;MAC1B,IAAIb,QAAQ,IAAI/E,OAAO,KAAK2E,SAAS,EAAE;QACrCiB,eAAe,GACb5F,OAAO,IAAIgF,iBAAiB,gBAC1B1J,MAAA,YAAAuK,aAAA,CAAC7E,qBAAqB;UAAC8E,SAAS,EAAC;QAAS,CAAE,CAAC,gBAE7CxK,MAAA,YAAAuK,aAAA,CAAC1E,uBAAuB;UAAC2E,SAAS,EAAC;QAAW,CAAE,CACjD;MACL;MAEA,oBACExK,MAAA,YAAAuK,aAAA,CAAAvK,MAAA,YAAAyK,QAAA,qBACEzK,MAAA,YAAAuK,aAAA;QACEhD,GAAG,EAAE,IAAI,CAACI,SAAU;QACpB+C,KAAK,EAAE;UAAE/G,QAAQ,EAAE,UAAU;UAAEgH,UAAU,EAAE,QAAQ;UAAEzG,GAAG,EAAE,CAAC;UAAEsB,IAAI,EAAE;QAAE,CAAE;QACvEoF,QAAQ,EAAE,CAAC,CAAE;QACb,eAAY;MAAM,GAEjB,CAAC3D,OAAO,IAAI,EAAE,EAAE4D,GAAG,CAAC,UAACC,CAAC,EAAEhE,KAAK;QAAA,oBAC5B9G,MAAA,YAAAuK,aAAA,CAACxF,cAAc;UACbkD,GAAG,EAAEnB,KAAM;UACX8D,QAAQ,EAAE,CAAC,CAAE;UACb,eAAY;QAAM,gBAElB5K,MAAA,YAAAuK,aAAA,CAACpF,WAAW;UAAC4F,uBAAuB,EAAE;YAAEC,MAAM,EAAEF,CAAC,CAAC3B;UAAM;QAAE,CAAE,CAC9C,CAAC;MAAA,CAClB,CACE,CAAC,eACNnJ,MAAA,YAAAuK,aAAA,CAACjF,gBAAgB;QAACyB,EAAE,EAAEqD,OAAQ;QAACQ,QAAQ,EAAE,CAAC,CAAE;QAAC,eAAY;MAAM,GAC5DP,SACe,CAAC,eACnBrK,MAAA,YAAAuK,aAAA,CAACxH,YAAY;QACXwE,GAAG,EAAE,IAAI,CAACO,SAAU;QACpB4C,KAAK,EAAA9I,aAAA,CAAAA,aAAA,KACC,IAAI,CAAC0F,KAAK,CAACI,SAAS,IAAI;UAAEuD,QAAQ,UAAA5H,MAAA,CAAU,IAAI,CAACiE,KAAK,CAACI,SAAS;QAAY,CAAC;UACjFlD,WAAW,EAAEqF,IAAI,GAAG,KAAK,GAAG,KAAK;UACjCqB,UAAU,EAAE;QAA+B,EAC3C;QACF,iBAAerB,IAAI,GAAGE,MAAM,GAAGV,SAAU;QACzC,iBAAc,SAAS;QACvB,iBAAeQ,IAAI,GAAG,MAAM,GAAGR,SAAU;QACzC,yBAAuB,IAAI,CAAC/B,KAAK,CAACZ,mBAAoB;QACtDyE,OAAO,EAAE,IAAI,CAACC,WAAY;QAC1BZ,SAAS,EAAEP,aAAc;QACzBR,QAAQ,EAAEA,QAAS;QACnB1C,EAAE,EAAE+C,QAAS;QACbuB,IAAI,EAAC,UAAU;QACf,sCAAAhI,MAAA,CAAoCgH,SAAS,CAAG;QAChD,mBAAiBL;MAAe,GAE/BM,eAAe,eAChBtK,MAAA,YAAAuK,aAAA,CAACpF,WAAW;QACV4B,EAAE,EAAEiD,cAAe;QACnBzC,GAAG,EAAE,IAAI,CAACZ,UAAW;QACrBoE,uBAAuB,EAAE;UACvBC,MAAM,EAAEpB,YAAY,GAChBA,YAAY,GACZC,IAAI,IAAI,IAAI,CAACvC,KAAK,CAACb,YAAY,GAC/B,IAAI,CAACsC,QAAQ,CAAC9B,OAAO,EAAE,IAAI,CAACK,KAAK,CAACb,YAAY,CAAC,GAC/C,IAAI,CAACsC,QAAQ,CAAC9B,OAAO,EAAET,KAAK,CAAC,IAAI;QACvC;MAAE,CACH,CAAC,EACDqD,IAAI,gBAAG7J,MAAA,YAAAuK,aAAA,CAAC9J,YAAA,WAAe,MAAE,CAAC,gBAAGT,MAAA,YAAAuK,aAAA,CAAC/J,cAAA,WAAiB,MAAE,CACtC,CAAC,eACfR,MAAA,YAAAuK,aAAA,CAAC3F,UAAU;QACTmC,EAAE,EAAEgD,MAAO;QACXzD,QAAQ,EAAEA,QAAS;QACnBgF,WAAW;QACXzB,IAAI,EAAEA,IAAK;QACX0B,OAAO,EAAE,IAAI,CAACnE,WAAY;QAC1BoE,kBAAkB,EAAE,IAAK;QACzBC,YAAY,EAAE;UAAEC,QAAQ,EAAE,QAAQ;UAAEC,UAAU,EAAE;QAAO,CAAE;QACzDC,eAAe,EAAE;UAAEF,QAAQ,EAAE,KAAK;UAAEC,UAAU,EAAE;QAAO,CAAE;QACzDE,kBAAkB,EAAE;UAAEC,KAAK,EAAE,GAAG;UAAEC,IAAI,EAAE;QAAI,CAAE;QAC9CC,SAAS,EAAE;UACTC,KAAK,EAAE,IAAI,CAAC3E,KAAK,CAACI,SAAS,GAAG;YAAEgD,KAAK,EAAE;cAAEO,QAAQ,EAAE,IAAI,CAAC3D,KAAK,CAACI,SAAS;cAAE5C,OAAO,EAAE;YAAM;UAAE,CAAC,GAAGuE,SAAS;UACvG6C,IAAI,EAAE;YACJ,iBAAiB,EAAEpC,QAAQ;YAC3BuB,IAAI,EAAE,SAAS;YACfc,cAAc,EAAE;UAClB;QACF;MAAE,GAED,CAAClF,OAAO,IAAI,EAAE,EAAE4D,GAAG,CAAC,UAACC,CAAC,EAAEhE,KAAK,EAAK;QACjC,IAAMsF,QAAQ,sBAAA/I,MAAA,CAAsB0D,EAAE,OAAA1D,MAAA,CAAIyD,KAAK,CAAE;QAEjD,oBACE9G,MAAA,YAAAuK,aAAA,CAACxF,cAAc;UACbgC,EAAE,EAAEqF,QAAS;UACb5B,SAAS,EAAEM,CAAC,CAACtE,KAAK,KAAKA,KAAK,GAAG,UAAU,GAAG,EAAG;UAC/CyB,GAAG,KAAA5E,MAAA,CAAKyH,CAAC,CAAC3B,KAAK,OAAA9F,MAAA,CAAIyD,KAAK,CAAG;UAC3BN,KAAK,EAAEsE,CAAC,CAACtE,KAAM;UACf2E,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQ5B,MAAI,CAAC8C,YAAY,CAACvB,CAAC,CAACtE,KAAK,EAAEM,KAAK,CAAC;UAAA,CAAC;UACjDuE,IAAI,EAAC,QAAQ;UACb,iBAAe9B,MAAI,CAACjC,KAAK,CAACZ,mBAAmB,KAAK0F,QAAQ,GAAG,MAAM,GAAG/C,SAAU;UAChFiD,WAAW,EAAE,SAAbA,WAAWA,CAAA;YAAA,OAAQ/C,MAAI,CAACgD,WAAW,CAACzF,KAAK,CAAC;UAAA;QAAC,gBAE3C9G,MAAA,YAAAuK,aAAA,CAACpF,WAAW;UACVoC,GAAG,EAAE,SAALA,GAAGA,CAAGA,IAAG;YAAA,OAAMgC,MAAI,CAAC/B,WAAW,CAACV,KAAK,CAAC,GAAGS,IAAG;UAAA,CAAE;UAC9CwD,uBAAuB,EAAE;YAAEC,MAAM,EAAEF,CAAC,CAAC3B;UAAM;QAAE,CAC9C,CAAC,eACFnJ,MAAA,YAAAuK,aAAA,CAAClF,uBAAuB;UACtB0F,uBAAuB,EAAE;YAAEC,MAAM,EAAEF,CAAC,CAACtE,KAAK,KAAKA,KAAK,GAAG,UAAU,GAAG;UAAG;QAAE,CAC1E,CACa,CAAC;MAErB,CAAC,CACS,CACZ,CAAC;IAEP;EAAC;AAAA,EA5PoBoB,iBAAK,CAAC4E,SAAS;AAAA,IAAAxK,gBAAA,aAAhC+D,QAAQ,eACO;EACjBgB,EAAE,EAAE0F,qBAAS,CAACC,MAAM;EACpBlG,KAAK,EAAEiG,qBAAS,CAACC,MAAM;EACvBjD,QAAQ,EAAEgD,qBAAS,CAACE,IAAI;EACxBzF,QAAQ,EAAEuF,qBAAS,CAACG,IAAI;EACxBlI,OAAO,EAAE+H,qBAAS,CAACE,IAAI;EACvB1F,OAAO,EAAEwF,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,KAAK,CAAC;IAAEtG,KAAK,EAAEiG,qBAAS,CAACC,MAAM;IAAEvD,KAAK,EAAEsD,qBAAS,CAACC;EAAO,CAAC,CAAC,CAAC;EACjGhD,iBAAiB,EAAE+C,qBAAS,CAACE,IAAI;EACjChD,WAAW,EAAE8C,qBAAS,CAACE,IAAI;EAC3B/C,YAAY,EAAE6C,qBAAS,CAACC;AAC1B,CAAC;AAAA,IAAAK,QAAA,GAAAC,OAAA,cAoPYjH,QAAQ","ignoreList":[]}
|
package/lib/components/input.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _correctInput = _interopRequireDefault(require("./correct-input"));
|
|
11
|
-
var Input = function Input(_ref) {
|
|
12
|
-
var disabled = _ref.disabled,
|
|
13
|
-
correct = _ref.correct,
|
|
14
|
-
charactersLimit = _ref.charactersLimit,
|
|
15
|
-
id = _ref.id,
|
|
16
|
-
isConstructedResponse = _ref.isConstructedResponse,
|
|
17
|
-
value = _ref.value,
|
|
18
|
-
_onChange = _ref.onChange,
|
|
19
|
-
showCorrectAnswer = _ref.showCorrectAnswer,
|
|
20
|
-
spellCheck = _ref.spellCheck,
|
|
21
|
-
width = _ref.width;
|
|
22
|
-
return /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
|
|
23
|
-
disabled: disabled,
|
|
24
|
-
correct: showCorrectAnswer || correct,
|
|
25
|
-
charactersLimit: charactersLimit,
|
|
26
|
-
variant: "outlined",
|
|
27
|
-
value: value,
|
|
28
|
-
isConstructedResponse: isConstructedResponse,
|
|
29
|
-
spellCheck: spellCheck,
|
|
30
|
-
isBox: true,
|
|
31
|
-
width: width,
|
|
32
|
-
onChange: function onChange(e) {
|
|
33
|
-
_onChange(id, e.target.value);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
Input.propTypes = {
|
|
38
|
-
id: _propTypes["default"].string,
|
|
39
|
-
value: _propTypes["default"].string,
|
|
40
|
-
onChange: _propTypes["default"].func,
|
|
41
|
-
disabled: _propTypes["default"].bool,
|
|
42
|
-
spellCheck: _propTypes["default"].bool,
|
|
43
|
-
correct: _propTypes["default"].bool,
|
|
44
|
-
showCorrectAnswer: _propTypes["default"].bool,
|
|
45
|
-
charactersLimit: _propTypes["default"].number,
|
|
46
|
-
width: _propTypes["default"].number,
|
|
47
|
-
isConstructedResponse: _propTypes["default"].bool
|
|
48
|
-
};
|
|
49
|
-
var _default = exports["default"] = Input;
|
|
50
|
-
//# sourceMappingURL=input.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctInput","Input","_ref","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","createElement","variant","isBox","e","target","propTypes","PropTypes","string","func","bool","number","_default","exports"],"sources":["../../src/components/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n disabled,\n correct,\n charactersLimit,\n id,\n isConstructedResponse,\n value,\n onChange,\n showCorrectAnswer,\n spellCheck,\n width,\n}) => {\n return (\n <CorrectInput\n disabled={disabled}\n correct={showCorrectAnswer || correct}\n charactersLimit={charactersLimit}\n variant=\"outlined\"\n value={value}\n isConstructedResponse={isConstructedResponse}\n spellCheck={spellCheck}\n isBox={true}\n width={width}\n onChange={(e) => {\n onChange(id, e.target.value);\n }}\n />\n );\n};\n\nInput.propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n spellCheck: PropTypes.bool,\n correct: PropTypes.bool,\n showCorrectAnswer: PropTypes.bool,\n charactersLimit: PropTypes.number,\n width: PropTypes.number,\n isConstructedResponse: PropTypes.bool,\n};\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAWL;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,iBAAiB,GAAAR,IAAA,CAAjBQ,iBAAiB;IACjBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAEL,oBACEhB,MAAA,YAAAiB,aAAA,CAACb,aAAA,WAAY;IACXG,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEM,iBAAiB,IAAIN,OAAQ;IACtCC,eAAe,EAAEA,eAAgB;IACjCS,OAAO,EAAC,UAAU;IAClBN,KAAK,EAAEA,KAAM;IACbD,qBAAqB,EAAEA,qBAAsB;IAC7CI,UAAU,EAAEA,UAAW;IACvBI,KAAK,EAAE,IAAK;IACZH,KAAK,EAAEA,KAAM;IACbH,QAAQ,EAAE,SAAVA,QAAQA,CAAGO,CAAC,EAAK;MACfP,SAAQ,CAACH,EAAE,EAAEU,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC;IAC9B;EAAE,CACH,CAAC;AAEN,CAAC;AAEDP,KAAK,CAACiB,SAAS,GAAG;EAChBZ,EAAE,EAAEa,qBAAS,CAACC,MAAM;EACpBZ,KAAK,EAAEW,qBAAS,CAACC,MAAM;EACvBX,QAAQ,EAAEU,qBAAS,CAACE,IAAI;EACxBlB,QAAQ,EAAEgB,qBAAS,CAACG,IAAI;EACxBX,UAAU,EAAEQ,qBAAS,CAACG,IAAI;EAC1BlB,OAAO,EAAEe,qBAAS,CAACG,IAAI;EACvBZ,iBAAiB,EAAES,qBAAS,CAACG,IAAI;EACjCjB,eAAe,EAAEc,qBAAS,CAACI,MAAM;EACjCX,KAAK,EAAEO,qBAAS,CAACI,MAAM;EACvBhB,qBAAqB,EAAEY,qBAAS,CAACG;AACnC,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaxB,KAAK","ignoreList":[]}
|