diff --git a/packages/chakra-ui/package.json b/packages/chakra-ui/package.json index c87ac4cf..79a16eb0 100644 --- a/packages/chakra-ui/package.json +++ b/packages/chakra-ui/package.json @@ -32,6 +32,7 @@ "chroma-js": "^3.0.0", "create-color": "^2.0.6", "framer-motion": "^11.3.17", + "react-hook-form": "^7.53.0", "zod": "^3.23.8" }, "peerDependencies": { diff --git a/packages/chakra-ui/src/components/default/form.tsx b/packages/chakra-ui/src/components/default/form.tsx index 72e77bb1..4851f28f 100644 --- a/packages/chakra-ui/src/components/default/form.tsx +++ b/packages/chakra-ui/src/components/default/form.tsx @@ -5,7 +5,7 @@ import { } from "@fabrix-framework/fabrix"; import { Switch, Input, Stack, Button, Box } from "@chakra-ui/react"; import { Select } from "chakra-react-select"; -import { useController } from "@fabrix-framework/fabrix/rhf"; +import { useController } from "react-hook-form"; import { LabelledHeading } from "./shared"; export const ChakraForm = (props: FormComponentProps) => { diff --git a/packages/fabrix/package.json b/packages/fabrix/package.json index 20c8d92a..448856e3 100644 --- a/packages/fabrix/package.json +++ b/packages/fabrix/package.json @@ -7,10 +7,6 @@ ".": { "types": "./dist/fabrix.d.mts", "default": "./dist/fabrix.mjs" - }, - "./rhf": { - "types": "./dist/rhf.d.mts", - "default": "./dist/rhf.mjs" } }, "files": [ @@ -37,7 +33,8 @@ "peerDependencies": { "graphql": "^16", "react": "^18", - "react-dom": "^18" + "react-dom": "^18", + "react-hook-form": "^7" }, "devDependencies": { "@fabrix-framework/eslint-config": "workspace:*", diff --git a/packages/fabrix/rhf/index.ts b/packages/fabrix/rhf/index.ts deleted file mode 100644 index 9a24123e..00000000 --- a/packages/fabrix/rhf/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from "react-hook-form"; diff --git a/packages/fabrix/tsup.config.ts b/packages/fabrix/tsup.config.ts index c4b7b426..ee5e3e1e 100644 --- a/packages/fabrix/tsup.config.ts +++ b/packages/fabrix/tsup.config.ts @@ -12,7 +12,7 @@ const devOpts = export default defineConfig({ format: ["esm"], - entry: { fabrix: "src/index.ts", rhf: "rhf/index.ts" }, + entry: { fabrix: "src/index.ts" }, clean: true, minify: true, dts: true, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 39314401..b3038961 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -135,6 +135,9 @@ importers: react-dom: specifier: ^18 version: 18.3.1(react@18.3.1) + react-hook-form: + specifier: ^7.53.0 + version: 7.53.0(react@18.3.1) zod: specifier: ^3.23.8 version: 3.23.8 @@ -3955,7 +3958,7 @@ snapshots: '@babel/parser': 7.25.6 '@babel/template': 7.25.0 '@babel/types': 7.25.6 - debug: 4.3.6 + debug: 4.3.7 globals: 11.12.0 transitivePeerDependencies: - supports-color