react-hook-form 8.0.0-beta.0 → 8.0.0-beta.2

package/dist/watch.d.ts

@@ -1,22 +1,13 @@
-import { type ReactNode } from 'react';
-import type { Control, FieldPath, FieldPathValue, FieldValues } from './types';
-type GetValues<TFieldValues extends FieldValues, TFieldNames extends readonly FieldPath<TFieldValues>[] = readonly []> = TFieldNames extends readonly [
-    infer Name extends FieldPath<TFieldValues>,
-    ...infer RestFieldNames
-] ? RestFieldNames extends readonly FieldPath<TFieldValues>[] ? readonly [
-    FieldPathValue<TFieldValues, Name>,
-    ...GetValues<TFieldValues, RestFieldNames>
-] : never : TFieldNames extends readonly [infer Name extends FieldPath<TFieldValues>] ? readonly [FieldPathValue<TFieldValues, Name>] : TFieldNames extends readonly [] ? readonly [] : never;
-export type WatchProps<TFieldNames extends readonly FieldPath<TFieldValues>[], TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> = {
-    control: Control<TFieldValues, TContext, TTransformedValues>;
-    names: TFieldNames;
-    render: (values: GetValues<TFieldValues, TFieldNames>) => ReactNode;
-};
+import type { FieldPath, FieldValues, WatchProps } from './types';
 /**
  * Watch component that subscribes to form field changes and re-renders when watched fields update.
  *
  * @param control - The form control object from useForm
- * @param names - Array of field names to watch for changes
+ * @param name - Can be field name, array of field names, or undefined to watch the entire form
+ * @param disabled - Disable subscription
+ * @param exact - Whether to watch exact field names or not
+ * @param defaultValue - The default value to use if the field is not yet set
+ * @param compute - Function to compute derived values from watched fields
  * @param render - The function that receives watched values and returns ReactNode
  * @returns The result of calling render function with watched values
  *
@@ -34,6 +25,5 @@ export type WatchProps<TFieldNames extends readonly FieldPath<TFieldValues>[], T
  * />
  * ```
  */
-export declare const Watch: <const TFieldNames extends readonly FieldPath<TFieldValues>[], TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>({ control, names, render, }: WatchProps<TFieldNames, TFieldValues, TContext, TTransformedValues>) => ReactNode;
-export {};
+export declare const Watch: <TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> | readonly [FieldPath<TFieldValues>, ...FieldPath<TFieldValues>[]] | FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[] | undefined = undefined, TContext = any, TTransformedValues = TFieldValues, TComputeValue = undefined>(props: WatchProps<TFieldName, TFieldValues, TContext, TTransformedValues, TComputeValue>) => import("react").ReactNode | import("react").ReactNode[];
 //# sourceMappingURL=watch.d.ts.map

