formanitor 0.0.25 → 0.0.27

package/dist/index.mjs

@@ -1200,7 +1200,7 @@ var SelectContent = React13.forwardRef(({ className, children, position = "poppe
   {
     ref,
     className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "relative z-50 max-h-52 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
@@ -3325,8 +3325,9 @@ var AddInvestigationField = ({
   const debounceRef = useRef(null);
   const valueRef = useRef([]);
   const searchInputRef = useRef(null);
-  valueRef.current = value;
-  const addedIds = new Set(value.map((inv) => inv.id));
+  const safeValue = Array.isArray(value) ? value : [];
+  valueRef.current = safeValue;
+  const addedIds = new Set(safeValue.map((inv) => inv.id));
   useEffect(() => {
     if (!open) {
       setQuery("");
@@ -3369,7 +3370,7 @@ var AddInvestigationField = ({
     }, ADD_FEEDBACK_MS2);
   }
   function removeInvestigation(id) {
-    onChange(value.filter((inv) => inv.id !== id));
+    onChange(safeValue.filter((inv) => inv.id !== id));
   }
   function handleRecentlyUsedToggle(result) {
     if (addedIds.has(result.id)) {
@@ -3381,10 +3382,10 @@ var AddInvestigationField = ({
   async function handleFrequentItemToggle(item) {
     const id = String(item.id);
     const addedById = addedIds.has(id);
-    const addedByName = value.some((inv) => inv.name === item.name);
+    const addedByName = safeValue.some((inv) => inv.name === item.name);
     if (addedById || addedByName) {
       if (addedById) removeInvestigation(id);
-      else onChange(value.filter((inv) => inv.name !== item.name));
+      else onChange(safeValue.filter((inv) => inv.name !== item.name));
       return;
     }
     setAddingFrequentId(id);
@@ -3420,7 +3421,7 @@ var AddInvestigationField = ({
   const limitedFrequentItems = frequentItems.slice(0, 25);
   const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
     const id = String(item.id);
-    const isAdded = value.some((inv) => inv.id === id) || value.some((inv) => inv.name === item.name);
+    const isAdded = safeValue.some((inv) => inv.id === id) || safeValue.some((inv) => inv.name === item.name);
     const isAdding = addingFrequentId === id;
     return /* @__PURE__ */ jsxs(
       "button",
@@ -3454,7 +3455,7 @@ var AddInvestigationField = ({
         }
       )
     ] }),
-    value.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: value.map((inv) => /* @__PURE__ */ jsxs(
+    safeValue.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: safeValue.map((inv) => /* @__PURE__ */ jsxs(
       "div",
       {
         className: "flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50",
@@ -3521,10 +3522,11 @@ var AddInvestigationWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
   const { investigations: frequentInvestigations } = useFrequentItems();
+  const safeValue = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsx(
     AddInvestigationField,
     {
-      value: value ?? [],
+      value: safeValue,
       onChange: setValue,
       onSearch: handlers.onSearch,
       recentlyUsed: handlers.recentlyUsed,
@@ -3561,9 +3563,10 @@ var AddProcedureField = ({
   const debounceRef = useRef(null);
   const valueRef = useRef([]);
   const searchInputRef = useRef(null);
-  valueRef.current = value;
+  const safeValue = Array.isArray(value) ? value : [];
+  valueRef.current = safeValue;
   const addedIds = new Set(
-    value.filter((proc) => !proc.is_custom).map((proc) => proc.id)
+    safeValue.filter((proc) => !proc.is_custom).map((proc) => proc.id)
   );
   useEffect(() => {
     if (!open) {
@@ -3607,10 +3610,10 @@ var AddProcedureField = ({
     }, ADD_FEEDBACK_MS3);
   }
   function removeAt(index) {
-    onChange(value.filter((_, i) => i !== index));
+    onChange(safeValue.filter((_, i) => i !== index));
   }
   function removeBySearchId(id) {
-    onChange(value.filter((proc) => proc.is_custom || proc.id !== id));
+    onChange(safeValue.filter((proc) => proc.is_custom || proc.id !== id));
   }
   function handleAddCustom() {
     const trimmed = query.trim();
@@ -3630,10 +3633,10 @@ var AddProcedureField = ({
   async function handleFrequentItemToggle(item) {
     const id = String(item.id);
     const addedById = addedIds.has(id);
-    const addedByName = value.some((proc) => proc.name === item.name);
+    const addedByName = safeValue.some((proc) => proc.name === item.name);
     if (addedById || addedByName) {
       if (addedById) removeBySearchId(id);
-      else onChange(value.filter((proc) => proc.name !== item.name));
+      else onChange(safeValue.filter((proc) => proc.name !== item.name));
       return;
     }
     setAddingFrequentId(id);
@@ -3669,7 +3672,7 @@ var AddProcedureField = ({
   const limitedFrequentItems = frequentItems.slice(0, 25);
   const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
     const id = String(item.id);
-    const isAdded = value.some((proc) => !proc.is_custom && proc.id === id) || value.some((proc) => proc.name === item.name);
+    const isAdded = safeValue.some((proc) => !proc.is_custom && proc.id === id) || safeValue.some((proc) => proc.name === item.name);
     const isAdding = addingFrequentId === id;
     return /* @__PURE__ */ jsxs(
       "button",
@@ -3703,7 +3706,7 @@ var AddProcedureField = ({
         }
       )
     ] }),
-    value.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: value.map((proc, index) => /* @__PURE__ */ jsxs(
+    safeValue.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: safeValue.map((proc, index) => /* @__PURE__ */ jsxs(
       "div",
       {
         className: "flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50",
@@ -3783,10 +3786,11 @@ var AddProcedureWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
   const { procedures: frequentProcedures } = useFrequentItems();
+  const safeValue = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsx(
     AddProcedureField,
     {
-      value: value ?? [],
+      value: safeValue,
       onChange: setValue,
       onSearch: handlers.onSearch,
       recentlyUsed: handlers.recentlyUsed,
@@ -4210,7 +4214,7 @@ var ReferralWidget = ({ fieldId }) => {
         },
         `referral-${selectedItems.map((i) => i.specialization).join(",")}`
       ),
-      selectedItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: selectedItems.map((item) => {
+      selectedItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex h-12 flex-wrap content-start gap-1.5 overflow-y-auto pr-1", children: selectedItems.map((item) => {
         const isUrgent = item.is_urgent;
         const chipClass = isUrgent ? "inline-flex items-center gap-0.5 px-2 py-0.5 bg-red-100 text-red-800 border border-red-300 rounded-full text-xs max-w-full cursor-pointer hover:bg-red-200 transition-colors" : "inline-flex items-center gap-0.5 px-2 py-0.5 bg-blue-100 text-blue-800 rounded-full text-xs max-w-full cursor-pointer hover:bg-blue-200 transition-colors";
         return /* @__PURE__ */ jsxs(