catchup-library-web 2.5.11 → 2.5.13

package/dist/index.js

@@ -3819,7 +3819,7 @@ var ActivityBodyContent = ({
       key
     });
   }).filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col justify-center items-center max-h-[40vh] overflow-y-auto", children: processedBodies.map((body, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col justify-center items-center h-full overflow-y-auto", children: processedBodies.map((body, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ShowBodyMediaByContentType_default,
     {
       index,
@@ -6098,7 +6098,7 @@ var MatchingActivityContent = ({
     changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: matchingBodyMap,
@@ -6264,11 +6264,11 @@ var MCMAActivityContent = ({
     }
     changeAnswer(answerMap2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DividerLine_default, {}) }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       MCMAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -6412,11 +6412,11 @@ var MCSAActivityContent = ({
     answerMap2[key] = value;
     changeAnswer(answerMap2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DividerLine_default, {}) }),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       MCSAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -6939,7 +6939,7 @@ var OrderingActivityContent = ({
     changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: orderingBodyMap,

package/dist/index.mjs

@@ -3585,7 +3585,7 @@ var ActivityBodyContent = ({
       key
     });
   }).filter(Boolean);
-  return /* @__PURE__ */ jsx21("div", { className: "flex flex-col justify-center items-center max-h-[40vh] overflow-y-auto", children: processedBodies.map((body, index) => /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx21("div", { className: "flex flex-col justify-center items-center h-full overflow-y-auto", children: processedBodies.map((body, index) => /* @__PURE__ */ jsx21(
     ShowBodyMediaByContentType_default,
     {
       index,
@@ -5864,7 +5864,7 @@ var MatchingActivityContent = ({
     changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs24("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ jsx34(
       ActivityBodyContent_default,
       {
         bodyMap: matchingBodyMap,
@@ -6030,11 +6030,11 @@ var MCMAActivityContent = ({
     }
     changeAnswer(answerMap2);
   };
-  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx36(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
+  return /* @__PURE__ */ jsxs26("div", { className: "flex flex-row flex-wrap h-full", children: [
+    /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx36(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
     /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx36(DividerLine_default, {}) }),
     /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx36(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx36(
       MCMAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -6178,11 +6178,11 @@ var MCSAActivityContent = ({
     answerMap2[key] = value;
     changeAnswer(answerMap2);
   };
-  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx38(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
+  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap h-full", children: [
+    /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx38(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
     /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx38(DividerLine_default, {}) }),
     /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx38(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx38(
       MCSAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -6705,7 +6705,7 @@ var OrderingActivityContent = ({
     changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs32("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ jsx42(
       ActivityBodyContent_default,
       {
         bodyMap: orderingBodyMap,

package/package.json

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

package/src/components/activities/MCMAActivityContent.tsx

@@ -40,8 +40,8 @@ const MCMAActivityContent = ({
   };
 
   return (
-    <div className="flex flex-row flex-wrap">
-      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`}>
+    <div className="flex flex-row flex-wrap h-full">
+      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
         <ActivityBodyContent bodyMap={MCMABodyMap} templateType={"MCMA"} />
       </div>
       <div className={`${isFullScreen ? "contents" : "contents md:hidden"}`}>
@@ -50,7 +50,7 @@ const MCMAActivityContent = ({
       <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
         <VerticalDividerLine />
       </div>
-      <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
+      <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
         <MCMAActivityMaterialContent
           uniqueValue={JSON.stringify(data.contentMap)}
           answerMap={answerMap}

package/src/components/activities/MCSAActivityContent.tsx

@@ -33,8 +33,8 @@ const MCSAActivityContent = ({
   };
 
   return (
-    <div className="flex flex-row flex-wrap">
-      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`}>
+    <div className="flex flex-row flex-wrap h-full">
+      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
         <ActivityBodyContent bodyMap={MCSABodyMap} templateType="MCSA" />
       </div>
       <div className={`${isFullScreen ? "contents" : "contents md:hidden"}`}>
@@ -43,7 +43,7 @@ const MCSAActivityContent = ({
       <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
         <VerticalDividerLine />
       </div>
-      <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
+      <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
         <MCSAActivityMaterialContent
           uniqueValue={JSON.stringify(data.contentMap)}
           answerMap={answerMap}

package/src/components/activities/MatchingActivityContent.tsx

@@ -34,7 +34,7 @@ const MatchingActivityContent = ({
 
   return (
     <div className="flex flex-row flex-wrap">
-      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`}>
+      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`}>
         <ActivityBodyContent
           bodyMap={matchingBodyMap}
           templateType={"MATCHING"}

package/src/components/activities/OrderingActivityContent.tsx

@@ -36,7 +36,7 @@ const OrderingActivityContent = ({
 
   return (
     <div className="flex flex-row flex-wrap">
-      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`}>
+      <div className={`${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`}>
         <ActivityBodyContent
           bodyMap={orderingBodyMap}
           templateType={"ORDERING"}

package/src/components/activities/body-contents/ActivityBodyContent.tsx

@@ -107,7 +107,7 @@ const ActivityBodyContent = ({
     .filter(Boolean);
 
   return (
-    <div className="flex flex-col justify-center items-center max-h-[40vh] overflow-y-auto">
+    <div className="flex flex-col justify-center items-center h-full overflow-y-auto">
       {processedBodies.map((body, index) => (
         <ShowBodyMediaByContentType
           key={`body-${body.key}-${index}`}