formanitor 0.0.18 → 0.0.20

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-type FieldType = 'text' | 'number' | 'textarea' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'referral' | 'followup' | string;
+type FieldType = 'text' | 'number' | 'textarea' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
 interface ValidationRule {
     min?: number;
     max?: number;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-type FieldType = 'text' | 'number' | 'textarea' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'referral' | 'followup' | string;
+type FieldType = 'text' | 'number' | 'textarea' | 'select' | 'multiselect' | 'radio' | 'repeatable' | 'checkbox' | 'image_upload' | 'signature' | 'date' | 'datetime' | 'editable_table' | 'static_text' | 'medications' | 'investigations' | 'procedures' | 'vitals' | 'hidden_vitals' | 'referral' | 'followup' | string;
 interface ValidationRule {
     min?: number;
     max?: number;

package/dist/index.mjs

@@ -3763,6 +3763,38 @@ var VitalsWidget = ({ fieldId }) => {
     }
   );
 };
+var HiddenVitalsWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef) return null;
+  const height = "height" in fieldDef ? fieldDef.height : void 0;
+  const theme = getThemeConfig("textarea", fieldDef.theme);
+  const wrapperClass = cn(theme?.wrapperClassName ?? "space-y-2", "sr-only");
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    " ",
+    fieldDef.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, "aria-hidden": "true", children: [
+    theme ? /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: labelClass, children: labelContent }) : /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: labelContent }),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: fieldId,
+        value: value ?? "",
+        onChange: (e) => setValue(e.target.value),
+        onBlur: setTouched,
+        disabled,
+        className: inputClass,
+        ...height != null && { height }
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
 function normalizeOptions(response) {
   if (Array.isArray(response)) {
     return response.map((o) => ({ label: String(o.label), value: String(o.value) }));
@@ -6379,6 +6411,8 @@ var FieldRenderer = ({ fieldId }) => {
       return /* @__PURE__ */ jsx(DifferentialDiagnosisWidget, { fieldId });
     case "vitals":
       return /* @__PURE__ */ jsx(VitalsWidget, { fieldId });
+    case "hidden_vitals":
+      return /* @__PURE__ */ jsx(HiddenVitalsWidget, { fieldId });
     case "referral":
       return /* @__PURE__ */ jsx(ReferralWidget, { fieldId });
     case "followup":
@@ -6910,6 +6944,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) {
@@ -6938,6 +7005,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";