@micromag/screen-survey 0.3.323 → 0.3.326
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 +26 -24
- package/lib/index.js +26 -24
- package/package.json +13 -13
package/es/index.js
CHANGED
|
@@ -291,29 +291,32 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
291
291
|
answerButtonTextStyle = _ref12$textStyle === void 0 ? null : _ref12$textStyle,
|
|
292
292
|
_ref12$resultStyle = _ref12.resultStyle,
|
|
293
293
|
answerResultStyle = _ref12$resultStyle === void 0 ? null : _ref12$resultStyle;
|
|
294
|
-
var _ref13 =
|
|
295
|
-
_ref13$
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
_ref14$
|
|
302
|
-
|
|
303
|
-
var _ref15 =
|
|
304
|
-
_ref15$
|
|
305
|
-
|
|
306
|
-
var _ref16 =
|
|
307
|
-
_ref16$
|
|
308
|
-
|
|
309
|
-
var _ref17 =
|
|
310
|
-
_ref17$
|
|
311
|
-
|
|
312
|
-
var _ref18 = textStyle || {},
|
|
313
|
-
_ref18$color = _ref18.color,
|
|
314
|
-
labelColor = _ref18$color === void 0 ? null : _ref18$color;
|
|
294
|
+
var _ref13 = answerResultStyle || {},
|
|
295
|
+
_ref13$barColor = _ref13.barColor,
|
|
296
|
+
answerResultBarColor = _ref13$barColor === void 0 ? null : _ref13$barColor,
|
|
297
|
+
answerResultTextColor = _ref13.textColor,
|
|
298
|
+
_ref13$percentageText = _ref13.percentageTextStyle,
|
|
299
|
+
answerResultPercentageTextStyle = _ref13$percentageText === void 0 ? null : _ref13$percentageText;
|
|
300
|
+
var _ref14 = label || {},
|
|
301
|
+
_ref14$body = _ref14.body,
|
|
302
|
+
body = _ref14$body === void 0 ? null : _ref14$body;
|
|
303
|
+
var _ref15 = body !== null ? quizAnswersComputed[body] || {} : {},
|
|
304
|
+
_ref15$percent = _ref15.percent,
|
|
305
|
+
percent = _ref15$percent === void 0 ? 0 : _ref15$percent;
|
|
306
|
+
var _ref16 = label || {},
|
|
307
|
+
_ref16$textStyle = _ref16.textStyle,
|
|
308
|
+
textStyle = _ref16$textStyle === void 0 ? null : _ref16$textStyle;
|
|
309
|
+
var _ref17 = textStyle || {},
|
|
310
|
+
_ref17$color = _ref17.color,
|
|
311
|
+
labelColor = _ref17$color === void 0 ? null : _ref17$color;
|
|
315
312
|
var hasAnswerLabel = isTextFilled(label);
|
|
316
313
|
var userAnswer = userAnswerIndex === answerIndex;
|
|
314
|
+
var buttonStyles = _objectSpread(_objectSpread(_objectSpread({}, buttonsStyle), answerButtonStyle), answered ? {
|
|
315
|
+
textAlign: 'left'
|
|
316
|
+
} : null);
|
|
317
|
+
var _ref18 = buttonStyles || {},
|
|
318
|
+
_ref18$borderRadius = _ref18.borderRadius,
|
|
319
|
+
answerResultBorderRadius = _ref18$borderRadius === void 0 ? null : _ref18$borderRadius;
|
|
317
320
|
return /*#__PURE__*/React.createElement("div", {
|
|
318
321
|
key: "answer-".concat(answerIndex),
|
|
319
322
|
className: classNames([styles.item, _defineProperty({}, styles.userAnswer, userAnswer)])
|
|
@@ -336,6 +339,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
336
339
|
}, /*#__PURE__*/React.createElement("div", {
|
|
337
340
|
className: styles.itemInner,
|
|
338
341
|
style: {
|
|
342
|
+
borderRadius: answerResultBorderRadius,
|
|
339
343
|
transitionDuration: finalTransitionDuration
|
|
340
344
|
}
|
|
341
345
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
@@ -347,9 +351,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
347
351
|
},
|
|
348
352
|
disabled: isPreview || userAnswerIndex !== null,
|
|
349
353
|
focusable: current && isView,
|
|
350
|
-
buttonStyle:
|
|
351
|
-
textAlign: 'left'
|
|
352
|
-
} : null),
|
|
354
|
+
buttonStyle: buttonStyles,
|
|
353
355
|
textStyle: _objectSpread(_objectSpread(_objectSpread({}, textStyle), buttonsTextStyle), answerButtonTextStyle)
|
|
354
356
|
}, /*#__PURE__*/React.createElement("span", {
|
|
355
357
|
className: styles.itemLabel
|
package/lib/index.js
CHANGED
|
@@ -313,29 +313,32 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
313
313
|
answerButtonTextStyle = _ref12$textStyle === void 0 ? null : _ref12$textStyle,
|
|
314
314
|
_ref12$resultStyle = _ref12.resultStyle,
|
|
315
315
|
answerResultStyle = _ref12$resultStyle === void 0 ? null : _ref12$resultStyle;
|
|
316
|
-
var _ref13 =
|
|
317
|
-
_ref13$
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
_ref14$
|
|
324
|
-
|
|
325
|
-
var _ref15 =
|
|
326
|
-
_ref15$
|
|
327
|
-
|
|
328
|
-
var _ref16 =
|
|
329
|
-
_ref16$
|
|
330
|
-
|
|
331
|
-
var _ref17 =
|
|
332
|
-
_ref17$
|
|
333
|
-
|
|
334
|
-
var _ref18 = textStyle || {},
|
|
335
|
-
_ref18$color = _ref18.color,
|
|
336
|
-
labelColor = _ref18$color === void 0 ? null : _ref18$color;
|
|
316
|
+
var _ref13 = answerResultStyle || {},
|
|
317
|
+
_ref13$barColor = _ref13.barColor,
|
|
318
|
+
answerResultBarColor = _ref13$barColor === void 0 ? null : _ref13$barColor,
|
|
319
|
+
answerResultTextColor = _ref13.textColor,
|
|
320
|
+
_ref13$percentageText = _ref13.percentageTextStyle,
|
|
321
|
+
answerResultPercentageTextStyle = _ref13$percentageText === void 0 ? null : _ref13$percentageText;
|
|
322
|
+
var _ref14 = label || {},
|
|
323
|
+
_ref14$body = _ref14.body,
|
|
324
|
+
body = _ref14$body === void 0 ? null : _ref14$body;
|
|
325
|
+
var _ref15 = body !== null ? quizAnswersComputed[body] || {} : {},
|
|
326
|
+
_ref15$percent = _ref15.percent,
|
|
327
|
+
percent = _ref15$percent === void 0 ? 0 : _ref15$percent;
|
|
328
|
+
var _ref16 = label || {},
|
|
329
|
+
_ref16$textStyle = _ref16.textStyle,
|
|
330
|
+
textStyle = _ref16$textStyle === void 0 ? null : _ref16$textStyle;
|
|
331
|
+
var _ref17 = textStyle || {},
|
|
332
|
+
_ref17$color = _ref17.color,
|
|
333
|
+
labelColor = _ref17$color === void 0 ? null : _ref17$color;
|
|
337
334
|
var hasAnswerLabel = utils.isTextFilled(label);
|
|
338
335
|
var userAnswer = userAnswerIndex === answerIndex;
|
|
336
|
+
var buttonStyles = _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, buttonsStyle), answerButtonStyle), answered ? {
|
|
337
|
+
textAlign: 'left'
|
|
338
|
+
} : null);
|
|
339
|
+
var _ref18 = buttonStyles || {},
|
|
340
|
+
_ref18$borderRadius = _ref18.borderRadius,
|
|
341
|
+
answerResultBorderRadius = _ref18$borderRadius === void 0 ? null : _ref18$borderRadius;
|
|
339
342
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
340
343
|
key: "answer-".concat(answerIndex),
|
|
341
344
|
className: classNames__default["default"]([styles.item, _defineProperty__default["default"]({}, styles.userAnswer, userAnswer)])
|
|
@@ -358,6 +361,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
358
361
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
359
362
|
className: styles.itemInner,
|
|
360
363
|
style: {
|
|
364
|
+
borderRadius: answerResultBorderRadius,
|
|
361
365
|
transitionDuration: finalTransitionDuration
|
|
362
366
|
}
|
|
363
367
|
}, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
|
|
@@ -369,9 +373,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
|
|
|
369
373
|
},
|
|
370
374
|
disabled: isPreview || userAnswerIndex !== null,
|
|
371
375
|
focusable: current && isView,
|
|
372
|
-
buttonStyle:
|
|
373
|
-
textAlign: 'left'
|
|
374
|
-
} : null),
|
|
376
|
+
buttonStyle: buttonStyles,
|
|
375
377
|
textStyle: _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, textStyle), buttonsTextStyle), answerButtonTextStyle)
|
|
376
378
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
377
379
|
className: styles.itemLabel
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-survey",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.326",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -49,17 +49,17 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
|
-
"@micromag/core": "^0.3.
|
|
53
|
-
"@micromag/data": "^0.3.
|
|
54
|
-
"@micromag/element-background": "^0.3.
|
|
55
|
-
"@micromag/element-button": "^0.3.
|
|
56
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
57
|
-
"@micromag/element-container": "^0.3.
|
|
58
|
-
"@micromag/element-heading": "^0.3.
|
|
59
|
-
"@micromag/element-layout": "^0.3.
|
|
60
|
-
"@micromag/element-scroll": "^0.3.
|
|
61
|
-
"@micromag/element-text": "^0.3.
|
|
62
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.325",
|
|
53
|
+
"@micromag/data": "^0.3.325",
|
|
54
|
+
"@micromag/element-background": "^0.3.325",
|
|
55
|
+
"@micromag/element-button": "^0.3.325",
|
|
56
|
+
"@micromag/element-call-to-action": "^0.3.325",
|
|
57
|
+
"@micromag/element-container": "^0.3.325",
|
|
58
|
+
"@micromag/element-heading": "^0.3.325",
|
|
59
|
+
"@micromag/element-layout": "^0.3.325",
|
|
60
|
+
"@micromag/element-scroll": "^0.3.325",
|
|
61
|
+
"@micromag/element-text": "^0.3.325",
|
|
62
|
+
"@micromag/transforms": "^0.3.325",
|
|
63
63
|
"classnames": "^2.2.6",
|
|
64
64
|
"lodash": "^4.17.21",
|
|
65
65
|
"prop-types": "^15.7.2",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"publishConfig": {
|
|
70
70
|
"access": "public"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "54b9410aeb770aa362e9f1c68876e5bdb67411ad"
|
|
73
73
|
}
|