catchup-library-web 1.14.5 → 1.14.6

package/dist/index.js

@@ -3271,7 +3271,14 @@ var ShowBodyMediaByContentType = ({
     }
   };
   const renderSpecialExpressions = (inputPart) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "span",
+      {
+        className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+        children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
+      },
+      index
+    );
   };
   const balanceSpecialChars = (text) => {
     let result = text;
@@ -6738,10 +6745,10 @@ var ActivityEvaluationRubricContent = ({
     Object.keys(evaluationRubricMap).map((key, index) => {
       const currentItem = JSON.parse(evaluationRubricMap[key]);
       const { value } = currentItem;
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "my-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        "span",
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        "p",
         {
-          className: "text-xl whitespace-pre-wrap",
+          className: "my-1 text-xl whitespace-pre-wrap",
           children: constructInputWithSpecialExpressionList(value).map(
             (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "span",
@@ -6754,7 +6761,7 @@ var ActivityEvaluationRubricContent = ({
           )
         },
         `${key}_${index}`
-      ) });
+      );
     })
   ] }) });
 };

package/dist/index.mjs

@@ -3040,7 +3040,7 @@ var retrieveDifficultyByActivityTypeFromData = (type, data) => {
 
 // src/components/activities/body-content/ShowBodyMediaByContentType.tsx
 import { InlineMath } from "react-katex";
-import { Fragment, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var ShowBodyMediaByContentType = ({
   index,
   type,
@@ -3062,7 +3062,14 @@ var ShowBodyMediaByContentType = ({
     }
   };
   const renderSpecialExpressions = (inputPart) => {
-    return /* @__PURE__ */ jsx16(Fragment, { children: inputPart.isEquation ? /* @__PURE__ */ jsx16("span", { className: "text-2xl", children: /* @__PURE__ */ jsx16(InlineMath, { math: inputPart.value }) }) : inputPart.value });
+    return /* @__PURE__ */ jsx16(
+      "span",
+      {
+        className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+        children: inputPart.isEquation ? /* @__PURE__ */ jsx16("span", { className: "text-2xl", children: /* @__PURE__ */ jsx16(InlineMath, { math: inputPart.value }) }) : inputPart.value
+      },
+      index
+    );
   };
   const balanceSpecialChars = (text) => {
     let result = text;
@@ -3540,7 +3547,7 @@ import { InlineMath as InlineMath2 } from "react-katex";
 // src/components/groups/InputGroup.tsx
 import Select from "react-select";
 import { useEffect as useEffect3, useRef, useState as useState11, useCallback } from "react";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 var InputGroup = ({
   type,
   title,
@@ -3959,7 +3966,7 @@ var InputGroup = ({
       return CheckboxInputGroup();
     }
   };
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment, { children: [
     RenderMainContent(),
     /* @__PURE__ */ jsx20(MathConstructorModal, {})
   ] });
@@ -4920,7 +4927,7 @@ var useScreenSize = () => {
 var useScreenSize_default = useScreenSize;
 
 // src/components/activities/material-content/GroupingActivityMaterialContent.tsx
-import { Fragment as Fragment3, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 var GroupingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -5019,7 +5026,7 @@ var GroupingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment2, { children: [
     /* @__PURE__ */ jsx29(
       "div",
       {
@@ -5197,7 +5204,7 @@ var GroupingActivityMaterialContent = ({
 var GroupingActivityMaterialContent_default = GroupingActivityMaterialContent;
 
 // src/components/activities/GroupingActivityContent.tsx
-import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var GroupingActivityContent = ({
   answer,
   data,
@@ -5222,7 +5229,7 @@ var GroupingActivityContent = ({
     }
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment3, { children: [
     /* @__PURE__ */ jsx30(
       ActivityBodyContent_default,
       {
@@ -5252,7 +5259,7 @@ var GroupingActivityContent_default = GroupingActivityContent;
 import { useEffect as useEffect11, useRef as useRef5, useState as useState20 } from "react";
 import { useDrop as useDrop4 } from "react-dnd";
 import { InlineMath as InlineMath5 } from "react-katex";
-import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var MatchingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -5348,7 +5355,7 @@ var MatchingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment4, { children: [
     /* @__PURE__ */ jsx31(
       "div",
       {
@@ -5504,7 +5511,7 @@ var MatchingActivityMaterialContent = ({
 var MatchingActivityMaterialContent_default = MatchingActivityMaterialContent;
 
 // src/components/activities/MatchingActivityContent.tsx
-import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 var MatchingActivityContent = ({
   answer,
   data,
@@ -5525,7 +5532,7 @@ var MatchingActivityContent = ({
     answerMap[key] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment5, { children: [
     /* @__PURE__ */ jsx32(
       ActivityBodyContent_default,
       {
@@ -5852,7 +5859,7 @@ var MCSAActivityContent = ({
 var MCSAActivityContent_default = MCSAActivityContent;
 
 // src/components/activities/material-content/OpenEndedActivityMaterialContent.tsx
-import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 var OpenEndedActivityMaterialContent = ({
   answer,
   contentMap,
@@ -5888,7 +5895,7 @@ var OpenEndedActivityMaterialContent = ({
     );
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ jsx37(Fragment7, { children: /* @__PURE__ */ jsxs26("div", { className: "", children: [
+  return /* @__PURE__ */ jsx37(Fragment6, { children: /* @__PURE__ */ jsxs26("div", { className: "", children: [
     /* @__PURE__ */ jsx37("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx37("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
     /* @__PURE__ */ jsx37("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx37(DividerLine_default, {}) }),
     contentMap.type === "TEXT" ? RenderTextContent(answerMap) : null
@@ -5897,7 +5904,7 @@ var OpenEndedActivityMaterialContent = ({
 var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
 
 // src/components/activities/OpenEndedActivityContent.tsx
-import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 var OpenEndedActivityContent = ({
   answer,
   data,
@@ -5929,7 +5936,7 @@ var OpenEndedActivityContent = ({
         )
       }
     ),
-    showMaterialContent ? /* @__PURE__ */ jsxs27(Fragment8, { children: [
+    showMaterialContent ? /* @__PURE__ */ jsxs27(Fragment7, { children: [
       /* @__PURE__ */ jsx38(
         "div",
         {
@@ -6169,7 +6176,7 @@ var OrderingActivityMaterialContent = ({
 var OrderingActivityMaterialContent_default = OrderingActivityMaterialContent;
 
 // src/components/activities/OrderingActivityContent.tsx
-import { Fragment as Fragment9, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
 var OrderingActivityContent = ({
   answer,
   data,
@@ -6192,7 +6199,7 @@ var OrderingActivityContent = ({
     answerMap[secondaryKey] = prevValue;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs29(Fragment8, { children: [
     /* @__PURE__ */ jsx41(
       ActivityBodyContent_default,
       {
@@ -6221,7 +6228,7 @@ var OrderingActivityContent_default = OrderingActivityContent;
 // src/components/activities/material-content/TrueFalseActivityMaterialContent.tsx
 import { useEffect as useEffect13, useState as useState22 } from "react";
 import { InlineMath as InlineMath9 } from "react-katex";
-import { Fragment as Fragment10, jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
 var TrueFalseActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -6343,7 +6350,7 @@ var TrueFalseActivityMaterialContent = ({
         },
         index
       );
-    }) }) : /* @__PURE__ */ jsxs30(Fragment10, { children: [
+    }) }) : /* @__PURE__ */ jsxs30(Fragment9, { children: [
       answerMap.trueList.map((item) => /* @__PURE__ */ jsxs30("div", { className: "flex flex-row items-center gap-x-2", children: [
         /* @__PURE__ */ jsx42("div", { className: "flex-1", children: /* @__PURE__ */ jsx42("p", { children: item }) }),
         /* @__PURE__ */ jsx42("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx42("p", { className: "underline", children: i18n_default.t("true") }) })
@@ -6529,10 +6536,10 @@ var ActivityEvaluationRubricContent = ({
     Object.keys(evaluationRubricMap).map((key, index) => {
       const currentItem = JSON.parse(evaluationRubricMap[key]);
       const { value } = currentItem;
-      return /* @__PURE__ */ jsx45("p", { className: "my-3", children: /* @__PURE__ */ jsx45(
-        "span",
+      return /* @__PURE__ */ jsx45(
+        "p",
         {
-          className: "text-xl whitespace-pre-wrap",
+          className: "my-1 text-xl whitespace-pre-wrap",
           children: constructInputWithSpecialExpressionList(value).map(
             (inputPart, index2) => /* @__PURE__ */ jsx45(
               "span",
@@ -6545,7 +6552,7 @@ var ActivityEvaluationRubricContent = ({
           )
         },
         `${key}_${index}`
-      ) });
+      );
     })
   ] }) });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "catchup-library-web",
-  "version": "1.14.5",
+  "version": "1.14.6",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/activities/body-content/ShowBodyMediaByContentType.tsx

@@ -35,7 +35,12 @@ const ShowBodyMediaByContentType = ({
   // Helper function to render special expressions with proper keys
   const renderSpecialExpressions = (inputPart: IInputPart) => {
     return (
-      <>
+      <span
+        key={index}
+        className={`${inputPart.isBold ? "font-bold" : ""} ${
+          inputPart.isUnderline ? "underline" : ""
+        }`}
+      >
         {inputPart.isEquation ? (
           <span className="text-2xl">
             <InlineMath math={inputPart.value} />
@@ -43,7 +48,7 @@ const ShowBodyMediaByContentType = ({
         ) : (
           inputPart.value
         )}
-      </>
+      </span>
     );
   };
 

package/src/components/activities/evaluation-rubric-content/ActivityEvaluationRubricContent.tsx

@@ -44,30 +44,28 @@ const ActivityEvaluationRubricContent = ({
           const currentItem = JSON.parse(evaluationRubricMap[key]);
           const { value } = currentItem;
           return (
-            <p className="my-3">
-              <span
-                key={`${key}_${index}`}
-                className="text-xl whitespace-pre-wrap"
-              >
-                {constructInputWithSpecialExpressionList(value).map(
-                  (inputPart, index) => (
-                    <span
-                      key={index}
-                      className={`${inputPart.isBold ? "font-bold" : ""} ${
-                        inputPart.isUnderline ? "underline" : ""
-                      }`}
-                    >
-                      {inputPart.isEquation ? (
-                        <span className="text-2xl">
-                          <InlineMath math={inputPart.value} />
-                        </span>
-                      ) : (
-                        inputPart.value
-                      )}
-                    </span>
-                  )
-                )}
-              </span>
+            <p
+              key={`${key}_${index}`}
+              className="my-1 text-xl whitespace-pre-wrap"
+            >
+              {constructInputWithSpecialExpressionList(value).map(
+                (inputPart, index) => (
+                  <span
+                    key={index}
+                    className={`${inputPart.isBold ? "font-bold" : ""} ${
+                      inputPart.isUnderline ? "underline" : ""
+                    }`}
+                  >
+                    {inputPart.isEquation ? (
+                      <span className="text-2xl">
+                        <InlineMath math={inputPart.value} />
+                      </span>
+                    ) : (
+                      inputPart.value
+                    )}
+                  </span>
+                )
+              )}
             </p>
           );
         })}