catchup-library-web 2.6.14 → 2.6.15

package/dist/index.js

@@ -4987,6 +4987,16 @@ var FillInTheBlanksActivityMaterialContent = ({
   (0, import_react19.useEffect)(() => {
     setShuffleOptionList(shuffleArray(optionList));
   }, [optionList]);
+  (0, import_react19.useEffect)(() => {
+    if (!draggedOption) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedOption]);
   (0, import_react19.useEffect)(() => {
     if (showCorrectAnswer) {
       const correctAnswerMap = {};
@@ -5410,6 +5420,16 @@ var GroupingActivityMaterialContent = ({
   const ref = (0, import_react21.useRef)(null);
   const dropZoneRefs = (0, import_react21.useRef)({});
   const hasShuffledRef = (0, import_react21.useRef)(false);
+  (0, import_react21.useEffect)(() => {
+    if (!draggedValue) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedValue]);
   (0, import_react21.useEffect)(() => {
     if (hasShuffledRef.current) return;
     const shuffleArray2 = (array) => {
@@ -5863,6 +5883,16 @@ var MatchingActivityMaterialContent = ({
   const itemsRef = (0, import_react22.useRef)(null);
   const dropZoneRefs = (0, import_react22.useRef)({});
   const hasShuffledRef = (0, import_react22.useRef)(false);
+  (0, import_react22.useEffect)(() => {
+    if (!draggedValue) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedValue]);
   (0, import_react22.useEffect)(() => {
     if (hasShuffledRef.current) return;
     const shuffleArray2 = (array) => {
@@ -6829,6 +6859,16 @@ var OrderingActivityMaterialContent = ({
     y: 0
   });
   const [displayAnswerMap, setDisplayAnswerMap] = (0, import_react25.useState)(answerMap);
+  (0, import_react25.useEffect)(() => {
+    if (!draggedKey) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedKey]);
   (0, import_react25.useEffect)(() => {
     if (showCorrectAnswer) {
       const correctAnswerMap = {};

package/dist/index.mjs

@@ -4749,6 +4749,16 @@ var FillInTheBlanksActivityMaterialContent = ({
   useEffect8(() => {
     setShuffleOptionList(shuffleArray(optionList));
   }, [optionList]);
+  useEffect8(() => {
+    if (!draggedOption) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedOption]);
   useEffect8(() => {
     if (showCorrectAnswer) {
       const correctAnswerMap = {};
@@ -5172,6 +5182,16 @@ var GroupingActivityMaterialContent = ({
   const ref = useRef5(null);
   const dropZoneRefs = useRef5({});
   const hasShuffledRef = useRef5(false);
+  useEffect10(() => {
+    if (!draggedValue) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedValue]);
   useEffect10(() => {
     if (hasShuffledRef.current) return;
     const shuffleArray2 = (array) => {
@@ -5625,6 +5645,16 @@ var MatchingActivityMaterialContent = ({
   const itemsRef = useRef6(null);
   const dropZoneRefs = useRef6({});
   const hasShuffledRef = useRef6(false);
+  useEffect11(() => {
+    if (!draggedValue) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedValue]);
   useEffect11(() => {
     if (hasShuffledRef.current) return;
     const shuffleArray2 = (array) => {
@@ -6591,6 +6621,16 @@ var OrderingActivityMaterialContent = ({
     y: 0
   });
   const [displayAnswerMap, setDisplayAnswerMap] = useState24(answerMap);
+  useEffect14(() => {
+    if (!draggedKey) return;
+    const preventScroll = (e) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedKey]);
   useEffect14(() => {
     if (showCorrectAnswer) {
       const correctAnswerMap = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "catchup-library-web",
-  "version": "2.6.14",
+  "version": "2.6.15",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx

@@ -42,6 +42,17 @@ const FillInTheBlanksActivityMaterialContent = ({
     setShuffleOptionList(shuffleArray(optionList));
   }, [optionList]);
 
+  useEffect(() => {
+    if (!draggedOption) return;
+    const preventScroll = (e: TouchEvent) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedOption]);
+
   useEffect(() => {
     if (showCorrectAnswer) {
       // Create correct answer map where each key maps to the first correct answer

package/src/components/activities/material-contents/GroupingActivityMaterialContent.tsx

@@ -36,6 +36,17 @@ const GroupingActivityMaterialContent = ({
   const dropZoneRefs = useRef<{ [key: string]: HTMLDivElement | null }>({});
   const hasShuffledRef = useRef<boolean>(false);
 
+  useEffect(() => {
+    if (!draggedValue) return;
+    const preventScroll = (e: TouchEvent) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedValue]);
+
   useEffect(() => {
     if (hasShuffledRef.current) return;
 

package/src/components/activities/material-contents/MatchingActivityMaterialContent.tsx

@@ -36,6 +36,17 @@ const MatchingActivityMaterialContent = ({
   const dropZoneRefs = useRef<{ [key: string]: HTMLDivElement | null }>({});
   const hasShuffledRef = useRef<boolean>(false);
 
+  useEffect(() => {
+    if (!draggedValue) return;
+    const preventScroll = (e: TouchEvent) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedValue]);
+
   useEffect(() => {
     // Only shuffle once, ever
     if (hasShuffledRef.current) return;

package/src/components/activities/material-contents/OrderingActivityMaterialContent.tsx

@@ -31,6 +31,17 @@ const OrderingActivityMaterialContent = ({
   });
   const [displayAnswerMap, setDisplayAnswerMap] = useState<any>(answerMap);
 
+  useEffect(() => {
+    if (!draggedKey) return;
+    const preventScroll = (e: TouchEvent) => {
+      e.preventDefault();
+    };
+    document.addEventListener("touchmove", preventScroll, { passive: false });
+    return () => {
+      document.removeEventListener("touchmove", preventScroll);
+    };
+  }, [draggedKey]);
+
   useEffect(() => {
     if (showCorrectAnswer) {
       const correctAnswerMap: any = {};