catchup-library-web 2.2.13 → 2.2.15

package/dist/index.d.mts

@@ -225,6 +225,7 @@ interface IActivityPreviewByDataProps {
     showDifficulty?: boolean;
     isFullScreen?: boolean;
     showCorrectAnswer?: boolean;
+    showMaterialContent?: boolean;
 }
 
 declare const ActivityBodyContent: ({ templateType, bodyMap, contentMap, answerMap, }: IActivityBodyContentProps) => react_jsx_runtime.JSX.Element | null;
@@ -251,7 +252,7 @@ declare const ActivitySolutionContent: ({ activityTemplateType, data, }: IActivi
 
 declare const ActivityEvaluationRubricContent: ({ activityTemplateType, data, }: IActivityEvaluationRubricProps) => react_jsx_runtime.JSX.Element | null | undefined;
 
-declare const ActivityPreviewByData: ({ data, answerType, showType, showDescription, typeList, showSolution, showEvaluationRubric, showDifficulty, isFullScreen, showCorrectAnswer, }: IActivityPreviewByDataProps) => react_jsx_runtime.JSX.Element | null;
+declare const ActivityPreviewByData: ({ data, answerType, showType, showDescription, typeList, showSolution, showEvaluationRubric, showDifficulty, isFullScreen, showCorrectAnswer, showMaterialContent, }: IActivityPreviewByDataProps) => react_jsx_runtime.JSX.Element | null;
 
 interface IStatusErrorProperties {
     statusCode?: string;

package/dist/index.d.ts

@@ -225,6 +225,7 @@ interface IActivityPreviewByDataProps {
     showDifficulty?: boolean;
     isFullScreen?: boolean;
     showCorrectAnswer?: boolean;
+    showMaterialContent?: boolean;
 }
 
 declare const ActivityBodyContent: ({ templateType, bodyMap, contentMap, answerMap, }: IActivityBodyContentProps) => react_jsx_runtime.JSX.Element | null;
@@ -251,7 +252,7 @@ declare const ActivitySolutionContent: ({ activityTemplateType, data, }: IActivi
 
 declare const ActivityEvaluationRubricContent: ({ activityTemplateType, data, }: IActivityEvaluationRubricProps) => react_jsx_runtime.JSX.Element | null | undefined;
 
-declare const ActivityPreviewByData: ({ data, answerType, showType, showDescription, typeList, showSolution, showEvaluationRubric, showDifficulty, isFullScreen, showCorrectAnswer, }: IActivityPreviewByDataProps) => react_jsx_runtime.JSX.Element | null;
+declare const ActivityPreviewByData: ({ data, answerType, showType, showDescription, typeList, showSolution, showEvaluationRubric, showDifficulty, isFullScreen, showCorrectAnswer, showMaterialContent, }: IActivityPreviewByDataProps) => react_jsx_runtime.JSX.Element | null;
 
 interface IStatusErrorProperties {
     statusCode?: string;

package/dist/index.js

@@ -7193,7 +7193,7 @@ var ActivityEvaluationRubricContent = ({
   }
   if (!evaluationRubricMap || Object.keys(evaluationRubricMap).length === 0)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge", children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("evaluation_rubric") }),
     Object.keys(evaluationRubricMap).map((key, index) => {
       const currentItem = JSON.parse(evaluationRubricMap[key]);
@@ -7223,7 +7223,7 @@ var ActivityEvaluationRubricContent = ({
         ) })
       ] }, `${key}_${index}`);
     })
-  ] }) });
+  ] });
 };
 var ActivityEvaluationRubricContent_default = ActivityEvaluationRubricContent;
 
@@ -7293,7 +7293,8 @@ var ActivityPreviewByData = ({
   showEvaluationRubric = false,
   showDifficulty = true,
   isFullScreen = false,
-  showCorrectAnswer = false
+  showCorrectAnswer = false,
+  showMaterialContent = true
 }) => {
   const [selectedType, setSelectedType] = (0, import_react27.useState)(null);
   const [optionList, setOptionList] = (0, import_react27.useState)([]);
@@ -7411,7 +7412,7 @@ var ActivityPreviewByData = ({
           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             OpenEndedActivityContent_default,
             __spreadProps(__spreadValues({}, commonProps), {
-              showMaterialContent: true
+              showMaterialContent
             })
           )
         ] }) : null;

package/dist/index.mjs

@@ -6970,7 +6970,7 @@ var ActivityEvaluationRubricContent = ({
   }
   if (!evaluationRubricMap || Object.keys(evaluationRubricMap).length === 0)
     return null;
-  return /* @__PURE__ */ jsx45("div", { className: "mx-2", children: /* @__PURE__ */ jsxs34("div", { className: "p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge", children: [
+  return /* @__PURE__ */ jsxs34("div", { className: "p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge", children: [
     /* @__PURE__ */ jsx45("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("evaluation_rubric") }),
     Object.keys(evaluationRubricMap).map((key, index) => {
       const currentItem = JSON.parse(evaluationRubricMap[key]);
@@ -7000,7 +7000,7 @@ var ActivityEvaluationRubricContent = ({
         ) })
       ] }, `${key}_${index}`);
     })
-  ] }) });
+  ] });
 };
 var ActivityEvaluationRubricContent_default = ActivityEvaluationRubricContent;
 
