@micromag/screen-quiz 0.3.700 → 0.3.701
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/es/index.js +33 -31
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -186,9 +186,9 @@ var Answers = function Answers(_ref) {
|
|
|
186
186
|
};
|
|
187
187
|
}, [answersCollapsed, onTransitionEnd, setAnswersFinalCollapse]);
|
|
188
188
|
var _useState9 = useState(false),
|
|
189
|
-
|
|
190
|
-
transitioned =
|
|
191
|
-
setTransitioned =
|
|
189
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
190
|
+
transitioned = _useState0[0],
|
|
191
|
+
setTransitioned = _useState0[1];
|
|
192
192
|
var onAnswerTransitionEnd = useCallback(function () {
|
|
193
193
|
setTransitioned(true);
|
|
194
194
|
if (shouldCollapse && answersCollapsed && !answersDidCollapse) {
|
|
@@ -283,18 +283,18 @@ var Answers = function Answers(_ref) {
|
|
|
283
283
|
className: styles$4.items
|
|
284
284
|
}, transitions(function (style, answer, t, answerI) {
|
|
285
285
|
var userAnswer = answerI === answeredIndex;
|
|
286
|
-
var
|
|
287
|
-
|
|
288
|
-
rightAnswer =
|
|
289
|
-
|
|
290
|
-
label =
|
|
291
|
-
|
|
292
|
-
answerButtonStyle =
|
|
293
|
-
|
|
294
|
-
answerButtonTextStyle =
|
|
295
|
-
var
|
|
296
|
-
|
|
297
|
-
textStyle =
|
|
286
|
+
var _ref1 = answer || {},
|
|
287
|
+
_ref1$good = _ref1.good,
|
|
288
|
+
rightAnswer = _ref1$good === void 0 ? null : _ref1$good,
|
|
289
|
+
_ref1$label = _ref1.label,
|
|
290
|
+
label = _ref1$label === void 0 ? null : _ref1$label,
|
|
291
|
+
_ref1$buttonStyle = _ref1.buttonStyle,
|
|
292
|
+
answerButtonStyle = _ref1$buttonStyle === void 0 ? null : _ref1$buttonStyle,
|
|
293
|
+
_ref1$textStyle = _ref1.textStyle,
|
|
294
|
+
answerButtonTextStyle = _ref1$textStyle === void 0 ? null : _ref1$textStyle;
|
|
295
|
+
var _ref10 = label || {},
|
|
296
|
+
_ref10$textStyle = _ref10.textStyle,
|
|
297
|
+
textStyle = _ref10$textStyle === void 0 ? null : _ref10$textStyle;
|
|
298
298
|
var hasAnswer = isTextFilled(label);
|
|
299
299
|
var isUserAnswer = withoutGoodAnswer && userAnswer;
|
|
300
300
|
var isOtherAnswer = withoutGoodAnswer && !userAnswer;
|
|
@@ -740,6 +740,7 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
740
740
|
}
|
|
741
741
|
setUserAnswerIndex(answerI);
|
|
742
742
|
trackScreenEvent('click_answer', "".concat(userAnswerIndex + 1, ": ").concat(answer.label.body), {
|
|
743
|
+
linkType: 'quiz_answer',
|
|
743
744
|
answer: answer,
|
|
744
745
|
answerIndex: answerI
|
|
745
746
|
});
|
|
@@ -1271,6 +1272,7 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1271
1272
|
var onAnswerClick = useCallback(function (answer, answerIndex) {
|
|
1272
1273
|
setUserAnswers(_objectSpread(_objectSpread({}, userAnswers), {}, _defineProperty({}, questionIndex, answerIndex)));
|
|
1273
1274
|
trackScreenEvent('click_answer', "Question #".concat(questionIndex + 1, " ").concat(answerIndex + 1, ": ").concat(answer.label.body), {
|
|
1275
|
+
linkType: 'quiz_answer',
|
|
1274
1276
|
question: questions[questionIndex],
|
|
1275
1277
|
questionIndex: questionIndex,
|
|
1276
1278
|
answer: answer,
|
|
@@ -1361,20 +1363,20 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1361
1363
|
}
|
|
1362
1364
|
return pointsA > pointsB ? 1 : -1;
|
|
1363
1365
|
}).reduce(function (lastResult, result) {
|
|
1364
|
-
var
|
|
1365
|
-
|
|
1366
|
-
lastPoints =
|
|
1367
|
-
var
|
|
1368
|
-
|
|
1369
|
-
points =
|
|
1366
|
+
var _ref0 = lastResult || {},
|
|
1367
|
+
_ref0$points = _ref0.points,
|
|
1368
|
+
lastPoints = _ref0$points === void 0 ? 0 : _ref0$points;
|
|
1369
|
+
var _ref1 = result || {},
|
|
1370
|
+
_ref1$points = _ref1.points,
|
|
1371
|
+
points = _ref1$points === void 0 ? 0 : _ref1$points;
|
|
1370
1372
|
return currentPoints >= (lastPoints || 0) && currentPoints >= points ? result : lastResult;
|
|
1371
1373
|
}, null);
|
|
1372
1374
|
}, [isResults, results, currentPoints, stateId, stateIndex]);
|
|
1373
|
-
var
|
|
1374
|
-
|
|
1375
|
-
resultBackground =
|
|
1376
|
-
|
|
1377
|
-
resultLayout =
|
|
1375
|
+
var _ref10 = currentResult || {},
|
|
1376
|
+
_ref10$background = _ref10.background,
|
|
1377
|
+
resultBackground = _ref10$background === void 0 ? null : _ref10$background,
|
|
1378
|
+
_ref10$layout = _ref10.layout,
|
|
1379
|
+
resultLayout = _ref10$layout === void 0 ? null : _ref10$layout;
|
|
1378
1380
|
var _useQuizCreate = useQuizCreate({
|
|
1379
1381
|
screenId: screenId
|
|
1380
1382
|
}),
|
|
@@ -1434,8 +1436,8 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1434
1436
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
1435
1437
|
scrolledBottom = _useState6[0],
|
|
1436
1438
|
setScrolledBottom = _useState6[1];
|
|
1437
|
-
var onScrolledBottom = useCallback(function (
|
|
1438
|
-
var initial =
|
|
1439
|
+
var onScrolledBottom = useCallback(function (_ref11) {
|
|
1440
|
+
var initial = _ref11.initial;
|
|
1439
1441
|
if (initial) {
|
|
1440
1442
|
trackScreenEvent('scroll', 'Screen');
|
|
1441
1443
|
}
|
|
@@ -1448,9 +1450,9 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1448
1450
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
1449
1451
|
hasScroll = _useState8[0],
|
|
1450
1452
|
setHasScroll = _useState8[1];
|
|
1451
|
-
var onScrollHeightChange = useCallback(function (
|
|
1452
|
-
var
|
|
1453
|
-
canScroll =
|
|
1453
|
+
var onScrollHeightChange = useCallback(function (_ref12) {
|
|
1454
|
+
var _ref12$canScroll = _ref12.canScroll,
|
|
1455
|
+
canScroll = _ref12$canScroll === void 0 ? false : _ref12$canScroll;
|
|
1454
1456
|
setHasScroll(canScroll);
|
|
1455
1457
|
}, [setHasScroll]);
|
|
1456
1458
|
var onQuizReset = useCallback(function () {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-quiz",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.701",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"access": "public",
|
|
90
90
|
"registry": "https://registry.npmjs.org/"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "c693ba9ccf9798d2b047c5a8b427453a1b7a09d6"
|
|
93
93
|
}
|