catchup-library-web 1.20.3 → 1.20.4

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.
package/dist/index.js CHANGED
@@ -5318,22 +5318,16 @@ var GroupingActivityMaterialContent = ({
5318
5318
  "div",
5319
5319
  {
5320
5320
  className: `border-catchup-blue ${contentMap.type === "TEXT" ? "h-catchup-activity-text-outer-box-item" : "h-catchup-activity-media-outer-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge transition-all duration-300 my-3`,
5321
- children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
5322
- "div",
5323
- {
5324
- className: `flex flex-col items-center justify-center transition-all duration-300 m-4`,
5325
- children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
5326
- (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
5327
- "span",
5328
- {
5329
- className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5330
- children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_katex4.InlineMath, { math: inputPart.value }) }) : inputPart.value
5331
- },
5332
- index2
5333
- )
5334
- ) })
5335
- }
5336
- )
5321
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex flex-col items-center justify-center transition-all duration-300 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
5322
+ (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
5323
+ "span",
5324
+ {
5325
+ className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5326
+ children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_katex4.InlineMath, { math: inputPart.value }) }) : inputPart.value
5327
+ },
5328
+ index2
5329
+ )
5330
+ ) }) })
5337
5331
  }
5338
5332
  ) }),
5339
5333
  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
@@ -5577,22 +5571,16 @@ var MatchingActivityMaterialContent = ({
5577
5571
  setSelectedValue(null);
5578
5572
  }
5579
5573
  },
5580
- children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5581
- "div",
5574
+ 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(
5575
+ materialValue
5576
+ ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5577
+ "span",
5582
5578
  {
5583
- className: `flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto`,
5584
- children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5585
- materialValue
5586
- ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5587
- "span",
5588
- {
5589
- className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5590
- children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xl", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
5591
- },
5592
- index2
5593
- )) })
5594
- }
5595
- ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5579
+ className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5580
+ children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-xl", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
5581
+ },
5582
+ index2
5583
+ )) }) }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5596
5584
  ShowMaterialMediaByContentType_default,
5597
5585
  {
5598
5586
  contentType: contentMap.type,
@@ -5628,7 +5616,7 @@ var MatchingActivityMaterialContent = ({
5628
5616
  "div",
5629
5617
  {
5630
5618
  className: `${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 transition-all duration-300 my-3 ${learnerAnswerState === "EMPTY" ? "border-catchup-blue" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
5631
- children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col items-center justify-center transition-all duration-300 m-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5619
+ children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col items-center justify-center transition-all duration-300 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5632
5620
  answerMapKey
5633
5621
  ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5634
5622
  "span",
@@ -5661,7 +5649,7 @@ var MatchingActivityMaterialContent = ({
5661
5649
  component: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5662
5650
  "div",
5663
5651
  {
5664
- className: "h-full flex-1 flex flex-row items-center justify-center",
5652
+ className: "h-full flex-1 flex flex-row items-center justify-center px-4",
5665
5653
  onClick: (e) => {
5666
5654
  e.preventDefault();
5667
5655
  if (checkCanAnswerQuestion()) {
package/dist/index.mjs CHANGED
@@ -5102,22 +5102,16 @@ var GroupingActivityMaterialContent = ({
5102
5102
  "div",
5103
5103
  {
5104
5104
  className: `border-catchup-blue ${contentMap.type === "TEXT" ? "h-catchup-activity-text-outer-box-item" : "h-catchup-activity-media-outer-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge transition-all duration-300 my-3`,
5105
- children: /* @__PURE__ */ jsx31(
5106
- "div",
5107
- {
5108
- className: `flex flex-col items-center justify-center transition-all duration-300 m-4`,
5109
- children: /* @__PURE__ */ jsx31("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
5110
- (inputPart, index2) => /* @__PURE__ */ jsx31(
5111
- "span",
5112
- {
5113
- className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5114
- children: inputPart.isEquation ? /* @__PURE__ */ jsx31("span", { className: "text-2xl", children: /* @__PURE__ */ jsx31(InlineMath4, { math: inputPart.value }) }) : inputPart.value
5115
- },
5116
- index2
5117
- )
5118
- ) })
5119
- }
5120
- )
5105
+ children: /* @__PURE__ */ jsx31("div", { className: "flex flex-col items-center justify-center transition-all duration-300 px-4", children: /* @__PURE__ */ jsx31("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
5106
+ (inputPart, index2) => /* @__PURE__ */ jsx31(
5107
+ "span",
5108
+ {
5109
+ className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5110
+ children: inputPart.isEquation ? /* @__PURE__ */ jsx31("span", { className: "text-2xl", children: /* @__PURE__ */ jsx31(InlineMath4, { math: inputPart.value }) }) : inputPart.value
5111
+ },
5112
+ index2
5113
+ )
5114
+ ) }) })
5121
5115
  }
5122
5116
  ) }),
