@conform-to/dom 1.0.3 → 1.0.5

package/README

@@ -8,7 +8,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 
 
-Version 1.0.3 / License MIT / Copyright (c) 2024 Edmund Hung
+Version 1.0.4 / 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.d.ts

@@ -90,10 +90,6 @@ export type FormOptions<Schema, FormError = string[], FormValue = Schema> = {
         submitter: HTMLInputElement | HTMLButtonElement | null;
         formData: FormData;
     }) => Submission<Schema, FormError, FormValue>;
-    /**
-     * To schedule when an intent should be dispatched.
-     */
-    onSchedule?: (callback: () => void) => void;
 };
 export type SubscriptionSubject = {
     [key in 'error' | 'initialValue' | 'value' | 'key' | 'valid' | 'dirty']?: SubscriptionScope;

package/form.js

@@ -117,7 +117,12 @@ 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, util.generateId);
+          submission.setListState(meta.key, intent, (defaultValue, name) => {
+            if (!Array.isArray(defaultValue) && !formdata.isPlainObject(defaultValue)) {
+              return util.generateId();
+            }
+            return getDefaultKey(defaultValue, name);
+          });
           submission.setListValue(meta.initialValue, intent);
         }
         submission.setListState(meta.validated, intent);
@@ -134,6 +139,12 @@ function handleIntent(meta, intent, fields, initialized) {
   }, {});
 }
 function updateValue(meta, name, value) {
+  if (name === '') {
+    meta.initialValue = value;
+    meta.value = value;
+    meta.key = getDefaultKey(value);
+    return;
+  }
   meta.initialValue = util.clone(meta.initialValue);
   meta.value = util.clone(meta.value);
   meta.key = util.clone(meta.key);
@@ -485,14 +496,12 @@ function createFormContext(options) {
     };
   }
   function createFormControl(type) {
-    var _latestOptions$onSche;
-    var schedule = (_latestOptions$onSche = latestOptions.onSchedule) !== null && _latestOptions$onSche !== void 0 ? _latestOptions$onSche : callback => callback();
     var control = function control() {
       var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return schedule(() => dispatch({
+      return dispatch({
         type,
         payload
-      }));
+      });
     };
     return Object.assign(control, {
       getButtonProps() {

package/form.mjs

@@ -113,7 +113,12 @@ function handleIntent(meta, intent, fields, initialized) {
         if (initialized) {
           meta.initialValue = clone(meta.initialValue);
           meta.key = clone(meta.key);
-          setListState(meta.key, intent, generateId);
+          setListState(meta.key, intent, (defaultValue, name) => {
+            if (!Array.isArray(defaultValue) && !isPlainObject(defaultValue)) {
+              return generateId();
+            }
+            return getDefaultKey(defaultValue, name);
+          });
           setListValue(meta.initialValue, intent);
         }
         setListState(meta.validated, intent);
@@ -130,6 +135,12 @@ function handleIntent(meta, intent, fields, initialized) {
   }, {});
 }
 function updateValue(meta, name, value) {
+  if (name === '') {
+    meta.initialValue = value;
+    meta.value = value;
+    meta.key = getDefaultKey(value);
+    return;
+  }
   meta.initialValue = clone(meta.initialValue);
   meta.value = clone(meta.value);
   meta.key = clone(meta.key);
@@ -481,14 +492,12 @@ function createFormContext(options) {
     };
   }
   function createFormControl(type) {
-    var _latestOptions$onSche;
-    var schedule = (_latestOptions$onSche = latestOptions.onSchedule) !== null && _latestOptions$onSche !== void 0 ? _latestOptions$onSche : callback => callback();
     var control = function control() {
       var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return schedule(() => dispatch({
+      return dispatch({
         type,
         payload
-      }));
+      });
     };
     return Object.assign(control, {
       getButtonProps() {

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.3",
+	"version": "1.0.5",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",

package/submission.d.ts

@@ -117,5 +117,5 @@ 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;
 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?: () => string): void;
+export declare function setListState(state: Record<string, unknown>, intent: InsertIntent | RemoveIntent | ReorderIntent, getDefaultValue?: (defaultValue: any, prefix?: string) => any): void;
 export declare function serialize<Schema>(defaultValue: DefaultValue<Schema>): FormValue<Schema>;

package/submission.js

@@ -239,7 +239,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()
+            defaultValue: getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue(intent.payload.defaultValue, intent.payload.name)
           })
         });
         break;

package/submission.mjs

@@ -235,7 +235,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()
+            defaultValue: getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue(intent.payload.defaultValue, intent.payload.name)
           })
         });
         break;