formanitor 0.1.10 → 0.2.0

package/dist/DateWidget-K2TVTZ7Z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/date-picker.tsx","../src/ui/widgets/DateWidget.tsx"],"names":["CalendarIcon","Calendar","jsxs","jsx"],"mappings":";;;;;;;;;;;;;AAmBO,SAAS,WAAW,EAAE,IAAA,EAAM,SAAS,SAAA,EAAW,WAAA,GAAc,eAAc,EAAoB;AACrG,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,+CAAA;AAAA,UACA,CAAC,IAAA,IAAQ,uBAAA;AAAA,UACT;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAACA,QAAA,EAAA,EAAa,WAAU,cAAA,EAAe,CAAA;AAAA,UACtC,OAAO,MAAA,CAAO,IAAA,EAAM,KAAK,CAAA,mBAAI,GAAA,CAAC,UAAM,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KACnD,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,YAAA,EACxB,QAAA,kBAAA,GAAA;AAAA,MAACC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,OAAA;AAAA,QACV,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AC/BO,IAAM,UAAA,GAA4C,CAAC,EAAE,OAAA,EAAQ,KAAM;AACxE,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,QAAA,EAAU,YAAY,KAAA,EAAO,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAClF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAY,eAAe,QAAQ,CAAA;AAEzC,EAAA,uBACEC,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,iBAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCA,KAAC,KAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAW,eAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBC,GAAAA,CAAC,sBAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJA,GAAAA,CAAC,KAAA,EAAA,EAAI,QAAQ,MAAM,UAAA,IACjB,QAAA,kBAAAA,GAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAAA,QAChC,OAAA,EAAS,CAAC,IAAA,KAAS,QAAA,CAAS,OAAO,IAAA,CAAK,WAAA,KAAgB,MAAS,CAAA;AAAA,QACjE,aAAa,QAAA,CAAS,WAAA;AAAA,QACtB,SAAA,EAAW,iBAAA;AAAA,UACT,QAAA;AAAA,UACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA,KACF,EACF,CAAA;AAAA,IACC,SAAA,oBACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,eAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateWidget-K2TVTZ7Z.mjs","sourcesContent":["import { format } from \"date-fns\"\nimport { Calendar as CalendarIcon } from \"lucide-react\"\n\nimport { cn } from \"../../core/utils\"\nimport { Button } from \"./button\"\nimport { Calendar } from \"./calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./popover\"\n\nexport interface DatePickerProps {\n  date?: Date\n  setDate?: (date: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = \"Pick a date\" }: DatePickerProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[280px] justify-start text-left font-normal\",\n            !date && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {date ? format(date, \"PPP\") : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DatePicker } from '../shadcn/date-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div onBlur={() => setTouched()}>\n        <DatePicker\n          date={value ? new Date(value) : undefined}\n          setDate={(date) => setValue(date ? date.toISOString() : undefined)}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/DateWidget-SYDMSGWO.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
+var chunkKPGTPJDH_cjs = require('./chunk-KPGTPJDH.cjs');
+var chunkAZSAPO2V_cjs = require('./chunk-AZSAPO2V.cjs');
+require('./chunk-4KSZUIJE.cjs');
+var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+require('react');
+var dateFns = require('date-fns');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function DatePicker({ date, setDate, className, placeholder = "Pick a date" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkAZSAPO2V_cjs.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkO3VQBPEW_cjs.Button,
+      {
+        variant: "outline",
+        className: chunkFHHISVCH_cjs.cn(
+          "w-[280px] justify-start text-left font-normal",
+          !date && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4" }),
+          date ? dateFns.format(date, "PPP") : /* @__PURE__ */ jsxRuntime.jsx("span", { children: placeholder })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkAZSAPO2V_cjs.PopoverContent, { className: "w-auto p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkAZSAPO2V_cjs.Calendar,
+      {
+        mode: "single",
+        selected: date,
+        onSelect: setDate,
+        initialFocus: true
+      }
+    ) })
+  ] });
+}
+var DateWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef) return null;
+  const showLabel = chunk5E3APMY6_cjs.isLabelVisible(fieldDef);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    showLabel ? /* @__PURE__ */ jsxRuntime.jsxs(chunkJMGUUFOJ_cjs.Label, { htmlFor: fieldId, className: chunk5E3APMY6_cjs.fieldLabelClass(fieldDef), children: [
+      fieldDef.label,
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef })
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { onBlur: () => setTouched(), children: /* @__PURE__ */ jsxRuntime.jsx(
+      DatePicker,
+      {
+        date: value ? new Date(value) : void 0,
+        setDate: (date) => setValue(date ? date.toISOString() : void 0),
+        placeholder: fieldDef.placeholder,
+        className: chunk5E3APMY6_cjs.fieldControlClass(
+          fieldDef,
+          showError ? "border-red-500 w-full" : "w-full"
+        )
+      }
+    ) }),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+exports.DateWidget = DateWidget;
+//# sourceMappingURL=DateWidget-SYDMSGWO.cjs.map
+//# sourceMappingURL=DateWidget-SYDMSGWO.cjs.map

