catchup-library-web 2.5.13 → 2.5.14

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 (9) hide show
  1. package/dist/index.js +18 -18
  2. package/dist/index.mjs +18 -18
  3. package/package.json +1 -1
  4. package/src/components/activities/DropdownActivityContent.tsx +3 -3
  5. package/src/components/activities/FillInTheBlanksActivityContent.tsx +3 -3
  6. package/src/components/activities/MatchingActivityContent.tsx +3 -3
  7. package/src/components/activities/OpenEndedActivityContent.tsx +3 -3
  8. package/src/components/activities/OrderingActivityContent.tsx +3 -3
  9. package/src/components/activities/TrueFalseActivityContent.tsx +3 -3
package/dist/index.js CHANGED
@@ -4798,8 +4798,8 @@ var DropdownActivityContent = ({
4798
4798
  setCurrentAnswerMap(answerMap2);
4799
4799
  changeAnswer(answerMap2);
4800
4800
  };
4801
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
4802
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
4801
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
4802
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
4803
4803
  ActivityBodyContent_default,
4804
4804
  {
4805
4805
  bodyMap: dropdownBodyMap,
@@ -4810,7 +4810,7 @@ var DropdownActivityContent = ({
4810
4810
  ) }),
4811
4811
  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DividerLine_default, {}) }),
4812
4812
  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(VerticalDividerLine_default, {}) }),
4813
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
4813
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
4814
4814
  DropdownActivityMaterialContent_default,
4815
4815
  {
4816
4816
  uniqueValue: JSON.stringify(data.contentMap),
@@ -5243,8 +5243,8 @@ var FillInTheBlanksActivityContent = ({
5243
5243
  setCurrentAnswerMap(answerMap2);
5244
5244
  changeAnswer(answerMap2);
5245
5245
  };
5246
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
5247
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
5246
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
5247
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
5248
5248
  ActivityBodyContent_default,
5249
5249
  {
5250
5250
  bodyMap: fillInTheBlanksBodyMap,
@@ -5255,7 +5255,7 @@ var FillInTheBlanksActivityContent = ({
5255
5255
  ) }),
5256
5256
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DividerLine_default, {}) }),
5257
5257
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(VerticalDividerLine_default, {}) }),
5258
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
5258
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
5259
5259
  FillInTheBlanksActivityMaterialContent_default,
5260
5260
  {
5261
5261
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6097,8 +6097,8 @@ var MatchingActivityContent = ({
6097
6097
  answerMap2[key] = value;
6098
6098
  changeAnswer(answerMap2);
6099
6099
  };
6100
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
6101
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6100
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6101
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6102
6102
  ActivityBodyContent_default,
6103
6103
  {
6104
6104
  bodyMap: matchingBodyMap,
@@ -6107,7 +6107,7 @@ var MatchingActivityContent = ({
6107
6107
  ) }),
6108
6108
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DividerLine_default, {}) }),
6109
6109
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(VerticalDividerLine_default, {}) }),
6110
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6110
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6111
6111
  MatchingActivityMaterialContent_default,
6112
6112
  {
6113
6113
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6629,11 +6629,11 @@ var OpenEndedActivityContent = ({
6629
6629
  answerMap2["ANSWER"] = value;
6630
6630
  changeAnswer(answerMap2);
6631
6631
  };
6632
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
6632
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6633
6633
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6634
6634
  "div",
6635
6635
  {
6636
- className: `${showMaterialContent ? isFullScreen ? "w-full" : "w-full md:w-[40%]" : "w-full"}`,
6636
+ className: `${showMaterialContent ? isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto" : "w-full"}`,
6637
6637
  children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6638
6638
  ActivityBodyContent_default,
6639
6639
  {
@@ -6652,7 +6652,7 @@ var OpenEndedActivityContent = ({
6652
6652
  }
6653
6653
  ),
6654
6654
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(VerticalDividerLine_default, {}) }),
6655
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6655
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6656
6656
  OpenEndedActivityMaterialContent_default,
6657
6657
  {
6658
6658
  answerMap,
@@ -6938,8 +6938,8 @@ var OrderingActivityContent = ({
6938
6938
  answerMap2[secondaryKey] = prevValue;
6939
6939
  changeAnswer(answerMap2);
6940
6940
  };
6941
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
6942
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
6941
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6942
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
6943
6943
  ActivityBodyContent_default,
6944
6944
  {
6945
6945
  bodyMap: orderingBodyMap,
@@ -6948,7 +6948,7 @@ var OrderingActivityContent = ({
6948
6948
  ) }),
6949
6949
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DividerLine_default, {}) }),
6950
6950
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(VerticalDividerLine_default, {}) }),
6951
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
6951
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
6952
6952
  OrderingActivityMaterialContent_default,
