@micromag/screen-survey 0.3.653 → 0.3.656
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 +28 -28
- package/package.json +15 -15
package/es/index.js
CHANGED
|
@@ -138,18 +138,18 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
138
138
|
}
|
|
139
139
|
}),
|
|
140
140
|
_useQuiz$quiz = _useQuiz.quiz,
|
|
141
|
-
allQuizAnswers = _useQuiz$quiz ===
|
|
141
|
+
allQuizAnswers = _useQuiz$quiz === void 0 ? [] : _useQuiz$quiz;
|
|
142
142
|
var quizAnswers = allQuizAnswers.filter(function (item) {
|
|
143
143
|
var _ref2 = item || {},
|
|
144
144
|
_ref2$choice = _ref2.choice,
|
|
145
|
-
choice = _ref2$choice ===
|
|
145
|
+
choice = _ref2$choice === void 0 ? null : _ref2$choice;
|
|
146
146
|
var answersBody = (answers || []).map(function (answer) {
|
|
147
147
|
var _ref3 = answer || {},
|
|
148
148
|
_ref3$label = _ref3.label,
|
|
149
|
-
label = _ref3$label ===
|
|
149
|
+
label = _ref3$label === void 0 ? null : _ref3$label;
|
|
150
150
|
var _ref4 = label || {},
|
|
151
151
|
_ref4$body = _ref4.body,
|
|
152
|
-
body = _ref4$body ===
|
|
152
|
+
body = _ref4$body === void 0 ? null : _ref4$body;
|
|
153
153
|
return body;
|
|
154
154
|
}).filter(function (body) {
|
|
155
155
|
return body !== null;
|
|
@@ -173,21 +173,21 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
173
173
|
var quizAnswersComputed = useMemo(function () {
|
|
174
174
|
var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref5) {
|
|
175
175
|
var _ref5$count = _ref5.count,
|
|
176
|
-
count = _ref5$count ===
|
|
176
|
+
count = _ref5$count === void 0 ? 0 : _ref5$count;
|
|
177
177
|
return points + parseInt(count, 10);
|
|
178
178
|
}, userAnswerIndex !== null && userAnswerIndex > -1 ? 1 : 0) : 0;
|
|
179
179
|
var computed = answers !== null ? (answers || []).reduce(function (answersTotal, ans, i) {
|
|
180
180
|
var _ref6 = ans || {},
|
|
181
181
|
_ref6$label = _ref6.label,
|
|
182
|
-
label = _ref6$label ===
|
|
182
|
+
label = _ref6$label === void 0 ? {} : _ref6$label;
|
|
183
183
|
var _ref7 = label || {},
|
|
184
184
|
_ref7$body = _ref7.body,
|
|
185
|
-
body = _ref7$body ===
|
|
185
|
+
body = _ref7$body === void 0 ? null : _ref7$body;
|
|
186
186
|
var _ref8 = quizAnswers.find(function (qa) {
|
|
187
187
|
return qa.choice === body;
|
|
188
188
|
}) || {},
|
|
189
189
|
_ref8$count = _ref8.count,
|
|
190
|
-
count = _ref8$count ===
|
|
190
|
+
count = _ref8$count === void 0 ? 0 : _ref8$count;
|
|
191
191
|
var countWithUser = i === userAnswerIndex ? count + 1 : count;
|
|
192
192
|
if (body !== null) {
|
|
193
193
|
return _objectSpread(_objectSpread({}, answersTotal), {}, _defineProperty({}, body, {
|
|
@@ -259,7 +259,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
259
259
|
var onTextInputChange = useCallback(function (e) {
|
|
260
260
|
var _ref9 = e.target || {},
|
|
261
261
|
_ref9$value = _ref9.value,
|
|
262
|
-
value = _ref9$value ===
|
|
262
|
+
value = _ref9$value === void 0 ? null : _ref9$value;
|
|
263
263
|
setTextInput(value);
|
|
264
264
|
}, [setTextInput]);
|
|
265
265
|
var onSubmitSuggestion = useCallback(function (e) {
|
|
@@ -290,11 +290,11 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
290
290
|
var _useDimensionObserver = useDimensionObserver(),
|
|
291
291
|
headerRef = _useDimensionObserver.ref,
|
|
292
292
|
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
293
|
-
headerHeight = _useDimensionObserver2 ===
|
|
293
|
+
headerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
|
|
294
294
|
var _useDimensionObserver3 = useDimensionObserver(),
|
|
295
295
|
footerRef = _useDimensionObserver3.ref,
|
|
296
296
|
_useDimensionObserver4 = _useDimensionObserver3.height,
|
|
297
|
-
footerHeight = _useDimensionObserver4 ===
|
|
297
|
+
footerHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
|
|
298
298
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
299
299
|
var _useState7 = useState(false),
|
|
300
300
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
@@ -316,7 +316,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
316
316
|
setHasScroll = _useState10[1];
|
|
317
317
|
var onScrollHeightChange = useCallback(function (_ref11) {
|
|
318
318
|
var _ref11$canScroll = _ref11.canScroll,
|
|
319
|
-
canScroll = _ref11$canScroll ===
|
|
319
|
+
canScroll = _ref11$canScroll === void 0 ? false : _ref11$canScroll;
|
|
320
320
|
setHasScroll(canScroll);
|
|
321
321
|
}, [setHasScroll]);
|
|
322
322
|
|
|
@@ -350,17 +350,17 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
350
350
|
}, [showInstantAnswer, resultTransitionDuration]);
|
|
351
351
|
var _ref12 = resultsStyle || {},
|
|
352
352
|
_ref12$barColor = _ref12.barColor,
|
|
353
|
-
resultsBarColor = _ref12$barColor ===
|
|
353
|
+
resultsBarColor = _ref12$barColor === void 0 ? null : _ref12$barColor,
|
|
354
354
|
_ref12$textColor = _ref12.textColor,
|
|
355
|
-
resultsTextColor = _ref12$textColor ===
|
|
355
|
+
resultsTextColor = _ref12$textColor === void 0 ? null : _ref12$textColor,
|
|
356
356
|
_ref12$percentageText = _ref12.percentageTextStyle,
|
|
357
|
-
resultsPercentageTextStyle = _ref12$percentageText ===
|
|
357
|
+
resultsPercentageTextStyle = _ref12$percentageText === void 0 ? null : _ref12$percentageText;
|
|
358
358
|
var finalResult = useMemo(function () {
|
|
359
359
|
var defaultResult = hasDefaultResult ? result : null;
|
|
360
360
|
var answer = userAnswerIndex !== null ? answers[userAnswerIndex] : null;
|
|
361
361
|
var _ref13 = answer || {},
|
|
362
362
|
_ref13$result = _ref13.result,
|
|
363
|
-
answerResult = _ref13$result ===
|
|
363
|
+
answerResult = _ref13$result === void 0 ? null : _ref13$result;
|
|
364
364
|
return answerResult || defaultResult;
|
|
365
365
|
}, [hasDefaultResult, result, answers, userAnswerIndex]);
|
|
366
366
|
var showReset = isEdit && userAnswerIndex !== null;
|
|
@@ -373,33 +373,33 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
373
373
|
var hasAnswer = answer !== null;
|
|
374
374
|
var _ref14 = answer || {},
|
|
375
375
|
_ref14$label = _ref14.label,
|
|
376
|
-
label = _ref14$label ===
|
|
376
|
+
label = _ref14$label === void 0 ? null : _ref14$label,
|
|
377
377
|
_ref14$buttonStyle = _ref14.buttonStyle,
|
|
378
|
-
answerButtonStyle = _ref14$buttonStyle ===
|
|
378
|
+
answerButtonStyle = _ref14$buttonStyle === void 0 ? null : _ref14$buttonStyle,
|
|
379
379
|
_ref14$textStyle = _ref14.textStyle,
|
|
380
|
-
answerButtonTextStyle = _ref14$textStyle ===
|
|
380
|
+
answerButtonTextStyle = _ref14$textStyle === void 0 ? null : _ref14$textStyle,
|
|
381
381
|
_ref14$resultStyle = _ref14.resultStyle,
|
|
382
|
-
answerResultStyle = _ref14$resultStyle ===
|
|
382
|
+
answerResultStyle = _ref14$resultStyle === void 0 ? null : _ref14$resultStyle;
|
|
383
383
|
var _ref15 = answerResultStyle || {},
|
|
384
384
|
_ref15$barColor = _ref15.barColor,
|
|
385
|
-
answerResultBarColor = _ref15$barColor ===
|
|
385
|
+
answerResultBarColor = _ref15$barColor === void 0 ? null : _ref15$barColor,
|
|
386
386
|
answerResultTextColor = _ref15.textColor,
|
|
387
387
|
_ref15$percentageText = _ref15.percentageTextStyle,
|
|
388
|
-
answerResultPercentageTextStyle = _ref15$percentageText ===
|
|
388
|
+
answerResultPercentageTextStyle = _ref15$percentageText === void 0 ? null : _ref15$percentageText;
|
|
389
389
|
var _ref16 = label || {},
|
|
390
390
|
_ref16$body = _ref16.body,
|
|
391
|
-
body = _ref16$body ===
|
|
391
|
+
body = _ref16$body === void 0 ? null : _ref16$body;
|
|
392
392
|
var _ref17 = body !== null ? quizAnswersComputed[body] || {} : {},
|
|
393
393
|
_ref17$percent = _ref17.percent,
|
|
394
|
-
percent = _ref17$percent ===
|
|
394
|
+
percent = _ref17$percent === void 0 ? 0 : _ref17$percent,
|
|
395
395
|
_ref17$count = _ref17.count,
|
|
396
|
-
count = _ref17$count ===
|
|
396
|
+
count = _ref17$count === void 0 ? 0 : _ref17$count;
|
|
397
397
|
var _ref18 = label || {},
|
|
398
398
|
_ref18$textStyle = _ref18.textStyle,
|
|
399
|
-
textStyle = _ref18$textStyle ===
|
|
399
|
+
textStyle = _ref18$textStyle === void 0 ? null : _ref18$textStyle;
|
|
400
400
|
var _ref19 = textStyle || {},
|
|
401
401
|
_ref19$color = _ref19.color,
|
|
402
|
-
labelColor = _ref19$color ===
|
|
402
|
+
labelColor = _ref19$color === void 0 ? null : _ref19$color;
|
|
403
403
|
var hasAnswerLabel = isTextFilled(label);
|
|
404
404
|
var userAnswer = userAnswerIndex === answerIndex;
|
|
405
405
|
var buttonStyles = _objectSpread(_objectSpread(_objectSpread({}, buttonsStyle), answerButtonStyle), answered ? {
|
|
@@ -407,7 +407,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
407
407
|
} : null);
|
|
408
408
|
var _ref20 = buttonStyles || {},
|
|
409
409
|
_ref20$borderRadius = _ref20.borderRadius,
|
|
410
|
-
answerResultBorderRadius = _ref20$borderRadius ===
|
|
410
|
+
answerResultBorderRadius = _ref20$borderRadius === void 0 ? null : _ref20$borderRadius;
|
|
411
411
|
var finalBarBorderRadius = answerResultBorderRadius !== null && isNumber(answerResultBorderRadius) && answerResultBorderRadius > 2 ? answerResultBorderRadius - 2 : answerResultBorderRadius;
|
|
412
412
|
return /*#__PURE__*/React.createElement("div", {
|
|
413
413
|
key: "answer-".concat(answerIndex),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-survey",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.656",
|
|
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.
|
|
67
|
-
"@micromag/data": "^0.3.
|
|
68
|
-
"@micromag/element-background": "^0.3.
|
|
69
|
-
"@micromag/element-button": "^0.3.
|
|
70
|
-
"@micromag/element-container": "^0.3.
|
|
71
|
-
"@micromag/element-footer": "^0.3.
|
|
72
|
-
"@micromag/element-header": "^0.3.
|
|
73
|
-
"@micromag/element-heading": "^0.3.
|
|
74
|
-
"@micromag/element-layout": "^0.3.
|
|
75
|
-
"@micromag/element-scroll": "^0.3.
|
|
76
|
-
"@micromag/element-text": "^0.3.
|
|
77
|
-
"@micromag/element-text-input": "^0.3.
|
|
78
|
-
"@micromag/transforms": "^0.3.
|
|
66
|
+
"@micromag/core": "^0.3.656",
|
|
67
|
+
"@micromag/data": "^0.3.656",
|
|
68
|
+
"@micromag/element-background": "^0.3.656",
|
|
69
|
+
"@micromag/element-button": "^0.3.656",
|
|
70
|
+
"@micromag/element-container": "^0.3.656",
|
|
71
|
+
"@micromag/element-footer": "^0.3.656",
|
|
72
|
+
"@micromag/element-header": "^0.3.656",
|
|
73
|
+
"@micromag/element-heading": "^0.3.656",
|
|
74
|
+
"@micromag/element-layout": "^0.3.656",
|
|
75
|
+
"@micromag/element-scroll": "^0.3.656",
|
|
76
|
+
"@micromag/element-text": "^0.3.656",
|
|
77
|
+
"@micromag/element-text-input": "^0.3.656",
|
|
78
|
+
"@micromag/transforms": "^0.3.656",
|
|
79
79
|
"classnames": "^2.2.6",
|
|
80
80
|
"lodash": "^4.17.21",
|
|
81
81
|
"prop-types": "^15.7.2",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"access": "public",
|
|
87
87
|
"registry": "https://registry.npmjs.org/"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "fd956cc4a183b621df124f3f3afbae4af974db27"
|
|
90
90
|
}
|