catchup-library-web 1.20.12 → 1.20.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.
package/dist/index.js
CHANGED
|
@@ -5024,7 +5024,7 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
5024
5024
|
index
|
|
5025
5025
|
)
|
|
5026
5026
|
) }),
|
|
5027
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
|
|
5027
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
|
|
5028
5028
|
const learnerAnswerState = checkAnswerState(
|
|
5029
5029
|
JSON.parse(materialMap[materialKey]),
|
|
5030
5030
|
answerMap[materialKey]
|
|
@@ -5044,18 +5044,21 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
5044
5044
|
] }) }),
|
|
5045
5045
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative", children: [
|
|
5046
5046
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5047
|
-
|
|
5047
|
+
"div",
|
|
5048
5048
|
{
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5053
|
-
|
|
5054
|
-
|
|
5055
|
-
|
|
5056
|
-
|
|
5057
|
-
|
|
5058
|
-
|
|
5049
|
+
className: `w-full min-h-[44px] py-2 px-4 border rounded-lg ${answerMap[materialKey] ? "border-catchup-blue-400" : "bg-catchup-gray-50 border-catchup-gray-200 border-dashed"}`,
|
|
5050
|
+
onClick: () => {
|
|
5051
|
+
if (answerMap[materialKey]) {
|
|
5052
|
+
onChange(answer, materialKey, "");
|
|
5053
|
+
}
|
|
5054
|
+
},
|
|
5055
|
+
children: answerMap[materialKey] ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5056
|
+
InputWithSpecialExpression_default,
|
|
5057
|
+
{
|
|
5058
|
+
value: answerMap[materialKey],
|
|
5059
|
+
showSpecialOnly: true
|
|
5060
|
+
}
|
|
5061
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-gray-400 italic" })
|
|
5059
5062
|
}
|
|
5060
5063
|
) }),
|
|
5061
5064
|
learnerAnswerState === "CORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
package/dist/index.mjs
CHANGED
|
@@ -4808,7 +4808,7 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4808
4808
|
index
|
|
4809
4809
|
)
|
|
4810
4810
|
) }),
|
|
4811
|
-
/* @__PURE__ */ jsx30("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
|
|
4811
|
+
/* @__PURE__ */ jsx30("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
|
|
4812
4812
|
const learnerAnswerState = checkAnswerState(
|
|
4813
4813
|
JSON.parse(materialMap[materialKey]),
|
|
4814
4814
|
answerMap[materialKey]
|
|
@@ -4828,18 +4828,21 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4828
4828
|
] }) }),
|
|
4829
4829
|
/* @__PURE__ */ jsx30("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
|
|
4830
4830
|
/* @__PURE__ */ jsx30("div", { className: "flex-1", children: /* @__PURE__ */ jsx30(
|
|
4831
|
-
|
|
4831
|
+
"div",
|
|
4832
4832
|
{
|
|
4833
|
-
|
|
4834
|
-
|
|
4835
|
-
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
|
|
4841
|
-
|
|
4842
|
-
|
|
4833
|
+
className: `w-full min-h-[44px] py-2 px-4 border rounded-lg ${answerMap[materialKey] ? "border-catchup-blue-400" : "bg-catchup-gray-50 border-catchup-gray-200 border-dashed"}`,
|
|
4834
|
+
onClick: () => {
|
|
4835
|
+
if (answerMap[materialKey]) {
|
|
4836
|
+
onChange(answer, materialKey, "");
|
|
4837
|
+
}
|
|
4838
|
+
},
|
|
4839
|
+
children: answerMap[materialKey] ? /* @__PURE__ */ jsx30(
|
|
4840
|
+
InputWithSpecialExpression_default,
|
|
4841
|
+
{
|
|
4842
|
+
value: answerMap[materialKey],
|
|
4843
|
+
showSpecialOnly: true
|
|
4844
|
+
}
|
|
4845
|
+
) : /* @__PURE__ */ jsx30("p", { className: "text-gray-400 italic" })
|
|
4843
4846
|
}
|
|
4844
4847
|
) }),
|
|
4845
4848
|
learnerAnswerState === "CORRECT" ? /* @__PURE__ */ jsx30("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx30(
|
package/package.json
CHANGED
package/src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx
CHANGED
|
@@ -119,12 +119,10 @@ const FillInTheBlanksActivityMaterialContent = ({
|
|
|
119
119
|
}}
|
|
120
120
|
>
|
|
121
121
|
<p className="italic whitespace-pre-wrap">
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
/>
|
|
127
|
-
}
|
|
122
|
+
<InputWithSpecialExpression
|
|
123
|
+
value={option}
|
|
124
|
+
showSpecialOnly={true}
|
|
125
|
+
/>
|
|
128
126
|
</p>
|
|
129
127
|
</div>
|
|
130
128
|
) : (
|
|
@@ -151,7 +149,7 @@ const FillInTheBlanksActivityMaterialContent = ({
|
|
|
151
149
|
)
|
|
152
150
|
)}
|
|
153
151
|
</div>
|
|
154
|
-
<div className="flex flex-row flex-wrap">
|
|
152
|
+
<div className="w-full flex flex-row flex-wrap">
|
|
155
153
|
{Object.keys(answerMap).map((materialKey, index) => {
|
|
156
154
|
const learnerAnswerState = checkAnswerState(
|
|
157
155
|
JSON.parse(materialMap[materialKey]),
|
|
@@ -179,7 +177,7 @@ const FillInTheBlanksActivityMaterialContent = ({
|
|
|
179
177
|
contentMap.type === "TEXT" ? (
|
|
180
178
|
<div className="relative">
|
|
181
179
|
<div className="flex-1">
|
|
182
|
-
<InputGroup
|
|
180
|
+
{/* <InputGroup
|
|
183
181
|
type="textarea"
|
|
184
182
|
value={answerMap[materialKey]}
|
|
185
183
|
useMinHeight={false}
|
|
@@ -190,8 +188,30 @@ const FillInTheBlanksActivityMaterialContent = ({
|
|
|
190
188
|
e.target.value
|
|
191
189
|
);
|
|
192
190
|
}}
|
|
193
|
-
/>
|
|
191
|
+
/> */}
|
|
192
|
+
<div
|
|
193
|
+
className={`w-full min-h-[44px] py-2 px-4 border rounded-lg ${
|
|
194
|
+
answerMap[materialKey]
|
|
195
|
+
? "border-catchup-blue-400"
|
|
196
|
+
: "bg-catchup-gray-50 border-catchup-gray-200 border-dashed"
|
|
197
|
+
}`}
|
|
198
|
+
onClick={() => {
|
|
199
|
+
if (answerMap[materialKey]) {
|
|
200
|
+
onChange(answer, materialKey, "");
|
|
201
|
+
}
|
|
202
|
+
}}
|
|
203
|
+
>
|
|
204
|
+
{answerMap[materialKey] ? (
|
|
205
|
+
<InputWithSpecialExpression
|
|
206
|
+
value={answerMap[materialKey]}
|
|
207
|
+
showSpecialOnly={true}
|
|
208
|
+
/>
|
|
209
|
+
) : (
|
|
210
|
+
<p className="text-gray-400 italic"></p>
|
|
211
|
+
)}
|
|
212
|
+
</div>
|
|
194
213
|
</div>
|
|
214
|
+
|
|
195
215
|
{learnerAnswerState === "CORRECT" ? (
|
|
196
216
|
<div className="absolute -top-[10px] right-4 bg-catchup-white">
|
|
197
217
|
<BaseImage
|