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

package/index.d.ts

@@ -1,3 +1,3 @@
-export { type FieldConfig, type Schema, 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,48 +1,53 @@
 function input(config) {
-  var _config$initialValue, _config$constraint, _config$constraint2, _config$constraint3, _config$constraint4, _config$constraint5, _config$constraint6, _config$constraint7;
-
   var {
     type,
     value
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var isCheckboxOrRadio = type === 'checkbox' || type === 'radio';
-  return {
+  var attributes = {
     type,
     name: config.name,
     form: config.form,
-    value: isCheckboxOrRadio ? value : undefined,
-    defaultValue: !isCheckboxOrRadio ? "".concat((_config$initialValue = config.initialValue) !== null && _config$initialValue !== void 0 ? _config$initialValue : '') : undefined,
-    defaultChecked: isCheckboxOrRadio ? config.initialValue === value : undefined,
-    required: (_config$constraint = config.constraint) === null || _config$constraint === void 0 ? void 0 : _config$constraint.required,
-    minLength: (_config$constraint2 = config.constraint) === null || _config$constraint2 === void 0 ? void 0 : _config$constraint2.minLength,
-    maxLength: (_config$constraint3 = config.constraint) === null || _config$constraint3 === void 0 ? void 0 : _config$constraint3.maxLength,
-    min: (_config$constraint4 = config.constraint) === null || _config$constraint4 === void 0 ? void 0 : _config$constraint4.min,
-    max: (_config$constraint5 = config.constraint) === null || _config$constraint5 === void 0 ? void 0 : _config$constraint5.max,
-    step: (_config$constraint6 = config.constraint) === null || _config$constraint6 === void 0 ? void 0 : _config$constraint6.step,
-    pattern: (_config$constraint7 = config.constraint) === null || _config$constraint7 === void 0 ? void 0 : _config$constraint7.pattern
+    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 = config.defaultValue === attributes.value;
+  } else {
+    attributes.defaultValue = config.defaultValue;
+  }
+
+  return attributes;
 }
 function select(config) {
-  var _config$initialValue2, _config$constraint8, _config$constraint9;
+  var _config$defaultValue;
 
   return {
     name: config.name,
     form: config.form,
-    defaultValue: "".concat((_config$initialValue2 = config.initialValue) !== null && _config$initialValue2 !== void 0 ? _config$initialValue2 : ''),
-    required: (_config$constraint8 = config.constraint) === null || _config$constraint8 === void 0 ? void 0 : _config$constraint8.required,
-    multiple: (_config$constraint9 = config.constraint) === null || _config$constraint9 === void 0 ? void 0 : _config$constraint9.multiple
+    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(config) {
-  var _config$initialValue3, _config$constraint10, _config$constraint11, _config$constraint12;
+  var _config$defaultValue2;
 
   return {
     name: config.name,
     form: config.form,
-    defaultValue: "".concat((_config$initialValue3 = config.initialValue) !== null && _config$initialValue3 !== void 0 ? _config$initialValue3 : ''),
-    required: (_config$constraint10 = config.constraint) === null || _config$constraint10 === void 0 ? void 0 : _config$constraint10.required,
-    minLength: (_config$constraint11 = config.constraint) === null || _config$constraint11 === void 0 ? void 0 : _config$constraint11.minLength,
-    maxLength: (_config$constraint12 = config.constraint) === null || _config$constraint12 === void 0 ? void 0 : _config$constraint12.maxLength
+    defaultValue: "".concat((_config$defaultValue2 = config.defaultValue) !== null && _config$defaultValue2 !== void 0 ? _config$defaultValue2 : ''),
+    required: config.required,
+    minLength: config.minLength,
+    maxLength: config.maxLength
   };
 }