@samline/forms 2.3.3 → 2.4.0

package/dist/index.js

@@ -231,6 +231,11 @@ var readInputType = (event) => {
   const candidate = event;
   return typeof candidate.inputType === "string" ? candidate.inputType : void 0;
 };
+var buildAutoInterpretedOptions = (formatOptions) => ({
+  ...formatOptions ?? {},
+  interpretInputAs: "auto"
+});
+var shouldForceAutoInterpretation = (formatOptions) => formatOptions?.interpretInputAs === void 0;
 var buildHandler = (visible, mirror, formatFn, formatType, formatOptions) => {
   const handler = (event) => {
     if (!visible.isConnected || !mirror.isConnected) return;
@@ -239,7 +244,8 @@ var buildHandler = (visible, mirror, formatFn, formatType, formatOptions) => {
     if (!isVisible && !isMirror) return;
     const rawInput = isMirror ? mirror.value : visible.value;
     const inputType = readInputType(event);
-    const { formatted, raw } = formatFn(rawInput, formatType, formatOptions);
+    const sourceOptions = isMirror && shouldForceAutoInterpretation(formatOptions) ? buildAutoInterpretedOptions(formatOptions) : formatOptions;
+    const { formatted, raw } = formatFn(rawInput, formatType, sourceOptions);
     if (!formatted && !raw) {
       visible.value = "";
       if (mirror.value !== "") mirror.value = "";
@@ -324,7 +330,8 @@ var applyFormat = async (state2, helpers, config) => {
     entry.handler = handler;
     const initial = entry.visible.value;
     if (initial !== "") {
-      const { formatted, raw } = formatter.format(initial, formatType, formatOptions);
+      const initialOptions = shouldForceAutoInterpretation(formatOptions) ? buildAutoInterpretedOptions(formatOptions) : formatOptions;
+      const { formatted, raw } = formatter.format(initial, formatType, initialOptions);
       applyFormattedValue(entry.visible, entry.mirror, formatted, raw);
     } else if (entry.mirrorIsOwned && entry.mirror.value !== "") {
       entry.mirror.value = "";
@@ -516,6 +523,7 @@ var createGetState = (state2, helpers) => () => {
 
 // src/core/dom.ts
 var isFormFieldElement = (value) => value instanceof HTMLInputElement || value instanceof HTMLSelectElement || value instanceof HTMLTextAreaElement;
+var isArraySyntax = (field) => typeof field.name === "string" && field.name.endsWith("[]");
 var resolveFormElement = (target) => {
   if (!target) return null;
   if (target instanceof HTMLFormElement) return target;
@@ -552,6 +560,30 @@ var readFieldValue = (fields) => {
   if (fields.length === 0) return void 0;
   const first = fields[0];
   if (!first) return void 0;
+  if (isArraySyntax(first) && fields.length > 1) {
+    if (first instanceof HTMLSelectElement || first instanceof HTMLTextAreaElement) {
+      return fields.map((f) => f.value);
+    }
+    if (first instanceof HTMLInputElement) {
+      if (first.type === "radio") {
+        const checked = fields.find(
+          (f) => f instanceof HTMLInputElement && f.checked
+        );
+        return checked?.value ?? "";
+      }
+      if (first.type === "checkbox") {
+        return fields.filter(
+          (f) => f instanceof HTMLInputElement && f.checked
+        ).map((f) => f.value);
+      }
+      if (first.type === "file") {
+        return fields.flatMap(
+          (f) => f instanceof HTMLInputElement && f.files ? Array.from(f.files) : []
+        );
+      }
+    }
+    return fields.map((f) => f.value);
+  }
   if (first instanceof HTMLSelectElement || first instanceof HTMLTextAreaElement) {
     return first.value;
   }
@@ -577,7 +609,10 @@ var readFieldValue = (fields) => {
 var writeFieldValue = (fields, value) => {
   const normalizedArray = Array.isArray(value) ? value.map((item) => String(item)) : null;
   const normalizedValue = value === void 0 || value === null ? "" : String(value);
-  for (const field of fields) {
+  const distributeArray = fields.length > 0 && fields[0] !== void 0 && isArraySyntax(fields[0]) && normalizedArray !== null;
+  for (let index = 0; index < fields.length; index++) {
+    const field = fields[index];
+    if (!field) continue;
     if (field instanceof HTMLInputElement) {
       if (field.type === "checkbox") {
         field.checked = normalizedArray ? normalizedArray.includes(field.value) : normalizedValue === field.value;
@@ -591,9 +626,17 @@ var writeFieldValue = (fields, value) => {
         if (Array.isArray(value) && value.length === 0) field.value = "";
         continue;
       }
+      if (distributeArray && normalizedArray) {
+        field.value = normalizedArray[index] ?? "";
+        continue;
+      }
       field.value = normalizedValue;
       continue;
     }
+    if (distributeArray && normalizedArray) {
+      field.value = normalizedArray[index] ?? "";
+      continue;
+    }
     field.value = normalizedValue;
   }
 };