formanitor 0.0.6 → 0.0.9

package/dist/index.cjs

@@ -181,10 +181,6 @@ var NO_OP_PROVIDER = {
 function applyPrefill(currentValues, fields, prefilledData = {}) {
   const newValues = { ...currentValues };
   fields.forEach((field) => {
-    const currentValue = newValues[field.id];
-    if (!isEmpty(currentValue)) {
-      return;
-    }
     if (field.prefill?.value !== void 0) {
       newValues[field.id] = field.prefill.value;
       return;
@@ -196,9 +192,6 @@ function applyPrefill(currentValues, fields, prefilledData = {}) {
   });
   return newValues;
 }
-function isEmpty(val) {
-  return val === void 0 || val === null || val === "";
-}
 
 // src/core/store.ts
 var FormStore = class {
@@ -371,7 +364,20 @@ var FormStore = class {
       this.schema.computations.forEach((comp) => {
         if (comp.type === "sum") {
           const sum = comp.fields.reduce((acc, fieldId) => {
-            const val = Number(this.state.values[fieldId]) || 0;
+            const raw = this.state.values[fieldId];
+            const fieldDef = this.fieldMap[fieldId];
+            const options = fieldDef?.type === "select" || fieldDef?.type === "multiselect" || fieldDef?.type === "radio" || fieldDef?.type === "checkbox" ? fieldDef.options : void 0;
+            const hasScoreOptions = options?.some((o) => o.score !== void 0);
+            let val;
+            if (hasScoreOptions && options) {
+              const selected = fieldDef?.type === "multiselect" || fieldDef?.type === "checkbox" ? (Array.isArray(raw) ? raw : [raw]).filter(Boolean) : [raw];
+              val = selected.reduce((s, v) => {
+                const opt = options.find((o) => o.value === v || String(o.value) === String(v));
+                return s + (opt && "score" in opt && typeof opt.score === "number" ? opt.score : 0);
+              }, 0);
+            } else {
+              val = Number(raw) || 0;
+            }
             return acc + val;
           }, 0);
           if (this.state.values[comp.target] !== sum) {
@@ -2354,10 +2360,10 @@ var ReadOnlySelect = ({ fieldDef, value }) => {
     return String(opt.value) === String(value) || opt.value === value;
   });
   const displayValue = selectedOption ? selectedOption.label : value ?? "";
-  const isEmpty2 = !value && value !== 0;
+  const isEmpty = !value && value !== 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
   ] });
 };
 var ReadOnlyMultiSelect = ({ fieldDef, value }) => {
@@ -2381,10 +2387,10 @@ var ReadOnlyMultiSelect = ({ fieldDef, value }) => {
     });
     return option ? option.label : String(val);
   }).filter(Boolean);
-  const isEmpty2 = selectedLabels.length === 0;
+  const isEmpty = selectedLabels.length === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem]", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No values selected" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: selectedLabels.map((label, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem]", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No values selected" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: selectedLabels.map((label, idx) => /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800",
@@ -2587,10 +2593,10 @@ var ReadOnlyRadio = ({ fieldDef, value }) => {
     (opt) => String(opt.value) === String(value) || opt.value === value
   );
   const displayValue = selectedOption ? selectedOption.label : value ?? "";
-  const isEmpty2 = value == null || value === "";
+  const isEmpty = value == null || value === "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
   ] });
 };
 function isOptionSelected2(selected, optValue) {