@thanh01.pmt/interactive-quiz-kit 1.0.71 → 1.0.73

package/dist/react-ui.mjs

@@ -101851,12 +101851,10 @@ init_react_shim();
 // src/services/TopicDataService.ts
 init_react_shim();
 var TopicDataService = class {
-  // ... saveData, mergeData, getData, clearData methods remain the same ...
   static saveData(data) {
     try {
       if (typeof window === "undefined") return;
-      const serializedData = JSON.stringify(data);
-      localStorage.setItem(this.STORAGE_KEY, serializedData);
+      localStorage.setItem(this.STORAGE_KEY, JSON.stringify(data));
     } catch (error) {
       console.error("Error saving learning objectives to Local Storage:", error);
     }
@@ -101867,8 +101865,7 @@ var TopicDataService = class {
     newData.forEach((newLo) => {
       loMap.set(newLo.code, newLo);
     });
-    const mergedData = Array.from(loMap.values());
-    this.saveData(mergedData);
+    this.saveData(Array.from(loMap.values()));
   }
   static getData() {
     try {
@@ -101883,7 +101880,7 @@ var TopicDataService = class {
   }
   static clearData() {
     try {
-      if (typeof window === "undefined") return;
+      if (typeof window !== "undefined") return;
       localStorage.removeItem(this.STORAGE_KEY);
     } catch (error) {
       console.error("Error clearing learning objectives from Local Storage:", error);
@@ -101897,6 +101894,12 @@ var TopicDataService = class {
     const headerLine = lines.shift();
     const headers = headerLine.split("	").map((h3) => h3.trim());
     const headerMap = headers.map((h3) => this.HEADER_MAP[h3] || null);
+    const requiredHeaders = ["LO ID", "LO Name", "Subject", "Subject Code", "Category", "Category Code", "Topic", "Topic Code", "Grade", "Grade Code"];
+    const missingHeaders = requiredHeaders.filter((h3) => !headers.includes(h3));
+    if (missingHeaders.length > 0) {
+      const errorMsg = `Invalid TSV header. Missing required columns: ${missingHeaders.join(", ")}`;
+      return { data: [], errors: [errorMsg] };
+    }
     const data = [];
     const errors2 = [];
     lines.forEach((line, index3) => {
@@ -101905,29 +101908,30 @@ var TopicDataService = class {
       headerMap.forEach((propName, i2) => {
         if (propName) {
           const value = values[i2]?.trim() || "";
-          if (propName === "keywords" || propName === "stemElements" || propName === "bloomLevelsGuideline") {
+          if (["keywords", "stemElements", "bloomLevelsGuideline"].includes(propName)) {
             rowObject[propName] = value.split(",").map((s4) => s4.trim()).filter(Boolean);
           } else {
             rowObject[propName] = value;
           }
         }
       });
-      if (!rowObject.code) {
-        errors2.push(`Line ${index3 + 2}: Missing required value for 'LO ID'.`);
+      if (!rowObject.code || !rowObject.name) {
+        errors2.push(`Line ${index3 + 2}: Missing required values for 'LO ID' or 'LO Name'.`);
         return;
       }
-      if (!rowObject.name) {
-        rowObject.name = rowObject.code;
-      }
       const learningObjective = {
         id: generateUniqueId("lo_"),
         code: rowObject.code,
         name: rowObject.name,
         description: rowObject.description,
         subject: rowObject.subject || "",
+        subjectCode: rowObject.subjectCode,
         category: rowObject.category || "",
+        categoryCode: rowObject.categoryCode,
         topic: rowObject.topic || "",
+        topicCode: rowObject.topicCode,
         grade: rowObject.grade || "",
+        gradeCode: rowObject.gradeCode,
         keywords: rowObject.keywords || [],
         stemElements: rowObject.stemElements || [],
         bloomLevelsGuideline: rowObject.bloomLevelsGuideline || []
@@ -101958,17 +101962,23 @@ var TopicDataService = class {
   }
 };
 TopicDataService.STORAGE_KEY = "interactive_quiz_kit_learning_objectives";
-// Define a map for flexible header mapping
 TopicDataService.HEADER_MAP = {
   "LO ID": "code",
   "LO Name": "name",
-  // Ready for future addition
   "LO Description": "description",
   "Subject": "subject",
+  "Subject Code": "subjectCode",
+  // New
   "Category": "category",
+  "Category Code": "categoryCode",
+  // New
   "Topic": "topic",
+  "Topic Code": "topicCode",
+  // New
   "Keywords": "keywords",
   "Grade": "grade",
+  "Grade Code": "gradeCode",
+  // New
   "STEM Element(s)": "stemElements",
   "Bloom\u2019s Level(s) Guideline": "bloomLevelsGuideline"
 };
@@ -139524,15 +139534,27 @@ function QuestionTypeManager({ initialData, isLoading: isLoadingProp, onAdd, onU
 
 // src/react-ui/components/metadata/LearningObjectiveManager.tsx
 init_react_shim();
-function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoading: isLoadingProp, onAdd, onUpdate, onDelete, onBulkAdd }) {
+function LearningObjectiveManager({
+  initialData,
+  subjects: subjectsProp,
+  isLoading: isLoadingProp,
+  onAdd,
+  onUpdate,
+  onDelete,
+  onBulkAdd
+}) {
   const [items, setItems] = useState([]);
   const [subjects, setSubjects] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [isAlertOpen, setIsAlertOpen] = useState(false);
-  const [currentItem, setCurrentItem] = useState(null);
+  const [currentItem, setCurrentItem] = useState(
+    null
+  );
   const [formState, setFormState] = useState({});
-  const [itemToDelete, setItemToDelete] = useState(null);
+  const [itemToDelete, setItemToDelete] = useState(
+    null
+  );
   const [isPending, startTransition] = useTransition();
   const { toast: toast2 } = useToast();
   const isControlled = initialData !== void 0;
@@ -139543,7 +139565,11 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
         setItems(MetadataService.getLearningObjectives());
         setSubjects(MetadataService.getSubjects());
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to refresh data.", variant: "destructive" });
+        toast2({
+          title: "Error",
+          description: "Failed to refresh data.",
+          variant: "destructive"
+        });
       } finally {
         setIsLoading(false);
       }
@@ -139563,7 +139589,9 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
   };
   const handleAddItem = () => {
     setCurrentItem(null);
-    setFormState({ subjectCode: subjects.length > 0 ? subjects[0].code : "" });
+    setFormState({
+      subjectCode: subjects.length > 0 ? subjects[0].code : ""
+    });
     setIsDialogOpen(true);
   };
   const handleEditItem = (item) => {
@@ -139585,9 +139613,16 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
           MetadataService.deleteLearningObjective(itemToDelete.code);
           refreshData();
         }
-        toast2({ title: "Success", description: `Learning Objective "${itemToDelete.name}" deleted.` });
+        toast2({
+          title: "Success",
+          description: `Learning Objective "${itemToDelete.name}" deleted.`
+        });
       } catch (error) {
-        toast2({ title: "Error", description: error.message, variant: "destructive" });
+        toast2({
+          title: "Error",
+          description: error.message,
+          variant: "destructive"
+        });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -139596,7 +139631,11 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
   };
   const handleSubmit = () => {
     if (!formState.name?.trim() || !formState.code?.trim()) {
-      toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
+      toast2({
+        title: "Validation Error",
+        description: "Code and Name are required.",
+        variant: "destructive"
+      });
       return;
     }
     startTransition(async () => {
@@ -139605,75 +139644,291 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
           if (isControlled && onUpdate) {
             await onUpdate({ ...currentItem, ...formState });
           } else {
-            MetadataService.updateLearningObjective(currentItem.id, formState);
+            MetadataService.updateLearningObjective(
+              currentItem.id,
+              formState
+            );
             refreshData();
           }
-          toast2({ title: "Success", description: "Learning Objective updated." });
+          toast2({
+            title: "Success",
+            description: "Learning Objective updated."
+          });
         } else {
           if (isControlled && onAdd) {
             await onAdd(formState);
           } else {
-            MetadataService.addLearningObjective(formState);
+            MetadataService.addLearningObjective(
+              formState
+            );
             refreshData();
           }
-          toast2({ title: "Success", description: "Learning Objective added." });
+          toast2({
+            title: "Success",
+            description: "Learning Objective added."
+          });
         }
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({ title: "Error", description: error.message, variant: "destructive" });
+        toast2({
+          title: "Error",
+          description: error.message,
+          variant: "destructive"
+        });
       }
     });
   };
   const handleImport = async (records) => {
-    console.log(`[LO Manager] handleImport called with ${records.length} raw records.`);
+    console.log(
+      `[LO Manager] handleImport called with ${records.length} raw records.`
+    );
     if (!onBulkAdd) {
       console.error("[LO Manager] onBulkAdd handler is not provided.");
       return;
     }
     const parseStringToArray = (input) => {
       if (Array.isArray(input)) return input;
-      if (typeof input === "string") return input.split(",").map((s4) => s4.trim()).filter(Boolean);
+      if (typeof input === "string")
+        return input.split(",").map((s4) => s4.trim()).filter(Boolean);
       return [];
     };
-    const validationResult = records.reduce((acc, rec) => {
-      if (typeof rec.code === "string" && rec.code.trim() && typeof rec.name === "string" && rec.name.trim()) {
-        acc.valid.push({
-          code: rec.code,
-          name: rec.name,
-          description: rec.description || rec.name,
-          subject: rec.subject || "",
-          subjectCode: rec.subjectCode,
-          category: rec.category || "",
-          categoryCode: rec.categoryCode,
-          topic: rec.topic || "",
-          topicCode: rec.topicCode,
-          grade: rec.grade || "",
-          gradeCode: rec.gradeCode,
-          keywords: parseStringToArray(rec.keywords),
-          stemElements: parseStringToArray(rec.stemElements),
-          bloomLevelsGuideline: parseStringToArray(rec.bloomLevelsGuideline)
-        });
-      } else {
-        acc.invalidCount++;
-      }
-      return acc;
-    }, { valid: [], invalidCount: 0 });
-    console.log(`[LO Manager] Validation complete. ${validationResult.valid.length} valid records found.`);
+    const validationResult = records.reduce(
+      (acc, rec) => {
+        if (typeof rec["LO ID"] === "string" && rec["LO ID"].trim() && typeof rec["LO Description"] === "string" && rec["LO Description"].trim()) {
+          acc.valid.push({
+            code: rec["LO ID"],
+            name: rec["LO ID"],
+            description: rec["LO Description"],
+            subject: rec["Subject"] || "",
+            subjectCode: rec["Subject Code"] || rec["Subject"],
+            category: rec["Category"] || "",
+            categoryCode: rec["Category Code"] || rec["Category"],
+            topic: rec["Topic"] || "",
+            topicCode: rec["Topic Code"] || rec["Topic"],
+            grade: rec["Grade"] || "",
+            gradeCode: rec["Grade Code"] || rec["Grade"],
+            keywords: parseStringToArray(rec["Keywords"]),
+            stemElements: parseStringToArray(
+              rec["STEM Element(s)"]
+            ),
+            bloomLevelsGuideline: parseStringToArray(
+              rec["Bloom\u2019s Level(s) Guideline"]
+            )
+          });
+        } else {
+          acc.invalidCount++;
+        }
+        return acc;
+      },
+      { valid: [], invalidCount: 0 }
+    );
+    console.log(
+      `[LO Manager] Validation complete. ${validationResult.valid.length} valid records found.`
+    );
     if (validationResult.invalidCount > 0) {
       toast2({
         title: "Import Warning",
-        description: `${validationResult.invalidCount} records had invalid or missing 'code' or 'name' fields and were ignored.`,
+        description: `${validationResult.invalidCount} records had invalid or missing 'LO ID' or 'LO Description' fields and were ignored.`,
         variant: "destructive"
       });
     }
     if (validationResult.valid.length > 0) {
-      console.log("[LO Manager] Calling onBulkAdd prop with validated data...");
+      console.log(
+        "[LO Manager] Calling onBulkAdd prop with validated data..."
+      );
       await onBulkAdd(validationResult.valid);
     } else {
       console.log("[LO Manager] No valid records to import.");
     }
   };
-  return /* @__PURE__ */ React169__default.createElement(Card, null, /* @__PURE__ */ React169__default.createElement(CardHeader, null, /* @__PURE__ */ React169__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React169__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React169__default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Learning Objectives"), /* @__PURE__ */ React169__default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React169__default.createElement(MetadataImportControls, { metadataName: "Learning Objectives", onImport: handleImport }), /* @__PURE__ */ React169__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React169__default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React169__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React169__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React169__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React169__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React169__default.createElement(Table3, null, /* @__PURE__ */ React169__default.createElement(TableHeader, null, /* @__PURE__ */ React169__default.createElement(TableRow, null, /* @__PURE__ */ React169__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React169__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React169__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React169__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React169__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React169__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React169__default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React169__default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React169__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React169__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React169__default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React169__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React169__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React169__default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React169__default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React169__default.createElement(DialogHeader, null, /* @__PURE__ */ React169__default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React169__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e3) => handleFormChange("code", e3.target.value.toUpperCase()), disabled: !!currentItem })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React169__default.createElement(Input, { id: "name", value: formState.name || "", onChange: (e3) => handleFormChange("name", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "subject", value: formState.subject || "", onChange: (e3) => handleFormChange("subject", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React169__default.createElement(EditableCombobox, { options: subjects.map((s4) => ({ value: s4.code, label: s4.name })), value: formState.subjectCode || "", onChange: (val) => handleFormChange("subjectCode", val), placeholder: "Select a subject..." }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "category", value: formState.category || "", onChange: (e3) => handleFormChange("category", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "categoryCode", value: formState.categoryCode || "", onChange: (e3) => handleFormChange("categoryCode", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "topic", value: formState.topic || "", onChange: (e3) => handleFormChange("topic", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "topicCode", value: formState.topicCode || "", onChange: (e3) => handleFormChange("topicCode", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "grade", value: formState.grade || "", onChange: (e3) => handleFormChange("grade", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "gradeCode", value: formState.gradeCode || "", onChange: (e3) => handleFormChange("gradeCode", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React169__default.createElement(Textarea, { id: "keywords", value: formState.keywords?.join(", ") || "", onChange: (e3) => handleFormChange("keywords", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React169__default.createElement(Textarea, { id: "stemElements", value: formState.stemElements?.join(", ") || "", onChange: (e3) => handleFormChange("stemElements", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React169__default.createElement(Textarea, { id: "bloomLevelsGuideline", value: formState.bloomLevelsGuideline?.join(", ") || "", onChange: (e3) => handleFormChange("bloomLevelsGuideline", e3.target.value.split(",").map((s4) => s4.trim())) }))), /* @__PURE__ */ React169__default.createElement(DialogFooter, null, /* @__PURE__ */ React169__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !formState.name?.trim() || !formState.code?.trim() }, isPending && /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React169__default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React169__default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React169__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React169__default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React169__default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React169__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React169__default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
+  return /* @__PURE__ */ React169__default.createElement(Card, null, /* @__PURE__ */ React169__default.createElement(CardHeader, null, /* @__PURE__ */ React169__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React169__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React169__default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " ", "Manage Learning Objectives"), /* @__PURE__ */ React169__default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React169__default.createElement(
+    MetadataImportControls,
+    {
+      metadataName: "Learning Objectives",
+      onImport: handleImport
+    }
+  ), /* @__PURE__ */ React169__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React169__default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React169__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React169__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React169__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React169__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React169__default.createElement(Table3, null, /* @__PURE__ */ React169__default.createElement(TableHeader, null, /* @__PURE__ */ React169__default.createElement(TableRow, null, /* @__PURE__ */ React169__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React169__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React169__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React169__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React169__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React169__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React169__default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React169__default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React169__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React169__default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleEditItem(item),
+      className: "mr-2"
+    },
+    /* @__PURE__ */ React169__default.createElement(PenLine, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React169__default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleDeleteItem(item),
+      className: "text-destructive hover:text-destructive"
+    },
+    /* @__PURE__ */ React169__default.createElement(Trash2, { className: "h-4 w-4" })
+  ))))))), /* @__PURE__ */ React169__default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React169__default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React169__default.createElement(DialogHeader, null, /* @__PURE__ */ React169__default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React169__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "code",
+      value: formState.code || "",
+      onChange: (e3) => handleFormChange(
+        "code",
+        e3.target.value.toUpperCase()
+      ),
+      disabled: !!currentItem
+    }
+  )), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "name",
+      value: formState.name || "",
+      onChange: (e3) => handleFormChange(
+        "name",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "subject",
+      value: formState.subject || "",
+      onChange: (e3) => handleFormChange(
+        "subject",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React169__default.createElement(
+    EditableCombobox,
+    {
+      options: subjects.map((s4) => ({
+        value: s4.code,
+        label: s4.name
+      })),
+      value: formState.subjectCode || "",
+      onChange: (val) => handleFormChange("subjectCode", val),
+      placeholder: "Select a subject..."
+    }
+  ))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "category",
+      value: formState.category || "",
+      onChange: (e3) => handleFormChange(
+        "category",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "categoryCode",
+      value: formState.categoryCode || "",
+      onChange: (e3) => handleFormChange(
+        "categoryCode",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "topic",
+      value: formState.topic || "",
+      onChange: (e3) => handleFormChange(
+        "topic",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "topicCode",
+      value: formState.topicCode || "",
+      onChange: (e3) => handleFormChange(
+        "topicCode",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "grade",
+      value: formState.grade || "",
+      onChange: (e3) => handleFormChange(
+        "grade",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React169__default.createElement(
+    Input,
+    {
+      id: "gradeCode",
+      value: formState.gradeCode || "",
+      onChange: (e3) => handleFormChange(
+        "gradeCode",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React169__default.createElement(
+    Textarea,
+    {
+      id: "keywords",
+      value: formState.keywords?.join(", ") || "",
+      onChange: (e3) => handleFormChange(
+        "keywords",
+        e3.target.value.split(",").map((s4) => s4.trim())
+      )
+    }
+  )), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React169__default.createElement(
+    Textarea,
+    {
+      id: "stemElements",
+      value: formState.stemElements?.join(", ") || "",
+      onChange: (e3) => handleFormChange(
+        "stemElements",
+        e3.target.value.split(",").map((s4) => s4.trim())
+      )
+    }
+  )), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React169__default.createElement(
+    Textarea,
+    {
+      id: "bloomLevelsGuideline",
+      value: formState.bloomLevelsGuideline?.join(
+        ", "
+      ) || "",
+      onChange: (e3) => handleFormChange(
+        "bloomLevelsGuideline",
+        e3.target.value.split(",").map((s4) => s4.trim())
+      )
+    }
+  ))), /* @__PURE__ */ React169__default.createElement(DialogFooter, null, /* @__PURE__ */ React169__default.createElement(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      onClick: () => setIsDialogOpen(false),
+      disabled: isPending
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React169__default.createElement(
+    Button,
+    {
+      type: "submit",
+      onClick: handleSubmit,
+      disabled: isPending || !formState.name?.trim() || !formState.code?.trim()
+    },
+    isPending && /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Save"
+  )))), /* @__PURE__ */ React169__default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React169__default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React169__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React169__default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React169__default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React169__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React169__default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__default.createElement(
+    AlertDialogAction2,
+    {
+      onClick: confirmDelete,
+      disabled: isPending,
+      className: "bg-destructive hover:bg-destructive/90"
+    },
+    isPending && /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Delete"
+  ))))));
 }
 
 // src/react-ui/components/metadata/ContextManager.tsx

package/dist/{toaster-BWaJj0l-.d.cts → toaster-6AR8w2TO.d.cts}

@@ -265,12 +265,12 @@ interface LearningObjectiveManagerProps {
     initialData?: LearningObjective[];
     subjects?: Subject[];
     isLoading?: boolean;
-    onAdd?: (item: Omit<LearningObjective, 'id'>) => Promise<void>;
+    onAdd?: (item: Omit<LearningObjective, "id">) => Promise<void>;
     onUpdate?: (item: LearningObjective) => Promise<void>;
     onDelete?: (item: LearningObjective) => Promise<void>;
-    onBulkAdd?: (items: Omit<LearningObjective, 'id'>[]) => Promise<void>;
+    onBulkAdd?: (items: Omit<LearningObjective, "id">[]) => Promise<void>;
 }
-declare function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoading: isLoadingProp, onAdd, onUpdate, onDelete, onBulkAdd }: LearningObjectiveManagerProps): React__default.JSX.Element;
+declare function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoading: isLoadingProp, onAdd, onUpdate, onDelete, onBulkAdd, }: LearningObjectiveManagerProps): React__default.JSX.Element;
 
 interface ContextManagerProps {
     initialData?: Context[];

package/dist/{toaster-BVaUJA6E.d.ts → toaster-DAXYZdrz.d.ts}

@@ -265,12 +265,12 @@ interface LearningObjectiveManagerProps {
     initialData?: LearningObjective[];
     subjects?: Subject[];
     isLoading?: boolean;
-    onAdd?: (item: Omit<LearningObjective, 'id'>) => Promise<void>;
+    onAdd?: (item: Omit<LearningObjective, "id">) => Promise<void>;
     onUpdate?: (item: LearningObjective) => Promise<void>;
     onDelete?: (item: LearningObjective) => Promise<void>;
-    onBulkAdd?: (items: Omit<LearningObjective, 'id'>[]) => Promise<void>;
+    onBulkAdd?: (items: Omit<LearningObjective, "id">[]) => Promise<void>;
 }
-declare function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoading: isLoadingProp, onAdd, onUpdate, onDelete, onBulkAdd }: LearningObjectiveManagerProps): React__default.JSX.Element;
+declare function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoading: isLoadingProp, onAdd, onUpdate, onDelete, onBulkAdd, }: LearningObjectiveManagerProps): React__default.JSX.Element;
 
 interface ContextManagerProps {
     initialData?: Context[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thanh01.pmt/interactive-quiz-kit",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "description": "A comprehensive library for creating, managing, and playing interactive quizzes, with AI generation and SCORM support.",
   "keywords": [
     "react",