@conform-to/dom 1.0.5 → 1.0.6

package/README

@@ -8,7 +8,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 
 
-Version 1.0.4 / License MIT / Copyright (c) 2024 Edmund Hung
+Version 1.0.6 / License MIT / Copyright (c) 2024 Edmund Hung
 
 A type-safe form validation library utilizing web fundamentals to progressively enhance HTML Forms with full support for server frameworks like Remix and Next.js.
 

package/form.js

@@ -117,11 +117,13 @@ function handleIntent(meta, intent, fields, initialized) {
         if (initialized) {
           meta.initialValue = util.clone(meta.initialValue);
           meta.key = util.clone(meta.key);
-          submission.setListState(meta.key, intent, (defaultValue, name) => {
+          submission.setListState(meta.key, intent, defaultValue => {
             if (!Array.isArray(defaultValue) && !formdata.isPlainObject(defaultValue)) {
               return util.generateId();
             }
-            return getDefaultKey(defaultValue, name);
+            return Object.assign(getDefaultKey(defaultValue), {
+              [submission.root]: util.generateId()
+            });
           });
           submission.setListValue(meta.initialValue, intent);
         }
@@ -365,7 +367,7 @@ function createFormContext(options) {
   function resolveTarget(event) {
     var form = getFormElement();
     var element = event.target;
-    if (!form || !dom.isFieldElement(element) || element.form !== form || element.name === '') {
+    if (!form || !dom.isFieldElement(element) || element.form !== form || !element.form.isConnected || element.name === '') {
       return null;
     }
     return element;

package/form.mjs

@@ -2,7 +2,7 @@ import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHe
 import { flatten, formatPaths, getPaths, getValue, isPlainObject, setValue, normalize, getFormData, isPrefix } from './formdata.mjs';
 import { getFormAction, getFormEncType, getFormMethod, isFieldElement, requestSubmit } from './dom.mjs';
 import { generateId, clone, invariant } from './util.mjs';
-import { serialize, setListState, setListValue, setState, getSubmissionContext, INTENT, serializeIntent } from './submission.mjs';
+import { serialize, setListState, setListValue, setState, getSubmissionContext, INTENT, serializeIntent, root } from './submission.mjs';
 
 function createFormMeta(options, initialized) {
   var _lastResult$initialVa, _options$constraint, _lastResult$state$val, _lastResult$state, _ref;
@@ -113,11 +113,13 @@ function handleIntent(meta, intent, fields, initialized) {
         if (initialized) {
           meta.initialValue = clone(meta.initialValue);
           meta.key = clone(meta.key);
-          setListState(meta.key, intent, (defaultValue, name) => {
+          setListState(meta.key, intent, defaultValue => {
             if (!Array.isArray(defaultValue) && !isPlainObject(defaultValue)) {
               return generateId();
             }
-            return getDefaultKey(defaultValue, name);
+            return Object.assign(getDefaultKey(defaultValue), {
+              [root]: generateId()
+            });
           });
           setListValue(meta.initialValue, intent);
         }
@@ -361,7 +363,7 @@ function createFormContext(options) {
   function resolveTarget(event) {
     var form = getFormElement();
     var element = event.target;
-    if (!form || !isFieldElement(element) || element.form !== form || element.name === '') {
+    if (!form || !isFieldElement(element) || element.form !== form || !element.form.isConnected || element.name === '') {
       return null;
     }
     return element;

package/package.json

@@ -3,7 +3,7 @@
 	"description": "A set of opinionated helpers built on top of the Constraint Validation API",
 	"homepage": "https://conform.guide",
 	"license": "MIT",
-	"version": "1.0.5",
+	"version": "1.0.6",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",

package/submission.d.ts

@@ -116,6 +116,10 @@ export declare function getIntent(serializedIntent: string | null | undefined):
 export declare function serializeIntent<Schema>(intent: Intent<Schema>): string;
 export declare function updateList(list: unknown, intent: InsertIntent | RemoveIntent | ReorderIntent): void;
 export declare function setListValue(data: Record<string, unknown>, intent: InsertIntent | RemoveIntent | ReorderIntent): void;
+/**
+ * A placeholder symbol for the root value of a nested object
+ */
+export declare const root: unique symbol;
 export declare function setState(state: Record<string, unknown>, name: string, valueFn: (value: unknown) => unknown): void;
-export declare function setListState(state: Record<string, unknown>, intent: InsertIntent | RemoveIntent | ReorderIntent, getDefaultValue?: (defaultValue: any, prefix?: string) => any): void;
+export declare function setListState(state: Record<string, unknown>, intent: InsertIntent | RemoveIntent | ReorderIntent, getDefaultValue?: (defaultValue: any) => any): void;
 export declare function serialize<Schema>(defaultValue: DefaultValue<Schema>): FormValue<Schema>;

package/submission.js

@@ -81,6 +81,15 @@ function parse(payload, options) {
           break;
         }
       case 'insert':
+        {
+          setListValue(context.payload, {
+            type: intent.type,
+            payload: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, intent.payload), {}, {
+              defaultValue: serialize(intent.payload.defaultValue)
+            })
+          });
+          break;
+        }
       case 'remove':
       case 'reorder':
         {
@@ -168,7 +177,7 @@ function updateList(list, intent) {
   util.invariant(Array.isArray(list), "Failed to update list. The value is not an array.");
   switch (intent.type) {
     case 'insert':
-      list.splice((_intent$payload$index = intent.payload.index) !== null && _intent$payload$index !== void 0 ? _intent$payload$index : list.length, 0, serialize(intent.payload.defaultValue));
+      list.splice((_intent$payload$index = intent.payload.index) !== null && _intent$payload$index !== void 0 ? _intent$payload$index : list.length, 0, intent.payload.defaultValue);
       break;
     case 'remove':
       list.splice(intent.payload.index, 1);
@@ -187,9 +196,12 @@ function setListValue(data, intent) {
     return list;
   });
 }
-function setState(state, name, valueFn) {
-  var root = Symbol.for('root');
 
+/**
+ * A placeholder symbol for the root value of a nested object
+ */
+var root = Symbol.for('root');
+function setState(state, name, valueFn) {
   // The keys are sorted in desc so that the root value is handled last
   var keys = Object.keys(state).sort((prev, next) => next.localeCompare(prev));
   var target = {};
@@ -239,7 +251,7 @@ function setListState(state, intent, getDefaultValue) {
         updateList(list, {
           type: intent.type,
           payload: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, intent.payload), {}, {
-            defaultValue: getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue(intent.payload.defaultValue, intent.payload.name)
+            defaultValue: getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue(intent.payload.defaultValue)
           })
         });
         break;
@@ -286,6 +298,7 @@ exports.getIntent = getIntent;
 exports.getSubmissionContext = getSubmissionContext;
 exports.parse = parse;
 exports.replySubmission = replySubmission;
+exports.root = root;
 exports.serialize = serialize;
 exports.serializeIntent = serializeIntent;
 exports.setListState = setListState;

package/submission.mjs

@@ -77,6 +77,15 @@ function parse(payload, options) {
           break;
         }
       case 'insert':
+        {
+          setListValue(context.payload, {
+            type: intent.type,
+            payload: _objectSpread2(_objectSpread2({}, intent.payload), {}, {
+              defaultValue: serialize(intent.payload.defaultValue)
+            })
+          });
+          break;
+        }
       case 'remove':
       case 'reorder':
         {
@@ -164,7 +173,7 @@ function updateList(list, intent) {
   invariant(Array.isArray(list), "Failed to update list. The value is not an array.");
   switch (intent.type) {
     case 'insert':
-      list.splice((_intent$payload$index = intent.payload.index) !== null && _intent$payload$index !== void 0 ? _intent$payload$index : list.length, 0, serialize(intent.payload.defaultValue));
+      list.splice((_intent$payload$index = intent.payload.index) !== null && _intent$payload$index !== void 0 ? _intent$payload$index : list.length, 0, intent.payload.defaultValue);
       break;
     case 'remove':
       list.splice(intent.payload.index, 1);
@@ -183,9 +192,12 @@ function setListValue(data, intent) {
     return list;
   });
 }
-function setState(state, name, valueFn) {
-  var root = Symbol.for('root');
 
+/**
+ * A placeholder symbol for the root value of a nested object
+ */
+var root = Symbol.for('root');
+function setState(state, name, valueFn) {
   // The keys are sorted in desc so that the root value is handled last
   var keys = Object.keys(state).sort((prev, next) => next.localeCompare(prev));
   var target = {};
@@ -235,7 +247,7 @@ function setListState(state, intent, getDefaultValue) {
         updateList(list, {
           type: intent.type,
           payload: _objectSpread2(_objectSpread2({}, intent.payload), {}, {
-            defaultValue: getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue(intent.payload.defaultValue, intent.payload.name)
+            defaultValue: getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue(intent.payload.defaultValue)
           })
         });
         break;
@@ -275,4 +287,4 @@ function serialize(defaultValue) {
   }
 }
 
-export { INTENT, STATE, createSubmission, getIntent, getSubmissionContext, parse, replySubmission, serialize, serializeIntent, setListState, setListValue, setState, updateList };
+export { INTENT, STATE, createSubmission, getIntent, getSubmissionContext, parse, replySubmission, root, serialize, serializeIntent, setListState, setListValue, setState, updateList };