@bouko/react 2.2.9 → 2.3.1

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/components/textarea.d.ts

@@ -3,5 +3,5 @@ type Props<T> = FieldProps<T> & {
     rows?: number;
     placeholder?: string;
 };
-export default function TextArea<T>({ id, style, label, required, note, update, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function TextArea({ id, style, label, required, note, value, update, ...props }: Props<string>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/textarea.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Field from "./field";
-import { setField } from "./form";
-export default function TextArea({ id, style, label, required = true, note, update, ...props }) {
-    return (_jsx(Field, { style: style, label: label, required: required, note: note, children: _jsx("textarea", { className: styles.textarea, onChange: ({ target: { value } }) => setField(update, id, value), ...props }) }));
+export default function TextArea({ id, style, label, required = true, note, value, update, ...props }) {
+    return (_jsx(Field, { style: style, label: label, required: required, note: note, children: _jsx("textarea", { className: styles.textarea, onChange: ({ target: { value } }) => update(value), value: value ?? "", ...props }) }));
 }
 const styles = {
     container: "flex flex-col gap-1 overflow-hidden",

package/package.json

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