formanitor 0.0.16 → 0.0.17

package/dist/index.cjs

@@ -368,7 +368,7 @@ var FormStore = class {
         }
       };
       this.config.onDraftChange?.(payload);
-    }, 2500);
+    }, 5e3);
   }
   async save() {
     const payload = {
@@ -3042,16 +3042,6 @@ function mapToInvestigation(result) {
     fromAI: false
   };
 }
-function mapFrequentItemToInvestigation(item) {
-  return {
-    id: String(item.id),
-    name: item.name,
-    code: item.code ?? void 0,
-    label: item.name,
-    is_custom: false,
-    fromAI: false
-  };
-}
 var AddInvestigationField = ({
   label = "Investigations",
   value,
@@ -3065,6 +3055,7 @@ var AddInvestigationField = ({
   const [results, setResults] = React11.useState([]);
   const [loading, setLoading] = React11.useState(false);
   const [addingId, setAddingId] = React11.useState(null);
+  const [addingFrequentId, setAddingFrequentId] = React11.useState(null);
   const debounceRef = React11.useRef(null);
   const valueRef = React11.useRef([]);
   const searchInputRef = React11.useRef(null);
@@ -3075,6 +3066,7 @@ var AddInvestigationField = ({
       setQuery("");
       setResults([]);
       setAddingId(null);
+      setAddingFrequentId(null);
     }
   }, [open]);
   function handleQueryChange(q) {
@@ -3120,12 +3112,24 @@ var AddInvestigationField = ({
       addInvestigation(result);
     }
   }
-  function handleFrequentItemToggle(item) {
+  async function handleFrequentItemToggle(item) {
     const id = String(item.id);
-    if (addedIds.has(id)) {
-      removeInvestigation(id);
-    } else {
-      onChange([...valueRef.current, mapFrequentItemToInvestigation(item)]);
+    const addedById = addedIds.has(id);
+    const addedByName = value.some((inv) => inv.name === item.name);
+    if (addedById || addedByName) {
+      if (addedById) removeInvestigation(id);
+      else onChange(value.filter((inv) => inv.name !== item.name));
+      return;
+    }
+    setAddingFrequentId(id);
+    try {
+      const searchResults = await onSearch(item.name);
+      const first = searchResults?.[0];
+      if (first && !valueRef.current.some((inv) => inv.id === first.id)) {
+        onChange([...valueRef.current, mapToInvestigation(first)]);
+      }
+    } finally {
+      setAddingFrequentId(null);
     }
   }
   const recentlyUsedChips = recentlyUsed.map((r) => {
@@ -3150,19 +3154,22 @@ var AddInvestigationField = ({
   const limitedFrequentItems = frequentItems.slice(0, 25);
   const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
     const id = String(item.id);
-    const isAdded = addedIds.has(id);
+    const isAdded = value.some((inv) => inv.id === id) || value.some((inv) => inv.name === item.name);
+    const isAdding = addingFrequentId === id;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
+        disabled: isAdding,
         onClick: () => handleFrequentItemToggle(item),
         className: cn(
           "rounded-full border text-xs px-3 py-1 transition-colors",
-          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50",
+          isAdding && "opacity-70 pointer-events-none"
         ),
         children: [
           isAdded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", children: "\u2713" }),
-          item.name
+          isAdding ? "\u2026" : item.name
         ]
       },
       item.id
@@ -3268,16 +3275,6 @@ function mapToProcedure(result) {
     fromAI: false
   };
 }
-function mapFrequentItemToProcedure(item) {
-  return {
-    id: String(item.id),
-    name: item.name,
-    code: item.code ?? void 0,
-    label: item.name,
-    is_custom: false,
-    fromAI: false
-  };
-}
 var AddProcedureField = ({
   label = "Procedures",
   value,
@@ -3291,6 +3288,7 @@ var AddProcedureField = ({
   const [results, setResults] = React11.useState([]);
   const [loading, setLoading] = React11.useState(false);
   const [addingId, setAddingId] = React11.useState(null);
+  const [addingFrequentId, setAddingFrequentId] = React11.useState(null);
   const debounceRef = React11.useRef(null);
   const valueRef = React11.useRef([]);
   const searchInputRef = React11.useRef(null);
@@ -3301,6 +3299,7 @@ var AddProcedureField = ({
       setQuery("");
       setResults([]);
       setAddingId(null);
+      setAddingFrequentId(null);
     }
   }, [open]);
   function handleQueryChange(q) {
@@ -3346,12 +3345,24 @@ var AddProcedureField = ({
       addProcedure(result);
     }
   }
-  function handleFrequentItemToggle(item) {
+  async function handleFrequentItemToggle(item) {
     const id = String(item.id);
-    if (addedIds.has(id)) {
-      removeProcedure(id);
-    } else {
-      onChange([...valueRef.current, mapFrequentItemToProcedure(item)]);
+    const addedById = addedIds.has(id);
+    const addedByName = value.some((proc) => proc.name === item.name);
+    if (addedById || addedByName) {
+      if (addedById) removeProcedure(id);
+      else onChange(value.filter((proc) => proc.name !== item.name));
+      return;
+    }
+    setAddingFrequentId(id);
+    try {
+      const searchResults = await onSearch(item.name);
+      const first = searchResults?.[0];
+      if (first && !valueRef.current.some((proc) => proc.id === first.id)) {
+        onChange([...valueRef.current, mapToProcedure(first)]);
+      }
+    } finally {
+      setAddingFrequentId(null);
     }
   }
   const recentlyUsedChips = recentlyUsed.map((r) => {
@@ -3376,19 +3387,22 @@ var AddProcedureField = ({
   const limitedFrequentItems = frequentItems.slice(0, 25);
   const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
     const id = String(item.id);
-    const isAdded = addedIds.has(id);
+    const isAdded = value.some((proc) => proc.id === id) || value.some((proc) => proc.name === item.name);
+    const isAdding = addingFrequentId === id;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
+        disabled: isAdding,
         onClick: () => handleFrequentItemToggle(item),
         className: cn(
           "rounded-full border text-xs px-3 py-1 transition-colors",
-          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50",
+          isAdding && "opacity-70 pointer-events-none"
         ),
         children: [
           isAdded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", children: "\u2713" }),
-          item.name
+          isAdding ? "\u2026" : item.name
         ]
       },
       item.id