@micromag/screen-survey 0.3.607 → 0.3.608
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 +25 -25
- package/package.json +14 -14
package/es/index.js
CHANGED
|
@@ -126,18 +126,18 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
126
126
|
}
|
|
127
127
|
}),
|
|
128
128
|
_useQuiz$quiz = _useQuiz.quiz,
|
|
129
|
-
allQuizAnswers = _useQuiz$quiz ===
|
|
129
|
+
allQuizAnswers = _useQuiz$quiz === undefined ? [] : _useQuiz$quiz;
|
|
130
130
|
var quizAnswers = allQuizAnswers.filter(function (item) {
|
|
131
131
|
var _ref2 = item || {},
|
|
132
132
|
_ref2$choice = _ref2.choice,
|
|
133
|
-
choice = _ref2$choice ===
|
|
133
|
+
choice = _ref2$choice === undefined ? null : _ref2$choice;
|
|
134
134
|
var answersBody = (answers || []).map(function (answer) {
|
|
135
135
|
var _ref3 = answer || {},
|
|
136
136
|
_ref3$label = _ref3.label,
|
|
137
|
-
label = _ref3$label ===
|
|
137
|
+
label = _ref3$label === undefined ? null : _ref3$label;
|
|
138
138
|
var _ref4 = label || {},
|
|
139
139
|
_ref4$body = _ref4.body,
|
|
140
|
-
body = _ref4$body ===
|
|
140
|
+
body = _ref4$body === undefined ? null : _ref4$body;
|
|
141
141
|
return body;
|
|
142
142
|
}).filter(function (body) {
|
|
143
143
|
return body !== null;
|
|
@@ -160,21 +160,21 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
160
160
|
var quizAnswersComputed = useMemo(function () {
|
|
161
161
|
var total = answers !== null ? (quizAnswers || []).reduce(function (points, _ref5) {
|
|
162
162
|
var _ref5$count = _ref5.count,
|
|
163
|
-
count = _ref5$count ===
|
|
163
|
+
count = _ref5$count === undefined ? 0 : _ref5$count;
|
|
164
164
|
return points + parseInt(count, 10);
|
|
165
165
|
}, userAnswerIndex !== null && userAnswerIndex > -1 ? 1 : 0) : 0;
|
|
166
166
|
var computed = answers !== null ? (answers || []).reduce(function (answersTotal, ans, i) {
|
|
167
167
|
var _ref6 = ans || {},
|
|
168
168
|
_ref6$label = _ref6.label,
|
|
169
|
-
label = _ref6$label ===
|
|
169
|
+
label = _ref6$label === undefined ? {} : _ref6$label;
|
|
170
170
|
var _ref7 = label || {},
|
|
171
171
|
_ref7$body = _ref7.body,
|
|
172
|
-
body = _ref7$body ===
|
|
172
|
+
body = _ref7$body === undefined ? null : _ref7$body;
|
|
173
173
|
var _ref8 = quizAnswers.find(function (qa) {
|
|
174
174
|
return qa.choice === body;
|
|
175
175
|
}) || {},
|
|
176
176
|
_ref8$count = _ref8.count,
|
|
177
|
-
count = _ref8$count ===
|
|
177
|
+
count = _ref8$count === undefined ? 0 : _ref8$count;
|
|
178
178
|
var countWithUser = i === userAnswerIndex ? count + 1 : count;
|
|
179
179
|
if (body !== null) {
|
|
180
180
|
return _objectSpread(_objectSpread({}, answersTotal), {}, _defineProperty({}, body, {
|
|
@@ -232,11 +232,11 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
232
232
|
var _useDimensionObserver = useDimensionObserver(),
|
|
233
233
|
headerRef = _useDimensionObserver.ref,
|
|
234
234
|
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
235
|
-
headerHeight = _useDimensionObserver2 ===
|
|
235
|
+
headerHeight = _useDimensionObserver2 === undefined ? 0 : _useDimensionObserver2;
|
|
236
236
|
var _useDimensionObserver3 = useDimensionObserver(),
|
|
237
237
|
footerRef = _useDimensionObserver3.ref,
|
|
238
238
|
_useDimensionObserver4 = _useDimensionObserver3.height,
|
|
239
|
-
footerHeight = _useDimensionObserver4 ===
|
|
239
|
+
footerHeight = _useDimensionObserver4 === undefined ? 0 : _useDimensionObserver4;
|
|
240
240
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
241
241
|
var _useState3 = useState(false),
|
|
242
242
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
@@ -258,7 +258,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
258
258
|
setHasScroll = _useState6[1];
|
|
259
259
|
var onScrollHeightChange = useCallback(function (_ref10) {
|
|
260
260
|
var _ref10$canScroll = _ref10.canScroll,
|
|
261
|
-
canScroll = _ref10$canScroll ===
|
|
261
|
+
canScroll = _ref10$canScroll === undefined ? false : _ref10$canScroll;
|
|
262
262
|
setHasScroll(canScroll);
|
|
263
263
|
}, [setHasScroll]);
|
|
264
264
|
|
|
@@ -290,11 +290,11 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
290
290
|
var finalTransitionDuration = showInstantAnswer ? 0 : "".concat(resultTransitionDuration, "ms");
|
|
291
291
|
var _ref11 = resultsStyle || {},
|
|
292
292
|
_ref11$barColor = _ref11.barColor,
|
|
293
|
-
resultsBarColor = _ref11$barColor ===
|
|
293
|
+
resultsBarColor = _ref11$barColor === undefined ? null : _ref11$barColor,
|
|
294
294
|
_ref11$textColor = _ref11.textColor,
|
|
295
|
-
resultsTextColor = _ref11$textColor ===
|
|
295
|
+
resultsTextColor = _ref11$textColor === undefined ? null : _ref11$textColor,
|
|
296
296
|
_ref11$percentageText = _ref11.percentageTextStyle,
|
|
297
|
-
resultsPercentageTextStyle = _ref11$percentageText ===
|
|
297
|
+
resultsPercentageTextStyle = _ref11$percentageText === undefined ? null : _ref11$percentageText;
|
|
298
298
|
items.push(/*#__PURE__*/React.createElement("div", {
|
|
299
299
|
key: "answers",
|
|
300
300
|
className: styles.answers
|
|
@@ -304,31 +304,31 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
304
304
|
var hasAnswer = answer !== null;
|
|
305
305
|
var _ref12 = answer || {},
|
|
306
306
|
_ref12$label = _ref12.label,
|
|
307
|
-
label = _ref12$label ===
|
|
307
|
+
label = _ref12$label === undefined ? null : _ref12$label,
|
|
308
308
|
_ref12$buttonStyle = _ref12.buttonStyle,
|
|
309
|
-
answerButtonStyle = _ref12$buttonStyle ===
|
|
309
|
+
answerButtonStyle = _ref12$buttonStyle === undefined ? null : _ref12$buttonStyle,
|
|
310
310
|
_ref12$textStyle = _ref12.textStyle,
|
|
311
|
-
answerButtonTextStyle = _ref12$textStyle ===
|
|
311
|
+
answerButtonTextStyle = _ref12$textStyle === undefined ? null : _ref12$textStyle,
|
|
312
312
|
_ref12$resultStyle = _ref12.resultStyle,
|
|
313
|
-
answerResultStyle = _ref12$resultStyle ===
|
|
313
|
+
answerResultStyle = _ref12$resultStyle === undefined ? null : _ref12$resultStyle;
|
|
314
314
|
var _ref13 = answerResultStyle || {},
|
|
315
315
|
_ref13$barColor = _ref13.barColor,
|
|
316
|
-
answerResultBarColor = _ref13$barColor ===
|
|
316
|
+
answerResultBarColor = _ref13$barColor === undefined ? null : _ref13$barColor,
|
|
317
317
|
answerResultTextColor = _ref13.textColor,
|
|
318
318
|
_ref13$percentageText = _ref13.percentageTextStyle,
|
|
319
|
-
answerResultPercentageTextStyle = _ref13$percentageText ===
|
|
319
|
+
answerResultPercentageTextStyle = _ref13$percentageText === undefined ? null : _ref13$percentageText;
|
|
320
320
|
var _ref14 = label || {},
|
|
321
321
|
_ref14$body = _ref14.body,
|
|
322
|
-
body = _ref14$body ===
|
|
322
|
+
body = _ref14$body === undefined ? null : _ref14$body;
|
|
323
323
|
var _ref15 = body !== null ? quizAnswersComputed[body] || {} : {},
|
|
324
324
|
_ref15$percent = _ref15.percent,
|
|
325
|
-
percent = _ref15$percent ===
|
|
325
|
+
percent = _ref15$percent === undefined ? 0 : _ref15$percent;
|
|
326
326
|
var _ref16 = label || {},
|
|
327
327
|
_ref16$textStyle = _ref16.textStyle,
|
|
328
|
-
textStyle = _ref16$textStyle ===
|
|
328
|
+
textStyle = _ref16$textStyle === undefined ? null : _ref16$textStyle;
|
|
329
329
|
var _ref17 = textStyle || {},
|
|
330
330
|
_ref17$color = _ref17.color,
|
|
331
|
-
labelColor = _ref17$color ===
|
|
331
|
+
labelColor = _ref17$color === undefined ? null : _ref17$color;
|
|
332
332
|
var hasAnswerLabel = isTextFilled(label);
|
|
333
333
|
var userAnswer = userAnswerIndex === answerIndex;
|
|
334
334
|
var buttonStyles = _objectSpread(_objectSpread(_objectSpread({}, buttonsStyle), answerButtonStyle), answered ? {
|
|
@@ -336,7 +336,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
336
336
|
} : null);
|
|
337
337
|
var _ref18 = buttonStyles || {},
|
|
338
338
|
_ref18$borderRadius = _ref18.borderRadius,
|
|
339
|
-
answerResultBorderRadius = _ref18$borderRadius ===
|
|
339
|
+
answerResultBorderRadius = _ref18$borderRadius === undefined ? null : _ref18$borderRadius;
|
|
340
340
|
var finalBarBorderRadius = answerResultBorderRadius !== null && isNumber(answerResultBorderRadius) && answerResultBorderRadius > 2 ? answerResultBorderRadius - 2 : answerResultBorderRadius;
|
|
341
341
|
return /*#__PURE__*/React.createElement("div", {
|
|
342
342
|
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.608",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -60,18 +60,18 @@
|
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"@babel/runtime": "^7.13.10",
|
|
63
|
-
"@micromag/core": "^0.3.
|
|
64
|
-
"@micromag/data": "^0.3.
|
|
65
|
-
"@micromag/element-background": "^0.3.
|
|
66
|
-
"@micromag/element-button": "^0.3.
|
|
67
|
-
"@micromag/element-container": "^0.3.
|
|
68
|
-
"@micromag/element-footer": "^0.3.
|
|
69
|
-
"@micromag/element-header": "^0.3.
|
|
70
|
-
"@micromag/element-heading": "^0.3.
|
|
71
|
-
"@micromag/element-layout": "^0.3.
|
|
72
|
-
"@micromag/element-scroll": "^0.3.
|
|
73
|
-
"@micromag/element-text": "^0.3.
|
|
74
|
-
"@micromag/transforms": "^0.3.
|
|
63
|
+
"@micromag/core": "^0.3.608",
|
|
64
|
+
"@micromag/data": "^0.3.608",
|
|
65
|
+
"@micromag/element-background": "^0.3.608",
|
|
66
|
+
"@micromag/element-button": "^0.3.608",
|
|
67
|
+
"@micromag/element-container": "^0.3.608",
|
|
68
|
+
"@micromag/element-footer": "^0.3.608",
|
|
69
|
+
"@micromag/element-header": "^0.3.608",
|
|
70
|
+
"@micromag/element-heading": "^0.3.608",
|
|
71
|
+
"@micromag/element-layout": "^0.3.608",
|
|
72
|
+
"@micromag/element-scroll": "^0.3.608",
|
|
73
|
+
"@micromag/element-text": "^0.3.608",
|
|
74
|
+
"@micromag/transforms": "^0.3.608",
|
|
75
75
|
"classnames": "^2.2.6",
|
|
76
76
|
"lodash": "^4.17.21",
|
|
77
77
|
"prop-types": "^15.7.2",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"access": "public",
|
|
83
83
|
"registry": "https://registry.npmjs.org/"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "02f8cfe4dde0c33bec9ed7c3bdb671cd8acf78bc"
|
|
86
86
|
}
|