package/dist/watch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../src/watch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG/E,KAAK,SAAS,CACZ,YAAY,SAAS,WAAW,EAChC,WAAW,SAAS,SAAS,SAAS,CAAC,YAAY,CAAC,EAAE,GAAG,SAAS,EAAE,IAClE,WAAW,SAAS,SAAS;IAC/B,MAAM,IAAI,SAAS,SAAS,CAAC,YAAY,CAAC;IAC1C,GAAG,MAAM,cAAc;CACxB,GACG,cAAc,SAAS,SAAS,SAAS,CAAC,YAAY,CAAC,EAAE,GACvD,SAAS;IACP,cAAc,CAAC,YAAY,EAAE,IAAI,CAAC;IAClC,GAAG,SAAS,CAAC,YAAY,EAAE,cAAc,CAAC;CAC3C,GACD,KAAK,GACP,WAAW,SAAS,SAAS,CAAC,MAAM,IAAI,SAAS,SAAS,CAAC,YAAY,CAAC,CAAC,GACvE,SAAS,CAAC,cAAc,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,GAC7C,WAAW,SAAS,SAAS,EAAE,GAC7B,SAAS,EAAE,GACX,KAAK,CAAC;AAEd,MAAM,MAAM,UAAU,CACpB,WAAW,SAAS,SAAS,SAAS,CAAC,YAAY,CAAC,EAAE,EACtD,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,IAC/B;IACF,OAAO,EAAE,OAAO,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IAC7D,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,YAAY,EAAE,WAAW,CAAC,KAAK,SAAS,CAAC;CACrE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,GAChB,KAAK,CAAC,WAAW,SAAS,SAAS,SAAS,CAAC,YAAY,CAAC,EAAE,EAC5D,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EACjC,6BAIC,UAAU,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,cAGnE,CAAC"}
+{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../src/watch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,UAAU,EAEX,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,GAChB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SACN,SAAS,CAAC,YAAY,CAAC,GACvB,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,GAAG,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,GAChE,SAAS,CAAC,YAAY,CAAC,EAAE,GACzB,SAAS,SAAS,CAAC,YAAY,CAAC,EAAE,GAClC,SAAS,GAAG,SAAS,EACzB,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EACjC,aAAa,GAAG,SAAS,EAEzB,OAAO,UAAU,CACf,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,aAAa,CACd,4DAQA,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-hook-form",
   "description": "Performant, flexible and extensible forms library for React Hooks",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.2",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.mjs",
   "umd:main": "dist/index.umd.js",
@@ -33,16 +33,16 @@
     "build:modern": "rollup --bundleConfigAsCjs -c ./scripts/rollup/rollup.config.js",
     "build:esm": "rollup --bundleConfigAsCjs -c ./scripts/rollup/rollup.esm.config.js",
     "prettier:fix": "prettier --config .prettierrc --write .",
-    "lint": "eslint '**/*.{js,ts,tsx}' --cache",
+    "lint": "eslint . --cache",
     "lint:fix": "pnpm lint --fix",
     "type": "tsc --noEmit",
     "jest-preview": "jest-preview",
     "test": "jest --config ./scripts/jest/jest.config.js",
     "test:react-compiler": "jest --config ./scripts/jest/jest-react-compiler.config.js --onlyChanged --watch",
-    "test:coverage": "pnpm test -- --coverage",
-    "test:watch": "pnpm test -- --onlyChanged --watch",
+    "test:coverage": "pnpm test --coverage",
+    "test:watch": "pnpm test --onlyChanged --watch",
     "test:web": "TEST_ENV=web pnpm test",
-    "test:type": "tsd src/__typetest__",
+    "test:type": "tsc -p src/__typetest__/tsconfig.json",
     "e2e": "cypress run",
     "e2e:watch": "cypress open",
     "api-extractor": "api-extractor run --local",
@@ -73,7 +73,7 @@
   "license": "MIT",
   "devDependencies": {
     "@eslint/compat": "^1.4.1",
-    "@microsoft/api-extractor": "^7.53.3",
+    "@microsoft/api-extractor": "^7.57.7",
     "@rollup/plugin-commonjs": "^28.0.9",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@babel/preset-env": "^7.25.7",
@@ -81,46 +81,46 @@
     "@babel/preset-typescript": "^7.25.7",
     "react-compiler-runtime": "^1.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@swc/core": "^1.14.0",
+    "@swc/core": "^1.15.18",
     "@swc/jest": "^0.2.39",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "bundlewatch": "^0.4.1",
-    "cypress": "^15.5.0",
-    "eslint": "^9.39.0",
+    "cypress": "^15.14.1",
+    "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-cypress": "^5.2.0",
-    "eslint-plugin-prettier": "^5.5.4",
-    "babel-plugin-react-compiler": "^1.0.0",
+    "eslint-plugin-cypress": "^5.3.0",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "husky": "^9.1.7",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
     "jest-fixed-jsdom": "^0.0.10",
-    "jest-preview": "^0.3.2",
-    "lint-staged": "^16.2.6",
-    "prettier": "^3.6.2",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
-    "rimraf": "^6.1.0",
-    "rollup": "^4.52.5",
+    "jest-preview": "^0.3.3",
+    "lint-staged": "^16.4.0",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rimraf": "^6.1.3",
+    "rollup": "^4.60.0",
     "rollup-plugin-typescript2": "^0.36.0",
-    "tsd": "^0.33.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.46.2",
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.57.1",
     "whatwg-fetch": "^3.6.20",
-    "zod": "^3.25.76"
+    "zod": "^3.25.76",
+    "babel-plugin-react-compiler": "^1.0.0"
   },
   "bundlewatch": {
     "files": [
       {
         "path": "./dist/index.cjs.js",
-        "maxSize": "12.0 kB"
+        "maxSize": "12.5 kB"
       }
     ]
   },

package/dist/logic/isNameInFieldArray.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isNameInFieldArray.d.ts","sourceRoot":"","sources":["../../src/logic/isNameInFieldArray.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;yBAIlC,OAAO,GAAG,CAAC,iBAAiB,CAAC,EAAE,MAAM,iBAAiB;AAAtE,wBACqC"}