@os-design/form 1.0.139 → 1.0.141

package/dist/index.d.ts

@@ -26,7 +26,7 @@ interface FieldProps<TName, TValue, TData> {
 }
 export declare const useForm: <TValues extends Values = Values>(initValues: TValues) => {
     form: Form<TValues, import("./types.js").Errors<TValues>>;
-    Field: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>, TData>(props: FieldProps<TName, PathReturn<TValues, TName>, TData>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    Field: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>, TData>(props: FieldProps<TName, PathReturn<TValues, TName>, TData>) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
     useValue: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>>(name: TName) => PathReturn<TValues, TName>;
     useError: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>>(name: TName) => string | undefined;
     useTransformer: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>>(name: TName, transformer: Transformer<TValues, TName>) => void;
@@ -35,7 +35,7 @@ export declare const useForm: <TValues extends Values = Values>(initValues: TVal
 };
 export declare const useExistingForm: <TValues extends Values = Values>() => {
     form: Form<TValues, import("./types.js").Errors<TValues>>;
-    Field: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>, TData>(props: FieldProps<TName, PathReturn<TValues, TName>, TData>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    Field: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>, TData>(props: FieldProps<TName, PathReturn<TValues, TName>, TData>) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
     useValue: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>>(name: TName) => PathReturn<TValues, TName>;
     useError: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>>(name: TName) => string | undefined;
     useTransformer: <TName extends Path<TValues, Exclude<keyof TValues, keyof any[]> & string>>(name: TName, transformer: Transformer<TValues, TName>) => void;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AACf,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAM3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AAoCpC,MAAM,MAAM,WAAW,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,IAAI,CAC7E,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,KAC9B;KACF,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;CAC9C,CAAC;AAgCF,UAAU,UAAU,CAAC,MAAM;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AACD,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AACD,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK;IACvC,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,EAAE,CACN,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,EAC9B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,KAAK,KACR,YAAY,GAAG,IAAI,CAAC;CAC1B;AAwHD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,MAAM,GAAG,MAAM,EACrD,YAAY,OAAO;;YApHX,KAAK,sEAAwB,KAAK;eA3FzC,KAAK;eAiBL,KAAK;qBAyBE,KAAK;;;CAmLd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,MAAM,GAAG,MAAM;;YApIrD,KAAK,sEAAwB,KAAK;eA3FzC,KAAK;eAiBL,KAAK;qBAyBE,KAAK;;;CAyLd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AACf,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAM3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AAoCpC,MAAM,MAAM,WAAW,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,IAAI,CAC7E,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,KAC9B;KACF,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;CAC9C,CAAC;AAgCF,UAAU,UAAU,CAAC,MAAM;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AACD,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AACD,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK;IACvC,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,EAAE,CACN,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,EAC9B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,KAAK,KACR,YAAY,GAAG,IAAI,CAAC;CAC1B;AAwHD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,MAAM,GAAG,MAAM,EACrD,YAAY,OAAO;;YApHX,KAAK,sEAAwB,KAAK;eA3FzC,KAAK;eAiBL,KAAK;qBAyBE,KAAK;;;CAqLd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,MAAM,GAAG,MAAM;;YAtIrD,KAAK,sEAAwB,KAAK;eA3FzC,KAAK;eAiBL,KAAK;qBAyBE,KAAK;;;CA2Ld,CAAC"}

package/dist/index.js

@@ -140,12 +140,13 @@ const useFormResponse = form => {
 };
 export const useForm = initValues => {
   const memoizedInitValues = useDeepEqualMemo(() => initValues, [initValues]);
-  const formRef = useRef(new Form(memoizedInitValues));
-  useEffect(() => {
-    formRef.current.initValues = memoizedInitValues;
-    formRef.current.reset();
-  }, [memoizedInitValues]);
-  return useFormResponse(formRef.current);
+  const [form, setForm] = useState(() => new Form(memoizedInitValues));
+  const [prevInitValues, setPrevInitValues] = useState(memoizedInitValues);
+  if (prevInitValues !== memoizedInitValues) {
+    setPrevInitValues(memoizedInitValues);
+    setForm(new Form(memoizedInitValues));
+  }
+  return useFormResponse(form);
 };
 export const useExistingForm = () => {
   const form = useFormContext();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/form",
-  "version": "1.0.139",
+  "version": "1.0.141",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -18,21 +18,21 @@
     "!**/*.emotion.d.ts"
   ],
   "scripts": {
-    "clean": "rimraf dist",
+    "clean": "rm -r dist",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
     "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
-    "ncu": "ncu -u '/^(?!(react|@types/react)$).*$/'"
+    "ncu": "ncu -u"
   },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
-    "@os-design/core": "^1.0.304",
-    "@os-design/icons": "^1.0.73"
+    "@os-design/core": "^1.0.306",
+    "@os-design/icons": "^1.0.75"
   },
   "peerDependencies": {
-    "react": "18"
+    "react": "19"
   },
-  "gitHead": "c77ed4290c60bb8c971cf1bb45140a5f7745a361"
+  "gitHead": "83ca5af2bb91d07d64440f87b7ab23f5100daa02"
 }

package/src/index.tsx

@@ -235,13 +235,15 @@ export const useForm = <TValues extends Values = Values>(
     [initValues]
   );
 
-  const formRef = useRef(new Form<TValues>(memoizedInitValues));
-  useEffect(() => {
-    formRef.current.initValues = memoizedInitValues;
-    formRef.current.reset();
-  }, [memoizedInitValues]);
+  const [form, setForm] = useState(() => new Form<TValues>(memoizedInitValues));
+  const [prevInitValues, setPrevInitValues] = useState(memoizedInitValues);
+
+  if (prevInitValues !== memoizedInitValues) {
+    setPrevInitValues(memoizedInitValues);
+    setForm(new Form<TValues>(memoizedInitValues));
+  }
 
-  return useFormResponse(formRef.current);
+  return useFormResponse(form);
 };
 
 export const useExistingForm = <TValues extends Values = Values>() => {