@micromag/screen-quiz 0.3.229 → 0.3.233
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/assets/css/styles.css +1 -1
- package/es/index.js +33 -30
- package/lib/index.js +33 -30
- package/package.json +13 -13
package/assets/css/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.micromag-screen-quiz-answers-emptyAnswer{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-answers-button:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-screen-quiz-answers-container,.micromag-screen-quiz-answers-items{position:relative}.micromag-screen-quiz-answers-emptyAnswer{width:100%;height:40px;margin:0 auto;font-size:.75em}.micromag-screen-quiz-answers-item{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-answerToSlide{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-isUserAnswer{opacity:1!important}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-item{opacity:.3}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-rightAnswer,.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{opacity:.99}.micromag-screen-quiz-answers-willCollapse .micromag-screen-quiz-answers-item,.micromag-screen-quiz-answers-willCollapse .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;opacity:0}.micromag-screen-quiz-answers-willCollapse .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-answerToSlide{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;opacity:1}.micromag-screen-quiz-answers-didCollapsed .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-answerToSlide{-webkit-transition:none;-o-transition:none;transition:none}.micromag-screen-quiz-answers-withoutGoodAnswer .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}.micromag-screen-quiz-answers-isPlaceholder .micromag-screen-quiz-answers-item{padding:1px 0}.micromag-screen-quiz-answers-button{position:relative;width:100%;padding:10px;color:#fff}.micromag-screen-quiz-answers-button:disabled{opacity:1;pointer-events:none}.micromag-screen-quiz-answers-withGoodAnswer .micromag-screen-quiz-answers-button{padding-right:42px;padding-left:42px}.micromag-screen-quiz-answers-resultIcon{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:5px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;margin-top:-16px;padding:5px;-webkit-transition:opacity .15s ease;-o-transition:opacity .15s ease;transition:opacity .15s ease;border:2px solid #1c1c1c;border-radius:50%;opacity:0;background-color:#ff2945}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-resultIcon{opacity:1}.micromag-screen-quiz-answers-rightAnswer .micromag-screen-quiz-answers-resultIcon{background-color:#0ed88f}.micromag-screen-quiz-answers-itemContent{padding:5px 0}
|
|
2
2
|
.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion,.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-question{margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-index{display:block;width:100%;margin-bottom:1em;text-align:center}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-result{position:absolute;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;opacity:0;pointer-events:none}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-resultContent{padding:20px 0}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion,.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{width:100%;margin:0 auto}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion{height:60px;margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{height:100px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultVisible .micromag-screen-quiz-question-result{position:relative;opacity:1;pointer-events:all}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder{padding:10px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder .micromag-screen-quiz-question-index{color:hsla(0,0%,100%,.6);mix-blend-mode:difference;font-size:8px}
|
|
3
|
-
.micromag-screen-quiz-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-quiz-disabled.micromag-screen-quiz-container{overflow:hidden;pointer-events:none}.micromag-screen-quiz-hidden.micromag-screen-quiz-container{display:none;visibility:hidden}.micromag-screen-quiz-placeholder.micromag-screen-quiz-container .micromag-screen-quiz-content{position:relative;padding:6px}.micromag-screen-quiz-layout{top:0;right:0}.micromag-screen-quiz-callToAction,.micromag-screen-quiz-layout{position:absolute;bottom:0;left:0}.micromag-screen-quiz-callToAction{width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-quiz-callToAction a{padding:0}.micromag-screen-quiz-callToAction.micromag-screen-quiz-disabled{opacity:0;pointer-events:none}.micromag-screen-quiz-transition{position:absolute;top:0;right:0;bottom:0;left:0}.micromag-screen-quiz-intro,.micromag-screen-quiz-question,.micromag-screen-quiz-results{overflow:hidden}.micromag-screen-quiz-intro.micromag-screen-quiz-enter,.micromag-screen-quiz-question.micromag-screen-quiz-enter,.micromag-screen-quiz-results.micromag-screen-quiz-enter{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-enter,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-enter,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-enter{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-quiz-intro.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-enterActive,.micromag-screen-quiz-question.micromag-screen-quiz-enterActive,.micromag-screen-quiz-results.micromag-screen-quiz-enterActive{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;position:absolute;top:0;left:0;width:100%;min-height:100%}.micromag-screen-quiz-intro.micromag-screen-quiz-exit,.micromag-screen-quiz-question.micromag-screen-quiz-exit,.micromag-screen-quiz-results.micromag-screen-quiz-exit{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.micromag-screen-quiz-intro.micromag-screen-quiz-exitActive,.micromag-screen-quiz-question.micromag-screen-quiz-exitActive,.micromag-screen-quiz-results.micromag-screen-quiz-exitActive{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;position:absolute;top:0;left:0;width:100%;min-height:100%}.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-exitActive,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-exitActive,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-exitActive{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.micromag-screen-quiz-background.micromag-screen-quiz-enter{opacity:0}.micromag-screen-quiz-background.micromag-screen-quiz-enterActive{-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;opacity:1}.micromag-screen-quiz-background.micromag-screen-quiz-exit{opacity:1}.micromag-screen-quiz-background.micromag-screen-quiz-exitActive{-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;opacity:0}
|
|
3
|
+
.micromag-screen-quiz-container .micromag-screen-quiz-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-quiz-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-quiz-disabled.micromag-screen-quiz-container{overflow:hidden;pointer-events:none}.micromag-screen-quiz-hidden.micromag-screen-quiz-container{display:none;visibility:hidden}.micromag-screen-quiz-placeholder.micromag-screen-quiz-container .micromag-screen-quiz-content{position:relative;padding:6px}.micromag-screen-quiz-container .micromag-screen-quiz-background{z-index:0}.micromag-screen-quiz-container .micromag-screen-quiz-content{z-index:2}.micromag-screen-quiz-layout{top:0;right:0}.micromag-screen-quiz-callToAction,.micromag-screen-quiz-layout{position:absolute;bottom:0;left:0}.micromag-screen-quiz-callToAction{width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-quiz-callToAction a{padding:0}.micromag-screen-quiz-callToAction.micromag-screen-quiz-disabled{opacity:0;pointer-events:none}.micromag-screen-quiz-transition{position:absolute;top:0;right:0;bottom:0;left:0}.micromag-screen-quiz-intro,.micromag-screen-quiz-question,.micromag-screen-quiz-results{overflow:hidden}.micromag-screen-quiz-intro.micromag-screen-quiz-enter,.micromag-screen-quiz-question.micromag-screen-quiz-enter,.micromag-screen-quiz-results.micromag-screen-quiz-enter{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-enter,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-enter,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-enter{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-quiz-intro.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-enterActive,.micromag-screen-quiz-question.micromag-screen-quiz-enterActive,.micromag-screen-quiz-results.micromag-screen-quiz-enterActive{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;position:absolute;top:0;left:0;width:100%;min-height:100%}.micromag-screen-quiz-intro.micromag-screen-quiz-exit,.micromag-screen-quiz-question.micromag-screen-quiz-exit,.micromag-screen-quiz-results.micromag-screen-quiz-exit{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.micromag-screen-quiz-intro.micromag-screen-quiz-exitActive,.micromag-screen-quiz-question.micromag-screen-quiz-exitActive,.micromag-screen-quiz-results.micromag-screen-quiz-exitActive{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;position:absolute;top:0;left:0;width:100%;min-height:100%}.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-exitActive,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-exitActive,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-exitActive{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.micromag-screen-quiz-background.micromag-screen-quiz-enter{opacity:0}.micromag-screen-quiz-background.micromag-screen-quiz-enterActive{z-index:1;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;opacity:1}.micromag-screen-quiz-background.micromag-screen-quiz-exit{opacity:1}.micromag-screen-quiz-background.micromag-screen-quiz-exitActive{z-index:0;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;opacity:0}
|
|
4
4
|
.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription,.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-title{margin-bottom:10px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription,.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{width:100%;margin:0 auto}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{height:60px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription{height:100px}.micromag-screen-quiz-results-container.micromag-screen-quiz-results-isPlaceholder{padding:10px}
|
|
5
5
|
.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-description,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-title{margin-bottom:10px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{width:100%;margin:0 auto 10px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{height:60px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription{height:100px}.micromag-screen-quiz-title-container.micromag-screen-quiz-title-isPlaceholder{padding:10px}
|
package/es/index.js
CHANGED
|
@@ -466,7 +466,7 @@ var Question = function Question(_ref) {
|
|
|
466
466
|
Question.propTypes = propTypes$4;
|
|
467
467
|
Question.defaultProps = defaultProps$4;
|
|
468
468
|
|
|
469
|
-
var styles$2 = {"container":"micromag-screen-quiz-container","disabled":"micromag-screen-quiz-disabled","hidden":"micromag-screen-quiz-hidden","placeholder":"micromag-screen-quiz-placeholder","content":"micromag-screen-quiz-content","layout":"micromag-screen-quiz-layout","callToAction":"micromag-screen-quiz-callToAction","transition":"micromag-screen-quiz-transition","intro":"micromag-screen-quiz-intro","question":"micromag-screen-quiz-question","results":"micromag-screen-quiz-results","enter":"micromag-screen-quiz-enter","left":"micromag-screen-quiz-left","enterActive":"micromag-screen-quiz-enterActive","exit":"micromag-screen-quiz-exit","exitActive":"micromag-screen-quiz-exitActive"
|
|
469
|
+
var styles$2 = {"container":"micromag-screen-quiz-container","background":"micromag-screen-quiz-background","disabled":"micromag-screen-quiz-disabled","hidden":"micromag-screen-quiz-hidden","placeholder":"micromag-screen-quiz-placeholder","content":"micromag-screen-quiz-content","layout":"micromag-screen-quiz-layout","callToAction":"micromag-screen-quiz-callToAction","transition":"micromag-screen-quiz-transition","intro":"micromag-screen-quiz-intro","question":"micromag-screen-quiz-question","results":"micromag-screen-quiz-results","enter":"micromag-screen-quiz-enter","left":"micromag-screen-quiz-left","enterActive":"micromag-screen-quiz-enterActive","exit":"micromag-screen-quiz-exit","exitActive":"micromag-screen-quiz-exitActive"};
|
|
470
470
|
|
|
471
471
|
var propTypes$3 = {
|
|
472
472
|
id: PropTypes$1.string,
|
|
@@ -656,19 +656,10 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
656
656
|
return /*#__PURE__*/React.createElement("div", {
|
|
657
657
|
className: classNames([styles$2.container, _defineProperty({}, className, className !== null)]),
|
|
658
658
|
"data-screen-ready": true
|
|
659
|
-
},
|
|
660
|
-
background: background,
|
|
659
|
+
}, /*#__PURE__*/React.createElement(Container, {
|
|
661
660
|
width: width,
|
|
662
661
|
height: height,
|
|
663
|
-
|
|
664
|
-
playing: backgroundPlaying,
|
|
665
|
-
muted: muted,
|
|
666
|
-
shouldLoad: mediaShouldLoad,
|
|
667
|
-
mediaRef: mediaRef,
|
|
668
|
-
withoutVideo: isPreview
|
|
669
|
-
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
670
|
-
width: width,
|
|
671
|
-
height: height
|
|
662
|
+
className: styles$2.content
|
|
672
663
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
673
664
|
verticalAlign: verticalAlign,
|
|
674
665
|
disabled: scrollingDisabled,
|
|
@@ -713,7 +704,18 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
713
704
|
animationDisabled: isPreview,
|
|
714
705
|
focusable: current && isView,
|
|
715
706
|
openWebView: openWebView
|
|
716
|
-
}))) : null)
|
|
707
|
+
}))) : null), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
708
|
+
background: background,
|
|
709
|
+
width: width,
|
|
710
|
+
height: height,
|
|
711
|
+
resolution: resolution,
|
|
712
|
+
playing: backgroundPlaying,
|
|
713
|
+
muted: muted,
|
|
714
|
+
shouldLoad: mediaShouldLoad,
|
|
715
|
+
mediaRef: mediaRef,
|
|
716
|
+
withoutVideo: isPreview,
|
|
717
|
+
className: styles$2.background
|
|
718
|
+
}) : null);
|
|
717
719
|
};
|
|
718
720
|
|
|
719
721
|
QuizScreen.propTypes = propTypes$3;
|
|
@@ -1311,24 +1313,10 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1311
1313
|
return /*#__PURE__*/React.createElement("div", {
|
|
1312
1314
|
className: classNames([styles$2.container, (_ref13 = {}, _defineProperty(_ref13, styles$2[direction], direction !== null), _defineProperty(_ref13, className, className !== null), _ref13)]),
|
|
1313
1315
|
"data-screen-ready": true
|
|
1314
|
-
},
|
|
1315
|
-
key: backgroundKey,
|
|
1316
|
-
classNames: styles$2,
|
|
1317
|
-
timeout: 1000
|
|
1318
|
-
}, /*#__PURE__*/React.createElement(Background, {
|
|
1319
|
-
background: finalBackground,
|
|
1316
|
+
}, /*#__PURE__*/React.createElement(Container, {
|
|
1320
1317
|
width: width,
|
|
1321
1318
|
height: height,
|
|
1322
|
-
|
|
1323
|
-
playing: backgroundPlaying,
|
|
1324
|
-
muted: muted,
|
|
1325
|
-
shouldLoad: backgroundShouldLoad,
|
|
1326
|
-
mediaRef: mediaRef,
|
|
1327
|
-
className: styles$2.background,
|
|
1328
|
-
withoutVideo: isPreview
|
|
1329
|
-
}))) : null, /*#__PURE__*/React.createElement(Container, {
|
|
1330
|
-
width: width,
|
|
1331
|
-
height: height
|
|
1319
|
+
className: styles$2.content
|
|
1332
1320
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
1333
1321
|
verticalAlign: verticalAlign,
|
|
1334
1322
|
disabled: scrollingDisabled,
|
|
@@ -1418,7 +1406,22 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1418
1406
|
animationDisabled: isPreview,
|
|
1419
1407
|
focusable: current && isView,
|
|
1420
1408
|
openWebView: openWebView
|
|
1421
|
-
}))) : null)
|
|
1409
|
+
}))) : null), !isPlaceholder ? /*#__PURE__*/React.createElement(TransitionGroup, null, /*#__PURE__*/React.createElement(CSSTransition, {
|
|
1410
|
+
key: backgroundKey,
|
|
1411
|
+
classNames: styles$2,
|
|
1412
|
+
timeout: 1000
|
|
1413
|
+
}, /*#__PURE__*/React.createElement(Background, {
|
|
1414
|
+
background: finalBackground,
|
|
1415
|
+
width: width,
|
|
1416
|
+
height: height,
|
|
1417
|
+
resolution: resolution,
|
|
1418
|
+
playing: backgroundPlaying,
|
|
1419
|
+
muted: muted,
|
|
1420
|
+
shouldLoad: backgroundShouldLoad,
|
|
1421
|
+
mediaRef: mediaRef,
|
|
1422
|
+
className: styles$2.background,
|
|
1423
|
+
withoutVideo: isPreview
|
|
1424
|
+
}))) : null);
|
|
1422
1425
|
};
|
|
1423
1426
|
|
|
1424
1427
|
QuizMultipleScreen.propTypes = propTypes;
|
package/lib/index.js
CHANGED
|
@@ -488,7 +488,7 @@ var Question = function Question(_ref) {
|
|
|
488
488
|
Question.propTypes = propTypes$4;
|
|
489
489
|
Question.defaultProps = defaultProps$4;
|
|
490
490
|
|
|
491
|
-
var styles$2 = {"container":"micromag-screen-quiz-container","disabled":"micromag-screen-quiz-disabled","hidden":"micromag-screen-quiz-hidden","placeholder":"micromag-screen-quiz-placeholder","content":"micromag-screen-quiz-content","layout":"micromag-screen-quiz-layout","callToAction":"micromag-screen-quiz-callToAction","transition":"micromag-screen-quiz-transition","intro":"micromag-screen-quiz-intro","question":"micromag-screen-quiz-question","results":"micromag-screen-quiz-results","enter":"micromag-screen-quiz-enter","left":"micromag-screen-quiz-left","enterActive":"micromag-screen-quiz-enterActive","exit":"micromag-screen-quiz-exit","exitActive":"micromag-screen-quiz-exitActive"
|
|
491
|
+
var styles$2 = {"container":"micromag-screen-quiz-container","background":"micromag-screen-quiz-background","disabled":"micromag-screen-quiz-disabled","hidden":"micromag-screen-quiz-hidden","placeholder":"micromag-screen-quiz-placeholder","content":"micromag-screen-quiz-content","layout":"micromag-screen-quiz-layout","callToAction":"micromag-screen-quiz-callToAction","transition":"micromag-screen-quiz-transition","intro":"micromag-screen-quiz-intro","question":"micromag-screen-quiz-question","results":"micromag-screen-quiz-results","enter":"micromag-screen-quiz-enter","left":"micromag-screen-quiz-left","enterActive":"micromag-screen-quiz-enterActive","exit":"micromag-screen-quiz-exit","exitActive":"micromag-screen-quiz-exitActive"};
|
|
492
492
|
|
|
493
493
|
var propTypes$3 = {
|
|
494
494
|
id: PropTypes__default["default"].string,
|
|
@@ -678,19 +678,10 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
678
678
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
679
679
|
className: classNames__default["default"]([styles$2.container, _defineProperty__default["default"]({}, className, className !== null)]),
|
|
680
680
|
"data-screen-ready": true
|
|
681
|
-
},
|
|
682
|
-
background: background,
|
|
681
|
+
}, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
683
682
|
width: width,
|
|
684
683
|
height: height,
|
|
685
|
-
|
|
686
|
-
playing: backgroundPlaying,
|
|
687
|
-
muted: muted,
|
|
688
|
-
shouldLoad: mediaShouldLoad,
|
|
689
|
-
mediaRef: mediaRef,
|
|
690
|
-
withoutVideo: isPreview
|
|
691
|
-
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
692
|
-
width: width,
|
|
693
|
-
height: height
|
|
684
|
+
className: styles$2.content
|
|
694
685
|
}, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
695
686
|
verticalAlign: verticalAlign,
|
|
696
687
|
disabled: scrollingDisabled,
|
|
@@ -735,7 +726,18 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
735
726
|
animationDisabled: isPreview,
|
|
736
727
|
focusable: current && isView,
|
|
737
728
|
openWebView: openWebView
|
|
738
|
-
}))) : null)
|
|
729
|
+
}))) : null), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
730
|
+
background: background,
|
|
731
|
+
width: width,
|
|
732
|
+
height: height,
|
|
733
|
+
resolution: resolution,
|
|
734
|
+
playing: backgroundPlaying,
|
|
735
|
+
muted: muted,
|
|
736
|
+
shouldLoad: mediaShouldLoad,
|
|
737
|
+
mediaRef: mediaRef,
|
|
738
|
+
withoutVideo: isPreview,
|
|
739
|
+
className: styles$2.background
|
|
740
|
+
}) : null);
|
|
739
741
|
};
|
|
740
742
|
|
|
741
743
|
QuizScreen.propTypes = propTypes$3;
|
|
@@ -1333,24 +1335,10 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1333
1335
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1334
1336
|
className: classNames__default["default"]([styles$2.container, (_ref13 = {}, _defineProperty__default["default"](_ref13, styles$2[direction], direction !== null), _defineProperty__default["default"](_ref13, className, className !== null), _ref13)]),
|
|
1335
1337
|
"data-screen-ready": true
|
|
1336
|
-
},
|
|
1337
|
-
key: backgroundKey,
|
|
1338
|
-
classNames: styles$2,
|
|
1339
|
-
timeout: 1000
|
|
1340
|
-
}, /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
1341
|
-
background: finalBackground,
|
|
1338
|
+
}, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
1342
1339
|
width: width,
|
|
1343
1340
|
height: height,
|
|
1344
|
-
|
|
1345
|
-
playing: backgroundPlaying,
|
|
1346
|
-
muted: muted,
|
|
1347
|
-
shouldLoad: backgroundShouldLoad,
|
|
1348
|
-
mediaRef: mediaRef,
|
|
1349
|
-
className: styles$2.background,
|
|
1350
|
-
withoutVideo: isPreview
|
|
1351
|
-
}))) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
1352
|
-
width: width,
|
|
1353
|
-
height: height
|
|
1341
|
+
className: styles$2.content
|
|
1354
1342
|
}, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
1355
1343
|
verticalAlign: verticalAlign,
|
|
1356
1344
|
disabled: scrollingDisabled,
|
|
@@ -1440,7 +1428,22 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1440
1428
|
animationDisabled: isPreview,
|
|
1441
1429
|
focusable: current && isView,
|
|
1442
1430
|
openWebView: openWebView
|
|
1443
|
-
}))) : null)
|
|
1431
|
+
}))) : null), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.TransitionGroup, null, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
|
|
1432
|
+
key: backgroundKey,
|
|
1433
|
+
classNames: styles$2,
|
|
1434
|
+
timeout: 1000
|
|
1435
|
+
}, /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
1436
|
+
background: finalBackground,
|
|
1437
|
+
width: width,
|
|
1438
|
+
height: height,
|
|
1439
|
+
resolution: resolution,
|
|
1440
|
+
playing: backgroundPlaying,
|
|
1441
|
+
muted: muted,
|
|
1442
|
+
shouldLoad: backgroundShouldLoad,
|
|
1443
|
+
mediaRef: mediaRef,
|
|
1444
|
+
className: styles$2.background,
|
|
1445
|
+
withoutVideo: isPreview
|
|
1446
|
+
}))) : null);
|
|
1444
1447
|
};
|
|
1445
1448
|
|
|
1446
1449
|
QuizMultipleScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-quiz",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.233",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -52,17 +52,17 @@
|
|
|
52
52
|
"@fortawesome/fontawesome-svg-core": "^1.2.32",
|
|
53
53
|
"@fortawesome/free-solid-svg-icons": "^5.15.1",
|
|
54
54
|
"@fortawesome/react-fontawesome": "^0.1.13",
|
|
55
|
-
"@micromag/core": "^0.3.
|
|
56
|
-
"@micromag/data": "^0.3.
|
|
57
|
-
"@micromag/element-background": "^0.3.
|
|
58
|
-
"@micromag/element-button": "^0.3.
|
|
59
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
60
|
-
"@micromag/element-container": "^0.3.
|
|
61
|
-
"@micromag/element-heading": "^0.3.
|
|
62
|
-
"@micromag/element-layout": "^0.3.
|
|
63
|
-
"@micromag/element-scroll": "^0.3.
|
|
64
|
-
"@micromag/element-text": "^0.3.
|
|
65
|
-
"@micromag/transforms": "^0.3.
|
|
55
|
+
"@micromag/core": "^0.3.233",
|
|
56
|
+
"@micromag/data": "^0.3.233",
|
|
57
|
+
"@micromag/element-background": "^0.3.233",
|
|
58
|
+
"@micromag/element-button": "^0.3.233",
|
|
59
|
+
"@micromag/element-call-to-action": "^0.3.233",
|
|
60
|
+
"@micromag/element-container": "^0.3.233",
|
|
61
|
+
"@micromag/element-heading": "^0.3.233",
|
|
62
|
+
"@micromag/element-layout": "^0.3.233",
|
|
63
|
+
"@micromag/element-scroll": "^0.3.233",
|
|
64
|
+
"@micromag/element-text": "^0.3.233",
|
|
65
|
+
"@micromag/transforms": "^0.3.233",
|
|
66
66
|
"classnames": "^2.2.6",
|
|
67
67
|
"lodash": "^4.17.21",
|
|
68
68
|
"prop-types": "^15.7.2",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
|
|
77
77
|
}
|