@conform-to/react 0.3.0 → 0.4.0-pre.0

package/index.d.ts

@@ -1,3 +1,3 @@
-export { type FormState, type FieldsetConstraint, type Schema, type Submission, createSubmission, createValidate, } from '@conform-to/dom';
+export { type FieldsetConstraint, type FormState, type Submission, hasError, isFieldElement, parse, reportValidity, } from '@conform-to/dom';
 export * from './hooks';
 export * as conform from './helpers';

package/index.js

@@ -8,13 +8,21 @@ var helpers = require('./helpers.js');
 
 
 
-Object.defineProperty(exports, 'createSubmission', {
+Object.defineProperty(exports, 'hasError', {
 	enumerable: true,
-	get: function () { return dom.createSubmission; }
+	get: function () { return dom.hasError; }
 });
-Object.defineProperty(exports, 'createValidate', {
+Object.defineProperty(exports, 'isFieldElement', {
 	enumerable: true,
-	get: function () { return dom.createValidate; }
+	get: function () { return dom.isFieldElement; }
+});
+Object.defineProperty(exports, 'parse', {
+	enumerable: true,
+	get: function () { return dom.parse; }
+});
+Object.defineProperty(exports, 'reportValidity', {
+	enumerable: true,
+	get: function () { return dom.reportValidity; }
 });
 exports.useControlledInput = hooks.useControlledInput;
 exports.useFieldList = hooks.useFieldList;

package/module/helpers.js

@@ -18,6 +18,10 @@ function input(config) {
     multiple: config.multiple
   };
 
+  if (config.initialError && config.initialError.length > 0) {
+    attributes.autoFocus = true;
+  }
+
   if (isCheckboxOrRadio) {
     attributes.value = value !== null && value !== void 0 ? value : 'on';
     attributes.defaultChecked = config.defaultValue === attributes.value;
@@ -30,25 +34,38 @@ function input(config) {
 function select(config) {
   var _config$defaultValue;
 
-  return {
+  var attributes = {
     name: config.name,
     form: config.form,
     defaultValue: config.multiple ? Array.isArray(config.defaultValue) ? config.defaultValue : [] : "".concat((_config$defaultValue = config.defaultValue) !== null && _config$defaultValue !== void 0 ? _config$defaultValue : ''),
     required: config.required,
     multiple: config.multiple
   };
+
+  if (config.initialError && config.initialError.length > 0) {
+    attributes.autoFocus = true;
+  }
+
+  return attributes;
 }
 function textarea(config) {
   var _config$defaultValue2;
 
-  return {
+  var attributes = {
     name: config.name,
     form: config.form,
     defaultValue: "".concat((_config$defaultValue2 = config.defaultValue) !== null && _config$defaultValue2 !== void 0 ? _config$defaultValue2 : ''),
     required: config.required,
     minLength: config.minLength,
-    maxLength: config.maxLength
+    maxLength: config.maxLength,
+    autoFocus: Boolean(config.initialError)
   };
+
+  if (config.initialError && config.initialError.length > 0) {
+    attributes.autoFocus = true;
+  }
+
+  return attributes;
 }
 
 export { input, select, textarea };