formanitor 0.0.33 → 0.0.34

package/dist/index.cjs

@@ -732,6 +732,7 @@ var emptyFrequentItems = {
   procedures: []
 };
 var FrequentItemsContext = React15.createContext(emptyFrequentItems);
+var PackagesContext = React15.createContext([]);
 var FieldHandlersContext = React15.createContext({});
 function useFieldHandlers(fieldId) {
   const map = React15.useContext(FieldHandlersContext);
@@ -740,11 +741,15 @@ function useFieldHandlers(fieldId) {
 function useFrequentItems() {
   return React15.useContext(FrequentItemsContext);
 }
+function usePackages() {
+  return React15.useContext(PackagesContext);
+}
 var FormProvider = ({
   schema,
   config,
   fieldHandlers,
   frequentItems,
+  packages,
   children
 }) => {
   const storeRef = React15.useRef(null);
@@ -760,7 +765,7 @@ var FormProvider = ({
     storeRef.current?.load();
   }, []);
   const frequentItemsValue = frequentItems ?? emptyFrequentItems;
-  return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(FieldHandlersContext.Provider, { value: fieldHandlers ?? {}, children: /* @__PURE__ */ jsxRuntime.jsx(FrequentItemsContext.Provider, { value: frequentItemsValue, children: /* @__PURE__ */ jsxRuntime.jsx(VoiceContextProvider, { children }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(FieldHandlersContext.Provider, { value: fieldHandlers ?? {}, children: /* @__PURE__ */ jsxRuntime.jsx(FrequentItemsContext.Provider, { value: frequentItemsValue, children: /* @__PURE__ */ jsxRuntime.jsx(PackagesContext.Provider, { value: packages ?? [], children: /* @__PURE__ */ jsxRuntime.jsx(VoiceContextProvider, { children }) }) }) }) });
 };
 function useFormStore() {
   const context = React15.useContext(FormContext);
@@ -3113,18 +3118,20 @@ var AddEntityDialog = ({
   open,
   onClose,
   title,
+  chipSections,
   recentlyUsedSlot,
   chipSectionLabel = "Recently Used",
   children,
   actionSlot
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-lg w-full p-0 gap-0 flex flex-col max-h-[90vh] overflow-hidden", children: [
+  const sections = chipSections ?? (recentlyUsedSlot ? [{ label: chipSectionLabel, content: recentlyUsedSlot }] : []);
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-4xl w-full p-0 gap-0 flex flex-col max-h-[90vh] overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-lg font-semibold", children: title }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 flex flex-col gap-4 overflow-y-auto flex-1 min-h-0 pb-4", children: [
-      recentlyUsedSlot && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-2", children: chipSectionLabel }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: recentlyUsedSlot })
-      ] }),
+      sections.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-2", children: section.label }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: section.content })
+      ] }, section.label)),
       children
     ] }),
     actionSlot != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex justify-end shrink-0 border-t border-border bg-background", children: actionSlot })
@@ -3666,7 +3673,8 @@ var AddInvestigationField = ({
   onChange,
   onSearch,
   recentlyUsed = [],
-  frequentItems = []
+  frequentItems = [],
+  packages = []
 }) => {
   const [open, setOpen] = React15.useState(false);
   const [query, setQuery] = React15.useState("");
@@ -3677,6 +3685,8 @@ var AddInvestigationField = ({
   const debounceRef = React15.useRef(null);
   const valueRef = React15.useRef([]);
   const searchInputRef = React15.useRef(null);
+  const addedByPackage = React15.useRef(/* @__PURE__ */ new Map());
+  const [selectedPackageIds, setSelectedPackageIds] = React15.useState(/* @__PURE__ */ new Set());
   const safeValue = Array.isArray(value) ? value : [];
   valueRef.current = safeValue;
   const addedIds = new Set(safeValue.map((inv) => inv.id));
@@ -3751,6 +3761,27 @@ var AddInvestigationField = ({
       setAddingFrequentId(null);
     }
   }
+  function handlePackageToggle(pkg) {
+    const alreadyAdded = addedByPackage.current.has(pkg.id);
+    if (alreadyAdded) {
+      const idsToRemove = new Set(addedByPackage.current.get(pkg.id) ?? []);
+      onChange(valueRef.current.filter((inv) => !idsToRemove.has(inv.id)));
+      addedByPackage.current.delete(pkg.id);
+      setSelectedPackageIds((prev) => {
+        const next = new Set(prev);
+        next.delete(pkg.id);
+        return next;
+      });
+    } else {
+      const currentIds = new Set(valueRef.current.map((inv) => inv.id));
+      const newTests = pkg.tests.filter((t) => !currentIds.has(t.id)).map((t) => mapToInvestigation(t));
+      if (newTests.length > 0) {
+        onChange([...valueRef.current, ...newTests]);
+      }
+      addedByPackage.current.set(pkg.id, newTests.map((t) => t.id));
+      setSelectedPackageIds((prev) => new Set(prev).add(pkg.id));
+    }
+  }
   const recentlyUsedChips = recentlyUsed.map((r) => {
     const isAdded = addedIds.has(r.id);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3794,6 +3825,38 @@ var AddInvestigationField = ({
       item.id
     );
   }) : [];
+  const packageChips = packages.map((pkg) => {
+    const isAdded = selectedPackageIds.has(pkg.id);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handlePackageToggle(pkg),
+        className: cn(
+          "rounded-full border text-xs px-4 py-1.5 transition-colors flex items-center gap-2",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2713" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: pkg.name }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+            "rounded-full px-1.5 py-0.5 text-[10px] font-medium",
+            isAdded ? "bg-green-100 text-green-600" : "bg-purple-100 text-purple-600"
+          ), children: pkg.tests.length })
+        ]
+      },
+      pkg.id
+    );
+  });
+  const chipSections = [];
+  if (frequentItemChips.length > 0) {
+    chipSections.push({ label: "Frequently used", content: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: frequentItemChips }) });
+  } else if (recentlyUsedChips.length > 0) {
+    chipSections.push({ label: "Recently Used", content: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: recentlyUsedChips }) });
+  }
+  if (packageChips.length > 0) {
+    chipSections.push({ label: "Packages", content: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: packageChips }) });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: label }),
@@ -3832,8 +3895,7 @@ var AddInvestigationField = ({
         open,
         onClose: () => setOpen(false),
         title: "Add Investigation",
-        recentlyUsedSlot: frequentItemChips.length > 0 ? frequentItemChips : recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
-        chipSectionLabel: frequentItemChips.length > 0 ? "Frequently used" : void 0,
+        chipSections: chipSections.length > 0 ? chipSections : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
@@ -3874,6 +3936,7 @@ var AddInvestigationWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
   const { investigations: frequentInvestigations } = useFrequentItems();
+  const packages = usePackages();
   const safeValue = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsxRuntime.jsx(
     AddInvestigationField,
@@ -3882,7 +3945,8 @@ var AddInvestigationWidget = ({ fieldId }) => {
       onChange: setValue,
       onSearch: handlers.onSearch,
       recentlyUsed: handlers.recentlyUsed,
-      frequentItems: frequentInvestigations
+      frequentItems: frequentInvestigations,
+      packages
     }
   );
 };
@@ -8764,6 +8828,7 @@ exports.useFieldHandlers = useFieldHandlers;
 exports.useForm = useForm;
 exports.useFormStore = useFormStore;
 exports.useFrequentItems = useFrequentItems;
+exports.usePackages = usePackages;
 exports.useSmartKeywords = useSmartKeywords;
 exports.validateField = validateField;
 exports.validateForm = validateForm;