package/dist/DateWidget-SYDMSGWO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/date-picker.tsx","../src/ui/widgets/DateWidget.tsx"],"names":["Popover","jsx","PopoverTrigger","jsxs","Button","cn","CalendarIcon","format","PopoverContent","Calendar","useField","useForm","isLabelVisible","fieldWrapperClass","Label","fieldLabelClass","FieldRequiredIndicator","fieldControlClass","fieldErrorClass"],"mappings":";;;;;;;;;;;;;;;AAmBO,SAAS,WAAW,EAAE,IAAA,EAAM,SAAS,SAAA,EAAW,WAAA,GAAc,eAAc,EAAoB;AACrG,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,gCAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAC,eAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAWC,oBAAA;AAAA,UACT,+CAAA;AAAA,UACA,CAAC,IAAA,IAAQ,uBAAA;AAAA,UACT;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACK,oBAAA,EAAA,EAAa,WAAU,cAAA,EAAe,CAAA;AAAA,UACtC,OAAOC,cAAA,CAAO,IAAA,EAAM,KAAK,CAAA,mBAAIN,cAAA,CAAC,UAAM,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,KACnD,EACF,CAAA;AAAA,oBACAA,cAAA,CAACO,gCAAA,EAAA,EAAe,SAAA,EAAU,YAAA,EACxB,QAAA,kBAAAP,cAAA;AAAA,MAACQ,0BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,OAAA;AAAA,QACV,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AC/BO,IAAM,UAAA,GAA4C,CAAC,EAAE,OAAA,EAAQ,KAAM;AACxE,EAAA,MAAM,EAAE,UAAU,KAAA,EAAO,QAAA,EAAU,YAAY,KAAA,EAAO,OAAA,EAAQ,GAAIC,0BAAA,CAAS,OAAO,CAAA;AAClF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIC,yBAAA,EAAQ;AAC1B,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,SAAA,GAAYC,iCAAe,QAAQ,CAAA;AAEzC,EAAA,uBACET,eAAAA,CAAC,KAAA,EAAA,EAAI,WAAWU,mCAAA,CAAkB,QAAA,EAAU,WAAW,CAAA,EACpD,QAAA,EAAA;AAAA,IAAA,SAAA,mBACCV,gBAACW,uBAAA,EAAA,EAAM,OAAA,EAAS,SAAS,SAAA,EAAWC,iCAAA,CAAgB,QAAQ,CAAA,EACzD,QAAA,EAAA;AAAA,MAAA,QAAA,CAAS,KAAA;AAAA,MAAO,GAAA;AAAA,sBACjBd,cAAAA,CAACe,wCAAA,EAAA,EAAuB,QAAA,EAAoB;AAAA,KAAA,EAC9C,CAAA,GACE,IAAA;AAAA,oBACJf,cAAAA,CAAC,KAAA,EAAA,EAAI,QAAQ,MAAM,UAAA,IACjB,QAAA,kBAAAA,cAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,KAAK,CAAA,GAAI,MAAA;AAAA,QAChC,OAAA,EAAS,CAAC,IAAA,KAAS,QAAA,CAAS,OAAO,IAAA,CAAK,WAAA,KAAgB,MAAS,CAAA;AAAA,QACjE,aAAa,QAAA,CAAS,WAAA;AAAA,QACtB,SAAA,EAAWgB,mCAAA;AAAA,UACT,QAAA;AAAA,UACA,YAAY,uBAAA,GAA0B;AAAA;AACxC;AAAA,KACF,EACF,CAAA;AAAA,IACC,SAAA,oBACChB,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAWiB,iCAAA,CAAgB,QAAA,EAAU,sBAAsB,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAE5E,CAAA;AAEJ","file":"DateWidget-SYDMSGWO.cjs","sourcesContent":["import { format } from \"date-fns\"\nimport { Calendar as CalendarIcon } from \"lucide-react\"\n\nimport { cn } from \"../../core/utils\"\nimport { Button } from \"./button\"\nimport { Calendar } from \"./calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./popover\"\n\nexport interface DatePickerProps {\n  date?: Date\n  setDate?: (date: Date | undefined) => void\n  className?: string\n  placeholder?: string\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = \"Pick a date\" }: DatePickerProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[280px] justify-start text-left font-normal\",\n            !date && \"text-muted-foreground\",\n            className\n          )}\n        >\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\n          {date ? format(date, \"PPP\") : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { DatePicker } from '../shadcn/date-picker';\nimport { Label } from '../shadcn/label';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\nexport const DateWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  if (!fieldDef) return null;\n\n  const showLabel = isLabelVisible(fieldDef);\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel ? (\n        <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label}{' '}\n          <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      ) : null}\n      <div onBlur={() => setTouched()}>\n        <DatePicker\n          date={value ? new Date(value) : undefined}\n          setDate={(date) => setValue(date ? date.toISOString() : undefined)}\n          placeholder={fieldDef.placeholder}\n          className={fieldControlClass(\n            fieldDef,\n            showError ? 'border-red-500 w-full' : 'w-full',\n          )}\n        />\n      </div>\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n"]}

package/dist/DiagnosisTextareaWidget-RD65PGDY.mjs

