react-form-action 2.0.0 → 2.0.1

package/README.md

@@ -40,7 +40,7 @@ npm i react-form-action zod-form-data
 #### 1️⃣ Create a Server Action
 
 ```tsx
-// app/subscibe/action.ts
+// app/subscribe/action.ts
 "use server";
 
 import { formAction } from "react-form-action";
@@ -56,7 +56,7 @@ export const subscribeAction = formAction
 #### 2️⃣ Create a Client Form Component
 
 ```tsx
-// app/subscibe/SubscribeForm.tsx
+// app/subscribe/SubscribeForm.tsx
 "use client";
 
 import {
@@ -107,12 +107,10 @@ function SubmitButton() {
 #### 3️⃣ Render the form on a Page
 
 ```tsx
-// app/subscibe/page.tsx
+// app/subscribe/page.tsx
 
 import { SubscribeForm } from "./SubscribeForm";
 
-function SuccessMessage() {}
-
 export function Page() {
   return <SubscribeForm />;
 }

package/dist/client.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { PropsWithChildren, FormHTMLAttributes } from 'react';
+import React__default, { PropsWithChildren, JSX } from 'react';
 import { b as FormAction, A as ActionState, a as InitialState, I as InvalidState, F as FailureState, S as SuccessState } from './createFormAction-277e6e21.js';
 import { ZodFormattedError } from 'zod';
 import { RenderProp } from 'react-render-prop-type';
@@ -33,7 +33,7 @@ type SpreadActionContext<Data = unknown, Error = unknown, ValidationError = unkn
 declare function useActionContext<Data, Error, ValidationError>(action?: FormAction<Data, Error, ValidationError>): SpreadActionContext<Data, Error, ValidationError>;
 declare function Action<Data, Error, ValidationError>({ children, action: formAction, initialData, permalink, }: ActionProps<Data, Error, ValidationError>): React__default.JSX.Element;
 
-type ActionFormProps = Omit<FormHTMLAttributes<HTMLFormElement>, "action"> & {
+type FormProps = Omit<JSX.IntrinsicElements["form"], "action"> & {
     /**
      * Opt-in into automatic form reset by using the form "action" prop.
      * By default, the onSubmit with a custom transition which opts-out of the implicit form reset.
@@ -42,7 +42,7 @@ type ActionFormProps = Omit<FormHTMLAttributes<HTMLFormElement>, "action"> & {
      */
     autoReset?: boolean;
 };
-declare function ActionForm({ autoReset, ...props }: ActionFormProps): React__default.JSX.Element;
+declare function Form({ autoReset, ...props }: FormProps): JSX.Element;
 
 declare const SEPARATOR: ".";
 type Paths<Err> = {
@@ -73,4 +73,4 @@ declare function FormStatus({ children, }: RenderProp<ReturnType<typeof useFormS
  */
 declare function Pending({ children }: PropsWithChildren): React.ReactNode;
 
-export { Action, ActionContextState, ActionForm, ActionFormProps, ActionProps, FormStatus, InferZodErrorPaths, Paths, Pending, ZodFieldError, ZodFieldErrorProps, createComponents, useActionContext };
+export { Action, ActionContextState, ActionProps, Form, FormProps, FormStatus, InferZodErrorPaths, Paths, Pending, ZodFieldError, ZodFieldErrorProps, createComponents, useActionContext };

package/dist/client.mjs

@@ -1 +1 @@
-"use client";import{a as p}from"./chunk-HL47DG4L.mjs";import f from"react";import{createContext as E,use as x}from"react";import{useActionState as A}from"react";var c={isInitial:!1,isInvalid:!1,isFailure:!1,isSuccess:!1},m=E(null);function a(t){let o=x(m);if(!o)throw new Error("ActionContext must be initialized before use. Is your useActionContext hook wrapped with an <Action> Component?");return o}function v({children:t,action:o,initialData:e,permalink:n}){let[r,i,s]=A(o,p(e),n),d=r.type==="initial"?{...r,...c,action:i,isPending:s,isInitial:!0}:r.type==="invalid"?{...r,...c,action:i,isPending:s,isInvalid:!0}:r.type==="failure"?{...r,...c,action:i,isPending:s,isFailure:!0}:{...r,...c,action:i,isPending:s,isSuccess:!0};return f.createElement(m,{value:d},t)}import F,{startTransition as y}from"react";function b({autoReset:t=!1,...o}){let{action:e}=a();return F.createElement("form",{...t?{action:e}:{onSubmit:r=>{r.preventDefault();let i=r.currentTarget;y(()=>{e(new FormData(i))})}},...o})}import h from"react";import l from"react";var S=".",P=Object.freeze({_errors:Object.freeze([])});function u({errors:t,name:o="",children:e=({errors:n})=>l.createElement(l.Fragment,null,n[0])}){if(o.length===0)return e({errors:t._errors});let n=o.split(S),r=t;for(;n.length;){let i=n.shift();r=r[i]??P}return e({errors:r._errors})}function L(t){function o({name:e}){let{isInvalid:n,validationError:r}=a(t);return n&&h.createElement(u,{errors:r,name:e})}return{FieldError:o}}import{useFormStatus as C}from"react-dom";function $({children:t}){return t(C())}function G({children:t}){let{isPending:o}=a();return o&&t}export{v as Action,b as ActionForm,$ as FormStatus,G as Pending,u as ZodFieldError,L as createComponents,a as useActionContext};
+"use client";import{a as c}from"./chunk-HL47DG4L.mjs";import f from"react";import{createContext as E,use as x}from"react";import{useActionState as S}from"react";var p={isInitial:!1,isInvalid:!1,isFailure:!1,isSuccess:!1},m=E(null);function a(t){let o=x(m);if(!o)throw new Error("ActionContext must be initialized before use. Is your useActionContext hook wrapped with an <Action> Component?");return o}function v({children:t,action:o,initialData:e,permalink:n}){let[r,i,s]=S(o,c(e),n),d=r.type==="initial"?{...r,...p,action:i,isPending:s,isInitial:!0}:r.type==="invalid"?{...r,...p,action:i,isPending:s,isInvalid:!0}:r.type==="failure"?{...r,...p,action:i,isPending:s,isFailure:!0}:{...r,...p,action:i,isPending:s,isSuccess:!0};return f.createElement(m,{value:d},t)}import y,{startTransition as A}from"react";function V({autoReset:t=!1,...o}){let{action:e}=a();return y.createElement("form",{...t?{action:e}:{onSubmit:r=>{r.preventDefault();let i=r.currentTarget;A(()=>{e(new FormData(i))})}},...o})}import h from"react";import l from"react";var F=".",P=Object.freeze({_errors:Object.freeze([])});function u({errors:t,name:o="",children:e=({errors:n})=>l.createElement(l.Fragment,null,n[0])}){if(o.length===0)return e({errors:t._errors});let n=o.split(F),r=t;for(;n.length;){let i=n.shift();r=r[i]??P}return e({errors:r._errors})}function $(t){function o({name:e}){let{isInvalid:n,validationError:r}=a(t);return n&&h.createElement(u,{errors:r,name:e})}return{FieldError:o}}import{useFormStatus as C}from"react-dom";function X({children:t}){return t(C())}function q({children:t}){let{isPending:o}=a();return o&&t}export{v as Action,V as Form,X as FormStatus,q as Pending,u as ZodFieldError,$ as createComponents,a as useActionContext};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-form-action",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "State management helpers for the react form actions.",
   "repository": {
     "type": "git",