formanitor 0.0.19 → 0.0.21

package/dist/index.mjs

@@ -16,6 +16,7 @@ import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-tabl
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import nlp from 'compromise';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 
 // src/core/validate.ts
 var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -6369,6 +6370,389 @@ var OphthalDiagnosisWidget = ({ fieldId }) => {
     ] })
   ] });
 };
+var Slider = React11.forwardRef(({ className, trackClassName, thumbClassName, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        SliderPrimitive.Track,
+        {
+          className: cn(
+            "relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",
+            trackClassName
+          ),
+          children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SliderPrimitive.Thumb,
+        {
+          className: cn(
+            "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+            thumbClassName
+          )
+        }
+      )
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+var CONCERNS = [
+  { id: "knee", label: "Knee" },
+  { id: "shoulder", label: "Shoulder" },
+  { id: "spine", label: "Spine" },
+  { id: "musculoskeletal_pain", label: "Musculoskeletal pain" },
+  { id: "hip", label: "Hip" },
+  { id: "trauma", label: "Trauma" },
+  { id: "other", label: "Other" }
+];
+var SIDE_PARTS = ["knee", "shoulder", "hip"];
+var REMINDERS = {
+  knee: [
+    "Inspect for swelling, deformity, scars.",
+    "Palpate joint line, patella, and ligaments.",
+    "Assess active/passive flexion and extension.",
+    "Check stability (ACL/PCL/MCL/LCL) if appropriate."
+  ],
+  shoulder: [
+    "Inspect for asymmetry, wasting, deformity.",
+    "Palpate AC joint, bicipital groove, cuff insertions.",
+    "Assess active/passive ROM (flex/abd/ER/IR).",
+    "Consider impingement/cuff tests if indicated."
+  ],
+  hip: [
+    "Inspect gait and standing alignment.",
+    "Palpate greater trochanter and groin tenderness.",
+    "Assess ROM (flex/ext/abd/add/IR/ER).",
+    "Consider special tests (FABER/FADIR) if indicated."
+  ],
+  spine: [
+    "Inspect posture and spinal alignment.",
+    "Palpate spinous/paraspinal tenderness.",
+    "Assess ROM (flex/ext/lat bend/rotation).",
+    "Document neuro screen if radicular symptoms."
+  ],
+  musculoskeletal_pain: [
+    "Localize pain and radiation; identify triggers/relievers.",
+    "Inspect for swelling, erythema, deformity.",
+    "Assess function and weight-bearing/ADLs impact."
+  ],
+  trauma: [
+    "Inspect for deformity, wounds, bruising.",
+    "Check distal neurovascular status.",
+    "Assess joint stability only if safe."
+  ],
+  other: [
+    "Clarify the concern and affected region.",
+    "Document red flags (night pain, fever, weight loss)."
+  ]
+};
+var defaultValue = () => ({
+  concerns: [],
+  sides: {},
+  painScore: 0,
+  physicalExam: { inspection: "", palpation: "", rangeOfMotion: "" },
+  reminders: { dismissed: false, position: { top: 96, right: 24 } }
+});
+var OrthopedicExamWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const safeValue = useMemo(() => {
+    if (!value || typeof value !== "object") return defaultValue();
+    const v = value;
+    const concerns = Array.isArray(v.concerns) ? v.concerns : [];
+    const painScore = typeof v.painScore === "number" ? v.painScore : 0;
+    const physicalExam = v.physicalExam ?? defaultValue().physicalExam;
+    const reminders = v.reminders ?? defaultValue().reminders;
+    return {
+      concerns,
+      sides: v.sides ?? {},
+      painScore: Math.min(10, Math.max(0, Math.round(painScore))),
+      physicalExam: {
+        inspection: physicalExam.inspection ?? "",
+        palpation: physicalExam.palpation ?? "",
+        rangeOfMotion: physicalExam.rangeOfMotion ?? ""
+      },
+      reminders: {
+        dismissed: !!reminders.dismissed,
+        position: reminders.position ?? { top: 96, right: 24 }
+      }
+    };
+  }, [value]);
+  const [panelOpen, setPanelOpen] = useState(false);
+  const draggingRef = useRef(null);
+  const prevConcernsLengthRef = useRef(safeValue.concerns.length);
+  const reminderSections = useMemo(() => {
+    return safeValue.concerns.map((id) => ({
+      id,
+      label: CONCERNS.find((c) => c.id === id)?.label ?? id,
+      points: REMINDERS[id] ?? []
+    })).filter((s) => s.points.length > 0);
+  }, [safeValue.concerns]);
+  const hasReminders = reminderSections.length > 0;
+  useEffect(() => {
+    const prevLen = prevConcernsLengthRef.current;
+    const currLen = safeValue.concerns.length;
+    prevConcernsLengthRef.current = currLen;
+    if (currLen === 0) {
+      if (safeValue.reminders.dismissed) {
+        setValue({ ...safeValue, reminders: { ...safeValue.reminders, dismissed: false } });
+      }
+      setPanelOpen(false);
+      return;
+    }
+    if (prevLen === 0 && currLen > 0 && !safeValue.reminders.dismissed) {
+      setPanelOpen(true);
+    }
+  }, [safeValue, setValue]);
+  useEffect(() => {
+    const onMove = (e) => {
+      if (!draggingRef.current) return;
+      const { startX, startY, startTop, startRight } = draggingRef.current;
+      const dx = e.clientX - startX;
+      const dy = e.clientY - startY;
+      const nextPos = { top: startTop + dy, right: startRight - dx };
+      setValue({
+        ...safeValue,
+        reminders: {
+          ...safeValue.reminders,
+          position: nextPos
+        }
+      });
+    };
+    const onUp = () => {
+      draggingRef.current = null;
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+    return () => {
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+    };
+  }, [safeValue, setValue]);
+  const update = (next) => {
+    setValue(next);
+    setTouched();
+  };
+  const toggleConcern = (id) => {
+    const selected = safeValue.concerns.includes(id);
+    const nextConcerns = selected ? safeValue.concerns.filter((c) => c !== id) : [...safeValue.concerns, id];
+    const nextSides = { ...safeValue.sides };
+    if (!nextConcerns.includes("knee")) delete nextSides.knee;
+    if (!nextConcerns.includes("shoulder")) delete nextSides.shoulder;
+    if (!nextConcerns.includes("hip")) delete nextSides.hip;
+    update({ ...safeValue, concerns: nextConcerns, sides: nextSides });
+  };
+  const toggleSide = (part, side) => {
+    const current = safeValue.sides?.[part];
+    const nextSides = { ...safeValue.sides };
+    if (current === side) {
+      delete nextSides[part];
+    } else {
+      nextSides[part] = side;
+    }
+    update({ ...safeValue, sides: nextSides });
+  };
+  const setPainScore = (score) => {
+    update({ ...safeValue, painScore: Math.min(10, Math.max(0, Math.round(score))) });
+  };
+  const setPhysicalExam = (key, text) => {
+    update({
+      ...safeValue,
+      physicalExam: {
+        ...safeValue.physicalExam,
+        [key]: text
+      }
+    });
+  };
+  const showSidePanel = SIDE_PARTS.some((p) => safeValue.concerns.includes(p));
+  if (!fieldDef) return null;
+  return /* @__PURE__ */ jsxs("div", { className: `space-y-4 relative ${disabled ? "opacity-60 pointer-events-none" : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs(Label, { className: "text-sm font-medium", children: [
+      fieldDef.label,
+      fieldDef.required ? /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-1", children: "*" }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: "Concern" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: CONCERNS.map((c) => {
+        const active = safeValue.concerns.includes(c.id);
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: active ? "default" : "outline",
+            className: "h-6 rounded-full px-3 py-1 text-xs",
+            onClick: () => toggleConcern(c.id),
+            children: c.label
+          },
+          c.id
+        );
+      }) })
+    ] }),
+    showSidePanel ? /* @__PURE__ */ jsxs(Card, { className: "p-3 space-y-3 border-dashed", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-muted-foreground", children: "Side (Left / Right / Both)" }),
+      SIDE_PARTS.map((part) => {
+        if (!safeValue.concerns.includes(part)) return null;
+        const current = safeValue.sides?.[part];
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium capitalize", children: part }),
+          /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: ["left", "right", "both"].map((s) => {
+            const active = current === s;
+            return /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: active ? "default" : "outline",
+                className: "text-[11px] px-2 py-1 h-7",
+                onClick: () => toggleSide(part, s),
+                children: s.charAt(0).toUpperCase() + s.slice(1)
+              },
+              s
+            );
+          }) })
+        ] }, part);
+      })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-muted-foreground", children: "Pain score" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs font-mono", children: [
+          safeValue.painScore,
+          " / 10"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Slider,
+        {
+          min: 0,
+          max: 10,
+          step: 1,
+          value: [safeValue.painScore],
+          onValueChange: (v) => setPainScore(v[0] ?? 0),
+          trackClassName: "!bg-gray-400",
+          thumbClassName: "!bg-white !border-white"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Inspection" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            rows: 4,
+            value: safeValue.physicalExam.inspection,
+            onChange: (e) => setPhysicalExam("inspection", e.target.value),
+            placeholder: "Gait, posture, deformity, swelling, scars...",
+            className: "text-xs"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Palpation" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            rows: 4,
+            value: safeValue.physicalExam.palpation,
+            onChange: (e) => setPhysicalExam("palpation", e.target.value),
+            placeholder: "Tenderness, warmth, crepitus, effusion...",
+            className: "text-xs"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Range of motion" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            rows: 4,
+            value: safeValue.physicalExam.rangeOfMotion,
+            onChange: (e) => setPhysicalExam("rangeOfMotion", e.target.value),
+            placeholder: "Flexion/extension, rotation, abduction/adduction...",
+            className: "text-xs"
+          }
+        )
+      ] })
+    ] }),
+    showError ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error }) : null,
+    safeValue.concerns.length > 0 && hasReminders ? panelOpen ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: safeValue.reminders.position?.top ?? 96,
+          right: safeValue.reminders.position?.right ?? 24,
+          zIndex: 40
+        },
+        children: /* @__PURE__ */ jsxs(Card, { className: "w-80 shadow-lg border-primary/30 bg-background/95 backdrop-blur-sm", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between px-3 py-2 border-b cursor-move bg-primary/5",
+              onMouseDown: (e) => {
+                e.preventDefault();
+                draggingRef.current = {
+                  startX: e.clientX,
+                  startY: e.clientY,
+                  startTop: safeValue.reminders.position?.top ?? 96,
+                  startRight: safeValue.reminders.position?.right ?? 24
+                };
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-primary", children: "Exam reminders" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "text-[10px] uppercase tracking-wide text-muted-foreground hover:text-destructive",
+                    onMouseDown: (e) => e.stopPropagation(),
+                    onClick: () => setPanelOpen(false),
+                    children: "Close"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "px-3 py-2 max-h-64 overflow-auto space-y-3", children: reminderSections.map(({ id, label, points }) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-primary mb-1", children: label }),
+            /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside space-y-1 text-[11px] text-muted-foreground", children: points.map((p) => /* @__PURE__ */ jsx("li", { children: p }, p)) })
+          ] }, id)) })
+        ] })
+      }
+    ) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: safeValue.reminders.position?.top ?? 96,
+          right: safeValue.reminders.position?.right ?? 24,
+          zIndex: 40
+        },
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: "rounded-full px-3 py-1 text-xs border-primary/30 bg-background/95 backdrop-blur-sm shadow-md",
+            onClick: () => setPanelOpen(true),
+            children: "Exam reminders"
+          }
+        )
+      }
+    ) : null
+  ] });
+};
 var FieldRenderer = ({ fieldId }) => {
   const { fieldDef, visible } = useField(fieldId);
   if (!visible || !fieldDef) {
@@ -6425,6 +6809,8 @@ var FieldRenderer = ({ fieldId }) => {
       return /* @__PURE__ */ jsx(OphthalmologyWidget, { fieldId });
     case "ophthal_diagnosis":
       return /* @__PURE__ */ jsx(OphthalDiagnosisWidget, { fieldId });
+    case "orthopedic_exam":
+      return /* @__PURE__ */ jsx(OrthopedicExamWidget, { fieldId });
     case "static_text": {
       const def = fieldDef;
       const size = def.size ?? "regular";
@@ -6944,6 +7330,39 @@ var ReadOnlyCheckbox = ({ fieldDef, value }) => {
     /* @__PURE__ */ jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem] flex items-center", children: loading ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : displayText })
   ] });
 };
+function normalizeValue2(value) {
+  if (!value || !Array.isArray(value)) return [];
+  return value.map((item) => {
+    if (item && typeof item === "object" && "specialization" in item) {
+      return {
+        specialization: String(item.specialization),
+        is_urgent: Boolean(item.is_urgent)
+      };
+    }
+    return { specialization: String(item), is_urgent: false };
+  });
+}
+var ReadOnlyReferral = ({ fieldDef, value }) => {
+  if (!fieldDef) return null;
+  const items = normalizeValue2(value);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
+    items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem]", children: /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No value" }) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: items.map((item, i) => {
+      const isUrgent = item.is_urgent;
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: isUrgent ? "inline-flex items-center gap-1 px-2 py-0.5 bg-red-100 text-red-800 border border-red-300 rounded-full text-xs font-medium" : "inline-flex items-center gap-1 px-2 py-0.5 bg-blue-100 text-blue-800 rounded-full text-xs font-medium",
+          children: [
+            isUrgent && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 bg-red-600 text-white text-[10px] font-bold px-1 py-0.5 rounded", children: "U" }),
+            item.specialization
+          ]
+        },
+        i
+      );
+    }) })
+  ] });
+};
 var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
   if (!fieldDef) return null;
   switch (fieldDef.type) {
@@ -6972,6 +7391,8 @@ var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
       return /* @__PURE__ */ jsx(ReadOnlySignature, { fieldDef, value });
     case "editable_table":
       return /* @__PURE__ */ jsx(ReadOnlyTable, { fieldDef, value });
+    case "referral":
+      return /* @__PURE__ */ jsx(ReadOnlyReferral, { fieldDef, value });
     case "static_text": {
       const def = fieldDef;
       const size = def.size ?? "regular";