@inpulse-ui/form 3.0.0 → 3.0.1

package/README.md

@@ -1,6 +1,6 @@
 # @inpulse-ui/form
 
-An abstraction layer so that you can put together your form very close to how you would in the pre-React world.
+An abstraction layer so that you can put together your form very closely to how you would in the pre-React world.
 
 ## Installation
 

package/dist/index.d.ts

@@ -1,9 +1,14 @@
-import React, { ReactNode } from 'react';
-import { UseFormReturn, SubmitHandler, FieldValues } from 'react-hook-form';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
-declare const Form: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & UseFormReturn<any, any, any> & {
+type FormProps<TFieldValues extends FieldValues = FieldValues> = Omit<ComponentPropsWithoutRef<"form">, "onSubmit"> & UseFormReturn<TFieldValues> & {
     children?: ReactNode;
-    onSubmit?: SubmitHandler<FieldValues>;
-} & React.RefAttributes<HTMLFormElement>>;
+    onSubmit?: SubmitHandler<TFieldValues>;
+};
+declare const Form: {
+    <TFieldValues extends FieldValues = FieldValues>(props: FormProps<TFieldValues>): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
 
 export { Form };

package/dist/index.js

@@ -1 +1 @@
-"use strict";var n=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var x=(r,e)=>{for(var t in e)n(r,t,{get:e[t],enumerable:!0})},M=(r,e,t,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of W(e))!k.call(r,o)&&o!==t&&n(r,o,{get:()=>e[o],enumerable:!(m=U(e,o))||m.enumerable});return r};var T=r=>M(n({},"__esModule",{value:!0}),r);var z={};x(z,{Form:()=>f});module.exports=T(z);var l=require("react"),a=require("react-hook-form"),i=require("react/jsx-runtime"),f=(0,l.forwardRef)((r,e)=>{let{children:t,onSubmit:m,handleSubmit:o,control:c,register:d,formState:u,watch:p,getValues:F,setValue:h,reset:R,trigger:b,setError:g,clearErrors:S,unregister:y,setFocus:P,getFieldState:E,resetField:V,subscribe:N,...s}=r;if(!t)return console&&console.log('The "Form" component cannot be rendered. Missing "children".'),null;let v={handleSubmit:o,control:c,register:d,formState:u,watch:p,getValues:F,setValue:h,reset:R,trigger:b,setError:g,clearErrors:S,unregister:y,setFocus:P,getFieldState:E,resetField:V,subscribe:N},w=m?{onSubmit:o((C,H)=>m(C,H)),...s}:{...s};return(0,i.jsx)(a.FormProvider,{...v,children:(0,i.jsx)("form",{ref:e,...w,children:t})})});f.displayName="Form";0&&(module.exports={Form});
+"use strict";var s=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var H=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},U=(o,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of C(e))!E.call(o,t)&&t!==r&&s(o,t,{get:()=>e[t],enumerable:!(i=v(e,t))||i.enumerable});return o};var W=o=>U(s({},"__esModule",{value:!0}),o);var w={};H(w,{Form:()=>d});module.exports=W(w);var u=require("react-hook-form"),l=require("react/jsx-runtime"),d=o=>{let{children:e,onSubmit:r,handleSubmit:i,control:t,register:a,formState:c,watch:m,getValues:F,setValue:f,reset:p,trigger:b,setError:V,clearErrors:h,unregister:g,setFocus:S,getFieldState:P,resetField:R,...n}=o;if(!e)return console&&console.log('The "Form" component cannot be rendered. Missing "children".'),null;let T={handleSubmit:i,control:t,register:a,formState:c,watch:m,getValues:F,setValue:f,reset:p,trigger:b,setError:V,clearErrors:h,unregister:g,setFocus:S,getFieldState:P,resetField:R,subscribe:o?.subscribe||m},y=r?{onSubmit:i((x,N)=>r(x,N)),...n}:{...n};return(0,l.jsx)(u.FormProvider,{...T,children:(0,l.jsx)("form",{...y,children:e})})};d.displayName="Form";0&&(module.exports={Form});

package/dist/index.m.js

@@ -1 +1 @@
-import{forwardRef as C}from"react";import{FormProvider as H}from"react-hook-form";import{jsx as m}from"react/jsx-runtime";var U=C((n,i)=>{let{children:e,onSubmit:r,handleSubmit:o,control:s,register:l,formState:a,watch:f,getValues:c,setValue:d,reset:u,trigger:p,setError:F,clearErrors:h,unregister:R,setFocus:b,getFieldState:g,resetField:S,subscribe:y,...t}=n;if(!e)return console&&console.log('The "Form" component cannot be rendered. Missing "children".'),null;let P={handleSubmit:o,control:s,register:l,formState:a,watch:f,getValues:c,setValue:d,reset:u,trigger:p,setError:F,clearErrors:h,unregister:R,setFocus:b,getFieldState:g,resetField:S,subscribe:y},E=r?{onSubmit:o((V,N)=>r(V,N)),...t}:{...t};return m(H,{...P,children:m("form",{ref:i,...E,children:e})})});U.displayName="Form";export{U as Form};
+import{FormProvider as N}from"react-hook-form";import{jsx as l}from"react/jsx-runtime";var v=e=>{let{children:o,onSubmit:r,handleSubmit:t,control:m,register:n,formState:u,watch:i,getValues:d,setValue:a,reset:c,trigger:F,setError:f,clearErrors:p,unregister:b,setFocus:V,getFieldState:h,resetField:g,...s}=e;if(!o)return console&&console.log('The "Form" component cannot be rendered. Missing "children".'),null;let S={handleSubmit:t,control:m,register:n,formState:u,watch:i,getValues:d,setValue:a,reset:c,trigger:F,setError:f,clearErrors:p,unregister:b,setFocus:V,getFieldState:h,resetField:g,subscribe:e?.subscribe||i},P=r?{onSubmit:t((R,T)=>r(R,T)),...s}:{...s};return l(N,{...S,children:l("form",{...P,children:o})})};v.displayName="Form";export{v as Form};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inpulse-ui/form",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "keywords": [
     "form"
   ],