@micromag/screen-quiz 0.4.33 → 0.4.34

package/es/index.js

@@ -25,7 +25,7 @@ import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
 import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
 import Button$1, { RichButton } from '@micromag/element-button';
 import Keypad from '@micromag/element-keypad';
-import { useTransition, easings, animated as animated$1 } from '@react-spring/web';
+import { useTransition, easings, animated } from '@react-spring/web';
 
 var styles$4 = {"container":"micromag-screen-quiz-answers-container","items":"micromag-screen-quiz-answers-items","emptyAnswer":"micromag-screen-quiz-answers-emptyAnswer","item":"micromag-screen-quiz-answers-item","isPlaceholder":"micromag-screen-quiz-answers-isPlaceholder","userAnswer":"micromag-screen-quiz-answers-userAnswer","otherAnswer":"micromag-screen-quiz-answers-otherAnswer","withoutOpacity":"micromag-screen-quiz-answers-withoutOpacity","button":"micromag-screen-quiz-answers-button","withIcon":"micromag-screen-quiz-answers-withIcon","withSquareItems":"micromag-screen-quiz-answers-withSquareItems","resultIcon":"micromag-screen-quiz-answers-resultIcon","answered":"micromag-screen-quiz-answers-answered","rightAnswer":"micromag-screen-quiz-answers-rightAnswer","faIcon":"micromag-screen-quiz-answers-faIcon","itemContent":"micromag-screen-quiz-answers-itemContent"};
 
@@ -184,7 +184,7 @@ function Answers(_ref) {
   var itemsRefs = useRef([]);
   var listOfItems = isPlaceholder || isEdit && items.length === 0 ? _toConsumableArray(new Array(2)) : items;
   var heights = useMemo(function () {
-    if (animated) {
+    if (collapseAnimated) {
       var allHeights = listOfItems.reduce(function (acc, it, i) {
         if (itemsRefs.current[i] && collapseAnimated) {
           var _ref4 = itemsRefs.current[i].getBoundingClientRect() || {},
@@ -197,7 +197,7 @@ function Answers(_ref) {
       return allHeights;
     }
     return [];
-  }, [animated, answeredIndex, shouldCollapse, collapseAnimated, listOfItems]);
+  }, [collapseAnimated, answeredIndex, shouldCollapse, collapseAnimated, listOfItems]);
   var showAnimation = isView || isEdit;
   var filteredListOfItems = listOfItems.map(function (answer, answerI) {
     var height = heights[answerI] ? heights[answerI] : 0;
@@ -1652,7 +1652,7 @@ function QuizMultipleScreen(_ref) {
     var isActive = contentItems.some(function (ci) {
       return ci.key === item.key;
     });
-    return /*#__PURE__*/React.createElement(animated$1.div, {
+    return /*#__PURE__*/React.createElement(animated.div, {
       style: _objectSpread(_objectSpread({}, springStyle), !isActive ? {
         position: 'absolute',
         top: 0,
@@ -1680,7 +1680,7 @@ function QuizMultipleScreen(_ref) {
       transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null
     }
   }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null), !isPlaceholder ? bgTransitions(function (springStyle, item) {
-    return /*#__PURE__*/React.createElement(animated$1.div, {
+    return /*#__PURE__*/React.createElement(animated.div, {
       style: _objectSpread(_objectSpread({}, springStyle), {}, {
         position: 'absolute',
         top: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-quiz",
-    "version": "0.4.33",
+    "version": "0.4.34",
     "private": false,
     "description": "",
     "keywords": [
@@ -89,6 +89,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "8c44ced53cad6b575c85b556eb246f477cfb4933",
+    "gitHead": "6f19351edace85fc197cdc9bf8254667aaf28c88",
     "types": "es/index.d.ts"
 }