@conform-to/react 1.10.0 → 1.10.1

package/README.md

@@ -7,7 +7,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 ```
 
-Version 1.10.0 / License MIT / Copyright (c) 2025 Edmund Hung
+Version 1.10.1 / License MIT / Copyright (c) 2025 Edmund Hung
 
 Progressively enhance HTML forms with React. Build resilient, type-safe forms with no hassle using web standards.
 

package/dist/future/hooks.d.ts

@@ -1,6 +1,7 @@
 import { type Serialize, type SubmissionResult, serialize } from '@conform-to/dom/future';
 import { useEffect } from 'react';
 import type { FormContext, DefaultMetadata, IntentDispatcher, FormMetadata, Fieldset, FormOptions, FieldName, FieldMetadata, Control, Selector, UseFormDataOptions, ValidateHandler, ErrorHandler, SubmitHandler, FormState, FormRef } from './types';
+export declare const INITIAL_KEY = "INITIAL_KEY";
 export declare const FormConfig: import("react").Context<{
     intentName: string;
     observer: {

package/dist/future/hooks.js

@@ -12,6 +12,7 @@ var intent = require('./intent.js');
 var dom = require('./dom.js');
 var jsxRuntime = require('react/jsx-runtime');
 
+var INITIAL_KEY = 'INITIAL_KEY';
 var FormConfig = /*#__PURE__*/react.createContext({
   intentName: future.DEFAULT_INTENT_NAME,
   observer: future.createGlobalFormsObserver(),
@@ -51,7 +52,7 @@ function useConform(formRef, options) {
     lastResult
   } = options;
   var [state$1, setState] = react.useState(() => {
-    var state$1 = state.initializeState();
+    var state$1 = state.initializeState(INITIAL_KEY);
     if (lastResult) {
       state$1 = state.updateState(state$1, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, lastResult), {}, {
         type: 'initialize',
@@ -746,6 +747,7 @@ function useLatest(value) {
 exports.Form = Form;
 exports.FormConfig = FormConfig;
 exports.FormProvider = FormProvider;
+exports.INITIAL_KEY = INITIAL_KEY;
 exports.useConform = useConform;
 exports.useControl = useControl;
 exports.useField = useField;

package/dist/future/hooks.mjs

@@ -8,6 +8,7 @@ import { deserializeIntent, actionHandlers, applyIntent } from './intent.mjs';
 import { focusFirstInvalidField, getFormElement, createIntentDispatcher, createDefaultSnapshot, getRadioGroupValue, getCheckboxGroupValue, getInputSnapshot, makeInputFocusable, initializeField, updateFormValue, getSubmitEvent } from './dom.mjs';
 import { jsx } from 'react/jsx-runtime';
 
+var INITIAL_KEY = 'INITIAL_KEY';
 var FormConfig = /*#__PURE__*/createContext({
   intentName: DEFAULT_INTENT_NAME,
   observer: createGlobalFormsObserver(),
@@ -47,7 +48,7 @@ function useConform(formRef, options) {
     lastResult
   } = options;
   var [state, setState] = useState(() => {
-    var state = initializeState();
+    var state = initializeState(INITIAL_KEY);
     if (lastResult) {
       state = updateState(state, _objectSpread2(_objectSpread2({}, lastResult), {}, {
         type: 'initialize',
@@ -739,4 +740,4 @@ function useLatest(value) {
   return ref;
 }
 
-export { Form, FormConfig, FormProvider, useConform, useControl, useField, useForm, useFormContext, useFormData, useFormMetadata, useIntent, useLatest, useSafeLayoutEffect };
+export { Form, FormConfig, FormProvider, INITIAL_KEY, useConform, useControl, useField, useForm, useFormContext, useFormData, useFormMetadata, useIntent, useLatest, useSafeLayoutEffect };

package/dist/future/state.d.ts

@@ -1,6 +1,6 @@
 import { type ValidationAttributes, type Serialize } from '@conform-to/dom/future';
 import type { DefaultMetadata, FieldMetadata, FieldName, Fieldset, FormContext, FormMetadata, FormState, FormAction, UnknownIntent, ActionHandler } from './types';
-export declare function initializeState<ErrorShape>(): FormState<ErrorShape>;
+export declare function initializeState<ErrorShape>(resetKey?: string): FormState<ErrorShape>;
 /**
  * Updates form state based on action type:
  * - Client actions: update intended value and client errors

package/dist/future/state.js

@@ -6,9 +6,9 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.j
 var future = require('@conform-to/dom/future');
 var util = require('./util.js');
 
-function initializeState() {
+function initializeState(resetKey) {
   return {
-    resetKey: util.generateUniqueKey(),
+    resetKey: resetKey !== null && resetKey !== void 0 ? resetKey : util.generateUniqueKey(),
     listKeys: {},
     clientIntendedValue: null,
     serverIntendedValue: null,

package/dist/future/state.mjs

@@ -2,9 +2,9 @@ import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelH
 import { getPathSegments, getRelativePath, appendPathSegment, deepEqual, getValueAtPath, formatPathSegments, serialize } from '@conform-to/dom/future';
 import { generateUniqueKey, merge, getArrayAtPath } from './util.mjs';
 
-function initializeState() {
+function initializeState(resetKey) {
   return {
-    resetKey: generateUniqueKey(),
+    resetKey: resetKey !== null && resetKey !== void 0 ? resetKey : generateUniqueKey(),
     listKeys: {},
     clientIntendedValue: null,
     serverIntendedValue: null,

package/dist/future/types.d.ts

@@ -274,7 +274,7 @@ export type FormMetadata<ErrorShape, Metadata extends Record<string, unknown> =
     touched: boolean;
     /** Whether the form currently has no validation errors. */
     valid: boolean;
-    /** @deprecated Use `.valid` instead. This was not an intentionl breaking change and would be removed in the next minor version soon  */
+    /** @deprecated Use `.valid` instead. This was not an intentional breaking change and would be removed in the next minor version soon  */
     invalid: boolean;
     /** Form-level validation errors, if any exist. */
     errors: ErrorShape[] | undefined;
@@ -293,7 +293,7 @@ export type FormMetadata<ErrorShape, Metadata extends Record<string, unknown> =
     /** Method to get metadata for a specific field by name. */
     getField<FieldShape>(name: FieldName<FieldShape>): FieldMetadata<FieldShape, Metadata>;
     /** Method to get a fieldset object for nested object fields. */
-    getFieldset<FieldShape>(name: FieldName<FieldShape>): Fieldset<[
+    getFieldset<FieldShape>(name?: FieldName<FieldShape>): Fieldset<[
         FieldShape
     ] extends [Record<string, unknown> | null | undefined] ? FieldShape : unknown, Metadata>;
     /** Method to get an array of field objects for array fields. */

package/package.json

@@ -3,7 +3,7 @@
   "description": "Conform view adapter for react",
   "homepage": "https://conform.guide",
   "license": "MIT",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -41,7 +41,7 @@
     "url": "https://github.com/edmundhung/conform/issues"
   },
   "dependencies": {
-    "@conform-to/dom": "1.10.0"
+    "@conform-to/dom": "1.10.1"
   },
   "devDependencies": {
     "@babel/core": "^7.17.8",