@micromag/screen-quiz 0.3.607 → 0.3.610

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.
Files changed (2) hide show
  1. package/es/index.js +43 -43
  2. package/package.json +15 -15
package/es/index.js CHANGED
@@ -103,14 +103,14 @@ var Answers = function Answers(_ref) {
103
103
  var answered = answeredIndex !== null;
104
104
  var _ref2 = answeredIndex !== null ? items[answeredIndex] : {},
105
105
  _ref2$good = _ref2.good,
106
- hasAnsweredRight = _ref2$good === void 0 ? false : _ref2$good;
106
+ hasAnsweredRight = _ref2$good === undefined ? false : _ref2$good;
107
107
  var _useState = useState(true),
108
108
  _useState2 = _slicedToArray(_useState, 1),
109
109
  visible = _useState2[0];
110
110
  var hasRightAnswer = items !== null && !isPlaceholder ? items.reduce(function (hasGood, answer) {
111
111
  var _ref3 = answer || {},
112
112
  _ref3$good = _ref3.good,
113
- good = _ref3$good === void 0 ? false : _ref3$good;
113
+ good = _ref3$good === undefined ? false : _ref3$good;
114
114
  return hasGood || good;
115
115
  }, false) : false;
116
116
  var finalShowUserAnswer = showUserAnswer || !hasRightAnswer;
@@ -179,7 +179,7 @@ var Answers = function Answers(_ref) {
179
179
  if (itemsRefs.current[i] && collapseAnimated) {
180
180
  var _ref4 = itemsRefs.current[i].getBoundingClientRect() || {},
181
181
  _ref4$height = _ref4.height,
182
- height = _ref4$height === void 0 ? 0 : _ref4$height;
182
+ height = _ref4$height === undefined ? 0 : _ref4$height;
183
183
  acc.push(height);
184
184
  }
185
185
  return acc;
@@ -194,7 +194,7 @@ var Answers = function Answers(_ref) {
194
194
  var userAnswer = answerI === answeredIndex;
195
195
  var _ref5 = answer || {},
196
196
  _ref5$good = _ref5.good,
197
- rightAnswer = _ref5$good === void 0 ? false : _ref5$good;
197
+ rightAnswer = _ref5$good === undefined ? false : _ref5$good;
198
198
  var hidden = false;
199
199
  if (answeredIndex !== null && showAnimation && answersDidCollapse && !rightAnswer && (hasRightAnswer || !userAnswer)) {
200
200
  hidden = true;
@@ -212,16 +212,16 @@ var Answers = function Answers(_ref) {
212
212
  var transitions = useTransition(filteredListOfItems, {
213
213
  key: function key(_ref6) {
214
214
  var _ref6$index = _ref6.index,
215
- index = _ref6$index === void 0 ? 0 : _ref6$index,
215
+ index = _ref6$index === undefined ? 0 : _ref6$index,
216
216
  _ref6$label = _ref6.label,
217
- label = _ref6$label === void 0 ? null : _ref6$label;
218
- return "key-".concat(index, "-").concat((label === null || label === void 0 ? void 0 : label.body) || null);
217
+ label = _ref6$label === undefined ? null : _ref6$label;
218
+ return "key-".concat(index, "-").concat((label === null || label === undefined ? undefined : label.body) || null);
219
219
  },
220
220
  update: function update(_ref7) {
221
221
  var _ref7$hidden = _ref7.hidden,
222
- hidden = _ref7$hidden === void 0 ? false : _ref7$hidden,
222
+ hidden = _ref7$hidden === undefined ? false : _ref7$hidden,
223
223
  _ref7$maxHeight = _ref7.maxHeight,
224
- maxHeight = _ref7$maxHeight === void 0 ? 0 : _ref7$maxHeight;
224
+ maxHeight = _ref7$maxHeight === undefined ? 0 : _ref7$maxHeight;
225
225
  return {
226
226
  opacity: hidden && showAnimation && !withoutGoodAnswer ? 0 : 1,
227
227
  // Animate this, not height
@@ -245,7 +245,7 @@ var Answers = function Answers(_ref) {
245
245
  var hasOpacity = useMemo(function () {
246
246
  var _ref8 = inactiveButtonsStyle || {},
247
247
  _ref8$backgroundColor = _ref8.backgroundColor,
248
- backgroundColor = _ref8$backgroundColor === void 0 ? null : _ref8$backgroundColor;
248
+ backgroundColor = _ref8$backgroundColor === undefined ? null : _ref8$backgroundColor;
249
249
  return backgroundColor === null;
250
250
  }, [inactiveButtonsStyle]);
251
251
  return /*#__PURE__*/React.createElement("div", {
@@ -256,16 +256,16 @@ var Answers = function Answers(_ref) {
256
256
  var userAnswer = answerI === answeredIndex;
257
257
  var _ref10 = answer || {},
258
258
  _ref10$good = _ref10.good,
259
- rightAnswer = _ref10$good === void 0 ? null : _ref10$good,
259
+ rightAnswer = _ref10$good === undefined ? null : _ref10$good,
260
260
  _ref10$label = _ref10.label,
261
- label = _ref10$label === void 0 ? null : _ref10$label,
261
+ label = _ref10$label === undefined ? null : _ref10$label,
262
262
  _ref10$buttonStyle = _ref10.buttonStyle,
263
- answerButtonStyle = _ref10$buttonStyle === void 0 ? null : _ref10$buttonStyle,
263
+ answerButtonStyle = _ref10$buttonStyle === undefined ? null : _ref10$buttonStyle,
264
264
  _ref10$textStyle = _ref10.textStyle,
265
- answerButtonTextStyle = _ref10$textStyle === void 0 ? null : _ref10$textStyle;
265
+ answerButtonTextStyle = _ref10$textStyle === undefined ? null : _ref10$textStyle;
266
266
  var _ref11 = label || {},
267
267
  _ref11$textStyle = _ref11.textStyle,
268
- textStyle = _ref11$textStyle === void 0 ? null : _ref11$textStyle;
268
+ textStyle = _ref11$textStyle === undefined ? null : _ref11$textStyle;
269
269
  var hasAnswer = isTextFilled(label);
270
270
  var isUserAnswer = withoutGoodAnswer && userAnswer;
271
271
  var isOtherAnswer = withoutGoodAnswer && !userAnswer;
@@ -438,7 +438,7 @@ var Question = function Question(_ref) {
438
438
  var hasQuestion = isTextFilled(question);
439
439
  var _ref2 = question || {},
440
440
  _ref2$textStyle = _ref2.textStyle,
441
- questionTextStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
441
+ questionTextStyle = _ref2$textStyle === undefined ? null : _ref2$textStyle;
442
442
  var _useState = useState(showInstantAnswer),
443
443
  _useState2 = _slicedToArray(_useState, 2),
444
444
  resultVisible = _useState2[0],
@@ -447,9 +447,9 @@ var Question = function Question(_ref) {
447
447
  var answer = answeredIndex !== null && answers[answeredIndex] ? answers[answeredIndex] : null;
448
448
  var _ref3 = answer || {},
449
449
  _ref3$customAnswerLab = _ref3.customAnswerLabel,
450
- customAnswerLabel = _ref3$customAnswerLab === void 0 ? null : _ref3$customAnswerLab,
450
+ customAnswerLabel = _ref3$customAnswerLab === undefined ? null : _ref3$customAnswerLab,
451
451
  _ref3$answerImage = _ref3.answerImage,
452
- answerImage = _ref3$answerImage === void 0 ? null : _ref3$answerImage;
452
+ answerImage = _ref3$answerImage === undefined ? null : _ref3$answerImage;
453
453
  var hasResult = isTextFilled(customAnswerLabel) || isTextFilled(result);
454
454
  var hasResultVisual = isImageFilled(answerImage) || isImageFilled(resultImage);
455
455
  var defaultResult = isTextFilled(result) ? result : null;
@@ -667,11 +667,11 @@ var QuizScreen = function QuizScreen(_ref) {
667
667
  var _useDimensionObserver = useDimensionObserver(),
668
668
  headerRef = _useDimensionObserver.ref,
669
669
  _useDimensionObserver2 = _useDimensionObserver.height,
670
- headerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
670
+ headerHeight = _useDimensionObserver2 === undefined ? 0 : _useDimensionObserver2;
671
671
  var _useDimensionObserver3 = useDimensionObserver(),
672
672
  footerRef = _useDimensionObserver3.ref,
673
673
  _useDimensionObserver4 = _useDimensionObserver3.height,
674
- footerHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
674
+ footerHeight = _useDimensionObserver4 === undefined ? 0 : _useDimensionObserver4;
675
675
  var showInstantAnswer = isStatic || isCapture;
676
676
  var goodAnswerIndex = answers !== null ? answers.findIndex(function (answer) {
677
677
  return answer !== null && answer.good;
@@ -707,12 +707,12 @@ var QuizScreen = function QuizScreen(_ref) {
707
707
  if (userAnswerIndex !== null) {
708
708
  var _ref2 = userAnswerIndex !== null && answers ? answers[userAnswerIndex] : {},
709
709
  _ref2$good = _ref2.good,
710
- isGood = _ref2$good === void 0 ? false : _ref2$good,
710
+ isGood = _ref2$good === undefined ? false : _ref2$good,
711
711
  _ref2$label = _ref2.label,
712
- label = _ref2$label === void 0 ? {} : _ref2$label;
712
+ label = _ref2$label === undefined ? {} : _ref2$label;
713
713
  var _ref3 = label || {},
714
714
  _ref3$body = _ref3.body,
715
- body = _ref3$body === void 0 ? '' : _ref3$body;
715
+ body = _ref3$body === undefined ? '' : _ref3$body;
716
716
  submitQuiz({
717
717
  choice: body || userAnswerIndex,
718
718
  value: isGood ? 1 : 0
@@ -740,7 +740,7 @@ var QuizScreen = function QuizScreen(_ref) {
740
740
  setHasScroll = _useState6[1];
741
741
  var onScrollHeightChange = useCallback(function (_ref5) {
742
742
  var _ref5$canScroll = _ref5.canScroll,
743
- canScroll = _ref5$canScroll === void 0 ? false : _ref5$canScroll;
743
+ canScroll = _ref5$canScroll === undefined ? false : _ref5$canScroll;
744
744
  setHasScroll(canScroll);
745
745
  }, [setHasScroll]);
746
746
  var onQuizReset = useCallback(function () {
@@ -887,11 +887,11 @@ var Results = function Results(_ref) {
887
887
  var hasTitle = isTextFilled(title);
888
888
  var _ref2 = title || {},
889
889
  _ref2$textStyle = _ref2.textStyle,
890
- titleTextStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
890
+ titleTextStyle = _ref2$textStyle === undefined ? null : _ref2$textStyle;
891
891
  var hasDescription = isTextFilled(description);
892
892
  var _ref3 = description || {},
893
893
  _ref3$textStyle = _ref3.textStyle,
894
- descriptionTextStyle = _ref3$textStyle === void 0 ? null : _ref3$textStyle;
894
+ descriptionTextStyle = _ref3$textStyle === undefined ? null : _ref3$textStyle;
895
895
  return /*#__PURE__*/React.createElement(Layout, {
896
896
  className: classNames([styles$1.container, _defineProperty({}, className, className !== null)]),
897
897
  fullscreen: true,
@@ -1161,9 +1161,9 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1161
1161
  var _ref2 = screenState !== null ? screenState.split('.') : [],
1162
1162
  _ref3 = _slicedToArray(_ref2, 2),
1163
1163
  _ref3$ = _ref3[0],
1164
- stateId = _ref3$ === void 0 ? null : _ref3$,
1164
+ stateId = _ref3$ === undefined ? null : _ref3$,
1165
1165
  _ref3$2 = _ref3[1],
1166
- stateIndex = _ref3$2 === void 0 ? 0 : _ref3$2;
1166
+ stateIndex = _ref3$2 === undefined ? 0 : _ref3$2;
1167
1167
  var transitionPlaying = current;
1168
1168
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
1169
1169
  var backgroundPlaying = current && (isView || isEdit);
@@ -1182,11 +1182,11 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1182
1182
  var _useDimensionObserver = useDimensionObserver(),
1183
1183
  headerRef = _useDimensionObserver.ref,
1184
1184
  _useDimensionObserver2 = _useDimensionObserver.height,
1185
- headerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
1185
+ headerHeight = _useDimensionObserver2 === undefined ? 0 : _useDimensionObserver2;
1186
1186
  var _useDimensionObserver3 = useDimensionObserver(),
1187
1187
  footerRef = _useDimensionObserver3.ref,
1188
1188
  _useDimensionObserver4 = _useDimensionObserver3.height,
1189
- callToActionHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
1189
+ callToActionHeight = _useDimensionObserver4 === undefined ? 0 : _useDimensionObserver4;
1190
1190
  var showInstantAnswer = isStatic || isCapture;
1191
1191
  var hasIntro = title !== null || description !== null || isEdit || stateId === 'intro';
1192
1192
  var _useState = useState(null),
@@ -1240,23 +1240,23 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1240
1240
  var hasQuestions = questions !== null && questions.length > 0;
1241
1241
  var currentQuestion = hasQuestions ? questions[questionIndex] || {} : {};
1242
1242
  var _currentQuestion$text = currentQuestion.text,
1243
- text = _currentQuestion$text === void 0 ? null : _currentQuestion$text,
1243
+ text = _currentQuestion$text === undefined ? null : _currentQuestion$text,
1244
1244
  _currentQuestion$answ = currentQuestion.answers,
1245
- answers = _currentQuestion$answ === void 0 ? [] : _currentQuestion$answ,
1245
+ answers = _currentQuestion$answ === undefined ? [] : _currentQuestion$answ,
1246
1246
  _currentQuestion$back = currentQuestion.background,
1247
- questionBackground = _currentQuestion$back === void 0 ? null : _currentQuestion$back,
1247
+ questionBackground = _currentQuestion$back === undefined ? null : _currentQuestion$back,
1248
1248
  _currentQuestion$layo = currentQuestion.layout,
1249
- questionLayout = _currentQuestion$layo === void 0 ? null : _currentQuestion$layo;
1249
+ questionLayout = _currentQuestion$layo === undefined ? null : _currentQuestion$layo;
1250
1250
  var currentAnsweredIndex = userAnswers !== null && typeof userAnswers[questionIndex] !== 'undefined' ? userAnswers[questionIndex] : null;
1251
1251
  var currentPoints = useMemo(function () {
1252
1252
  return userAnswers !== null ? Object.keys(userAnswers).reduce(function (totalPoints, answerQuestionIndex) {
1253
1253
  var _ref4 = questions !== null ? questions[answerQuestionIndex] || {} : {},
1254
1254
  _ref4$answers = _ref4.answers,
1255
- questionAnswers = _ref4$answers === void 0 ? [] : _ref4$answers;
1255
+ questionAnswers = _ref4$answers === undefined ? [] : _ref4$answers;
1256
1256
  var answerIndex = userAnswers[answerQuestionIndex];
1257
1257
  var _ref5 = questionAnswers[answerIndex] || {},
1258
1258
  _ref5$points = _ref5.points,
1259
- points = _ref5$points === void 0 ? 0 : _ref5$points;
1259
+ points = _ref5$points === undefined ? 0 : _ref5$points;
1260
1260
  return points + totalPoints;
1261
1261
  }, 0) : 0;
1262
1262
  }, [userAnswers, questions]);
@@ -1272,9 +1272,9 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1272
1272
  }
1273
1273
  return (results || []).sort(function (_ref6, _ref7) {
1274
1274
  var _ref6$points = _ref6.points,
1275
- pointsA = _ref6$points === void 0 ? 0 : _ref6$points;
1275
+ pointsA = _ref6$points === undefined ? 0 : _ref6$points;
1276
1276
  var _ref7$points = _ref7.points,
1277
- pointsB = _ref7$points === void 0 ? 0 : _ref7$points;
1277
+ pointsB = _ref7$points === undefined ? 0 : _ref7$points;
1278
1278
  if (pointsA === pointsB) {
1279
1279
  return 0;
1280
1280
  }
@@ -1282,18 +1282,18 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1282
1282
  }).reduce(function (lastResult, result) {
1283
1283
  var _ref8 = lastResult || {},
1284
1284
  _ref8$points = _ref8.points,
1285
- lastPoints = _ref8$points === void 0 ? 0 : _ref8$points;
1285
+ lastPoints = _ref8$points === undefined ? 0 : _ref8$points;
1286
1286
  var _ref9 = result || {},
1287
1287
  _ref9$points = _ref9.points,
1288
- points = _ref9$points === void 0 ? 0 : _ref9$points;
1288
+ points = _ref9$points === undefined ? 0 : _ref9$points;
1289
1289
  return currentPoints >= (lastPoints || 0) && currentPoints >= points ? result : lastResult;
1290
1290
  }, null);
1291
1291
  }, [isResults, results, currentPoints, stateId, stateIndex]);
1292
1292
  var _ref10 = currentResult || {},
1293
1293
  _ref10$background = _ref10.background,
1294
- resultBackground = _ref10$background === void 0 ? null : _ref10$background,
1294
+ resultBackground = _ref10$background === undefined ? null : _ref10$background,
1295
1295
  _ref10$layout = _ref10.layout,
1296
- resultLayout = _ref10$layout === void 0 ? null : _ref10$layout;
1296
+ resultLayout = _ref10$layout === undefined ? null : _ref10$layout;
1297
1297
  var _useQuizCreate = useQuizCreate({
1298
1298
  screenId: screenId
1299
1299
  }),
@@ -1369,7 +1369,7 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1369
1369
  setHasScroll = _useState8[1];
1370
1370
  var onScrollHeightChange = useCallback(function (_ref12) {
1371
1371
  var _ref12$canScroll = _ref12.canScroll,
1372
- canScroll = _ref12$canScroll === void 0 ? false : _ref12$canScroll;
1372
+ canScroll = _ref12$canScroll === undefined ? false : _ref12$canScroll;
1373
1373
  setHasScroll(canScroll);
1374
1374
  }, [setHasScroll]);
1375
1375
  var onQuizReset = useCallback(function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quiz",
3
- "version": "0.3.607",
3
+ "version": "0.3.610",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -63,19 +63,19 @@
63
63
  "@fortawesome/fontawesome-svg-core": "^6.5.2",
64
64
  "@fortawesome/free-solid-svg-icons": "^6.5.2",
65
65
  "@fortawesome/react-fontawesome": "^0.2.0",
66
- "@micromag/core": "^0.3.607",
67
- "@micromag/data": "^0.3.607",
68
- "@micromag/element-background": "^0.3.607",
69
- "@micromag/element-button": "^0.3.607",
70
- "@micromag/element-container": "^0.3.607",
71
- "@micromag/element-footer": "^0.3.607",
72
- "@micromag/element-header": "^0.3.607",
73
- "@micromag/element-heading": "^0.3.607",
74
- "@micromag/element-layout": "^0.3.607",
75
- "@micromag/element-scroll": "^0.3.607",
76
- "@micromag/element-text": "^0.3.607",
77
- "@micromag/element-visual": "^0.3.607",
78
- "@micromag/transforms": "^0.3.607",
66
+ "@micromag/core": "^0.3.610",
67
+ "@micromag/data": "^0.3.610",
68
+ "@micromag/element-background": "^0.3.610",
69
+ "@micromag/element-button": "^0.3.610",
70
+ "@micromag/element-container": "^0.3.610",
71
+ "@micromag/element-footer": "^0.3.610",
72
+ "@micromag/element-header": "^0.3.610",
73
+ "@micromag/element-heading": "^0.3.610",
74
+ "@micromag/element-layout": "^0.3.610",
75
+ "@micromag/element-scroll": "^0.3.610",
76
+ "@micromag/element-text": "^0.3.610",
77
+ "@micromag/element-visual": "^0.3.610",
78
+ "@micromag/transforms": "^0.3.610",
79
79
  "@react-spring/core": "^9.6.1",
80
80
  "@react-spring/web": "^9.6.1",
81
81
  "classnames": "^2.2.6",
@@ -89,5 +89,5 @@
89
89
  "access": "public",
90
90
  "registry": "https://registry.npmjs.org/"
91
91
  },
92
- "gitHead": "635ee4c6bf057273a9c90bde7c80134ad92ebb9c"
92
+ "gitHead": "7a002b920dc02d8daa6dfd6aedc1a97951a8e939"
93
93
  }