@micromag/screen-quiz 0.4.33 → 0.4.37

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.
Files changed (2) hide show
  1. package/es/index.js +5 -5
  2. package/package.json +16 -16
package/es/index.js CHANGED
@@ -25,7 +25,7 @@ import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
25
25
  import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
26
26
  import Button$1, { RichButton } from '@micromag/element-button';
27
27
  import Keypad from '@micromag/element-keypad';
28
- import { useTransition, easings, animated as animated$1 } from '@react-spring/web';
28
+ import { useTransition, easings, animated } from '@react-spring/web';
29
29
 
30
30
  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"};
31
31
 
@@ -184,7 +184,7 @@ function Answers(_ref) {
184
184
  var itemsRefs = useRef([]);
185
185
  var listOfItems = isPlaceholder || isEdit && items.length === 0 ? _toConsumableArray(new Array(2)) : items;
186
186
  var heights = useMemo(function () {
187
- if (animated) {
187
+ if (collapseAnimated) {
188
188
  var allHeights = listOfItems.reduce(function (acc, it, i) {
189
189
  if (itemsRefs.current[i] && collapseAnimated) {
190
190
  var _ref4 = itemsRefs.current[i].getBoundingClientRect() || {},
@@ -197,7 +197,7 @@ function Answers(_ref) {
197
197
  return allHeights;
198
198
  }
199
199
  return [];
200
- }, [animated, answeredIndex, shouldCollapse, collapseAnimated, listOfItems]);
200
+ }, [collapseAnimated, answeredIndex, shouldCollapse, collapseAnimated, listOfItems]);
201
201
  var showAnimation = isView || isEdit;
202
202
  var filteredListOfItems = listOfItems.map(function (answer, answerI) {
203
203
  var height = heights[answerI] ? heights[answerI] : 0;
@@ -1652,7 +1652,7 @@ function QuizMultipleScreen(_ref) {
1652
1652
  var isActive = contentItems.some(function (ci) {
1653
1653
  return ci.key === item.key;
1654
1654
  });
1655
- return /*#__PURE__*/React.createElement(animated$1.div, {
1655
+ return /*#__PURE__*/React.createElement(animated.div, {
1656
1656
  style: _objectSpread(_objectSpread({}, springStyle), !isActive ? {
1657
1657
  position: 'absolute',
1658
1658
  top: 0,
@@ -1680,7 +1680,7 @@ function QuizMultipleScreen(_ref) {
1680
1680
  transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null
1681
1681
  }
1682
1682
  }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null), !isPlaceholder ? bgTransitions(function (springStyle, item) {
1683
- return /*#__PURE__*/React.createElement(animated$1.div, {
1683
+ return /*#__PURE__*/React.createElement(animated.div, {
1684
1684
  style: _objectSpread(_objectSpread({}, springStyle), {}, {
1685
1685
  position: 'absolute',
1686
1686
  top: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quiz",
3
- "version": "0.4.33",
3
+ "version": "0.4.37",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -64,20 +64,20 @@
64
64
  "@fortawesome/fontawesome-svg-core": "^7.2.0",
65
65
  "@fortawesome/free-solid-svg-icons": "^7.2.0",
66
66
  "@fortawesome/react-fontawesome": "^3.2.0",
67
- "@micromag/core": "^0.4.33",
68
- "@micromag/data": "^0.4.33",
69
- "@micromag/element-background": "^0.4.33",
70
- "@micromag/element-button": "^0.4.33",
71
- "@micromag/element-container": "^0.4.33",
72
- "@micromag/element-footer": "^0.4.33",
73
- "@micromag/element-header": "^0.4.33",
74
- "@micromag/element-heading": "^0.4.33",
75
- "@micromag/element-keypad": "^0.4.33",
76
- "@micromag/element-layout": "^0.4.33",
77
- "@micromag/element-scroll": "^0.4.33",
78
- "@micromag/element-text": "^0.4.33",
79
- "@micromag/element-visual": "^0.4.33",
80
- "@micromag/transforms": "^0.4.33",
67
+ "@micromag/core": "^0.4.37",
68
+ "@micromag/data": "^0.4.37",
69
+ "@micromag/element-background": "^0.4.37",
70
+ "@micromag/element-button": "^0.4.37",
71
+ "@micromag/element-container": "^0.4.37",
72
+ "@micromag/element-footer": "^0.4.37",
73
+ "@micromag/element-header": "^0.4.37",
74
+ "@micromag/element-heading": "^0.4.37",
75
+ "@micromag/element-keypad": "^0.4.37",
76
+ "@micromag/element-layout": "^0.4.37",
77
+ "@micromag/element-scroll": "^0.4.37",
78
+ "@micromag/element-text": "^0.4.37",
79
+ "@micromag/element-visual": "^0.4.37",
80
+ "@micromag/transforms": "^0.4.37",
81
81
  "@react-spring/core": "^10.0.3",
82
82
  "@react-spring/web": "^10.0.3",
83
83
  "classnames": "^2.2.6",
@@ -89,6 +89,6 @@
89
89
  "access": "public",
90
90
  "registry": "https://registry.npmjs.org/"
91
91
  },
92
- "gitHead": "8c44ced53cad6b575c85b556eb246f477cfb4933",
92
+ "gitHead": "03c7d78fb0745377eddbb04f6c7dfaca8aa42381",
93
93
  "types": "es/index.d.ts"
94
94
  }