catchup-library-web 2.5.18 → 2.6.0

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 (13) hide show
  1. package/dist/index.js +10 -10
  2. package/dist/index.mjs +10 -10
  3. package/package.json +1 -1
  4. package/src/components/activities/DropdownActivityContent.tsx +1 -1
  5. package/src/components/activities/FillInTheBlanksActivityContent.tsx +1 -1
  6. package/src/components/activities/GroupingActivityContent.tsx +1 -1
  7. package/src/components/activities/MCMAActivityContent.tsx +1 -1
  8. package/src/components/activities/MCSAActivityContent.tsx +1 -1
  9. package/src/components/activities/MatchingActivityContent.tsx +1 -1
  10. package/src/components/activities/OpenEndedActivityContent.tsx +1 -1
  11. package/src/components/activities/OrderingActivityContent.tsx +1 -1
  12. package/src/components/activities/TrueFalseActivityContent.tsx +1 -1
  13. package/src/components/activities/material-contents/MatchingActivityMaterialContent.tsx +1 -1
package/dist/index.js CHANGED
@@ -4798,7 +4798,7 @@ 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 h-full", children: [
4801
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
4802
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
  {
@@ -5245,7 +5245,7 @@ var FillInTheBlanksActivityContent = ({
5245
5245
  setCurrentAnswerMap(answerMap2);
5246
5246
  changeAnswer(answerMap2);
5247
5247
  };
5248
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
5248
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
5249
5249
  /* @__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)(
5250
5250
  ActivityBodyContent_default,
5251
5251
  {
@@ -5687,7 +5687,7 @@ var GroupingActivityContent = ({
5687
5687
  }
5688
5688
  changeAnswer(answerMap2);
5689
5689
  };
5690
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
5690
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
5691
5691
  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
5692
5692
  "div",
5693
5693
  {
@@ -5996,7 +5996,7 @@ var MatchingActivityMaterialContent = ({
5996
5996
  {
5997
5997
  className: `${selectedValue === materialValue ? "border-catchup-blue" : "border-catchup-lighter-gray"} ${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300`,
5998
5998
  onClick: () => handleSelectItem(materialValue),
5999
- children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto px-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5999
+ children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col items-center justify-center m-2 min-w-[200px] overflow-hidden px-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
6000
6000
  materialValue
6001
6001
  ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
6002
6002
  "span",
@@ -6113,7 +6113,7 @@ var MatchingActivityContent = ({
6113
6113
  answerMap2[key] = value;
6114
6114
  changeAnswer(answerMap2);
6115
6115
  };
6116
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6116
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
6117
6117
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6118
6118
  "div",
6119
6119
  {
@@ -6292,7 +6292,7 @@ var MCMAActivityContent = ({
6292
6292
  }
6293
6293
  changeAnswer(answerMap2);
6294
6294
  };
6295
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6295
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
6296
6296
  /* @__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" }) }),
6297
6297
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DividerLine_default, {}) }),
6298
6298
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(VerticalDividerLine_default, {}) }),
@@ -6440,7 +6440,7 @@ var MCSAActivityContent = ({
6440
6440
  answerMap2[key] = value;
6441
6441
  changeAnswer(answerMap2);
6442
6442
  };
6443
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6443
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
6444
6444
  /* @__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" }) }),
6445
6445
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DividerLine_default, {}) }),
6446
6446
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(VerticalDividerLine_default, {}) }),
@@ -6657,7 +6657,7 @@ var OpenEndedActivityContent = ({
6657
6657
  answerMap2["ANSWER"] = value;
6658
6658
  changeAnswer(answerMap2);
6659
6659
  };
6660
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6660
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
6661
6661
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6662
6662
  "div",
6663
6663
  {
@@ -6966,7 +6966,7 @@ var OrderingActivityContent = ({
6966
6966
  answerMap2[secondaryKey] = prevValue;
6967
6967
  changeAnswer(answerMap2);
6968
6968
  };
6969
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6969
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
6970
6970
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
6971
6971
  "div",
6972
6972
  {
@@ -7173,7 +7173,7 @@ var TrueFalseActivityContent = ({
7173
7173
  }
7174
7174
  changeAnswer(answerMap2);
7175
7175
  };
7176
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
7176
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col md:flex-row h-full", children: [
7177
7177
  /* @__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)(
7178
7178
  ActivityBodyContent_default,
7179
7179
  {
package/dist/index.mjs CHANGED
@@ -4564,7 +4564,7 @@ var DropdownActivityContent = ({
4564
4564
  setCurrentAnswerMap(answerMap2);
4565
4565
  changeAnswer(answerMap2);
4566
4566
  };
4567
- return /* @__PURE__ */ jsxs18("div", { className: "flex flex-row flex-wrap h-full", children: [
4567
+ return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col md:flex-row h-full", children: [
4568
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
  {
@@ -5011,7 +5011,7 @@ var FillInTheBlanksActivityContent = ({
5011
5011
  setCurrentAnswerMap(answerMap2);
5012
5012
  changeAnswer(answerMap2);
5013
5013
  };
5014
- return /* @__PURE__ */ jsxs20("div", { className: "flex flex-row flex-wrap h-full", children: [
5014
+ return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col md:flex-row h-full", children: [
5015
5015
  /* @__PURE__ */ jsx30("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx30(
5016
5016
  ActivityBodyContent_default,
5017
5017
  {
@@ -5453,7 +5453,7 @@ var GroupingActivityContent = ({
5453
5453
  }
5454
5454
  changeAnswer(answerMap2);
5455
5455
  };
5456
- return /* @__PURE__ */ jsxs22("div", { className: "flex flex-row flex-wrap h-full", children: [
5456
+ return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col md:flex-row h-full", children: [
5457
5457
  /* @__PURE__ */ jsx32(
5458
5458
  "div",
5459
5459
  {
@@ -5762,7 +5762,7 @@ var MatchingActivityMaterialContent = ({
5762
5762
  {
5763
5763
  className: `${selectedValue === materialValue ? "border-catchup-blue" : "border-catchup-lighter-gray"} ${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300`,
5764
5764
  onClick: () => handleSelectItem(materialValue),
5765
- children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx33("div", { className: "flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto px-4", children: /* @__PURE__ */ jsx33("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5765
+ children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx33("div", { className: "flex flex-col items-center justify-center m-2 min-w-[200px] overflow-hidden px-4", children: /* @__PURE__ */ jsx33("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5766
5766
  materialValue
5767
5767
  ).map((inputPart, index2) => /* @__PURE__ */ jsx33(
5768
5768
  "span",
@@ -5879,7 +5879,7 @@ var MatchingActivityContent = ({
5879
5879
  answerMap2[key] = value;
5880
5880
  changeAnswer(answerMap2);
5881
5881
  };
5882
- return /* @__PURE__ */ jsxs24("div", { className: "flex flex-row flex-wrap h-full", children: [
5882
+ return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col md:flex-row h-full", children: [
5883
5883
  /* @__PURE__ */ jsx34(
5884
5884
  "div",
5885
5885
  {
@@ -6058,7 +6058,7 @@ var MCMAActivityContent = ({
6058
6058
  }
6059
6059
  changeAnswer(answerMap2);
6060
6060
  };
6061
- return /* @__PURE__ */ jsxs26("div", { className: "flex flex-row flex-wrap h-full", children: [
6061
+ return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col md:flex-row h-full", children: [
6062
6062
  /* @__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" }) }),
6063
6063
  /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx36(DividerLine_default, {}) }),
6064
6064
  /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx36(VerticalDividerLine_default, {}) }),
@@ -6206,7 +6206,7 @@ var MCSAActivityContent = ({
6206
6206
  answerMap2[key] = value;
6207
6207
  changeAnswer(answerMap2);
6208
6208
  };
6209
- return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap h-full", children: [
6209
+ return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col md:flex-row h-full", children: [
6210
6210
  /* @__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" }) }),
6211
6211
  /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx38(DividerLine_default, {}) }),
6212
6212
  /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx38(VerticalDividerLine_default, {}) }),
@@ -6423,7 +6423,7 @@ var OpenEndedActivityContent = ({
6423
6423
  answerMap2["ANSWER"] = value;
6424
6424
  changeAnswer(answerMap2);
6425
6425
  };
6426
- return /* @__PURE__ */ jsxs30("div", { className: "flex flex-row flex-wrap h-full", children: [
6426
+ return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col md:flex-row h-full", children: [
6427
6427
  /* @__PURE__ */ jsx40(
6428
6428
  "div",
6429
6429
  {
@@ -6732,7 +6732,7 @@ var OrderingActivityContent = ({
6732
6732
  answerMap2[secondaryKey] = prevValue;
6733
6733
  changeAnswer(answerMap2);
6734
6734
  };
6735
- return /* @__PURE__ */ jsxs32("div", { className: "flex flex-row flex-wrap h-full", children: [
6735
+ return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col md:flex-row h-full", children: [
6736
6736
  /* @__PURE__ */ jsx42(
6737
6737
  "div",
6738
6738
  {
@@ -6939,7 +6939,7 @@ var TrueFalseActivityContent = ({
6939
6939
  }
6940
6940
  changeAnswer(answerMap2);
6941
6941
  };
6942
- return /* @__PURE__ */ jsxs34("div", { className: "flex flex-row flex-wrap h-full", children: [
6942
+ return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col md:flex-row h-full", children: [
6943
6943
  /* @__PURE__ */ jsx44("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx44(
6944
6944
  ActivityBodyContent_default,
6945
6945
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "2.5.18",
3
+ "version": "2.6.0",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/activities/DropdownActivityContent.tsx CHANGED
@@ -40,7 +40,7 @@ const DropdownActivityContent = ({
40
40
  };
41
41
 
42
42
  return (
43
- <div className="flex flex-row flex-wrap h-full">
43
+ <div className="flex flex-col md:flex-row h-full">
44
44
  <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
45
45
  <ActivityBodyContent
46
46
  bodyMap={dropdownBodyMap}
package/src/components/activities/FillInTheBlanksActivityContent.tsx CHANGED
@@ -69,7 +69,7 @@ const FillInTheBlanksActivityContent = ({
69
69
  };
70
70
 
71
71
  return (
72
- <div className="flex flex-row flex-wrap h-full">
72
+ <div className="flex flex-col md:flex-row h-full">
73
73
  <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
74
74
  <ActivityBodyContent
75
75
  bodyMap={fillInTheBlanksBodyMap}
package/src/components/activities/GroupingActivityContent.tsx CHANGED
@@ -38,7 +38,7 @@ const GroupingActivityContent = ({
38
38
  };
39
39
 
40
40
  return (
41
- <div className="flex flex-row flex-wrap h-full">
41
+ <div className="flex flex-col md:flex-row h-full">
42
42
  <div
43
43
  className={`${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`}
44
44
  >
package/src/components/activities/MCMAActivityContent.tsx CHANGED
@@ -40,7 +40,7 @@ const MCMAActivityContent = ({
40
40
  };
41
41
 
42
42
  return (
43
- <div className="flex flex-row flex-wrap h-full">
43
+ <div className="flex flex-col md:flex-row h-full">
44
44
  <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
45
45
  <ActivityBodyContent bodyMap={MCMABodyMap} templateType={"MCMA"} />
46
46
  </div>
package/src/components/activities/MCSAActivityContent.tsx CHANGED
@@ -33,7 +33,7 @@ const MCSAActivityContent = ({
33
33
  };
34
34
 
35
35
  return (
36
- <div className="flex flex-row flex-wrap h-full">
36
+ <div className="flex flex-col md:flex-row h-full">
37
37
  <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
38
38
  <ActivityBodyContent bodyMap={MCSABodyMap} templateType="MCSA" />
39
39
  </div>
package/src/components/activities/MatchingActivityContent.tsx CHANGED
@@ -33,7 +33,7 @@ const MatchingActivityContent = ({
33
33
  };
34
34
 
35
35
  return (
36
- <div className="flex flex-row flex-wrap h-full">
36
+ <div className="flex flex-col md:flex-row h-full">
37
37
  <div
38
38
  className={`${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`}
39
39
  >
package/src/components/activities/OpenEndedActivityContent.tsx CHANGED
@@ -27,7 +27,7 @@ const OpenEndedActivityContent = ({
27
27
  };
28
28
 
29
29
  return (
30
- <div className="flex flex-row flex-wrap h-full">
30
+ <div className="flex flex-col md:flex-row h-full">
31
31
  <div
32
32
  className={`${
33
33
  showMaterialContent
package/src/components/activities/OrderingActivityContent.tsx CHANGED
@@ -35,7 +35,7 @@ const OrderingActivityContent = ({
35
35
  };
36
36
 
37
37
  return (
38
- <div className="flex flex-row flex-wrap h-full">
38
+ <div className="flex flex-col md:flex-row h-full">
39
39
  <div
40
40
  className={`${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`}
41
41
  >
package/src/components/activities/TrueFalseActivityContent.tsx CHANGED
@@ -59,7 +59,7 @@ const TrueFalseActivityContent = ({
59
59
  };
60
60
 
61
61
  return (
62
- <div className="flex flex-row flex-wrap h-full">
62
+ <div className="flex flex-col md:flex-row h-full">
63
63
  <div className={`${isFullScreen ? "w-full" : "w-full md:w-[40%] md:overflow-y-auto"}`}>
64
64
  <ActivityBodyContent
65
65
  bodyMap={trueFalseBodyMap}
package/src/components/activities/material-contents/MatchingActivityMaterialContent.tsx CHANGED
@@ -385,7 +385,7 @@ const MatchingActivityMaterialContent = ({
385
385
  onClick={() => handleSelectItem(materialValue)}
386
386
  >
387
387
  {contentMap.type === "TEXT" ? (
388
- <div className="flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto px-4">
388
+ <div className="flex flex-col items-center justify-center m-2 min-w-[200px] overflow-hidden px-4">
389
389
  <p className="text-lg whitespace-pre-wrap">
390
390
  {constructInputWithSpecialExpressionList(
391
391
  materialValue,