@inpulse-ui/form 3.0.0

package/README.md

@@ -0,0 +1,23 @@
+# @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.
+
+## Installation
+
+```sh
+pnpm add @inpulse-ui/form
+# or
+bun add @inpulse-ui/form
+# or
+yarn add @inpulse-ui/form
+# or
+npm install @inpulse-ui/form
+```
+
+## Documentation
+
+Visit https://ui.inpulse.cx/components/forms/form to view the documentation.
+
+## License
+
+Licensed under the [MIT license](https://github.com/inpulse-cx/ui/blob/main/LICENSE).

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { UseFormReturn, SubmitHandler, FieldValues } from 'react-hook-form';
+
+declare const Form: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & UseFormReturn<any, any, any> & {
+    children?: ReactNode;
+    onSubmit?: SubmitHandler<FieldValues>;
+} & React.RefAttributes<HTMLFormElement>>;
+
+export { Form };

package/dist/index.js

@@ -0,0 +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});

package/dist/index.m.js

@@ -0,0 +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};

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@inpulse-ui/form",
+  "version": "3.0.0",
+  "keywords": [
+    "form"
+  ],
+  "author": "Jo Santana <josantana@gmail.com>",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://ui.inpulse.cx",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/inpulse-cx/ui.git",
+    "directory": "packages/components/form"
+  },
+  "bugs": {
+    "url": "https://github.com/inpulse-cx/ui/issues"
+  },
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.m.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.m.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "link:local": "pnpm link --global --silent",
+    "build": "tsup && rimraf dist/*.d.mts",
+    "build:watch": "tsup --watch",
+    "check": "tsc",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+    "release": "npm publish",
+    "prepublishOnly": "pnpm build && pnpm check"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.78 || ^19.0",
+    "@types/react-dom": "^18.2 || ^19.0",
+    "typescript": "^5.0"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^5.2",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "react": "^18.2 || ^19.0",
+    "react-dom": "^18.2 || ^19.0",
+    "react-hook-form": "^7.6",
+    "tailwindcss": "^4.1",
+    "zod": "^4.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  }
+}