remix-validated-form 3.3.0 → 3.3.1

package/.turbo/turbo-build.log

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

package/README.md

@@ -63,7 +63,7 @@ type MyInputProps = {
   label: string;
 };
 
-export const MyInput = ({ name, label }: InputProps) => {
+export const MyInput = ({ name, label }: MyInputProps) => {
   const { error, getInputProps } = useField(name);
   return (
     <div>
@@ -257,4 +257,4 @@ See the [Remix](https://remix.run/docs/en/v1/api/remix#sessionflashkey-value) do
 
 ## 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.
+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/internal/getInputProps.d.ts

@@ -14,8 +14,10 @@ export declare type CreateGetInputPropsOptions = {
     validationBehavior?: Partial<ValidationBehaviorOptions>;
     name: string;
 };
-declare type HandledProps = "name" | "defaultValue";
-declare type Callbacks = "onChange" | "onBlur";
-export declare type GetInputProps = <T extends Record<string, any>>(props?: Omit<T, HandledProps | Callbacks> & Partial<Pick<T, Callbacks>>) => T;
+declare type OmitHandledProps = {
+    name?: never;
+    defaultValue?: never;
+};
+export declare type GetInputProps = <T extends Record<string, any>>(props?: T & OmitHandledProps) => T;
 export declare const createGetInputProps: ({ clearError, validate, defaultValue, touched, setTouched, hasBeenSubmitted, validationBehavior, name, }: CreateGetInputPropsOptions) => GetInputProps;
 export {};

package/browser/internal/useMultiValueMap.d.ts

@@ -0,0 +1 @@
+export declare const useMultiValueMap: <Key, Value>() => () => any;

package/browser/internal/useMultiValueMap.js

@@ -0,0 +1,11 @@
+import { MultiValueMap } from "multi-value-map";
+import { useRef } from "react";
+export const useMultiValueMap = () => {
+    const ref = useRef(null);
+    return () => {
+        if (ref.current)
+            return ref.current;
+        ref.current = new MultiValueMap();
+        return ref.current;
+    };
+};

package/build/internal/getInputProps.d.ts

@@ -14,8 +14,10 @@ export declare type CreateGetInputPropsOptions = {
     validationBehavior?: Partial<ValidationBehaviorOptions>;
     name: string;
 };
-declare type HandledProps = "name" | "defaultValue";
-declare type Callbacks = "onChange" | "onBlur";
-export declare type GetInputProps = <T extends Record<string, any>>(props?: Omit<T, HandledProps | Callbacks> & Partial<Pick<T, Callbacks>>) => T;
+declare type OmitHandledProps = {
+    name?: never;
+    defaultValue?: never;
+};
+export declare type GetInputProps = <T extends Record<string, any>>(props?: T & OmitHandledProps) => T;
 export declare const createGetInputProps: ({ clearError, validate, defaultValue, touched, setTouched, hasBeenSubmitted, validationBehavior, name, }: CreateGetInputPropsOptions) => GetInputProps;
 export {};

package/package.json

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

package/src/internal/getInputProps.ts

@@ -17,11 +17,12 @@ export type CreateGetInputPropsOptions = {
   name: string;
 };
 
-type HandledProps = "name" | "defaultValue";
-type Callbacks = "onChange" | "onBlur";
+// Using Omit<T, HandledProps> breaks type inference sometimes for some reason.
+// Doing T & OmitHandledProps gives us the same behavior without breaking type inference.
+type OmitHandledProps = { name?: never; defaultValue?: never };
 
 export type GetInputProps = <T extends Record<string, any>>(
-  props?: Omit<T, HandledProps | Callbacks> & Partial<Pick<T, Callbacks>>
+  props?: T & OmitHandledProps
 ) => T;
 
 const defaultValidationBehavior: ValidationBehaviorOptions = {