6953
6953
  {
6954
6954
  uniqueValue: JSON.stringify(data.contentMap),
@@ -7133,8 +7133,8 @@ var TrueFalseActivityContent = ({
7133
7133
  }
7134
7134
  changeAnswer(answerMap2);
7135
7135
  };
7136
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
7137
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
7136
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
7137
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
7138
7138
  ActivityBodyContent_default,
7139
7139
  {
7140
7140
  bodyMap: trueFalseBodyMap,
@@ -7143,7 +7143,7 @@ var TrueFalseActivityContent = ({
7143
7143
  ) }),
7144
7144
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DividerLine_default, {}) }),
7145
7145
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(VerticalDividerLine_default, {}) }),
7146
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
7146
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
7147
7147
  TrueFalseActivityMaterialContent_default,
7148
7148
  {
7149
7149
  uniqueValue: JSON.stringify(data.contentMap),
package/dist/index.mjs CHANGED
@@ -4564,8 +4564,8 @@ var DropdownActivityContent = ({
4564
4564
  setCurrentAnswerMap(answerMap2);
4565
4565
  changeAnswer(answerMap2);
4566
4566
  };
4567
- return /* @__PURE__ */ jsxs18("div", { className: "flex flex-row flex-wrap", children: [
4568
- /* @__PURE__ */ jsx27("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx27(
4567
+ return /* @__PURE__ */ jsxs18("div", { className: "flex flex-row flex-wrap h-full", children: [
4568
+ /* @__PURE__ */ jsx27("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx27(
4569
4569
  ActivityBodyContent_default,
4570
4570
  {
4571
4571
  bodyMap: dropdownBodyMap,
@@ -4576,7 +4576,7 @@ var DropdownActivityContent = ({
4576
4576
  ) }),
4577
4577
  /* @__PURE__ */ jsx27("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx27(DividerLine_default, {}) }),
4578
4578
  /* @__PURE__ */ jsx27("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx27(VerticalDividerLine_default, {}) }),
4579
- /* @__PURE__ */ jsx27("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx27(
4579
+ /* @__PURE__ */ jsx27("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx27(
4580
4580
  DropdownActivityMaterialContent_default,
4581
4581
  {
4582
4582
  uniqueValue: JSON.stringify(data.contentMap),
@@ -5009,8 +5009,8 @@ var FillInTheBlanksActivityContent = ({
5009
5009
  setCurrentAnswerMap(answerMap2);
5010
5010
  changeAnswer(answerMap2);
5011
5011
  };
5012
- return /* @__PURE__ */ jsxs20("div", { className: "flex flex-row flex-wrap", children: [
5013
- /* @__PURE__ */ jsx30("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx30(
5012
+ return /* @__PURE__ */ jsxs20("div", { className: "flex flex-row flex-wrap h-full", children: [
5013
+ /* @__PURE__ */ jsx30("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx30(
5014
5014
  ActivityBodyContent_default,
5015
5015
  {
5016
5016
  bodyMap: fillInTheBlanksBodyMap,
@@ -5021,7 +5021,7 @@ var FillInTheBlanksActivityContent = ({
5021
5021
  ) }),
5022
5022
  /* @__PURE__ */ jsx30("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx30(DividerLine_default, {}) }),
5023
5023
  /* @__PURE__ */ jsx30("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx30(VerticalDividerLine_default, {}) }),
5024
- /* @__PURE__ */ jsx30("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx30(
5024
+ /* @__PURE__ */ jsx30("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx30(
5025
5025
  FillInTheBlanksActivityMaterialContent_default,
5026
5026
  {
5027
5027
  uniqueValue: JSON.stringify(data.contentMap),
@@ -5863,8 +5863,8 @@ var MatchingActivityContent = ({
5863
5863
  answerMap2[key] = value;
5864
5864
  changeAnswer(answerMap2);
5865
5865
  };
5866
- return /* @__PURE__ */ jsxs24("div", { className: "flex flex-row flex-wrap", children: [
5867
- /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ jsx34(
5866
+ return /* @__PURE__ */ jsxs24("div", { className: "flex flex-row flex-wrap h-full", children: [
5867
+ /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx34(
5868
5868
  ActivityBodyContent_default,
5869
5869
  {
5870
5870
  bodyMap: matchingBodyMap,
@@ -5873,7 +5873,7 @@ var MatchingActivityContent = ({
5873
5873
  ) }),
5874
5874
  /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx34(DividerLine_default, {}) }),
5875
5875
  /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx34(VerticalDividerLine_default, {}) }),
5876
- /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx34(
5876
+ /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx34(
5877
5877
  MatchingActivityMaterialContent_default,
5878
5878
  {
5879
5879
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6395,11 +6395,11 @@ var OpenEndedActivityContent = ({
6395
6395
  answerMap2["ANSWER"] = value;
6396
6396
  changeAnswer(answerMap2);
6397
6397
  };
6398
- return /* @__PURE__ */ jsxs30("div", { className: "flex flex-row flex-wrap", children: [
6398
+ return /* @__PURE__ */ jsxs30("div", { className: "flex flex-row flex-wrap h-full", children: [
6399
6399
  /* @__PURE__ */ jsx40(
6400
6400
  "div",
6401
6401
  {
6402
- className: `${showMaterialContent ? isFullScreen ? "w-full" : "w-full md:w-[40%]" : "w-full"}`,
6402
+ className: `${showMaterialContent ? isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto" : "w-full"}`,
6403
6403
  children: /* @__PURE__ */ jsx40(
6404
6404
  ActivityBodyContent_default,
6405
6405
  {
@@ -6418,7 +6418,7 @@ var OpenEndedActivityContent = ({
6418
6418
  }
6419
6419
  ),
6420
6420
  /* @__PURE__ */ jsx40("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx40(VerticalDividerLine_default, {}) }),
6421
- /* @__PURE__ */ jsx40("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx40(
6421
+ /* @__PURE__ */ jsx40("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx40(
6422
6422
  OpenEndedActivityMaterialContent_default,
6423
6423
  {
6424
6424
  answerMap,
@@ -6704,8 +6704,8 @@ var OrderingActivityContent = ({
6704
6704
  answerMap2[secondaryKey] = prevValue;
6705
6705
  changeAnswer(answerMap2);
6706
6706
  };
6707
- return /* @__PURE__ */ jsxs32("div", { className: "flex flex-row flex-wrap", children: [
6708
- /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`, children: /* @__PURE__ */ jsx42(
6707
+ return /* @__PURE__ */ jsxs32("div", { className: "flex flex-row flex-wrap h-full", children: [
6708
+ /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[30%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx42(
6709
6709
  ActivityBodyContent_default,
6710
6710
  {
6711
6711
  bodyMap: orderingBodyMap,
@@ -6714,7 +6714,7 @@ var OrderingActivityContent = ({
6714
6714
  ) }),
6715
6715
  /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx42(DividerLine_default, {}) }),
6716
6716
  /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx42(VerticalDividerLine_default, {}) }),
6717
- /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx42(
6717
+ /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx42(
6718
6718
  OrderingActivityMaterialContent_default,
6719
6719
  {
6720
6720
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6899,8 +6899,8 @@ var TrueFalseActivityContent = ({
6899
6899
  }
6900
6900
  changeAnswer(answerMap2);
6901
6901
  };
6902
- return /* @__PURE__ */ jsxs34("div", { className: "flex flex-row flex-wrap", children: [
6903
- /* @__PURE__ */ jsx44("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ jsx44(
6902
+ return /* @__PURE__ */ jsxs34("div", { className: "flex flex-row flex-wrap h-full", children: [
6903
+ /* @__PURE__ */ jsx44("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx44(
6904
6904
  ActivityBodyContent_default,
6905
6905
  {
6906
6906
  bodyMap: trueFalseBodyMap,
@@ -6909,7 +6909,7 @@ var TrueFalseActivityContent = ({
6909
6909
  ) }),
6910
6910
  /* @__PURE__ */ jsx44("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx44(DividerLine_default, {}) }),
6911
6911
  /* @__PURE__ */ jsx44("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx44(VerticalDividerLine_default, {}) }),
6912
- /* @__PURE__ */ jsx44("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx44(
6912
+ /* @__PURE__ */ jsx44("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx44(
6913
6913
  TrueFalseActivityMaterialContent_default,
6914
6914
  {
6915
6915
  uniqueValue: JSON.stringify(data.contentMap),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "2.5.13",
3
+ "version": "2.5.14",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/activities/DropdownActivityContent.tsx CHANGED
@@ -40,8 +40,8 @@ const DropdownActivityContent = ({
40
40
  };
41
41
 
42
42
  return (
43
- <div className="flex flex-row flex-wrap">
44
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`}>
43
+ <div className="flex flex-row flex-wrap h-full">
44
+ <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
45
45
  <ActivityBodyContent
46
46
  bodyMap={dropdownBodyMap}
47
47
  answerMap={currentAnswerMap} // Use local state instead of function call
@@ -55,7 +55,7 @@ const DropdownActivityContent = ({
55
55
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
56
56
  <VerticalDividerLine />
57
57
  </div>
58
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
58
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
59
59
  <DropdownActivityMaterialContent
60
60
  uniqueValue={JSON.stringify(data.contentMap)}
61
61
  answerMap={answerMap}
package/src/components/activities/FillInTheBlanksActivityContent.tsx CHANGED
@@ -69,8 +69,8 @@ const FillInTheBlanksActivityContent = ({
69
69
  };
70
70
 
71
71
  return (
72
- <div className="flex flex-row flex-wrap">
73
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`}>
72
+ <div className="flex flex-row flex-wrap h-full">
73
+ <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
74
74
  <ActivityBodyContent
75
75
  bodyMap={fillInTheBlanksBodyMap}
76
76
  answerMap={currentAnswerMap}
@@ -84,7 +84,7 @@ const FillInTheBlanksActivityContent = ({
84
84
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
85
85
  <VerticalDividerLine />
86
86
  </div>
87
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
87
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
88
88
  <FillInTheBlanksActivityMaterialContent
89
89
  uniqueValue={JSON.stringify(data.contentMap)}
90
90
  answerMap={answerMap}
package/src/components/activities/MatchingActivityContent.tsx CHANGED
@@ -33,8 +33,8 @@ const MatchingActivityContent = ({
33
33
  };
34
34
 
35
35
  return (
36
- <div className="flex flex-row flex-wrap">
37
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`}>
36
+ <div className="flex flex-row flex-wrap h-full">
37
+ <div className={`${isFullScreen ? "w-full" : "w-full md:w-[30%] md:overflow-y-auto"}`}>
38
38
  <ActivityBodyContent
39
39
  bodyMap={matchingBodyMap}
40
40
  templateType={"MATCHING"}
@@ -46,7 +46,7 @@ const MatchingActivityContent = ({
46
46
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
47
47
  <VerticalDividerLine />
48
48
  </div>
49
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
49
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
50
50
  <MatchingActivityMaterialContent
51
51
  uniqueValue={JSON.stringify(data.contentMap)}
52
52
  answerMap={answerMap}
package/src/components/activities/OpenEndedActivityContent.tsx CHANGED
@@ -27,13 +27,13 @@ const OpenEndedActivityContent = ({
27
27
  };
28
28
 
29
29
  return (
30
- <div className="flex flex-row flex-wrap">
30
+ <div className="flex flex-row flex-wrap h-full">
31
31
  <div
32
32
  className={`${
33
33
  showMaterialContent
34
34
  ? isFullScreen
35
35
  ? "w-full"
36
- : "w-full md:w-[40%]"
36
+ : "w-full md:w-[40%] md:overflow-y-auto"
37
37
  : "w-full"
38
38
  }`}
39
39
  >
@@ -53,7 +53,7 @@ const OpenEndedActivityContent = ({
53
53
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
54
54
  <VerticalDividerLine />
55
55
  </div>
56
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
56
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
57
57
  <OpenEndedActivityMaterialContent
58
58
  answerMap={answerMap}
59
59
  contentMap={contentMap}
package/src/components/activities/OrderingActivityContent.tsx CHANGED
@@ -35,8 +35,8 @@ const OrderingActivityContent = ({
35
35
  };
36
36
 
37
37
  return (
38
- <div className="flex flex-row flex-wrap">
39
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[30%]"}`}>
38
+ <div className="flex flex-row flex-wrap h-full">
39
+ <div className={`${isFullScreen ? "w-full" : "w-full md:w-[30%] md:overflow-y-auto"}`}>
40
40
  <ActivityBodyContent
41
41
  bodyMap={orderingBodyMap}
42
42
  templateType={"ORDERING"}
@@ -48,7 +48,7 @@ const OrderingActivityContent = ({
48
48
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
49
49
  <VerticalDividerLine />
50
50
  </div>
51
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
51
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
52
52
  <OrderingActivityMaterialContent
53
53
  uniqueValue={JSON.stringify(data.contentMap)}
54
54
  answerMap={answerMap}
package/src/components/activities/TrueFalseActivityContent.tsx CHANGED
@@ -59,8 +59,8 @@ const TrueFalseActivityContent = ({
59
59
  };
60
60
 
61
61
  return (
62
- <div className="flex flex-row flex-wrap">
63
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`}>
62
+ <div className="flex flex-row flex-wrap h-full">
63
+ <div className={`${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`}>
64
64
  <ActivityBodyContent
65
65
  bodyMap={trueFalseBodyMap}
66
66
  templateType={"GROUPING"}
@@ -73,7 +73,7 @@ const TrueFalseActivityContent = ({
73
73
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
74
74
  <VerticalDividerLine />
75
75
  </div>
76
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
76
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
77
77
  <TrueFalseActivityMaterialContent
78
78
  uniqueValue={JSON.stringify(data.contentMap)}
79
79
  answerMap={answerMap}