@@ -7070,7 +7070,8 @@ var ActivityPreviewByData = ({
   showEvaluationRubric = false,
   showDifficulty = true,
   isFullScreen = false,
-  showCorrectAnswer = false
+  showCorrectAnswer = false,
+  showMaterialContent = true
 }) => {
   const [selectedType, setSelectedType] = useState26(null);
   const [optionList, setOptionList] = useState26([]);
@@ -7188,7 +7189,7 @@ var ActivityPreviewByData = ({
           /* @__PURE__ */ jsx47(
             OpenEndedActivityContent_default,
             __spreadProps(__spreadValues({}, commonProps), {
-              showMaterialContent: true
+              showMaterialContent
             })
           )
         ] }) : null;

package/package.json

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

package/src/components/activities/ActivityPreviewByData.tsx

@@ -46,6 +46,7 @@ const ActivityPreviewByData = ({
   showDifficulty = true,
   isFullScreen = false,
   showCorrectAnswer = false,
+  showMaterialContent = true,
 }: IActivityPreviewByDataProps) => {
   const [selectedType, setSelectedType] = useState<string | null>(null);
   const [optionList, setOptionList] = useState<any[]>([]);
@@ -195,7 +196,7 @@ const ActivityPreviewByData = ({
             {isEmpty && <ActivityEmptyContent />}
             <OpenEndedActivityContent
               {...commonProps}
-              showMaterialContent={true}
+              showMaterialContent={showMaterialContent}
             />
           </>
         ) : null;

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

@@ -36,52 +36,50 @@ const ActivityEvaluationRubricContent = ({
     return null;
 
   return (
-    <div className="mx-2">
-      <div className="p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge">
-        <p className="text-xl font-bold text-center mb-3">
-          {i18n.t("evaluation_rubric")}
-        </p>
-        {Object.keys(evaluationRubricMap).map((key, index) => {
-          const currentItem = JSON.parse(evaluationRubricMap[key]);
-          const { value } = currentItem;
-          const matchedRegex = value.match(/\[(\d+)\]\s*([\s\S]*)/);
-          let points = 0;
-          let evaluationRubric = value;
+    <div className="p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge">
+      <p className="text-xl font-bold text-center mb-3">
+        {i18n.t("evaluation_rubric")}
+      </p>
+      {Object.keys(evaluationRubricMap).map((key, index) => {
+        const currentItem = JSON.parse(evaluationRubricMap[key]);
+        const { value } = currentItem;
+        const matchedRegex = value.match(/\[(\d+)\]\s*([\s\S]*)/);
+        let points = 0;
+        let evaluationRubric = value;
 
-          if (matchedRegex) {
-            points = parseFloat(matchedRegex[1]);
-            evaluationRubric = matchedRegex[2];
-          }
+        if (matchedRegex) {
+          points = parseFloat(matchedRegex[1]);
+          evaluationRubric = matchedRegex[2];
+        }
 
-          return (
-            <div key={`${key}_${index}`} className="my-2 flex flex-row gap-x-3">
-              <div className="font-bold text-xl whitespace-nowrap">
-                {points} {i18n.t("points")}
-              </div>
-              <p className="flex-1 text-xl whitespace-pre-wrap">
-                {constructInputWithSpecialExpressionList(evaluationRubric).map(
-                  (inputPart, inputIndex) => (
-                    <span
-                      key={inputIndex}
-                      className={`${inputPart.isBold ? "font-bold" : ""} ${
-                        inputPart.isUnderline ? "underline" : ""
-                      }`}
-                    >
-                      {inputPart.isEquation ? (
-                        <span className="text-xl">
-                          <InlineMath math={inputPart.value} />
-                        </span>
-                      ) : (
-                        inputPart.value
-                      )}
-                    </span>
-                  )
-                )}
-              </p>
+        return (
+          <div key={`${key}_${index}`} className="my-2 flex flex-row gap-x-3">
+            <div className="font-bold text-xl whitespace-nowrap">
+              {points} {i18n.t("points")}
             </div>
-          );
-        })}
-      </div>
+            <p className="flex-1 text-xl whitespace-pre-wrap">
+              {constructInputWithSpecialExpressionList(evaluationRubric).map(
+                (inputPart, inputIndex) => (
+                  <span
+                    key={inputIndex}
+                    className={`${inputPart.isBold ? "font-bold" : ""} ${
+                      inputPart.isUnderline ? "underline" : ""
+                    }`}
+                  >
+                    {inputPart.isEquation ? (
+                      <span className="text-xl">
+                        <InlineMath math={inputPart.value} />
+                      </span>
+                    ) : (
+                      inputPart.value
+                    )}
+                  </span>
+                )
+              )}
+            </p>
+          </div>
+        );
+      })}
     </div>
   );
 };

package/src/properties/ActivityProperties.ts

@@ -230,4 +230,5 @@ export interface IActivityPreviewByDataProps {
   showDifficulty?: boolean;
   isFullScreen?: boolean;
   showCorrectAnswer?: boolean;
+  showMaterialContent?: boolean;
 }