catchup-library-web 2.6.0 → 2.6.1

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 (12) hide show
  1. package/dist/index.js +9 -9
  2. package/dist/index.mjs +9 -9
  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
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-col md:flex-row h-full", children: [
4801
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
5248
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
5690
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "md:flex-row"} h-full`, children: [
5691
5691
  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
5692
5692
  "div",
5693
5693
  {
@@ -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-col md:flex-row h-full", children: [
6116
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6295
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6443
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6660
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6969
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
7176
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
4567
+ return /* @__PURE__ */ jsxs18("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
5014
+ return /* @__PURE__ */ jsxs20("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
5456
+ return /* @__PURE__ */ jsxs22("div", { className: `flex flex-col ${isFullScreen ? "" : "md:flex-row"} h-full`, children: [
5457
5457
  /* @__PURE__ */ jsx32(
5458
5458
  "div",
5459
5459
  {
@@ -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-col md:flex-row h-full", children: [
5882
+ return /* @__PURE__ */ jsxs24("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6061
+ return /* @__PURE__ */ jsxs26("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6209
+ return /* @__PURE__ */ jsxs28("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6426
+ return /* @__PURE__ */ jsxs30("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6735
+ return /* @__PURE__ */ jsxs32("div", { className: `flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full", children: [
6942
+ return /* @__PURE__ */ jsxs34("div", { className: `flex flex-col ${isFullScreen ? "" : "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.6.0",
3
+ "version": "2.6.1",
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-col md:flex-row h-full">
43
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
72
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
41
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
43
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
36
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
36
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
30
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
38
+ <div className={`flex flex-col ${isFullScreen ? "" : "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-col md:flex-row h-full">
62
+ <div className={`flex flex-col ${isFullScreen ? "" : "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}