@bouko/react 2.3.0 → 2.3.2

package/dist/components/form/builder.js

@@ -57,5 +57,5 @@ export default function FormBuilder({ fields, button, styles, submit, cancel = f
                         return (_jsx(MultipleChoice, { id: id, label: label, options: options || [], value: data[id], update: x => setField(id, x), note: note, required: required }, id));
                     else if (element === "attachment")
                         return (_jsx(Attachment, { id: id, label: label, value: data[id], update: x => setField(id, x), note: note, required: required }, id));
-                }) }, i))), _jsxs(RowBox, { style: "items-center gap-2 mt-2 w-full", children: [_jsxs(Button, { style: cn("flex-1 text-sm", styles?.submit), onClick: handleSubmit, disabled: !isValid, children: [_jsx("div", { className: cn(isLoading ? "hidden" : ""), children: _jsx(CheckCircle, {}) }), _jsx("div", { className: cn(isLoading ? "animate-spin" : "hidden"), children: _jsx(Spinner, {}) }), button || "Submit"] }), cancel !== false && (_jsxs(Button, { style: cn("text-sm text-error hover:text-error-light", styles?.cancel), variant: "ghost", onClick: clear, children: [_jsx(XCircle, {}), "Cancel"] }))] })] }));
+                }) }, i))), _jsxs(RowBox, { style: "items-center gap-2 mt-2 w-full", children: [_jsxs(Button, { style: cn("flex-1 text-sm", styles?.submit), onClick: handleSubmit, disabled: !isValid || isLoading, children: [_jsx("div", { className: cn(isLoading ? "hidden" : ""), children: _jsx(CheckCircle, {}) }), _jsx("div", { className: cn(isLoading ? "animate-spin" : "hidden"), children: _jsx(Spinner, {}) }), button || "Submit"] }), cancel !== false && (_jsxs(Button, { style: cn("text-sm text-error hover:text-error-light", styles?.cancel), variant: "ghost", onClick: clear, children: [_jsx(XCircle, {}), "Cancel"] }))] })] }));
 }

package/dist/components/form/functions.js

@@ -24,6 +24,24 @@ export const parseData = (data) => {
             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 @@
-export default function useInterval(action: () => Promise<boolean | void>, delay: number): void;
+export declare function useInterval(action: () => Promise<boolean | void>, delay: number, deps?: unknown[]): void;

package/dist/hooks/clock/interval.js

@@ -1,11 +1,13 @@
 "use client";
 import { useEffect, useRef } from "react";
-export default function useInterval(action, delay) {
+export function useInterval(action, delay, deps = []) {
     const ref = useRef(async () => false);
     useEffect(() => {
         ref.current = action;
     }, [action]);
     useEffect(() => {
+        if (deps.some(v => v === undefined || v === null))
+            return;
         const tick = async () => {
             const stop = await ref.current();
             if (stop && id)
@@ -14,5 +16,5 @@ export default function useInterval(action, delay) {
         const id = setInterval(tick, delay);
         tick();
         return () => clearInterval(id);
-    }, [delay]);
+    }, [delay, ...deps]);
 }

package/package.json

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