@@ -0,0 +1,184 @@
+import { Textarea } from './chunk-4BAKQIPJ.mjs';
+import { getThemeConfig } from './chunk-Y7TIWH4I.mjs';
+import { FieldRequiredIndicator, isLabelVisible, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-XR2ZM654.mjs';
+import { useField, useFieldHandlers } from './chunk-ZGPHTPAN.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function normalizeDiagnosisGrades(payload) {
+  const result = [];
+  const pushGroup = (conditionRaw, gradesRaw) => {
+    const condition = typeof conditionRaw === "string" ? conditionRaw.trim() : "";
+    if (!condition) return;
+    if (!Array.isArray(gradesRaw)) return;
+    const grades = Array.from(
+      new Set(
+        gradesRaw.map((grade) => typeof grade === "string" ? grade.trim() : "").filter(Boolean)
+      )
+    );
+    if (grades.length === 0) return;
+    result.push({ condition, grades });
+  };
+  const asArrayResponse = payload;
+  if (Array.isArray(asArrayResponse?.diagnosisGrades)) {
+    asArrayResponse.diagnosisGrades.forEach((item) => {
+      pushGroup(item?.condition, item?.grades);
+    });
+    return result;
+  }
+  const asMapResponse = payload;
+  const mapLike = asMapResponse?.field === "diagnosisgrade" && asMapResponse?.value && typeof asMapResponse.value === "object" ? asMapResponse.value : null;
+  if (mapLike) {
+    Object.entries(mapLike).forEach(([condition, grades]) => {
+      pushGroup(condition, grades);
+    });
+  }
+  return result;
+}
+var DiagnosisTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const handler = useFieldHandlers(fieldId);
+  const def = fieldDef;
+  const [gradeGroups, setGradeGroups] = React.useState([]);
+  const [isLoadingGrades, setIsLoadingGrades] = React.useState(false);
+  const normalized = React.useMemo(() => {
+    const raw = value;
+    if (typeof raw === "string") {
+      return { text: raw, selectedGradesByCondition: {} };
+    }
+    if (!raw || typeof raw !== "object") {
+      return { text: "", selectedGradesByCondition: {} };
+    }
+    const text = typeof raw.text === "string" ? raw.text : "";
+    const mapRaw = raw.selectedGradesByCondition;
+    let selectedGradesByCondition = {};
+    if (mapRaw && typeof mapRaw === "object" && !Array.isArray(mapRaw)) {
+      const entries = Object.entries(mapRaw);
+      for (const [condition, gradeRaw] of entries) {
+        if (typeof condition !== "string") continue;
+        if (typeof gradeRaw === "string" && gradeRaw.trim()) {
+          selectedGradesByCondition[condition] = gradeRaw;
+        }
+      }
+    }
+    const sg = raw.selectedGrade;
+    if (sg && typeof sg === "object" && typeof sg.condition === "string" && typeof sg.grade === "string") {
+      const condition = sg.condition.trim();
+      const grade = sg.grade.trim();
+      if (condition && grade && !selectedGradesByCondition[condition]) {
+        selectedGradesByCondition = { ...selectedGradesByCondition, [condition]: grade };
+      }
+    }
+    return { text, selectedGradesByCondition };
+  }, [value]);
+  const textValue = normalized.text;
+  const showError = !!error && (touched || state.submitAttempted);
+  React.useEffect(() => {
+    const query = textValue.trim();
+    const fetchGrades = handler.onFetchDiagnosisGrades;
+    const debounceMs = def?.debounceDelay ?? 1e3;
+    if (!query || !fetchGrades) {
+      setGradeGroups([]);
+      setIsLoadingGrades(false);
+      return;
+    }
+    let isActive = true;
+    const timer = window.setTimeout(async () => {
+      setIsLoadingGrades(true);
+      try {
+        const response = await fetchGrades(query);
+        if (!isActive) return;
+        setGradeGroups(normalizeDiagnosisGrades(response));
+      } catch {
+        if (!isActive) return;
+        setGradeGroups([]);
+      } finally {
+        if (isActive) setIsLoadingGrades(false);
+      }
+    }, debounceMs);
+    return () => {
+      isActive = false;
+      window.clearTimeout(timer);
+    };
+  }, [textValue, handler.onFetchDiagnosisGrades, def?.debounceDelay]);
+  if (!def) return null;
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const toggleSelectedGrade = (condition, grade) => {
+    if (disabled) return;
+    const current = normalized.selectedGradesByCondition[condition];
+    const nextForCondition = current === grade ? "" : grade;
+    const nextMap = { ...normalized.selectedGradesByCondition };
+    if (!nextForCondition) {
+      delete nextMap[condition];
+    } else {
+      nextMap[condition] = nextForCondition;
+    }
+    setValue({ text: normalized.text, selectedGradesByCondition: nextMap });
+    setTouched();
+  };
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    def.label,
+    " ",
+    /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef: def })
+  ] });
+  const showLabel = isLabelVisible(def);
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(def, wrapperClass), children: [
+    showLabel ? theme ? /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(def, labelClass), children: labelContent }) : /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: fieldLabelClass(def), children: labelContent }) : null,
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: fieldId,
+        value: textValue,
+        onChange: (e) => setValue({ text: e.target.value, selectedGradesByCondition: normalized.selectedGradesByCondition }),
+        onBlur: setTouched,
+        disabled,
+        placeholder: def.placeholder,
+        className: fieldControlClass(def, inputClass),
+        "aria-label": !showLabel ? def.label : void 0,
+        ...def.height != null ? { height: def.height } : {}
+      }
+    ),
+    isLoadingGrades && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Checking diagnosis grades..." }),
+    !isLoadingGrades && gradeGroups.length > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "mt-2 space-y-3 rounded-lg border border-border bg-muted/30 p-3",
+        role: "group",
+        "aria-label": "Diagnosis grade options",
+        children: gradeGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium leading-none text-muted-foreground", children: [
+            group.condition,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: group.grades.map((grade) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleSelectedGrade(group.condition, grade),
+              disabled,
+              className: cn(
+                "inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors",
+                normalized.selectedGradesByCondition[group.condition] === grade ? "border-primary bg-primary/15 text-primary shadow-sm" : "border-border/80 bg-background text-foreground hover:bg-muted/80",
+                disabled && "cursor-not-allowed opacity-60"
+              ),
+              children: grade
+            },
+            `${group.condition}-${grade}`
+          )) })
+        ] }, group.condition))
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(def, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+export { DiagnosisTextareaWidget };
+//# sourceMappingURL=DiagnosisTextareaWidget-RD65PGDY.mjs.map
+//# sourceMappingURL=DiagnosisTextareaWidget-RD65PGDY.mjs.map

package/dist/DiagnosisTextareaWidget-RD65PGDY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DiagnosisTextareaWidget.tsx"],"names":[],"mappings":"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","file":"DiagnosisTextareaWidget-RD65PGDY.mjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { useFieldHandlers } from '../../react/FormProvider';\nimport { Textarea } from '../shadcn/textarea';\nimport { Label } from '../shadcn/label';\nimport { getThemeConfig } from '../themes';\nimport { cn } from '../../core/utils';\nimport type { DiagnosisTextareaFieldDef } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\ntype DiagnosisGradeGroup = {\n  condition: string;\n  grades: string[];\n};\n\ntype DiagnosisTextareaValue =\n  | string\n  | {\n      text?: unknown;\n      selectedGrade?: unknown; // legacy single-selection\n      selectedGradesByCondition?: unknown; // new multi-condition single-select\n    }\n  | null\n  | undefined;\n\ntype DiagnosisGradesArrayResponse = {\n  diagnosisGrades?: Array<{\n    condition?: unknown;\n    grades?: unknown;\n  }>;\n};\n\ntype DiagnosisMapResponse = {\n  field?: unknown;\n  value?: unknown;\n};\n\nfunction normalizeDiagnosisGrades(payload: unknown): DiagnosisGradeGroup[] {\n  const result: DiagnosisGradeGroup[] = [];\n\n  const pushGroup = (conditionRaw: unknown, gradesRaw: unknown) => {\n    const condition = typeof conditionRaw === 'string' ? conditionRaw.trim() : '';\n    if (!condition) return;\n    if (!Array.isArray(gradesRaw)) return;\n\n    const grades = Array.from(\n      new Set(\n        gradesRaw\n          .map((grade) => (typeof grade === 'string' ? grade.trim() : ''))\n          .filter(Boolean),\n      ),\n    );\n\n    if (grades.length === 0) return;\n    result.push({ condition, grades });\n  };\n\n  const asArrayResponse = payload as DiagnosisGradesArrayResponse;\n  if (Array.isArray(asArrayResponse?.diagnosisGrades)) {\n    asArrayResponse.diagnosisGrades.forEach((item) => {\n      pushGroup(item?.condition, item?.grades);\n    });\n    return result;\n  }\n\n  const asMapResponse = payload as DiagnosisMapResponse;\n  const mapLike =\n    asMapResponse?.field === 'diagnosisgrade' && asMapResponse?.value && typeof asMapResponse.value === 'object'\n      ? (asMapResponse.value as Record<string, unknown>)\n      : null;\n\n  if (mapLike) {\n    Object.entries(mapLike).forEach(([condition, grades]) => {\n      pushGroup(condition, grades);\n    });\n  }\n\n  return result;\n}\n\nexport const DiagnosisTextareaWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const handler = useFieldHandlers(fieldId);\n  const def = fieldDef as DiagnosisTextareaFieldDef | undefined;\n\n  const [gradeGroups, setGradeGroups] = React.useState<DiagnosisGradeGroup[]>([]);\n  const [isLoadingGrades, setIsLoadingGrades] = React.useState(false);\n\n  const normalized = React.useMemo(() => {\n    const raw = value as DiagnosisTextareaValue;\n    if (typeof raw === 'string') {\n      return { text: raw, selectedGradesByCondition: {} as Record<string, string> };\n    }\n    if (!raw || typeof raw !== 'object') {\n      return { text: '', selectedGradesByCondition: {} as Record<string, string> };\n    }\n\n    const text = typeof (raw as any).text === 'string' ? ((raw as any).text as string) : '';\n\n    // Prefer new map shape.\n    const mapRaw = (raw as any).selectedGradesByCondition;\n    let selectedGradesByCondition: Record<string, string> = {};\n    if (mapRaw && typeof mapRaw === 'object' && !Array.isArray(mapRaw)) {\n      const entries = Object.entries(mapRaw as Record<string, unknown>);\n      for (const [condition, gradeRaw] of entries) {\n        if (typeof condition !== 'string') continue;\n        if (typeof gradeRaw === 'string' && gradeRaw.trim()) {\n          selectedGradesByCondition[condition] = gradeRaw;\n        }\n      }\n    }\n\n    // Backward-compat: if legacy single selection exists and no map entry yet, seed it.\n    const sg = (raw as any).selectedGrade;\n    if (\n      sg &&\n      typeof sg === 'object' &&\n      typeof (sg as any).condition === 'string' &&\n      typeof (sg as any).grade === 'string'\n    ) {\n      const condition = (sg as any).condition.trim();\n      const grade = (sg as any).grade.trim();\n      if (condition && grade && !selectedGradesByCondition[condition]) {\n        selectedGradesByCondition = { ...selectedGradesByCondition, [condition]: grade };\n      }\n    }\n\n    return { text, selectedGradesByCondition };\n  }, [value]);\n\n  const textValue = normalized.text;\n  const showError = !!error && (touched || state.submitAttempted);\n\n  React.useEffect(() => {\n    const query = textValue.trim();\n    const fetchGrades = handler.onFetchDiagnosisGrades;\n    const debounceMs = def?.debounceDelay ?? 1000;\n\n    if (!query || !fetchGrades) {\n      setGradeGroups([]);\n      setIsLoadingGrades(false);\n      return;\n    }\n\n    let isActive = true;\n    const timer = window.setTimeout(async () => {\n      setIsLoadingGrades(true);\n      try {\n        const response = await fetchGrades(query);\n        if (!isActive) return;\n        setGradeGroups(normalizeDiagnosisGrades(response));\n      } catch {\n        if (!isActive) return;\n        setGradeGroups([]);\n      } finally {\n        if (isActive) setIsLoadingGrades(false);\n      }\n    }, debounceMs);\n\n    return () => {\n      isActive = false;\n      window.clearTimeout(timer);\n    };\n  }, [textValue, handler.onFetchDiagnosisGrades, def?.debounceDelay]);\n\n  if (!def) return null;\n\n  const theme = getThemeConfig('textarea', def.theme);\n  const wrapperClass = theme?.wrapperClassName ?? 'space-y-2';\n  const labelClass = theme?.labelClassName;\n  const inputClass = cn(theme?.inputClassName, showError && 'border-red-500');\n\n  const toggleSelectedGrade = (condition: string, grade: string) => {\n    if (disabled) return;\n    const current = normalized.selectedGradesByCondition[condition];\n    const nextForCondition = current === grade ? '' : grade;\n    const nextMap: Record<string, string> = { ...normalized.selectedGradesByCondition };\n    if (!nextForCondition) {\n      delete nextMap[condition];\n    } else {\n      nextMap[condition] = nextForCondition;\n    }\n    setValue({ text: normalized.text, selectedGradesByCondition: nextMap });\n    setTouched();\n  };\n\n  const labelContent = (\n    <>\n      {def.label}{' '}\n      <FieldRequiredIndicator fieldDef={def} />\n    </>\n  );\n\n  const showLabel = isLabelVisible(def);\n\n  return (\n    <div className={fieldWrapperClass(def, wrapperClass)}>\n      {showLabel ? (\n        theme ? (\n          <Label htmlFor={fieldId} className={fieldLabelClass(def, labelClass)}>\n            {labelContent}\n          </Label>\n        ) : (\n          <Label htmlFor={fieldId} className={fieldLabelClass(def)}>\n            {labelContent}\n          </Label>\n        )\n      ) : null}\n\n      <Textarea\n        id={fieldId}\n        value={textValue}\n        onChange={(e) =>\n          setValue({ text: e.target.value, selectedGradesByCondition: normalized.selectedGradesByCondition })\n        }\n        onBlur={setTouched}\n        disabled={disabled}\n        placeholder={def.placeholder}\n        className={fieldControlClass(def, inputClass)}\n        aria-label={!showLabel ? def.label : undefined}\n        {...(def.height != null ? { height: def.height } : {})}\n      />\n\n      {isLoadingGrades && (\n        <p className=\"mt-2 text-xs text-muted-foreground\">Checking diagnosis grades...</p>\n      )}\n\n      {!isLoadingGrades && gradeGroups.length > 0 && (\n        <div\n          className=\"mt-2 space-y-3 rounded-lg border border-border bg-muted/30 p-3\"\n          role=\"group\"\n          aria-label=\"Diagnosis grade options\"\n        >\n          {gradeGroups.map((group) => (\n            <div key={group.condition} className=\"flex flex-col gap-1.5\">\n              <span className=\"text-xs font-medium leading-none text-muted-foreground\">\n                {group.condition}:\n              </span>\n              <div className=\"flex flex-wrap gap-2\">\n                {group.grades.map((grade) => (\n                  <button\n                    key={`${group.condition}-${grade}`}\n                    type=\"button\"\n                    onClick={() => toggleSelectedGrade(group.condition, grade)}\n                    disabled={disabled}\n                    className={cn(\n                      'inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors',\n                      normalized.selectedGradesByCondition[group.condition] === grade\n                        ? 'border-primary bg-primary/15 text-primary shadow-sm'\n                        : 'border-border/80 bg-background text-foreground hover:bg-muted/80',\n                      disabled && 'cursor-not-allowed opacity-60',\n                    )}\n                  >\n                    {grade}\n                  </button>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {showError && (\n        <p className={fieldErrorClass(def, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/DiagnosisTextareaWidget-UKWLE2SQ.cjs

@@ -0,0 +1,190 @@
+'use strict';
+
+var chunkPHADAQSH_cjs = require('./chunk-PHADAQSH.cjs');
+var chunkP62377LB_cjs = require('./chunk-P62377LB.cjs');
+var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
+var chunkKPGTPJDH_cjs = require('./chunk-KPGTPJDH.cjs');
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
+var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function normalizeDiagnosisGrades(payload) {
+  const result = [];
+  const pushGroup = (conditionRaw, gradesRaw) => {
+    const condition = typeof conditionRaw === "string" ? conditionRaw.trim() : "";
+    if (!condition) return;
+    if (!Array.isArray(gradesRaw)) return;
+    const grades = Array.from(
+      new Set(
+        gradesRaw.map((grade) => typeof grade === "string" ? grade.trim() : "").filter(Boolean)
+      )
+    );
+    if (grades.length === 0) return;
+    result.push({ condition, grades });
+  };
+  const asArrayResponse = payload;
+  if (Array.isArray(asArrayResponse?.diagnosisGrades)) {
+    asArrayResponse.diagnosisGrades.forEach((item) => {
+      pushGroup(item?.condition, item?.grades);
+    });
+    return result;
+  }
+  const asMapResponse = payload;
+  const mapLike = asMapResponse?.field === "diagnosisgrade" && asMapResponse?.value && typeof asMapResponse.value === "object" ? asMapResponse.value : null;
+  if (mapLike) {
+    Object.entries(mapLike).forEach(([condition, grades]) => {
+      pushGroup(condition, grades);
+    });
+  }
+  return result;
+}
+var DiagnosisTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const handler = chunkIDSBJOFY_cjs.useFieldHandlers(fieldId);
+  const def = fieldDef;
+  const [gradeGroups, setGradeGroups] = React__default.default.useState([]);
+  const [isLoadingGrades, setIsLoadingGrades] = React__default.default.useState(false);
+  const normalized = React__default.default.useMemo(() => {
+    const raw = value;
+    if (typeof raw === "string") {
+      return { text: raw, selectedGradesByCondition: {} };
+    }
+    if (!raw || typeof raw !== "object") {
+      return { text: "", selectedGradesByCondition: {} };
+    }
+    const text = typeof raw.text === "string" ? raw.text : "";
+    const mapRaw = raw.selectedGradesByCondition;
+    let selectedGradesByCondition = {};
+    if (mapRaw && typeof mapRaw === "object" && !Array.isArray(mapRaw)) {
+      const entries = Object.entries(mapRaw);
+      for (const [condition, gradeRaw] of entries) {
+        if (typeof condition !== "string") continue;
+        if (typeof gradeRaw === "string" && gradeRaw.trim()) {
+          selectedGradesByCondition[condition] = gradeRaw;
+        }
+      }
+    }
+    const sg = raw.selectedGrade;
+    if (sg && typeof sg === "object" && typeof sg.condition === "string" && typeof sg.grade === "string") {
+      const condition = sg.condition.trim();
+      const grade = sg.grade.trim();
+      if (condition && grade && !selectedGradesByCondition[condition]) {
+        selectedGradesByCondition = { ...selectedGradesByCondition, [condition]: grade };
+      }
+    }
+    return { text, selectedGradesByCondition };
+  }, [value]);
+  const textValue = normalized.text;
+  const showError = !!error && (touched || state.submitAttempted);
+  React__default.default.useEffect(() => {
+    const query = textValue.trim();
+    const fetchGrades = handler.onFetchDiagnosisGrades;
+    const debounceMs = def?.debounceDelay ?? 1e3;
+    if (!query || !fetchGrades) {
+      setGradeGroups([]);
+      setIsLoadingGrades(false);
+      return;
+    }
+    let isActive = true;
+    const timer = window.setTimeout(async () => {
+      setIsLoadingGrades(true);
+      try {
+        const response = await fetchGrades(query);
+        if (!isActive) return;
+        setGradeGroups(normalizeDiagnosisGrades(response));
+      } catch {
+        if (!isActive) return;
+        setGradeGroups([]);
+      } finally {
+        if (isActive) setIsLoadingGrades(false);
+      }
+    }, debounceMs);
+    return () => {
+      isActive = false;
+      window.clearTimeout(timer);
+    };
+  }, [textValue, handler.onFetchDiagnosisGrades, def?.debounceDelay]);
+  if (!def) return null;
+  const theme = chunkP62377LB_cjs.getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = chunkFHHISVCH_cjs.cn(theme?.inputClassName, showError && "border-red-500");
+  const toggleSelectedGrade = (condition, grade) => {
+    if (disabled) return;
+    const current = normalized.selectedGradesByCondition[condition];
+    const nextForCondition = current === grade ? "" : grade;
+    const nextMap = { ...normalized.selectedGradesByCondition };
+    if (!nextForCondition) {
+      delete nextMap[condition];
+    } else {
+      nextMap[condition] = nextForCondition;
+    }
+    setValue({ text: normalized.text, selectedGradesByCondition: nextMap });
+    setTouched();
+  };
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    def.label,
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef: def })
+  ] });
+  const showLabel = chunk5E3APMY6_cjs.isLabelVisible(def);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(def, wrapperClass), children: [
+    showLabel ? theme ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { htmlFor: fieldId, className: chunk5E3APMY6_cjs.fieldLabelClass(def, labelClass), children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { htmlFor: fieldId, className: chunk5E3APMY6_cjs.fieldLabelClass(def), children: labelContent }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkPHADAQSH_cjs.Textarea,
+      {
+        id: fieldId,
+        value: textValue,
+        onChange: (e) => setValue({ text: e.target.value, selectedGradesByCondition: normalized.selectedGradesByCondition }),
+        onBlur: setTouched,
+        disabled,
+        placeholder: def.placeholder,
+        className: chunk5E3APMY6_cjs.fieldControlClass(def, inputClass),
+        "aria-label": !showLabel ? def.label : void 0,
+        ...def.height != null ? { height: def.height } : {}
+      }
+    ),
+    isLoadingGrades && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Checking diagnosis grades..." }),
+    !isLoadingGrades && gradeGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "mt-2 space-y-3 rounded-lg border border-border bg-muted/30 p-3",
+        role: "group",
+        "aria-label": "Diagnosis grade options",
+        children: gradeGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium leading-none text-muted-foreground", children: [
+            group.condition,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: group.grades.map((grade) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleSelectedGrade(group.condition, grade),
+              disabled,
+              className: chunkFHHISVCH_cjs.cn(
+                "inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors",
+                normalized.selectedGradesByCondition[group.condition] === grade ? "border-primary bg-primary/15 text-primary shadow-sm" : "border-border/80 bg-background text-foreground hover:bg-muted/80",
+                disabled && "cursor-not-allowed opacity-60"
+              ),
+              children: grade
+            },
+            `${group.condition}-${grade}`
+          )) })
+        ] }, group.condition))
+      }
+    ),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(def, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+exports.DiagnosisTextareaWidget = DiagnosisTextareaWidget;
+//# sourceMappingURL=DiagnosisTextareaWidget-UKWLE2SQ.cjs.map
+//# sourceMappingURL=DiagnosisTextareaWidget-UKWLE2SQ.cjs.map

package/dist/DiagnosisTextareaWidget-UKWLE2SQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DiagnosisTextareaWidget.tsx"],"names":["useField","useForm","useFieldHandlers","React","getThemeConfig","cn","jsxs","Fragment","jsx","FieldRequiredIndicator","isLabelVisible","fieldWrapperClass","Label","fieldLabelClass","Textarea","fieldControlClass","fieldErrorClass"],"mappings":"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","file":"DiagnosisTextareaWidget-UKWLE2SQ.cjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { useFieldHandlers } from '../../react/FormProvider';\nimport { Textarea } from '../shadcn/textarea';\nimport { Label } from '../shadcn/label';\nimport { getThemeConfig } from '../themes';\nimport { cn } from '../../core/utils';\nimport type { DiagnosisTextareaFieldDef } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\ntype DiagnosisGradeGroup = {\n  condition: string;\n  grades: string[];\n};\n\ntype DiagnosisTextareaValue =\n  | string\n  | {\n      text?: unknown;\n      selectedGrade?: unknown; // legacy single-selection\n      selectedGradesByCondition?: unknown; // new multi-condition single-select\n    }\n  | null\n  | undefined;\n\ntype DiagnosisGradesArrayResponse = {\n  diagnosisGrades?: Array<{\n    condition?: unknown;\n    grades?: unknown;\n  }>;\n};\n\ntype DiagnosisMapResponse = {\n  field?: unknown;\n  value?: unknown;\n};\n\nfunction normalizeDiagnosisGrades(payload: unknown): DiagnosisGradeGroup[] {\n  const result: DiagnosisGradeGroup[] = [];\n\n  const pushGroup = (conditionRaw: unknown, gradesRaw: unknown) => {\n    const condition = typeof conditionRaw === 'string' ? conditionRaw.trim() : '';\n    if (!condition) return;\n    if (!Array.isArray(gradesRaw)) return;\n\n    const grades = Array.from(\n      new Set(\n        gradesRaw\n          .map((grade) => (typeof grade === 'string' ? grade.trim() : ''))\n          .filter(Boolean),\n      ),\n    );\n\n    if (grades.length === 0) return;\n    result.push({ condition, grades });\n  };\n\n  const asArrayResponse = payload as DiagnosisGradesArrayResponse;\n  if (Array.isArray(asArrayResponse?.diagnosisGrades)) {\n    asArrayResponse.diagnosisGrades.forEach((item) => {\n      pushGroup(item?.condition, item?.grades);\n    });\n    return result;\n  }\n\n  const asMapResponse = payload as DiagnosisMapResponse;\n  const mapLike =\n    asMapResponse?.field === 'diagnosisgrade' && asMapResponse?.value && typeof asMapResponse.value === 'object'\n      ? (asMapResponse.value as Record<string, unknown>)\n      : null;\n\n  if (mapLike) {\n    Object.entries(mapLike).forEach(([condition, grades]) => {\n      pushGroup(condition, grades);\n    });\n  }\n\n  return result;\n}\n\nexport const DiagnosisTextareaWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const handler = useFieldHandlers(fieldId);\n  const def = fieldDef as DiagnosisTextareaFieldDef | undefined;\n\n  const [gradeGroups, setGradeGroups] = React.useState<DiagnosisGradeGroup[]>([]);\n  const [isLoadingGrades, setIsLoadingGrades] = React.useState(false);\n\n  const normalized = React.useMemo(() => {\n    const raw = value as DiagnosisTextareaValue;\n    if (typeof raw === 'string') {\n      return { text: raw, selectedGradesByCondition: {} as Record<string, string> };\n    }\n    if (!raw || typeof raw !== 'object') {\n      return { text: '', selectedGradesByCondition: {} as Record<string, string> };\n    }\n\n    const text = typeof (raw as any).text === 'string' ? ((raw as any).text as string) : '';\n\n    // Prefer new map shape.\n    const mapRaw = (raw as any).selectedGradesByCondition;\n    let selectedGradesByCondition: Record<string, string> = {};\n    if (mapRaw && typeof mapRaw === 'object' && !Array.isArray(mapRaw)) {\n      const entries = Object.entries(mapRaw as Record<string, unknown>);\n      for (const [condition, gradeRaw] of entries) {\n        if (typeof condition !== 'string') continue;\n        if (typeof gradeRaw === 'string' && gradeRaw.trim()) {\n          selectedGradesByCondition[condition] = gradeRaw;\n        }\n      }\n    }\n\n    // Backward-compat: if legacy single selection exists and no map entry yet, seed it.\n    const sg = (raw as any).selectedGrade;\n    if (\n      sg &&\n      typeof sg === 'object' &&\n      typeof (sg as any).condition === 'string' &&\n      typeof (sg as any).grade === 'string'\n    ) {\n      const condition = (sg as any).condition.trim();\n      const grade = (sg as any).grade.trim();\n      if (condition && grade && !selectedGradesByCondition[condition]) {\n        selectedGradesByCondition = { ...selectedGradesByCondition, [condition]: grade };\n      }\n    }\n\n    return { text, selectedGradesByCondition };\n  }, [value]);\n\n  const textValue = normalized.text;\n  const showError = !!error && (touched || state.submitAttempted);\n\n  React.useEffect(() => {\n    const query = textValue.trim();\n    const fetchGrades = handler.onFetchDiagnosisGrades;\n    const debounceMs = def?.debounceDelay ?? 1000;\n\n    if (!query || !fetchGrades) {\n      setGradeGroups([]);\n      setIsLoadingGrades(false);\n      return;\n    }\n\n    let isActive = true;\n    const timer = window.setTimeout(async () => {\n      setIsLoadingGrades(true);\n      try {\n        const response = await fetchGrades(query);\n        if (!isActive) return;\n        setGradeGroups(normalizeDiagnosisGrades(response));\n      } catch {\n        if (!isActive) return;\n        setGradeGroups([]);\n      } finally {\n        if (isActive) setIsLoadingGrades(false);\n      }\n    }, debounceMs);\n\n    return () => {\n      isActive = false;\n      window.clearTimeout(timer);\n    };\n  }, [textValue, handler.onFetchDiagnosisGrades, def?.debounceDelay]);\n\n  if (!def) return null;\n\n  const theme = getThemeConfig('textarea', def.theme);\n  const wrapperClass = theme?.wrapperClassName ?? 'space-y-2';\n  const labelClass = theme?.labelClassName;\n  const inputClass = cn(theme?.inputClassName, showError && 'border-red-500');\n\n  const toggleSelectedGrade = (condition: string, grade: string) => {\n    if (disabled) return;\n    const current = normalized.selectedGradesByCondition[condition];\n    const nextForCondition = current === grade ? '' : grade;\n    const nextMap: Record<string, string> = { ...normalized.selectedGradesByCondition };\n    if (!nextForCondition) {\n      delete nextMap[condition];\n    } else {\n      nextMap[condition] = nextForCondition;\n    }\n    setValue({ text: normalized.text, selectedGradesByCondition: nextMap });\n    setTouched();\n  };\n\n  const labelContent = (\n    <>\n      {def.label}{' '}\n      <FieldRequiredIndicator fieldDef={def} />\n    </>\n  );\n\n  const showLabel = isLabelVisible(def);\n\n  return (\n    <div className={fieldWrapperClass(def, wrapperClass)}>\n      {showLabel ? (\n        theme ? (\n          <Label htmlFor={fieldId} className={fieldLabelClass(def, labelClass)}>\n            {labelContent}\n          </Label>\n        ) : (\n          <Label htmlFor={fieldId} className={fieldLabelClass(def)}>\n            {labelContent}\n          </Label>\n        )\n      ) : null}\n\n      <Textarea\n        id={fieldId}\n        value={textValue}\n        onChange={(e) =>\n          setValue({ text: e.target.value, selectedGradesByCondition: normalized.selectedGradesByCondition })\n        }\n        onBlur={setTouched}\n        disabled={disabled}\n        placeholder={def.placeholder}\n        className={fieldControlClass(def, inputClass)}\n        aria-label={!showLabel ? def.label : undefined}\n        {...(def.height != null ? { height: def.height } : {})}\n      />\n\n      {isLoadingGrades && (\n        <p className=\"mt-2 text-xs text-muted-foreground\">Checking diagnosis grades...</p>\n      )}\n\n      {!isLoadingGrades && gradeGroups.length > 0 && (\n        <div\n          className=\"mt-2 space-y-3 rounded-lg border border-border bg-muted/30 p-3\"\n          role=\"group\"\n          aria-label=\"Diagnosis grade options\"\n        >\n          {gradeGroups.map((group) => (\n            <div key={group.condition} className=\"flex flex-col gap-1.5\">\n              <span className=\"text-xs font-medium leading-none text-muted-foreground\">\n                {group.condition}:\n              </span>\n              <div className=\"flex flex-wrap gap-2\">\n                {group.grades.map((grade) => (\n                  <button\n                    key={`${group.condition}-${grade}`}\n                    type=\"button\"\n                    onClick={() => toggleSelectedGrade(group.condition, grade)}\n                    disabled={disabled}\n                    className={cn(\n                      'inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors',\n                      normalized.selectedGradesByCondition[group.condition] === grade\n                        ? 'border-primary bg-primary/15 text-primary shadow-sm'\n                        : 'border-border/80 bg-background text-foreground hover:bg-muted/80',\n                      disabled && 'cursor-not-allowed opacity-60',\n                    )}\n                  >\n                    {grade}\n                  </button>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {showError && (\n        <p className={fieldErrorClass(def, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/DifferentialDiagnosisWidget-FENJP245.mjs

@@ -0,0 +1,15 @@
+import { DifferentialDiagnosis } from './chunk-BU4ZEAAP.mjs';
+import { useField } from './chunk-ZGPHTPAN.mjs';
+import './chunk-VPU66PI6.mjs';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DifferentialDiagnosisWidget = ({ fieldId }) => {
+  const { value } = useField(fieldId);
+  const items = Array.isArray(value) ? value : [];
+  return /* @__PURE__ */ jsx(DifferentialDiagnosis, { differentialDiagnosis: items });
+};
+
+export { DifferentialDiagnosisWidget };
+//# sourceMappingURL=DifferentialDiagnosisWidget-FENJP245.mjs.map
+//# sourceMappingURL=DifferentialDiagnosisWidget-FENJP245.mjs.map

package/dist/DifferentialDiagnosisWidget-FENJP245.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DifferentialDiagnosisWidget.tsx"],"names":[],"mappings":";;;;;;AAKO,IAAM,2BAAA,GAA6D,CAAC,EAAE,OAAA,EAAQ,KAAM;AACzF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,CAAS,OAAO,CAAA;AAElC,EAAA,MAAM,QAAqC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GACzD,QACD,EAAC;AAEL,EAAA,uBAAO,GAAA,CAAC,qBAAA,EAAA,EAAsB,qBAAA,EAAuB,KAAA,EAAO,CAAA;AAC9D","file":"DifferentialDiagnosisWidget-FENJP245.mjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { DifferentialDiagnosis } from './DifferentialDiagnosis';\nimport type { DifferentialDiagnosisItem } from './DifferentialDiagnosis';\n\nexport const DifferentialDiagnosisWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { value } = useField(fieldId);\n\n  const items: DifferentialDiagnosisItem[] = Array.isArray(value)\n    ? (value as DifferentialDiagnosisItem[])\n    : [];\n\n  return <DifferentialDiagnosis differentialDiagnosis={items} />;\n};\n\n"]}

package/dist/DifferentialDiagnosisWidget-ZGFXP2BH.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkS7EMPE2D_cjs = require('./chunk-S7EMPE2D.cjs');
+var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+require('./chunk-FHHISVCH.cjs');
+require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DifferentialDiagnosisWidget = ({ fieldId }) => {
+  const { value } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const items = Array.isArray(value) ? value : [];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkS7EMPE2D_cjs.DifferentialDiagnosis, { differentialDiagnosis: items });
+};
+
+exports.DifferentialDiagnosisWidget = DifferentialDiagnosisWidget;
+//# sourceMappingURL=DifferentialDiagnosisWidget-ZGFXP2BH.cjs.map
+//# sourceMappingURL=DifferentialDiagnosisWidget-ZGFXP2BH.cjs.map

