@bouko/react 2.3.8 → 2.4.0

package/dist/components/form/functions.d.ts

@@ -1,9 +1 @@
-import type { SetState } from "./types";
-export declare const useForm: <T>(init: Partial<T>) => {
-    data: Partial<T>;
-    update: import("react").Dispatch<import("react").SetStateAction<Partial<T>>>;
-    clear: () => void;
-    setField: (name: string, value: unknown) => void;
-};
-export declare const setField: <T>(update: SetState<T>, id: string, value: unknown) => void;
-export declare const parseData: <T extends Record<string, unknown>>(data: T) => T;
+export declare const parseData: <T extends Record<string, unknown>>(data: T) => T;

package/dist/components/form/functions.js

@@ -1,47 +1,28 @@
-"use client";
-import { useState, useEffect, useMemo } from "react";
-export const useForm = (init) => {
-    const initial = useMemo(() => init, [JSON.stringify(init)]); // deep compare
-    const [data, setData] = useState(initial);
-    useEffect(() => {
-        setData(initial);
-    }, [initial]);
-    return {
-        data,
-        update: setData,
-        clear: () => setData(initial),
-        setField: (name, value) => setField(setData, name, value)
-    };
-};
-export const setField = (update, id, value) => update(prev => ({
-    ...prev,
-    [id]: value
-}));
-export const parseData = (data) => {
-    const copy = JSON.parse(JSON.stringify(data));
-    for (const [key, value] of Object.entries(data)) {
-        if (key === "created_at")
-            copy[key] = new Date(value);
-        else if (key === "timestamp")
-            copy[key] = new Date(value.replaceAll("'", ""));
-        else if (parseAllowedDate(value))
-            copy[key] = new Date(value);
-    }
-    return copy;
-};
-function parseAllowedDate(input) {
-    // ISO 8601 strict (YYYY-MM-DD or YYYY-MM-DDTHH:mm:ss+hh:mm)
-    const isoStrictRegex = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2}(\.\d{1,3})?)?(Z|[+-]\d{2}:\d{2}))?$/;
-    // MySQL/Postgres style with space + offset without colon (YYYY-MM-DD HH:mm:ss+hhmm)
-    const spaceOffsetRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}[+-]\d{4}$/;
-    let normalized = input;
-    if (spaceOffsetRegex.test(input)) {
-        // Convert to ISO by replacing space with T and adding colon in offset
-        normalized = input.replace(" ", "T").replace(/([+-]\d{2})(\d{2})$/, "$1:$2");
-    }
-    else if (!isoStrictRegex.test(input)) {
-        return null; // Not allowed format
-    }
-    const date = new Date(normalized);
-    return !isNaN(date.getTime()) ? date : null;
-}
+export const parseData = (data) => {
+    const copy = JSON.parse(JSON.stringify(data));
+    for (const [key, value] of Object.entries(data)) {
+        if (key === "created_at")
+            copy[key] = new Date(value);
+        else if (key === "timestamp")
+            copy[key] = new Date(value.replaceAll("'", ""));
+        else if (parseAllowedDate(value))
+            copy[key] = new Date(value);
+    }
+    return copy;
+};
+function parseAllowedDate(input) {
+    // ISO 8601 strict (YYYY-MM-DD or YYYY-MM-DDTHH:mm:ss+hh:mm)
+    const isoStrictRegex = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2}(\.\d{1,3})?)?(Z|[+-]\d{2}:\d{2}))?$/;
+    // MySQL/Postgres style with space + offset without colon (YYYY-MM-DD HH:mm:ss+hhmm)
+    const spaceOffsetRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}[+-]\d{4}$/;
+    let normalized = input;
+    if (spaceOffsetRegex.test(input)) {
+        // Convert to ISO by replacing space with T and adding colon in offset
+        normalized = input.replace(" ", "T").replace(/([+-]\d{2})(\d{2})$/, "$1:$2");
+    }
+    else if (!isoStrictRegex.test(input)) {
+        return null; // Not allowed format
+    }
+    const date = new Date(normalized);
+    return !isNaN(date.getTime()) ? date : null;
+}

package/dist/hooks/clock/interval.d.ts

@@ -1 +1,8 @@
-export default function useInterval(action: () => Promise<boolean | void>, delay: number, deps?: unknown[]): void;
+declare type Props = {
+    action: () => Promise<boolean | void>;
+    duration: number;
+    deps: unknown[];
+    oops?: (x: string) => void;
+};
+export default function useInterval({ action, duration, deps, oops }: Props): void;
+export {};

package/dist/hooks/clock/interval.js

@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useRef } from "react";
-export default function useInterval(action, delay, deps = []) {
+export default function useInterval({ action, duration, deps = [], oops }) {
     const ref = useRef(async () => false);
     useEffect(() => {
         ref.current = action;
@@ -9,12 +9,17 @@ export default function useInterval(action, delay, deps = []) {
         if (deps.some(v => v === undefined || v === null))
             return;
         const tick = async () => {
-            const stop = await ref.current();
-            if (stop && id)
-                clearInterval(id);
+            try {
+                const stop = await ref.current();
+                if (stop && id)
+                    clearInterval(id);
+            }
+            catch (err) {
+                oops?.(err.message);
+            }
         };
-        const id = setInterval(tick, delay);
+        const id = setInterval(tick, duration);
         tick();
         return () => clearInterval(id);
-    }, [delay, ...deps]);
+    }, [duration, ...deps]);
 }

package/dist/index.d.ts

@@ -11,4 +11,5 @@ export * from "./components/search-bar";
 export * from "./core/types";
 export * from "./core/functions";
 export * from "./core/format";
+export * from "./components/form/functions";
 export * from "./hooks";

package/dist/index.js

@@ -11,4 +11,5 @@ export * from "./components/search-bar";
 export * from "./core/types";
 export * from "./core/functions";
 export * from "./core/format";
+export * from "./components/form/functions";
 export * from "./hooks";

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "2.3.8",
+  "version": "2.4.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",