remix-validated-form 4.1.9 → 4.2.0

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 $ npm run build:browser && npm run build:main
 
-> remix-validated-form@4.1.8 build:browser
+> remix-validated-form@4.1.9 build:browser
 > tsc --module ESNext --outDir ./browser
 
 
-> remix-validated-form@4.1.8 build:main
+> remix-validated-form@4.1.9 build:main
 > tsc --module CommonJS --outDir ./build
 

package/README.md

@@ -71,9 +71,7 @@ export const MyInput = ({ name, label }: MyInputProps) => {
     <div>
       <label htmlFor={name}>{label}</label>
       <input {...getInputProps({ id: name })} />
-      {error && (
-        <span className="my-error-class">{error}</span>
-      )}
+      {error && <span className="my-error-class">{error}</span>}
     </div>
   );
 };
@@ -92,14 +90,17 @@ export const MySubmitButton = () => {
   const disabled = isSubmitting || !isValid;
 
   return (
-    <button type="submit" disabled={disabled} className={disabled ? "disabled-btn" : "btn"}>
+    <button
+      type="submit"
+      disabled={disabled}
+      className={disabled ? "disabled-btn" : "btn"}
+    >
       {isSubmitting ? "Submitting..." : "Submit"}
     </button>
   );
 };
 ```
 
-
 ## Use the form!
 
 Now that we have our components, making a form is easy!
@@ -258,5 +259,6 @@ Problem: how do we trigger a toast message on success if the action redirects aw
 See the [Remix](https://remix.run/docs/en/v1/api/remix#sessionflashkey-value) documentation for more information.
 
 ## Why is my cancel button triggering form submission?
+
 Problem: the cancel button has an onClick handler to navigate away from the form route but instead it is submitting the form.
 A button defaults to `type="submit"` in a form which will submit the form by default. If you want to prevent this you can add `type="reset"` or `type="button"` to the cancel button.

package/browser/server.d.ts

@@ -14,7 +14,7 @@ import { ValidatorError } from "./validation/types";
  * if (result.error) return validationError(result.error, result.submittedData);
  * ```
  */
-export declare function validationError(error: ValidatorError, repopulateFields?: unknown): Response;
+export declare function validationError(error: ValidatorError, repopulateFields?: unknown, init?: ResponseInit): Response;
 export declare type FormDefaults = {
     [formDefaultsKey: `${typeof FORM_DEFAULTS_FIELD}_${string}`]: any;
 };

package/browser/server.js

@@ -14,13 +14,13 @@ import { formDefaultValuesKey, } from "./internal/constants";
  * if (result.error) return validationError(result.error, result.submittedData);
  * ```
  */
-export function validationError(error, repopulateFields) {
+export function validationError(error, repopulateFields, init) {
     return json({
         fieldErrors: error.fieldErrors,
         subaction: error.subaction,
         repopulateFields,
         formId: error.formId,
-    }, { status: 422 });
+    }, { status: 422, ...init });
 }
 export const setFormDefaults = (formId, defaultValues) => ({
     [formDefaultValuesKey(formId)]: defaultValues,

package/build/server.d.ts

@@ -14,7 +14,7 @@ import { ValidatorError } from "./validation/types";
  * if (result.error) return validationError(result.error, result.submittedData);
  * ```
  */
-export declare function validationError(error: ValidatorError, repopulateFields?: unknown): Response;
+export declare function validationError(error: ValidatorError, repopulateFields?: unknown, init?: ResponseInit): Response;
 export declare type FormDefaults = {
     [formDefaultsKey: `${typeof FORM_DEFAULTS_FIELD}_${string}`]: any;
 };

package/build/server.js

@@ -17,13 +17,13 @@ const constants_1 = require("./internal/constants");
  * if (result.error) return validationError(result.error, result.submittedData);
  * ```
  */
-function validationError(error, repopulateFields) {
+function validationError(error, repopulateFields, init) {
     return (0, server_runtime_1.json)({
         fieldErrors: error.fieldErrors,
         subaction: error.subaction,
         repopulateFields,
         formId: error.formId,
-    }, { status: 422 });
+    }, { status: 422, ...init });
 }
 exports.validationError = validationError;
 const setFormDefaults = (formId, defaultValues) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remix-validated-form",
-  "version": "4.1.9",
+  "version": "4.2.0",
   "description": "Form component and utils for easy form validation in remix",
   "browser": "./browser/index.js",
   "main": "./build/index.js",

package/src/server.ts

@@ -24,7 +24,8 @@ import {
  */
 export function validationError(
   error: ValidatorError,
-  repopulateFields?: unknown
+  repopulateFields?: unknown,
+  init?: ResponseInit
 ): Response {
   return json<ValidationErrorResponseData>(
     {
@@ -33,7 +34,7 @@ export function validationError(
       repopulateFields,
       formId: error.formId,
     },
-    { status: 422 }
+    { status: 422, ...init }
   );
 }