package/dist/DifferentialDiagnosisWidget-ZGFXP2BH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DifferentialDiagnosisWidget.tsx"],"names":["useField","jsx","DifferentialDiagnosis"],"mappings":";;;;;;;;AAKO,IAAM,2BAAA,GAA6D,CAAC,EAAE,OAAA,EAAQ,KAAM;AACzF,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIA,0BAAA,CAAS,OAAO,CAAA;AAElC,EAAA,MAAM,QAAqC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GACzD,QACD,EAAC;AAEL,EAAA,uBAAOC,cAAA,CAACC,uCAAA,EAAA,EAAsB,qBAAA,EAAuB,KAAA,EAAO,CAAA;AAC9D","file":"DifferentialDiagnosisWidget-ZGFXP2BH.cjs","sourcesContent":["import React from 'react';\nimport { useField } from '../../react/useField';\nimport { DifferentialDiagnosis } from './DifferentialDiagnosis';\nimport type { DifferentialDiagnosisItem } from './DifferentialDiagnosis';\n\nexport const DifferentialDiagnosisWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { value } = useField(fieldId);\n\n  const items: DifferentialDiagnosisItem[] = Array.isArray(value)\n    ? (value as DifferentialDiagnosisItem[])\n    : [];\n\n  return <DifferentialDiagnosis differentialDiagnosis={items} />;\n};\n\n"]}