@cutting/react-hook-form-components 0.4.5 → 0.4.6

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

@@ -1,17 +1,13 @@
-import type { ComponentProps } from 'react';
+import type { FunctionComponent, ReactNode } 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;
-}
-type Controls = typeof FormInput | typeof FormTextArea;
-export type FormProps<C extends Controls, E> = ComponentProps<C> & {
+import type { FieldValues, UseFormRegister, UseFormReturn } from 'react-hook-form';
+import type { FormElementFromComponent, ComponentProps } from '@cutting/component-library';
+export type FormProps<C extends FunctionComponent<any>> = 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 {};
+    errors?: unknown;
+} & ReturnType<UseFormRegister<FieldValues>> & Partial<Pick<UseFormReturn<FieldValues>, 'setValue'>>;
+export declare function createFormComponent<C extends FunctionComponent<any>>(Component: C): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<ComponentProps<C>> & import("react").RefAttributes<FormElementFromComponent<C>>>;
+export declare const Input: (props: FormProps<typeof FormInput>) => ReactNode;
+export declare const TextArea: (props: FormProps<typeof FormTextArea>) => ReactNode;
 //# sourceMappingURL=FormComponents.d.ts.map

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

@@ -1 +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,KAAK,QAAQ,GAAG,OAAO,SAAS,GAAG,OAAO,YAAY,CAAC;AAEvD,MAAM,MAAM,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"}
+{"version":3,"file":"FormComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormComponents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE3F,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,UAAU,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,GAC1C,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAGxD,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,8JAOjF;AAKD,eAAO,MAAM,KAAK,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,SAAS,CAAC,KAAK,SAA0C,CAAC;AACvG,eAAO,MAAM,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,YAAY,CAAC,KAAK,SAA6C,CAAC"}

package/dist/esm/index.js

@@ -1,2 +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};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormInput as n,FormTextArea as o}from"@cutting/component-library";function e(n){return t((function(t,o){return r(n,{innerRef:o,...t})}))}const i=e(n),m=e(o);export{i as Input,m as TextArea,e as createFormComponent};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sources":["../../src/components/FormComponents/FormComponents.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { FunctionComponent, ReactNode, Ref } from 'react';\nimport { forwardRef } from 'react';\nimport { FormInput, FormTextArea } from '@cutting/component-library';\nimport type { FieldValues, UseFormRegister, UseFormReturn } from 'react-hook-form';\nimport type { FormElementFromComponent, ComponentProps } from '@cutting/component-library';\n\nexport type FormProps<C extends FunctionComponent<any>> = ComponentProps<C> & {\n  required?: boolean;\n  className?: string;\n  errors?: unknown;\n} & ReturnType<UseFormRegister<FieldValues>> &\n  Partial<Pick<UseFormReturn<FieldValues>, 'setValue'>>;\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function createFormComponent<C extends FunctionComponent<any>>(Component: C) {\n  return forwardRef<FormElementFromComponent<typeof Component>, ComponentProps<C>>(function ReactHookFormComponent(\n    props: FormProps<typeof Component>,\n    ref: Ref<FormElementFromComponent<typeof Component>>,\n  ) {\n    return <Component innerRef={ref} {...(props as any)} />;\n  });\n}\n\n// TODO: remove annotations.  Currently weird type error\n// The inferred type of 'Input' cannot be named without a reference to '@cutting/component-library/node_modules/@types/react'.\n// This is likely not portable. A type annotation is necessary.\nexport const Input: (props: FormProps<typeof FormInput>) => ReactNode = createFormComponent(FormInput);\nexport const TextArea: (props: FormProps<typeof FormTextArea>) => ReactNode = createFormComponent(FormTextArea);\n"],"names":["createFormComponent","Component","forwardRef","props","ref","_jsx","innerRef","Input","FormInput","TextArea","FormTextArea"],"mappings":"oJAeM,SAAUA,EAAsDC,GACpE,OAAOC,GAA0E,SAC/EC,EACAC,GAEA,OAAOC,EAACJ,EAAU,CAAAK,SAAUF,KAAUD,GACxC,GACF,OAKaI,EAA2DP,EAAoBQ,GAC/EC,EAAiET,EAAoBU"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cutting/react-hook-form-components",
   "description": "components for react-hook-form.",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "type": "module",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -16,18 +16,20 @@
   "license": "MIT",
   "dependencies": {
     "assert-ts": "^0.3.4",
-    "react-hook-form": "7.44.1",
-    "@cutting/component-library": "5.39.2",
+    "react-hook-form": "7.44.3",
+    "@cutting/component-library": "5.40.0",
     "@cutting/util": "4.58.2"
   },
   "devDependencies": {
-    "@types/react": "18.2.7",
-    "@vanilla-extract/css": "^1.11.0",
-    "eslint": "8.41.0",
+    "@types/react": "18.2.12",
+    "@types/react-dom": "18.2.5",
+    "@vanilla-extract/css": "^1.11.1",
+    "eslint": "8.43.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-syntax-highlighter": "15.5.0",
-    "typescript": "5.0.4",
+    "@testing-library/react": "14.0.0",
+    "typescript": "5.1.3",
     "@cutting/devtools": "4.63.1",
     "@cutting/eslint-config": "4.44.1",
     "@cutting/tsconfig": "4.40.1",
@@ -62,7 +64,8 @@
   },
   "scripts": {
     "start": "echo no demo",
-    "test": "echo no tests yet",
+    "test": "NODE_ENV=test vitest",
+    "test:ci": "CI=true pnpm test",
     "lint": "eslint ./src/**/*.{ts,tsx} --fix",
     "lint:fix": "pnpm lint --fix",
     "build": "NODE_ENV=production devtools rollup"