@micromag/screen-quiz 0.4.38 → 0.4.41

package/es/index.js

@@ -399,7 +399,7 @@ function Answers(_ref) {
     _ref10$withSquareItem = _ref10.withSquareItems,
     withSquareItems = _ref10$withSquareItem === void 0 ? false : _ref10$withSquareItem;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$4.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$4.answered, answered), styles$4.withIcon, !withoutIcon && hasGoodOrBadAnswerInList), styles$4.withSquareItems, withSquareItems === true), styles$4.isPlaceholder, isPlaceholder), className, className !== null)])
+    className: classNames([styles$4.container, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$4.answered, answered), styles$4.withIcon, !withoutIcon && hasGoodOrBadAnswerInList), styles$4.withSquareItems, withSquareItems === true), styles$4.isPlaceholder, isPlaceholder)])
   }, filteredListOfItems !== null || isPlaceholder ? /*#__PURE__*/React.createElement(Keypad, {
     className: styles$4.items,
     items: keypadItems,
@@ -514,7 +514,7 @@ function Question(_ref) {
   }, [setResultVisible]);
   var hasIndex = index !== null && totalCount !== null;
   return /*#__PURE__*/React.createElement(Layout, {
-    className: classNames([styles$3.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$3.isPlaceholder, isPlaceholder), styles$3.resultVisible, resultVisible), styles$3.resultHidden, !hasResult), className, className !== null)]),
+    className: classNames([styles$3.container, className, _defineProperty(_defineProperty(_defineProperty({}, styles$3.isPlaceholder, isPlaceholder), styles$3.resultVisible, resultVisible), styles$3.resultHidden, !hasResult)]),
     verticalAlign: verticalAlign,
     style: style
   }, [!withoutIndex && hasIndex ? /*#__PURE__*/React.createElement(ScreenElement, {
@@ -804,7 +804,7 @@ function QuizScreen(_ref) {
   var verticalAlign = isSplitted ? null : layout;
   var showReset = isEdit && userAnswerIndex !== null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$2.container, _defineProperty(_defineProperty({}, styles$2.disabled, clickDisabled), className, className !== null)]),
+    className: classNames([styles$2.container, className, _defineProperty({}, styles$2.disabled, clickDisabled)]),
     "data-screen-ready": true
   }, /*#__PURE__*/React.createElement(Container, {
     width: width,
@@ -931,7 +931,7 @@ function Results(_ref) {
     _ref3$textStyle = _ref3.textStyle,
     descriptionTextStyle = _ref3$textStyle === void 0 ? null : _ref3$textStyle;
   return /*#__PURE__*/React.createElement(Layout, {
-    className: classNames([styles$1.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles$1.container, className]),
     fullscreen: true,
     verticalAlign: verticalAlign,
     style: style
@@ -981,6 +981,8 @@ function Results(_ref) {
 
 var styles = {"container":"micromag-screen-quiz-title-container","title":"micromag-screen-quiz-title-title","description":"micromag-screen-quiz-title-description","emptyTitle":"micromag-screen-quiz-title-emptyTitle","emptyDescription":"micromag-screen-quiz-title-emptyDescription"};
 
+/* eslint-disable react/no-array-index-key */
+
 function Title(_ref) {
   var _ref$layout = _ref.layout,
     layout = _ref$layout === void 0 ? null : _ref$layout,
@@ -1007,7 +1009,7 @@ function Title(_ref) {
   var hasDescription = isTextFilled(description);
   var hasButton = isTextFilled(button);
   return /*#__PURE__*/React.createElement(Layout, {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles.container, className]),
     fullscreen: true,
     verticalAlign: verticalAlign,
     style: style
@@ -1582,7 +1584,7 @@ function QuizMultipleScreen(_ref) {
   var bgItem = useMemo(function () {
     return {
       key: backgroundKey,
-      background: finalBackground
+      background: finalBackground || null
     };
   }, [backgroundKey, finalBackground]);
   var bgTransitions = useTransition(bgItem, {
@@ -1604,7 +1606,7 @@ function QuizMultipleScreen(_ref) {
     }
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$2.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles$2.container, className]),
     "data-screen-ready": true
   }, /*#__PURE__*/React.createElement(Container, {
     width: width,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-quiz",
-    "version": "0.4.38",
+    "version": "0.4.41",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,20 +64,20 @@
         "@fortawesome/fontawesome-svg-core": "^7.2.0",
         "@fortawesome/free-solid-svg-icons": "^7.2.0",
         "@fortawesome/react-fontawesome": "^3.2.0",
-        "@micromag/core": "^0.4.38",
-        "@micromag/data": "^0.4.38",
-        "@micromag/element-background": "^0.4.38",
-        "@micromag/element-button": "^0.4.38",
-        "@micromag/element-container": "^0.4.38",
-        "@micromag/element-footer": "^0.4.38",
-        "@micromag/element-header": "^0.4.38",
-        "@micromag/element-heading": "^0.4.38",
-        "@micromag/element-keypad": "^0.4.38",
-        "@micromag/element-layout": "^0.4.38",
-        "@micromag/element-scroll": "^0.4.38",
-        "@micromag/element-text": "^0.4.38",
-        "@micromag/element-visual": "^0.4.38",
-        "@micromag/transforms": "^0.4.38",
+        "@micromag/core": "^0.4.41",
+        "@micromag/data": "^0.4.41",
+        "@micromag/element-background": "^0.4.41",
+        "@micromag/element-button": "^0.4.41",
+        "@micromag/element-container": "^0.4.41",
+        "@micromag/element-footer": "^0.4.41",
+        "@micromag/element-header": "^0.4.41",
+        "@micromag/element-heading": "^0.4.41",
+        "@micromag/element-keypad": "^0.4.41",
+        "@micromag/element-layout": "^0.4.41",
+        "@micromag/element-scroll": "^0.4.41",
+        "@micromag/element-text": "^0.4.41",
+        "@micromag/element-visual": "^0.4.41",
+        "@micromag/transforms": "^0.4.41",
         "@react-spring/core": "^10.0.3",
         "@react-spring/web": "^10.0.3",
         "classnames": "^2.2.6",
@@ -89,6 +89,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "e984a8b97d5c87914dd4844ff29628a5690edd6f",
+    "gitHead": "c7856a747ba0a4466f4b63bc29e31003275ac6e0",
     "types": "es/index.d.ts"
 }