catchup-library-web 1.15.8 → 1.15.10

package/dist/index.js

@@ -6997,18 +6997,21 @@ var ActivityPreviewByData = ({
   if (!data) return;
   const answer = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-    showType ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4", children: [
-      showDescription ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-        SelectionBox_default,
-        {
-          optionList,
-          selectedId: selectedType,
-          handleSelectOnClick: (itemId) => {
-            setSelectedType(itemId);
+    showType ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4", children: [
+        showDescription ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          SelectionBox_default,
+          {
+            optionList,
+            selectedId: selectedType,
+            handleSelectOnClick: (itemId) => {
+              setSelectedType(itemId);
+            }
           }
-        }
-      )
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DividerLine_default, {})
     ] }) : null,
     selectedType ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "", children: selectedType === "ORDERING" && data["orderingBodyMap"] != null && data["orderingMaterialMap"] != null ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       OrderingActivityContent_default,

package/dist/index.mjs

@@ -6728,7 +6728,7 @@ var SelectionBox = ({
 var SelectionBox_default = SelectionBox;
 
 // src/components/activities/ActivityPreviewByData.tsx
-import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
 var ActivityPreviewByData = ({
   data,
   showType,
@@ -6787,18 +6787,21 @@ var ActivityPreviewByData = ({
   if (!data) return;
   const answer = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ jsxs36("div", { children: [
-    showType ? /* @__PURE__ */ jsxs36("div", { className: "mb-4", children: [
-      showDescription ? /* @__PURE__ */ jsx48("div", { className: "my-2", children: /* @__PURE__ */ jsx48("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
-      /* @__PURE__ */ jsx48(
-        SelectionBox_default,
-        {
-          optionList,
-          selectedId: selectedType,
-          handleSelectOnClick: (itemId) => {
-            setSelectedType(itemId);
+    showType ? /* @__PURE__ */ jsxs36(Fragment10, { children: [
+      /* @__PURE__ */ jsxs36("div", { className: "mb-4", children: [
+        showDescription ? /* @__PURE__ */ jsx48("div", { className: "my-2", children: /* @__PURE__ */ jsx48("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
+        /* @__PURE__ */ jsx48(
+          SelectionBox_default,
+          {
+            optionList,
+            selectedId: selectedType,
+            handleSelectOnClick: (itemId) => {
+              setSelectedType(itemId);
+            }
           }
-        }
-      )
+        )
+      ] }),
+      /* @__PURE__ */ jsx48(DividerLine_default, {})
     ] }) : null,
     selectedType ? /* @__PURE__ */ jsx48("div", { className: "", children: selectedType === "ORDERING" && data["orderingBodyMap"] != null && data["orderingMaterialMap"] != null ? /* @__PURE__ */ jsx48(
       OrderingActivityContent_default,
@@ -6944,7 +6947,7 @@ var ActivityPreviewByData_default = ActivityPreviewByData;
 
 // src/components/activities/ActivityPreviewByAnswerData.tsx
 import { useEffect as useEffect15, useState as useState25 } from "react";
-import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
 var ActivityPreviewByAnswerData = ({
   data,
   showType = true,
@@ -7080,7 +7083,7 @@ var ActivityPreviewByAnswerData = ({
   };
   if (!data) return null;
   return /* @__PURE__ */ jsxs37("div", { children: [
-    showType && optionList.length > 0 ? /* @__PURE__ */ jsxs37(Fragment10, { children: [
+    showType && optionList.length > 0 ? /* @__PURE__ */ jsxs37(Fragment11, { children: [
       /* @__PURE__ */ jsxs37("div", { className: "mb-4", children: [
         showDescription ? /* @__PURE__ */ jsx49("div", { className: "my-2", children: /* @__PURE__ */ jsx49("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
         /* @__PURE__ */ jsx49(

package/package.json

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

package/src/components/activities/ActivityPreviewByData.tsx

@@ -17,6 +17,7 @@ import { IActivityPreviewByDataProps } from "../../properties/ActivityProperties
 import ActivitySolutionContent from "./solution-content/ActivitySolutionContent";
 import i18n from "../../language/i18n";
 import ActivityEvaluationRubricContent from "./evaluation-rubric-content/ActivityEvaluationRubricContent";
+import DividerLine from "../dividers/DividerLine";
 
 const ActivityPreviewByData = ({
   data,
@@ -84,23 +85,26 @@ const ActivityPreviewByData = ({
   return (
     <div key={key}>
       {showType ? (
-        <div className="mb-4">
-          {showDescription ? (
-            <div className="my-2">
-              <p className="font-semibold text-lg">
-                {i18n.t("activity_template")}
-              </p>
-            </div>
-          ) : null}
+        <>
+          <div className="mb-4">
+            {showDescription ? (
+              <div className="my-2">
+                <p className="font-semibold text-lg">
+                  {i18n.t("activity_template")}
+                </p>
+              </div>
+            ) : null}
 
-          <SelectionBox
-            optionList={optionList}
-            selectedId={selectedType}
-            handleSelectOnClick={(itemId) => {
-              setSelectedType(itemId);
-            }}
-          />
-        </div>
+            <SelectionBox
+              optionList={optionList}
+              selectedId={selectedType}
+              handleSelectOnClick={(itemId) => {
+                setSelectedType(itemId);
+              }}
+            />
+          </div>
+          <DividerLine />
+        </>
       ) : null}
       {selectedType ? (
         <div key={selectedType} className="">