formanitor 0.0.6 → 0.0.9

package/dist/index.d.cts

@@ -52,27 +52,24 @@ interface TextFieldDef extends BaseFieldDef {
 interface NumberFieldDef extends BaseFieldDef {
     type: 'number';
 }
+/** Option for select/radio/checkbox. When score is set, sum computation uses it for aggregation. */
+interface SelectOption {
+    label: string;
+    value: any;
+    score?: number;
+}
 interface SelectFieldDef extends BaseFieldDef {
     type: 'select' | 'multiselect';
-    options?: {
-        label: string;
-        value: any;
-    }[];
+    options?: SelectOption[];
 }
 interface RadioFieldDef extends BaseFieldDef {
     type: 'radio';
-    options?: {
-        label: string;
-        value: any;
-    }[];
+    options?: SelectOption[];
 }
 interface CheckboxFieldDef extends BaseFieldDef {
     type: 'checkbox';
     /** Options for the checkbox group; value is stored as array of selected option values. */
-    options?: {
-        label: string;
-        value: any;
-    }[];
+    options?: SelectOption[];
 }
 interface RepeatableFieldDef extends BaseFieldDef {
     type: 'repeatable';
@@ -440,4 +437,4 @@ interface CreateUploadHandlerOptions {
  */
 declare function createUploadHandler(options: CreateUploadHandlerOptions): (file: File | Blob, filename: string) => Promise<string>;
 
-export { type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type FieldDef, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type ImageUploadFieldDef, ImageUploadWidget, type LayoutNode, type NumberFieldDef, type Permission, type PresignedUploadResponse, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type RepeatableFieldDef, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SignatureFieldDef, SignatureUploadWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useForm, useFormStore, validateField, validateForm };
+export { type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type FieldDef, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type ImageUploadFieldDef, ImageUploadWidget, type LayoutNode, type NumberFieldDef, type Permission, type PresignedUploadResponse, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type RepeatableFieldDef, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useForm, useFormStore, validateField, validateForm };

package/dist/index.d.ts

@@ -52,27 +52,24 @@ interface TextFieldDef extends BaseFieldDef {
 interface NumberFieldDef extends BaseFieldDef {
     type: 'number';
 }
+/** Option for select/radio/checkbox. When score is set, sum computation uses it for aggregation. */
+interface SelectOption {
+    label: string;
+    value: any;
+    score?: number;
+}
 interface SelectFieldDef extends BaseFieldDef {
     type: 'select' | 'multiselect';
-    options?: {
-        label: string;
-        value: any;
-    }[];
+    options?: SelectOption[];
 }
 interface RadioFieldDef extends BaseFieldDef {
     type: 'radio';
-    options?: {
-        label: string;
-        value: any;
-    }[];
+    options?: SelectOption[];
 }
 interface CheckboxFieldDef extends BaseFieldDef {
     type: 'checkbox';
     /** Options for the checkbox group; value is stored as array of selected option values. */
-    options?: {
-        label: string;
-        value: any;
-    }[];
+    options?: SelectOption[];
 }
 interface RepeatableFieldDef extends BaseFieldDef {
     type: 'repeatable';
@@ -440,4 +437,4 @@ interface CreateUploadHandlerOptions {
  */
 declare function createUploadHandler(options: CreateUploadHandlerOptions): (file: File | Blob, filename: string) => Promise<string>;
 
-export { type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type FieldDef, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type ImageUploadFieldDef, ImageUploadWidget, type LayoutNode, type NumberFieldDef, type Permission, type PresignedUploadResponse, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type RepeatableFieldDef, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SignatureFieldDef, SignatureUploadWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useForm, useFormStore, validateField, validateForm };
+export { type BaseFieldDef, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type FieldDef, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type ImageUploadFieldDef, ImageUploadWidget, type LayoutNode, type NumberFieldDef, type Permission, type PresignedUploadResponse, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, type RepeatableFieldDef, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SumComputation, type TextFieldDef, type ValidationRule, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, useField, useForm, useFormStore, validateField, validateForm };

package/dist/index.mjs

@@ -155,10 +155,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;
@@ -170,9 +166,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 {
@@ -345,7 +338,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) {
@@ -2328,10 +2334,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__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
-    /* @__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..." }) : isEmpty2 ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
+    /* @__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..." }) : isEmpty ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
   ] });
 };
 var ReadOnlyMultiSelect = ({ fieldDef, value }) => {
@@ -2355,10 +2361,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__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
-    /* @__PURE__ */ jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem]", children: loading ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty2 ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No values selected" }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: selectedLabels.map((label, idx) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem]", children: loading ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "Loading..." }) : isEmpty ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No values selected" }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: selectedLabels.map((label, idx) => /* @__PURE__ */ 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",
@@ -2561,10 +2567,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__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
-    /* @__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..." }) : isEmpty2 ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
+    /* @__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..." }) : isEmpty ? /* @__PURE__ */ jsx("span", { className: "text-gray-400 italic", children: "No value" }) : displayValue })
   ] });
 };
 function isOptionSelected2(selected, optValue) {