@micromag/screen-quiz 0.3.769 → 0.3.779

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 +20 -0
  2. package/package.json +15 -15
package/es/index.js CHANGED
@@ -785,6 +785,15 @@ var QuizScreen = function QuizScreen(_ref) {
785
785
  var onScrolledNotBottom = useCallback(function () {
786
786
  setScrolledBottom(false);
787
787
  }, [setScrolledBottom]);
788
+ var onScrolledTrigger = useCallback(function () {
789
+ var trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
790
+ if (trigger !== null) {
791
+ var scrollPercent = Math.round(trigger * 100);
792
+ trackScreenEvent('scroll', scrollPercent, {
793
+ scrollPercent: scrollPercent
794
+ });
795
+ }
796
+ }, [trackScreenEvent]);
788
797
  var _useState5 = useState(false),
789
798
  _useState6 = _slicedToArray(_useState5, 2),
790
799
  hasScroll = _useState6[0],
@@ -823,6 +832,7 @@ var QuizScreen = function QuizScreen(_ref) {
823
832
  // disabled={scrollingDisabled || userAnswerIndex !== null}
824
833
  ,
825
834
  disabled: scrollingDisabled,
835
+ onScrolledTrigger: onScrolledTrigger,
826
836
  onScrolledBottom: onScrolledBottom,
827
837
  onScrolledNotBottom: onScrolledNotBottom,
828
838
  onScrollHeightChange: onScrollHeightChange,
@@ -1460,6 +1470,15 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1460
1470
  var onScrolledNotBottom = useCallback(function () {
1461
1471
  setScrolledBottom(false);
1462
1472
  }, [setScrolledBottom]);
1473
+ var onScrolledTrigger = useCallback(function () {
1474
+ var trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
1475
+ if (trigger !== null) {
1476
+ var scrollPercent = Math.round(trigger * 100);
1477
+ trackScreenEvent('scroll', scrollPercent, {
1478
+ scrollPercent: scrollPercent
1479
+ });
1480
+ }
1481
+ }, [trackScreenEvent]);
1463
1482
  var _useState7 = useState(false),
1464
1483
  _useState8 = _slicedToArray(_useState7, 2),
1465
1484
  hasScroll = _useState8[0],
@@ -1517,6 +1536,7 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
1517
1536
  }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(Scroll, {
1518
1537
  verticalAlign: verticalAlign,
1519
1538
  disabled: scrollingDisabled,
1539
+ onScrolledTrigger: onScrolledTrigger,
1520
1540
  onScrolledBottom: onScrolledBottom,
1521
1541
  onScrolledNotBottom: onScrolledNotBottom,
1522
1542
  onScrollHeightChange: onScrollHeightChange,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quiz",
3
- "version": "0.3.769",
3
+ "version": "0.3.779",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -63,19 +63,19 @@
63
63
  "@fortawesome/fontawesome-svg-core": "^6.5.2",
64
64
  "@fortawesome/free-solid-svg-icons": "^6.5.2",
65
65
  "@fortawesome/react-fontawesome": "^0.2.0",
66
- "@micromag/core": "^0.3.769",
67
- "@micromag/data": "^0.3.769",
68
- "@micromag/element-background": "^0.3.769",
69
- "@micromag/element-button": "^0.3.769",
70
- "@micromag/element-container": "^0.3.769",
71
- "@micromag/element-footer": "^0.3.769",
72
- "@micromag/element-header": "^0.3.769",
73
- "@micromag/element-heading": "^0.3.769",
74
- "@micromag/element-layout": "^0.3.769",
75
- "@micromag/element-scroll": "^0.3.769",
76
- "@micromag/element-text": "^0.3.769",
77
- "@micromag/element-visual": "^0.3.769",
78
- "@micromag/transforms": "^0.3.769",
66
+ "@micromag/core": "^0.3.779",
67
+ "@micromag/data": "^0.3.779",
68
+ "@micromag/element-background": "^0.3.779",
69
+ "@micromag/element-button": "^0.3.779",
70
+ "@micromag/element-container": "^0.3.779",
71
+ "@micromag/element-footer": "^0.3.779",
72
+ "@micromag/element-header": "^0.3.779",
73
+ "@micromag/element-heading": "^0.3.779",
74
+ "@micromag/element-layout": "^0.3.779",
75
+ "@micromag/element-scroll": "^0.3.779",
76
+ "@micromag/element-text": "^0.3.779",
77
+ "@micromag/element-visual": "^0.3.779",
78
+ "@micromag/transforms": "^0.3.779",
79
79
  "@react-spring/core": "^9.6.1",
80
80
  "@react-spring/web": "^9.6.1",
81
81
  "classnames": "^2.2.6",
@@ -89,5 +89,5 @@
89
89
  "access": "public",
90
90
  "registry": "https://registry.npmjs.org/"
91
91
  },
92
- "gitHead": "a009106ec28c6e34288f0b3292f1bc6826812dd0"
92
+ "gitHead": "5cc7b8fc6d58ba77100060a9d9a4a3f87f835559"
93
93
  }