@conform-to/react 1.0.0-pre.5 → 1.0.0-pre.6

package/README.md

@@ -430,7 +430,7 @@ import { Form } from 'react-router-dom';
 export default function SignupForm() {
     const [form, { email, password, confirmPassword }] = useForm({
         onValidate(context) {
-            // This enables validating each field based on the validity state and custom cosntraint if defined
+            // This enables validating each field based on the validity state and custom constraint if defined
             return validateConstraint(
               ...context,
               constraint: {

package/_virtual/_rollupPluginBabelHelpers.js

@@ -37,6 +37,33 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
 function _toPrimitive(input, hint) {
   if (typeof input !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
@@ -54,5 +81,7 @@ function _toPropertyKey(arg) {
 
 exports.defineProperty = _defineProperty;
 exports.objectSpread2 = _objectSpread2;
+exports.objectWithoutProperties = _objectWithoutProperties;
+exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
 exports.toPrimitive = _toPrimitive;
 exports.toPropertyKey = _toPropertyKey;

package/_virtual/_rollupPluginBabelHelpers.mjs

@@ -33,6 +33,33 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
 function _toPrimitive(input, hint) {
   if (typeof input !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
@@ -48,4 +75,4 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-export { _defineProperty as defineProperty, _objectSpread2 as objectSpread2, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };
+export { _defineProperty as defineProperty, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };

package/hooks.js

@@ -7,6 +7,8 @@ var dom = require('@conform-to/dom');
 var react = require('react');
 var context = require('./context.js');
 
+var _excluded = ["id"];
+
 /**
  * useLayoutEffect is client-only.
  * This basically makes it a no-op on server
@@ -30,11 +32,14 @@ function useNoValidate() {
   return noValidate;
 }
 function useForm(options) {
-  var formId = useFormId(options.id);
-  var [context$1] = react.useState(() => dom.createFormContext(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, options), {}, {
+  var {
+      id
+    } = options,
+    formConfig = _rollupPluginBabelHelpers.objectWithoutProperties(options, _excluded);
+  var formId = useFormId(id);
+  var [context$1] = react.useState(() => dom.createFormContext(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, formConfig), {}, {
     formId
   })));
-  var optionsRef = react.useRef(options);
   useSafeLayoutEffect(() => {
     document.addEventListener('input', context$1.input);
     document.addEventListener('focusout', context$1.blur);
@@ -46,17 +51,7 @@ function useForm(options) {
     };
   }, [context$1]);
   useSafeLayoutEffect(() => {
-    if (options.lastResult === optionsRef.current.lastResult) {
-      // If there is no change, do nothing
-      return;
-    }
-    if (options.lastResult) {
-      context$1.report(options.lastResult);
-    }
-  }, [context$1, options.lastResult]);
-  useSafeLayoutEffect(() => {
-    optionsRef.current = options;
-    context$1.update(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, options), {}, {
+    context$1.update(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, formConfig), {}, {
       formId
     }));
   });

package/hooks.mjs

@@ -1,8 +1,10 @@
-import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
 import { createFormContext } from '@conform-to/dom';
-import { useState, useRef, useEffect, useLayoutEffect, useId } from 'react';
+import { useState, useEffect, useLayoutEffect, useId } from 'react';
 import { useSubjectRef, useFormState, getFormMetadata, useFormContext, getFieldMetadata } from './context.mjs';
 
+var _excluded = ["id"];
+
 /**
  * useLayoutEffect is client-only.
  * This basically makes it a no-op on server
@@ -26,11 +28,14 @@ function useNoValidate() {
   return noValidate;
 }
 function useForm(options) {
-  var formId = useFormId(options.id);
-  var [context] = useState(() => createFormContext(_objectSpread2(_objectSpread2({}, options), {}, {
+  var {
+      id
+    } = options,
+    formConfig = _objectWithoutProperties(options, _excluded);
+  var formId = useFormId(id);
+  var [context] = useState(() => createFormContext(_objectSpread2(_objectSpread2({}, formConfig), {}, {
     formId
   })));
-  var optionsRef = useRef(options);
   useSafeLayoutEffect(() => {
     document.addEventListener('input', context.input);
     document.addEventListener('focusout', context.blur);
@@ -42,17 +47,7 @@ function useForm(options) {
     };
   }, [context]);
   useSafeLayoutEffect(() => {
-    if (options.lastResult === optionsRef.current.lastResult) {
-      // If there is no change, do nothing
-      return;
-    }
-    if (options.lastResult) {
-      context.report(options.lastResult);
-    }
-  }, [context, options.lastResult]);
-  useSafeLayoutEffect(() => {
-    optionsRef.current = options;
-    context.update(_objectSpread2(_objectSpread2({}, options), {}, {
+    context.update(_objectSpread2(_objectSpread2({}, formConfig), {}, {
       formId
     }));
   });

package/index.d.ts

@@ -1,4 +1,4 @@
-export { type Submission, type SubmissionResult, type FormControl, type FormId, type FieldName, requestSubmit, isFieldElement, control, } from '@conform-to/dom';
+export { type Submission, type SubmissionResult, type DefaultValue, type FormControl, type FormId, type FieldName, requestSubmit, isFieldElement, control, } from '@conform-to/dom';
 export { type FieldMetadata, type FormMetadata, FormProvider, FormStateInput, } from './context';
 export { useForm, useFormMetadata, useField } from './hooks';
 export { useInputControl } from './integrations';

package/package.json

@@ -3,7 +3,7 @@
 	"description": "Conform view adapter for react",
 	"homepage": "https://conform.guide",
 	"license": "MIT",
-	"version": "1.0.0-pre.5",
+	"version": "1.0.0-pre.6",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",
@@ -30,7 +30,7 @@
 		"url": "https://github.com/edmundhung/conform/issues"
 	},
 	"dependencies": {
-		"@conform-to/dom": "1.0.0-pre.5"
+		"@conform-to/dom": "1.0.0-pre.6"
 	},
 	"devDependencies": {
 		"@types/react": "^18.2.43",