5123
5117
  /* @__PURE__ */ jsx31("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
@@ -5361,22 +5355,16 @@ var MatchingActivityMaterialContent = ({
5361
5355
  setSelectedValue(null);
5362
5356
  }
5363
5357
  },
5364
- children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx33(
5365
- "div",
5358
+ 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(
5359
+ materialValue
5360
+ ).map((inputPart, index2) => /* @__PURE__ */ jsx33(
5361
+ "span",
5366
5362
  {
5367
- className: `flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto`,
5368
- children: /* @__PURE__ */ jsx33("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5369
- materialValue
5370
- ).map((inputPart, index2) => /* @__PURE__ */ jsx33(
5371
- "span",
5372
- {
5373
- className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5374
- children: inputPart.isEquation ? /* @__PURE__ */ jsx33("span", { className: "text-xl", children: /* @__PURE__ */ jsx33(InlineMath5, { math: inputPart.value }) }) : inputPart.value
5375
- },
5376
- index2
5377
- )) })
5378
- }
5379
- ) : /* @__PURE__ */ jsx33(
5363
+ className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
5364
+ children: inputPart.isEquation ? /* @__PURE__ */ jsx33("span", { className: "text-xl", children: /* @__PURE__ */ jsx33(InlineMath5, { math: inputPart.value }) }) : inputPart.value
5365
+ },
5366
+ index2
5367
+ )) }) }) : /* @__PURE__ */ jsx33(
5380
5368
  ShowMaterialMediaByContentType_default,
5381
5369
  {
5382
5370
  contentType: contentMap.type,
@@ -5412,7 +5400,7 @@ var MatchingActivityMaterialContent = ({
5412
5400
  "div",
5413
5401
  {
5414
5402
  className: `${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 transition-all duration-300 my-3 ${learnerAnswerState === "EMPTY" ? "border-catchup-blue" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
5415
- children: /* @__PURE__ */ jsx33("div", { className: "flex flex-col items-center justify-center transition-all duration-300 m-4", children: /* @__PURE__ */ jsx33("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5403
+ children: /* @__PURE__ */ jsx33("div", { className: "flex flex-col items-center justify-center transition-all duration-300 px-4", children: /* @__PURE__ */ jsx33("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
5416
5404
  answerMapKey
5417
5405
  ).map((inputPart, index2) => /* @__PURE__ */ jsx33(
5418
5406
  "span",
@@ -5445,7 +5433,7 @@ var MatchingActivityMaterialContent = ({
5445
5433
  component: /* @__PURE__ */ jsx33(
5446
5434
  "div",
5447
5435
  {
5448
- className: "h-full flex-1 flex flex-row items-center justify-center",
5436
+ className: "h-full flex-1 flex flex-row items-center justify-center px-4",
5449
5437
  onClick: (e) => {
5450
5438
  e.preventDefault();
5451
5439
  if (checkCanAnswerQuestion()) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "1.20.03",
3
+ "version": "1.20.04",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -201,9 +201,7 @@ const GroupingActivityMaterialContent = ({
201
201
  : "h-catchup-activity-media-outer-box-item"
202
202
  } flex flex-col items-center justify-center border-2 rounded-catchup-xlarge transition-all duration-300 my-3`}
203
203
  >
204
- <div
205
- className={`flex flex-col items-center justify-center transition-all duration-300 m-4`}
206
- >
204
+ <div className="flex flex-col items-center justify-center transition-all duration-300 px-4">
207
205
  <p className="text-lg whitespace-pre-wrap">
208
206
  {constructInputWithSpecialExpressionList(answerMapKey).map(
209
207
  (inputPart, index) => (
@@ -149,9 +149,7 @@ const MatchingActivityMaterialContent = ({
149
149
  }}
150
150
  >
151
151
  {contentMap.type === "TEXT" ? (
152
- <div
153
- className={`flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto`}
154
- >
152
+ <div className="flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto px-4">
155
153
  <p className="text-lg whitespace-pre-wrap">
156
154
  {constructInputWithSpecialExpressionList(
157
155
  materialValue
@@ -225,7 +223,7 @@ const MatchingActivityMaterialContent = ({
225
223
  : "border-catchup-blue"
226
224
  }`}
227
225
  >
228
- <div className="flex flex-col items-center justify-center transition-all duration-300 m-4">
226
+ <div className="flex flex-col items-center justify-center transition-all duration-300 px-4">
229
227
  <p className="text-lg whitespace-pre-wrap">
230
228
  {constructInputWithSpecialExpressionList(
231
229
  answerMapKey
@@ -286,7 +284,7 @@ const MatchingActivityMaterialContent = ({
286
284
  dropRef={drop}
287
285
  component={
288
286
  <div
289
- className="h-full flex-1 flex flex-row items-center justify-center"
287
+ className="h-full flex-1 flex flex-row items-center justify-center px-4"
290
288
  onClick={(e) => {
291
289
  e.preventDefault();
292
290
  if (checkCanAnswerQuestion()) {