@cutting/react-hook-form-components 0.1.1

package/README.md

@@ -0,0 +1,9 @@
+# @cutting/react-hook-form-components
+
+Components from [@cutting/component-library](https://github.com/dagda1/cuttingedge/tree/main/packages/component-library) ready to be added to any [react-hook-form](https://react-hook-form.com/).
+
+## install
+
+```sh
+pnpm add @cutting/react-hook-form-components
+```

package/dist/esm/components/FormComponents/FormComponents.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps } from 'react';
+import { FormInput, FormTextArea } from '@cutting/component-library';
+import type { UseFormRegister, UseFormReturn } from 'react-hook-form';
+declare module 'react' {
+    function forwardRef<T, P = Record<string, unknown>>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+}
+declare type Controls = typeof FormInput | typeof FormTextArea;
+export declare type FormProps<C extends Controls, E> = ComponentProps<C> & {
+    required?: boolean;
+    className?: string;
+    errors?: E;
+} & ReturnType<UseFormRegister<any>> & Partial<Pick<UseFormReturn<any>, 'setValue'>>;
+export declare function createFormComponent(Component: Controls): <F extends HTMLElement>(props: FormProps<Controls, any> & import("react").RefAttributes<F>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const Input: <F extends HTMLElement>(props: FormProps<Controls, any> & import("react").RefAttributes<F>) => React.ReactElement | null;
+export declare const TextArea: <F extends HTMLElement>(props: FormProps<Controls, any> & import("react").RefAttributes<F>) => React.ReactElement | null;
+export {};
+//# sourceMappingURL=FormComponents.d.ts.map

package/dist/esm/components/FormComponents/FormComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,QAAQ,OAAO,CAAC;IACrB,SAAS,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChD,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,GACjE,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CACrE;AAED,aAAK,QAAQ,GAAG,OAAO,SAAS,GAAG,OAAO,YAAY,CAAC;AAEvD,oBAAY,SAAS,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC;CAGZ,GAAG,UAAU,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAElC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAGhD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,QAAQ,gMAmBtD;AAED,eAAO,MAAM,KAAK,iGArC0B,kBAAkB,GAAG,IAqCd,CAAC;AACpD,eAAO,MAAM,QAAQ,iGAtCuB,kBAAkB,GAAG,IAsCR,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/FormComponents/FormComponents';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+import{jsx as n}from"react/jsx-runtime";import{forwardRef as r}from"react";import{FormInput as e,FormTextArea as o}from"@cutting/component-library";function t(e){return r((function({onChange:r,onBlur:o,name:t,label:a,className:m,...c},i){return n(e,{innerRef:i,className:m,label:a,name:t,onChange:r,onBlur:o,...c})}))}const a=t(e),m=t(o);export{a as Input,m as TextArea,t as createFormComponent};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/FormComponents/FormComponents.tsx"],"sourcesContent":["import type { ComponentProps, Ref } from 'react';\nimport { forwardRef } from 'react';\nimport { FormInput, FormTextArea } from '@cutting/component-library';\nimport type { UseFormRegister, UseFormReturn } from 'react-hook-form';\n\ndeclare module 'react' {\n  function forwardRef<T, P = Record<string, unknown>>(\n    render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,\n  ): (props: P & React.RefAttributes<T>) => React.ReactElement | null;\n}\n\ntype Controls = typeof FormInput | typeof FormTextArea;\n\nexport type FormProps<C extends Controls, E> = ComponentProps<C> & {\n  required?: boolean;\n  className?: string;\n  errors?: E;\n  // TODO: remove any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n} & ReturnType<UseFormRegister<any>> &\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Partial<Pick<UseFormReturn<any>, 'setValue'>>;\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function createFormComponent(Component: Controls) {\n  return forwardRef(function ReactHookFormComponent<F extends HTMLElement>(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    { onChange, onBlur, name, label, className, ...props }: FormProps<typeof Component, any>,\n    ref: Ref<F>,\n  ): JSX.Element {\n    return (\n      <Component\n        innerRef={ref}\n        className={className}\n        label={label}\n        name={name}\n        onChange={onChange}\n        onBlur={onBlur}\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        {...(props as any)}\n      />\n    );\n  });\n}\n\nexport const Input = createFormComponent(FormInput);\nexport const TextArea = createFormComponent(FormTextArea);\n"],"names":["createFormComponent","Component","forwardRef","onChange","onBlur","name","label","className","props","ref","_jsx","innerRef","Input","FormInput","TextArea","FormTextArea"],"mappings":"oJAwBM,SAAUA,EAAoBC,GAClC,OAAOC,GAAW,UAEhBC,SAAEA,EAAQC,OAAEA,EAAMC,KAAEA,EAAIC,MAAEA,EAAKC,UAAEA,KAAcC,GAC/CC,GAEA,OACEC,EAACT,EAAS,CACRU,SAAUF,EACVF,UAAWA,EACXD,MAAOA,EACPD,KAAMA,EACNF,SAAUA,EACVC,OAAQA,KAEHI,GAGX,GACF,OAEaI,EAAQZ,EAAoBa,GAC5BC,EAAWd,EAAoBe"}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@cutting/react-hook-form-components",
+  "description": "components for react-hook-form.",
+  "version": "0.1.1",
+  "type": "module",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dagda1/cuttingedge.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@cutting/component-library": "5.32.0",
+    "@cutting/util": "4.55.1",
+    "assert-ts": "^0.3.4",
+    "react-hook-form": "7.39.1"
+  },
+  "devDependencies": {
+    "@cutting/devtools": "4.60.0",
+    "@cutting/eslint-config": "4.42.0",
+    "@cutting/tsconfig": "4.38.0",
+    "@cutting/useful-types": "4.38.0",
+    "@types/react": "18.0.21",
+    "@vanilla-extract/css": "^1.9.1",
+    "eslint": "8.24.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-syntax-highlighter": "15.5.0",
+    "typescript": "4.8.4"
+  },
+  "peerDependencies": {
+    "react": ">= 18.x.x",
+    "react-dom": ">= 18.x.x"
+  },
+  "keywords": [
+    "react-hook-form",
+    "focus",
+    "react",
+    "reactjs",
+    "reactnative",
+    "hooks",
+    "hook",
+    "hooks"
+  ],
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "exports": {
+    "import": "./dist/esm/index.js"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/esm/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "start": "echo no demo",
+    "test": "echo no tests yet",
+    "lint": "eslint ./src/**/*.{ts,tsx} --fix",
+    "lint:fix": "pnpm lint --fix",
+    "build": "NODE_ENV=production devtools rollup"
+  }
+}