@maskingtech/react-toolkit 0.0.3 → 0.0.4

package/dist/mtreact.d.ts

@@ -19,6 +19,8 @@ export declare class ErrorBoundary extends Component<Props, State> {
     render(): ReactNode;
 }
 
+declare type FormContentElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+
 declare type FormRef = RefObject<HTMLFormElement | null>;
 
 declare type FormRef_2 = RefObject<HTMLFormElement | null>;
@@ -44,9 +46,9 @@ declare type SubmitHandler = (data: FormData) => Promise<void>;
 
 export declare function useDebouncedValue<T>(initialValue: T, onChange?: ChangeHandler<T>, delay?: number): readonly [T, Dispatch<SetStateAction<T>>];
 
-export declare function useFocusOnMount(ref?: RefObject<HTMLFormElement>): RefObject<HTMLFormElement>;
+export declare function useFocusOnMount(ref?: RefObject<FormContentElement | null>): RefObject<FormContentElement>;
 
-export declare function useForm(submitData: SubmitHandler, ref?: FormRef): readonly [RefObject<HTMLFormElement>, States, () => Promise<void>];
+export declare function useForm(submitData: SubmitHandler, ref?: FormRef): readonly [FormRef, States, () => Promise<void>];
 
 export declare function useFormData(handler: DataHandler, ref?: FormRef_2): readonly [RefObject<HTMLFormElement>, States_2, () => Promise<void>];
 

package/dist/mtreact.js

@@ -1,5 +1,5 @@
 import { jsx as b } from "react/jsx-runtime";
