@micromag/screen-quiz 0.2.405 → 0.2.406

package/es/index.js

@@ -41,6 +41,7 @@ var propTypes = {
   background: PropTypes$1.backgroundElement,
   callToAction: PropTypes$1.callToAction,
   current: PropTypes.bool,
+  active: PropTypes.bool,
   transitions: PropTypes$1.transitions,
   transitionStagger: PropTypes.number,
   resultsTransitionDuration: PropTypes.number,
@@ -61,6 +62,7 @@ var defaultProps = {
   background: null,
   callToAction: null,
   current: true,
+  active: true,
   transitions: null,
   transitionStagger: 100,
   resultsTransitionDuration: 500,
@@ -84,6 +86,7 @@ var QuizScreen = function QuizScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
+      active = _ref.active,
       transitions = _ref.transitions,
       transitionStagger = _ref.transitionStagger,
       resultsTransitionDuration = _ref.resultsTransitionDuration,
@@ -377,7 +380,7 @@ var QuizScreen = function QuizScreen(_ref) {
     }) : null,
     isEmpty: answered && !hasResult,
     emptyClassName: styles.emptyResult
-  }, hasResult && answers !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Transitions, {
+  }, hasResult && answers !== null ? /*#__PURE__*/React.createElement(Transitions, {
     transitions: transitions,
     playing: transitionPlaying,
     delay: (1 + answers.length) * transitionStagger,
@@ -388,7 +391,7 @@ var QuizScreen = function QuizScreen(_ref) {
     style: {
       height: callToActionHeight
     }
-  }) : null)) : null)))));
+  }) : null) : null)))));
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, (_ref13 = {}, _defineProperty(_ref13, className, className !== null), _defineProperty(_ref13, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref13, styles.answered, answered), _defineProperty(_ref13, styles.showResults, showResults), _defineProperty(_ref13, styles.answerTransitionComplete, answerTransitionComplete), _ref13)]),
     "data-screen-ready": true
@@ -396,7 +399,8 @@ var QuizScreen = function QuizScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    shouldLoad: current || active
   }) : null, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height

package/lib/index.js

@@ -62,6 +62,7 @@ var propTypes = {
   background: core.PropTypes.backgroundElement,
   callToAction: core.PropTypes.callToAction,
   current: PropTypes__default["default"].bool,
+  active: PropTypes__default["default"].bool,
   transitions: core.PropTypes.transitions,
   transitionStagger: PropTypes__default["default"].number,
   resultsTransitionDuration: PropTypes__default["default"].number,
@@ -82,6 +83,7 @@ var defaultProps = {
   background: null,
   callToAction: null,
   current: true,
+  active: true,
   transitions: null,
   transitionStagger: 100,
   resultsTransitionDuration: 500,
@@ -105,6 +107,7 @@ var QuizScreen = function QuizScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
+      active = _ref.active,
       transitions = _ref.transitions,
       transitionStagger = _ref.transitionStagger,
       resultsTransitionDuration = _ref.resultsTransitionDuration,
@@ -398,7 +401,7 @@ var QuizScreen = function QuizScreen(_ref) {
     }) : null,
     isEmpty: answered && !hasResult,
     emptyClassName: styles.emptyResult
-  }, hasResult && answers !== null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
+  }, hasResult && answers !== null ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
     transitions: transitions,
     playing: transitionPlaying,
     delay: (1 + answers.length) * transitionStagger,
@@ -409,7 +412,7 @@ var QuizScreen = function QuizScreen(_ref) {
     style: {
       height: callToActionHeight
     }
-  }) : null)) : null)))));
+  }) : null) : null)))));
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.container, (_ref13 = {}, _defineProperty__default["default"](_ref13, className, className !== null), _defineProperty__default["default"](_ref13, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref13, styles.answered, answered), _defineProperty__default["default"](_ref13, styles.showResults, showResults), _defineProperty__default["default"](_ref13, styles.answerTransitionComplete, answerTransitionComplete), _ref13)]),
     "data-screen-ready": true
@@ -417,7 +420,8 @@ var QuizScreen = function QuizScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    shouldLoad: current || active
   }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     width: width,
     height: height

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-quiz",
-    "version": "0.2.405",
+    "version": "0.2.406",
     "description": "",
     "keywords": [
         "javascript"
@@ -54,7 +54,7 @@
         "@fortawesome/react-fontawesome": "^0.1.13",
         "@micromag/core": "^0.2.405",
         "@micromag/data": "^0.2.405",
-        "@micromag/element-background": "^0.2.405",
+        "@micromag/element-background": "^0.2.406",
         "@micromag/element-button": "^0.2.405",
         "@micromag/element-call-to-action": "^0.2.405",
         "@micromag/element-container": "^0.2.405",
@@ -71,5 +71,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e3d172d92d78222d5307cc1513fee7eef9f28402"
+    "gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
 }