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

package/index.d.ts

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

package/index.js

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

package/module/helpers.js

@@ -1,4 +1,4 @@
-function input(props) {
+function input(config) {
   var {
     type,
     value
@@ -6,50 +6,48 @@ function input(props) {
   var isCheckboxOrRadio = type === 'checkbox' || type === 'radio';
   var attributes = {
     type,
-    name: props.name,
-    form: props.form,
-    required: props.required,
-    minLength: props.minLength,
-    maxLength: props.maxLength,
-    min: props.min,
-    max: props.max,
-    step: props.step,
-    pattern: props.pattern,
-    multiple: props.multiple
+    name: config.name,
+    form: config.form,
+    required: config.required,
+    minLength: config.minLength,
+    maxLength: config.maxLength,
+    min: config.min,
+    max: config.max,
+    step: config.step,
+    pattern: config.pattern,
+    multiple: config.multiple
   };
 
   if (isCheckboxOrRadio) {
     attributes.value = value !== null && value !== void 0 ? value : 'on';
-    attributes.defaultChecked = props.defaultValue === attributes.value;
+    attributes.defaultChecked = config.defaultValue === attributes.value;
   } else {
-    var _props$defaultValue;
-
-    attributes.defaultValue = "".concat((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : '');
+    attributes.defaultValue = config.defaultValue;
   }
 
   return attributes;
 }
-function select(props) {
-  var _props$defaultValue2;
+function select(config) {
+  var _config$defaultValue;
 
   return {
-    name: props.name,
-    form: props.form,
-    defaultValue: props.multiple ? Array.isArray(props.defaultValue) ? props.defaultValue : [] : "".concat((_props$defaultValue2 = props.defaultValue) !== null && _props$defaultValue2 !== void 0 ? _props$defaultValue2 : ''),
-    required: props.required,
-    multiple: props.multiple
+    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
   };
 }
-function textarea(props) {
-  var _props$defaultValue3;
+function textarea(config) {
+  var _config$defaultValue2;
 
   return {
-    name: props.name,
-    form: props.form,
-    defaultValue: "".concat((_props$defaultValue3 = props.defaultValue) !== null && _props$defaultValue3 !== void 0 ? _props$defaultValue3 : ''),
-    required: props.required,
-    minLength: props.minLength,
-    maxLength: props.maxLength
+    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
   };
 }