-import { Component as V, useState as i, useEffect as m, useRef as w, useCallback as c } from "react";
+import { Component as V, useState as c, useEffect as m, useRef as w, useCallback as p } from "react";
 class j extends V {
   #t = (t) => {
     this.setState({ error: t.reason }), t.preventDefault();
@@ -25,10 +25,10 @@ class j extends V {
   }
 }
 function k(n, t, e = 500) {
-  const [a, u] = i(n), [s, r] = i(n);
+  const [a, u] = c(n), [s, o] = c(n);
   return m(() => {
-    const l = setTimeout(() => r(a), e);
-    return () => clearTimeout(l);
+    const i = setTimeout(() => o(a), e);
+    return () => clearTimeout(i);
   }, [a, e]), m(() => {
     t !== void 0 && t(s);
   }, [s, t]), [s, u];
@@ -40,78 +40,79 @@ function I(n) {
   }, [t]), t;
 }
 function A(n, t) {
-  const e = t ?? w(null), [a, u] = i(new FormData()), [s, r] = i("pristine"), l = c(() => {
-    const o = e.current;
-    o !== null && (u(new FormData(o)), r("pristine"));
-  }, [e]), d = c(() => {
-    const o = e.current;
-    if (o === null) return;
-    const f = new FormData(o);
-    if (a.values().toArray().length !== f.values().toArray().length) {
-      r("dirty");
+  const e = t ?? w(null), [a, u] = c(new FormData()), [s, o] = c("pristine"), i = p(() => {
+    const r = e.current;
+    r !== null && (u(new FormData(r)), o("pristine"));
+  }, [e]), l = p(() => {
+    const r = e.current;
+    if (r === null) return;
+    const d = new FormData(r);
+    if (a.values().toArray().length !== d.values().toArray().length) {
+      o("dirty");
       return;
     }
-    for (const [D, F] of f.entries())
-      if (a.get(D) !== F) {
-        r("dirty");
+    for (const [v, F] of d.entries())
+      if (a.get(v) !== F) {
+        o("dirty");
         return;
       }
-    r("pristine");
-  }, [e, a]), h = c(async () => {
-    const o = e.current;
-    o !== null && (r("submitting"), await n(new FormData(o)), l());
-  }, [e, s, n, l]);
+    o("pristine");
+  }, [e, a]), h = p(async () => {
+    const r = e.current;
+    r !== null && (o("submitting"), await n(new FormData(r)), i());
+  }, [e, s, n, i]);
   return m(() => {
-    const o = e.current;
-    if (o === null) return;
-    const f = () => d();
-    return o.addEventListener("input", f), () => o.removeEventListener("input", f);
-  }, [e, d]), m(() => l(), [l]), [e, s, h];
+    const r = e.current;
+    if (r === null) return;
+    const d = () => l();
+    return r.addEventListener("input", d), () => r.removeEventListener("input", d);
+  }, [e, l]), m(() => i(), [i]), [e, s, h];
 }
 function C(n, t) {
-  const e = t ?? w(null), [a, u] = i("idle"), s = c(async () => {
-    const r = e.current;
-    r !== null && (u("working"), await n(new FormData(r)), u("idle"));
+  const e = t ?? w(null), [a, u] = c("idle"), s = p(async () => {
+    const o = e.current;
+    o !== null && (u("working"), await n(new FormData(o)), u("idle"));
   }, [e, n]);
   return [e, a, s];
 }
 function H(n, t = []) {
-  const [e, a] = i(void 0), [u, s] = i(!1), r = c(() => {
-    let d = !1;
+  const [e, a] = c(void 0), [u, s] = c(!1), o = p(() => {
+    let l = !1;
     const h = async () => {
       s(!0);
-      const o = await n();
-      s(!1), !d && a(o);
-    }, v = () => {
-      d = !0;
+      const r = await n();
+      s(!1), !l && a(r);
+    }, D = () => {
+      l = !0;
     };
-    return h(), v;
-  }, [n]), l = c(() => {
-    a(void 0), r();
-  }, [r]);
-  return m(r, [n, ...t]), [e, u, l, a];
+    return h(), D;
+  }, [n]), i = () => {
+    a(void 0), o();
+  };
+  return m(o, [n, ...t]), [e, u, i, a];
 }
 function M(n, t, e = []) {
-  const [a, u] = i([]), [s, r] = i(0), [l, d] = i(!1), [h, v] = i(!1), o = c(() => {
-    let p = !1;
-    const L = async () => {
-      d(!0);
-      const y = await n(s);
-      y.length < t && v(!0), !p && (d(!1), u((S) => [...S, ...y]));
+  const [a, u] = c([]), [s, o] = c(0), [i, l] = c(!1), [h, D] = c(!1), r = p(() => {
+    let f = !1;
+    const y = async () => {
+      l(!0);
+      const L = await n(s);
+      L.length < t && D(!0), !f && (l(!1), u((S) => [...S, ...L]));
     }, E = () => {
-      p = !0;
+      f = !0;
     };
-    return L(), E;
-  }, [n, t, s]), f = c(() => {
-    u([]), d(!1), v(!1), r(0);
-  }, []), D = c(() => {
-    r((p) => p + 1);
-  }, []), F = c(() => {
-    r((p) => p - 1);
-  }, []), g = c(() => {
-    f(), o();
-  }, []);
-  return m(f, [f, t, ...e]), m(o, [n, o, s]), [a, l, h, D, F, g, u];
+    return y(), E;
+  }, [n, t, s]), d = () => {
+    u([]), l(!1), D(!1), o(0);
+  }, v = () => {
+    o((f) => f + 1);
+  }, F = () => {
+    o((f) => f - 1);
+  }, g = () => {
+    const f = s === 0;
+    d(), f && r();
+  };
+  return m(d, [t, ...e]), m(r, [r, s]), [a, i, h, v, F, g, u];
 }
 export {
   j as ErrorBoundary,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maskingtech/react-toolkit",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "repository": {
     "url": "https://github.com/MaskingTechnology/react-toolkit"
@@ -10,7 +10,8 @@
     "build": "vite build",
     "clean": "rimraf dist",
     "lint": "eslint",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "version": "npm version $VERSION --no-git-tag-version"
   },
   "exports": {
     ".": "./dist/mtreact.js"
@@ -20,21 +21,21 @@
     "dist"
   ],
   "peerDependencies": {
-    "react": "^19.2.0"
+    "react": "^19.2.3"
   },
   "devDependencies": {
     "@eslint/js": "9.39.2",
-    "@types/react": "19.2.7",
-    "@types/node": "25.0.3",
+    "@types/react": "19.2.9",
+    "@types/node": "25.0.10",
     "@vitejs/plugin-react": "5.1.2",
     "eslint-plugin-react": "7.37.5",
     "rimraf": "6.1.2",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.51.0",
-    "vite": "7.3.0",
+    "typescript-eslint": "8.53.1",
+    "vite": "7.3.1",
     "vite-plugin-dts": "4.5.4"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.54.0"
+    "@rollup/rollup-linux-x64-gnu": "4.56.0"
   }
 }