react-form-manage 1.0.7-beta.2 → 1.0.8-beta.0

package/CHANGELOG.md

@@ -8,10 +8,16 @@ All notable changes to this project will be documented in this file.
 - Improve `getValueFromEvent` in FormItem for custom event handler support
 - Type `errors` as `FormFieldError[]` for better IDE support
 
-## [1.0.7-beta.2] - 2026-01-22
+## [1.0.7] - 2026-01-22
 
 - Fix FormItem initial value propagation so cleaned-up items rehydrate correctly
 - Keep `getValueFromEvent` custom extraction while preserving default `target.value` fallback
+- Promote FormFieldError export and error typing improvements from beta to stable
+
+## [1.0.8-beta.0] - 2026-01-22
+
+- Add typed submit state (`SubmitState`) and export submit state constants
+- Add build-time console stripping so published dist has no console logs
 
 ## [1.0.6] - 2026-01-22
 

package/dist/components/Form/FormCleanUp.js

@@ -1,46 +1,43 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useShallow } from "zustand/react/shallow";
-import { useFormCleanUp, useFormListeners, useFormStore, } from "../../stores/formStore";
+import { useFormCleanUp, useFormListeners, useFormStore } from "../../stores/formStore";
 const FormCleanUp = () => {
-    const { cleanUpStack, clearCleanUpStack } = useFormCleanUp(useShallow((state) => ({
-        cleanUpStack: state.cleanUpStack,
-        clearCleanUpStack: state.clearCleanUpStack,
-    })));
-    const { revokeListener } = useFormListeners(useShallow((state) => ({
-        revokeListener: state.revokeListener,
-    })));
-    const { clearObjKeyItem, clearArrItem } = useFormStore(useShallow((state) => {
-        return {
-            clearObjKeyItem: state.clearObjKeyItem,
-            clearArrItem: state.clearArrItem,
-        };
-    }));
-    useEffect(() => {
-        if (Array.isArray(cleanUpStack) && cleanUpStack?.length) {
-            //   console.log("Trigger clean up: ", cleanUpStack);
-            cleanUpStack.forEach((c) => {
-                if (c.itemKey) {
-                    console.log("Revoke in Clean up: ", c);
-                    revokeListener(c.itemKey, (listener, same) => {
-                        if (!same.length) {
-                            console.log("Trigger after revoke: ", listener, same);
-                            clearObjKeyItem(listener.formName, listener.name);
-                        }
-                    });
-                }
-                else {
-                    if (c.type === "array") {
-                        console.log(c);
-                        clearArrItem(c.formName, c.name);
-                    }
-                    else {
-                    }
-                }
-            });
-            clearCleanUpStack();
+  const { cleanUpStack, clearCleanUpStack } = useFormCleanUp(useShallow((state) => ({
+    cleanUpStack: state.cleanUpStack,
+    clearCleanUpStack: state.clearCleanUpStack
+  })));
+  const { revokeListener } = useFormListeners(useShallow((state) => ({
+    revokeListener: state.revokeListener
+  })));
+  const { clearObjKeyItem, clearArrItem } = useFormStore(useShallow((state) => {
+    return {
+      clearObjKeyItem: state.clearObjKeyItem,
+      clearArrItem: state.clearArrItem
+    };
+  }));
+  useEffect(() => {
+    if (Array.isArray(cleanUpStack) && (cleanUpStack == null ? void 0 : cleanUpStack.length)) {
+      cleanUpStack.forEach((c) => {
+        if (c.itemKey) {
+          revokeListener(c.itemKey, (listener, same) => {
+            if (!same.length) {
+              clearObjKeyItem(listener.formName, listener.name);
+            }
+          });
+        } else {
+          if (c.type === "array") {
+            clearArrItem(c.formName, c.name);
+          } else {
+          }
         }
-    }, [cleanUpStack]);
-    return _jsx(_Fragment, {});
+      });
+      clearCleanUpStack();
+    }
+  }, [cleanUpStack]);
+  return _jsx(_Fragment, {});
+};
+var stdin_default = FormCleanUp;
+export {
+  stdin_default as default
 };
-export default FormCleanUp;

package/dist/components/Form/FormItem.js

@@ -1,47 +1,46 @@
 import { cloneElement, useRef, useState } from "react";
 import { v4 } from "uuid";
 import useFormItemControl from "../../hooks/useFormItemControl";
-export default function FormItem({ children, name, formName, initialValue, formItemId: externalFormItemId, rules, valuePropName = "value", getValueFromEvent, }) {
-    const elRef = useRef(null);
-    const [formItemId] = useState(externalFormItemId ?? v4());
-    const { value, onChange, errors, state, onFocus, isDirty } = useFormItemControl({
-        formName,
-        name,
-        initialValue,
-        formItemId,
-        rules,
-        elementRef: elRef,
-    });
-    // console.log("re-render", formName, name);
-    // useEffect(() => {
-    //   console.log({ value });
-    // }, [value]);
-    return cloneElement(children, {
-        // ref: inputRef,
-        [valuePropName]: value,
-        onChange: (...args) => {
-            let val = args[0];
-            if (getValueFromEvent && typeof getValueFromEvent === "function") {
-                val = getValueFromEvent(...args);
-            }
-            else {
-                const e = args[0];
-                if (e && e.target) {
-                    val = e.target.value;
-                }
-            }
-            onChange(val);
-        },
-        // onFocus: () => {
-        //   setIsTouched(true);
-        // },
-        // isTouched: isTouched,
-        isDirty: isDirty,
-        // errors: errors,
-        // formState,
-        errors,
-        onFocus,
-        validateState: state,
-        ref: elRef,
-    });
+function FormItem({ children, name, formName, initialValue, formItemId: externalFormItemId, rules, valuePropName = "value", getValueFromEvent }) {
+  const elRef = useRef(null);
+  const [formItemId] = useState(externalFormItemId != null ? externalFormItemId : v4());
+  const { value, onChange, errors, state, onFocus, isDirty, submitState } = useFormItemControl({
+    formName,
+    name,
+    initialValue,
+    formItemId,
+    rules,
+    elementRef: elRef
+  });
+  return cloneElement(children, {
+    // ref: inputRef,
+    [valuePropName]: value,
+    onChange: (...args) => {
+      let val = args[0];
+      if (getValueFromEvent && typeof getValueFromEvent === "function") {
+        val = getValueFromEvent(...args);
+      } else {
+        const e = args[0];
+        if (e && e.target) {
+          val = e.target.value;
+        }
+      }
+      onChange(val);
+    },
+    // onFocus: () => {
+    //   setIsTouched(true);
+    // },
+    // isTouched: isTouched,
+    isDirty,
+    // errors: errors,
+    // formState,
+    errors,
+    onFocus,
+    validateState: state,
+    ref: elRef,
+    submitState
+  });
 }
+export {
+  FormItem as default
+};

package/dist/components/Form/FormList.js

@@ -1,11 +1,14 @@
 import useTestRrenderListControl from "../../hooks/useFormListControl";
 const FormList = ({ name, initialValues, form, formName, children }) => {
-    const { listFields, ...actions } = useTestRrenderListControl({
-        name,
-        initialValues,
-        form,
-        formName,
-    });
-    return children(listFields, { ...actions });
+  const { listFields, ...actions } = useTestRrenderListControl({
+    name,
+    initialValues,
+    form,
+    formName
+  });
+  return children(listFields, { ...actions });
+};
+var stdin_default = FormList;
+export {
+  stdin_default as default
 };
-export default FormList;

package/dist/components/Form/InputWrapper.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement } from "react";
+import { SUBMIT_STATE } from "../../constants/form";
 const InputWrapper = ({ children, errors = [], ...props }) => {
-    return (_jsxs("div", { children: [cloneElement(children, props), (props.isDirty || props.formState === "submitted") &&
-                errors?.map((r) => (_jsx("div", { children: r?.message }, `${props.name}-${props.formItemId}-${r.ruleName}`)))] }));
+  return _jsxs("div", { children: [cloneElement(children, props), (props.isDirty || props.submitState === SUBMIT_STATE.REJECTED) && (errors == null ? void 0 : errors.map((r) => _jsx("div", { children: r == null ? void 0 : r.message }, `${props.name}-${props.formItemId}-${r.ruleName}`)))] });
+};
+var stdin_default = InputWrapper;
+export {
+  stdin_default as default
 };
-export default InputWrapper;

package/dist/components/Input.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const Input = forwardRef(({ onChange, ...props }, ref) => {
-    return (_jsx("input", { ref: ref, onChange: (e) => {
-            onChange?.(e.target.value);
-        }, ...props }));
+  return _jsx("input", { ref, onChange: (e) => {
+    onChange == null ? void 0 : onChange(e.target.value);
+  }, ...props });
 });
-export default Input;
+var stdin_default = Input;
+export {
+  stdin_default as default
+};

package/dist/constants/form.d.ts

@@ -0,0 +1,7 @@
+export declare const SUBMIT_STATE: {
+    readonly IDLE: "idle";
+    readonly SUBMITTING: "submitting";
+    readonly SUBMITTED: "submitted";
+    readonly REJECTED: "rejected";
+};
+export type SubmitState = typeof SUBMIT_STATE[keyof typeof SUBMIT_STATE];

package/dist/constants/form.js

@@ -0,0 +1,9 @@
+const SUBMIT_STATE = {
+  IDLE: "idle",
+  SUBMITTING: "submitting",
+  SUBMITTED: "submitted",
+  REJECTED: "rejected"
+};
+export {
+  SUBMIT_STATE
+};

package/dist/constants/validation.js

@@ -1,33 +1,64 @@
-// Rules regex
-export const IS_STRING_NUMBER_REGEX = /^\d+$/;
-export const IS_USERNAME_REGEX = /^[a-zA-Z0-9._]{3,16}$/;
-export const IS_PASSWORD_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
-export const IS_POSITIVE_STRING_NUMBER_REGEX = /^[1-9]\d*$/;
-export const IS_POSITIVE_INTEGER_STRING_NUMBER_REGEX = /^(?:0|[1-9]\d*)(?:\.\d+)?$/;
-export const IS_VIETNAMESE_PHONE_NUMBER_REGEX = /^(?:\+84|0)[\s\-\.]?(?:3[2-9]|5[6|8|9]|7[06-9]|8[1-5]|9[0-9])[\s\-\.]?\d[\d\s\-\.]{6,8}$/;
-export const IS_EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-export const IS_NAME_REGEX = /^[A-Za-zÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯĂÂÊÔƠƯăâêôơưÇçÝýỳỵỷỹ\s]{2,50}$/;
-export const IS_NOSPACE_STRING_AND_NUMBER_REGEX = /^[A-Za-zÀ-ỹ0-9]+$/;
-export const IS_STRING_AND_NUMBER_REGEX = /^[A-Za-zÀ-ỹ0-9][A-Za-zÀ-ỹ0-9\s]*$/;
-export const IS_NO_SPACE_ALPHABET_STRING_AND_NUMBER_REGEX = /^[A-Za-z0-9]+$/;
-export const IS_ALPHABET_STRING_AND_NUMBER_REGEX = /^[A-Za-z0-9]+(?:\s[A-Za-z0-9]+)*$/;
-export const IS_NO_SPACE_ALPHABET_STRING_REGEX = /^[A-Za-z]+$/;
-// default message
-export const HANDLER_INVALID_MESSAGE = "Invalid value!";
-export const MIN_INVALID_MESSAGE = "Min value invalid!";
-export const MAX_INVALID_MESSAGE = "Max value invalid!";
-export const MIN_INVALID_LENGTH_MESSAGE = "Max length invalid!";
-export const MAX_INVALID_LENGTH_MESSAGE = "Max length invalid!";
-export const IS_STRING_NUMBER_INVALID_MESSAGE = "Must be number!";
-export const IS_USERNAME_INVALID_MESSAGE = `Username must be containes string, number, '.' or '_'!`;
-export const IS_PASSWORD_INVALID_MESSAGE = "Password must be contains Minimum 8 characters, with uppercase, lowercase, number, special character!";
-export const IS_POSITIVE_STRING_NUMBER_INVALID_MESSAGE = "Must be positive number!";
-export const IS_POSITIVE_INTEGER_STRING_NUMBER_INVALID_MESSAGE = "Must be positive integer number!";
-export const IS_VIETNAMESE_PHONE_NUMBER_INVALID_MESSAGE = "Invalid phone number format!";
-export const IS_EMAIL_INVALID_MESSAGE = "Invalid email format!";
-export const IS_NAME_INVALID_MESSAGE = "Invalid name format!";
-export const IS_NOSPACE_STRING_AND_NUMBER_MESSAGE = "String must only includes string and number without whitespace!";
-export const IS_STRING_AND_NUMBER_MESSAGE = "String must only includes string, number and whitespace!";
-export const IS_NO_SPACE_ALPHABET_STRING_AND_NUMBER_MESSAGE = "String must only includes alphabet characters and numbers!";
-export const IS_ALPHABET_STRING_AND_NUMBER_MESSAGE = "String must only includes alphabet charaters, numbers and whitespace";
-export const IS_NO_SPACE_ALPHABET_STRING_MESSAGE = "String must only includes alphabet";
+const IS_STRING_NUMBER_REGEX = /^\d+$/;
+const IS_USERNAME_REGEX = /^[a-zA-Z0-9._]{3,16}$/;
+const IS_PASSWORD_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+const IS_POSITIVE_STRING_NUMBER_REGEX = /^[1-9]\d*$/;
+const IS_POSITIVE_INTEGER_STRING_NUMBER_REGEX = /^(?:0|[1-9]\d*)(?:\.\d+)?$/;
+const IS_VIETNAMESE_PHONE_NUMBER_REGEX = /^(?:\+84|0)[\s\-\.]?(?:3[2-9]|5[6|8|9]|7[06-9]|8[1-5]|9[0-9])[\s\-\.]?\d[\d\s\-\.]{6,8}$/;
+const IS_EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+const IS_NAME_REGEX = /^[A-Za-zÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯĂÂÊÔƠƯăâêôơưÇçÝýỳỵỷỹ\s]{2,50}$/;
+const IS_NOSPACE_STRING_AND_NUMBER_REGEX = /^[A-Za-zÀ-ỹ0-9]+$/;
+const IS_STRING_AND_NUMBER_REGEX = /^[A-Za-zÀ-ỹ0-9][A-Za-zÀ-ỹ0-9\s]*$/;
+const IS_NO_SPACE_ALPHABET_STRING_AND_NUMBER_REGEX = /^[A-Za-z0-9]+$/;
+const IS_ALPHABET_STRING_AND_NUMBER_REGEX = /^[A-Za-z0-9]+(?:\s[A-Za-z0-9]+)*$/;
+const IS_NO_SPACE_ALPHABET_STRING_REGEX = /^[A-Za-z]+$/;
+const HANDLER_INVALID_MESSAGE = "Invalid value!";
+const MIN_INVALID_MESSAGE = "Min value invalid!";
+const MAX_INVALID_MESSAGE = "Max value invalid!";
+const MIN_INVALID_LENGTH_MESSAGE = "Max length invalid!";
+const MAX_INVALID_LENGTH_MESSAGE = "Max length invalid!";
+const IS_STRING_NUMBER_INVALID_MESSAGE = "Must be number!";
+const IS_USERNAME_INVALID_MESSAGE = `Username must be containes string, number, '.' or '_'!`;
+const IS_PASSWORD_INVALID_MESSAGE = "Password must be contains Minimum 8 characters, with uppercase, lowercase, number, special character!";
+const IS_POSITIVE_STRING_NUMBER_INVALID_MESSAGE = "Must be positive number!";
+const IS_POSITIVE_INTEGER_STRING_NUMBER_INVALID_MESSAGE = "Must be positive integer number!";
+const IS_VIETNAMESE_PHONE_NUMBER_INVALID_MESSAGE = "Invalid phone number format!";
+const IS_EMAIL_INVALID_MESSAGE = "Invalid email format!";
+const IS_NAME_INVALID_MESSAGE = "Invalid name format!";
+const IS_NOSPACE_STRING_AND_NUMBER_MESSAGE = "String must only includes string and number without whitespace!";
+const IS_STRING_AND_NUMBER_MESSAGE = "String must only includes string, number and whitespace!";
+const IS_NO_SPACE_ALPHABET_STRING_AND_NUMBER_MESSAGE = "String must only includes alphabet characters and numbers!";
+const IS_ALPHABET_STRING_AND_NUMBER_MESSAGE = "String must only includes alphabet charaters, numbers and whitespace";
+const IS_NO_SPACE_ALPHABET_STRING_MESSAGE = "String must only includes alphabet";
+export {
+  HANDLER_INVALID_MESSAGE,
+  IS_ALPHABET_STRING_AND_NUMBER_MESSAGE,
+  IS_ALPHABET_STRING_AND_NUMBER_REGEX,
+  IS_EMAIL_INVALID_MESSAGE,
+  IS_EMAIL_REGEX,
+  IS_NAME_INVALID_MESSAGE,
+  IS_NAME_REGEX,
+  IS_NOSPACE_STRING_AND_NUMBER_MESSAGE,
+  IS_NOSPACE_STRING_AND_NUMBER_REGEX,
+  IS_NO_SPACE_ALPHABET_STRING_AND_NUMBER_MESSAGE,
+  IS_NO_SPACE_ALPHABET_STRING_AND_NUMBER_REGEX,
+  IS_NO_SPACE_ALPHABET_STRING_MESSAGE,
+  IS_NO_SPACE_ALPHABET_STRING_REGEX,
+  IS_PASSWORD_INVALID_MESSAGE,
+  IS_PASSWORD_REGEX,
+  IS_POSITIVE_INTEGER_STRING_NUMBER_INVALID_MESSAGE,
+  IS_POSITIVE_INTEGER_STRING_NUMBER_REGEX,
+  IS_POSITIVE_STRING_NUMBER_INVALID_MESSAGE,
+  IS_POSITIVE_STRING_NUMBER_REGEX,
+  IS_STRING_AND_NUMBER_MESSAGE,
+  IS_STRING_AND_NUMBER_REGEX,
+  IS_STRING_NUMBER_INVALID_MESSAGE,
+  IS_STRING_NUMBER_REGEX,
+  IS_USERNAME_INVALID_MESSAGE,
+  IS_USERNAME_REGEX,
+  IS_VIETNAMESE_PHONE_NUMBER_INVALID_MESSAGE,
+  IS_VIETNAMESE_PHONE_NUMBER_REGEX,
+  MAX_INVALID_LENGTH_MESSAGE,
+  MAX_INVALID_MESSAGE,
+  MIN_INVALID_LENGTH_MESSAGE,
+  MIN_INVALID_MESSAGE
+};

package/dist/contexts/FormContext.js

@@ -1,2 +1,5 @@
 import { createContext } from "react";
-export default createContext(undefined);
+var stdin_default = createContext(void 0);
+export {
+  stdin_default as default
+};

package/dist/hooks/useFormItemControl.d.ts

@@ -1,6 +1,6 @@
 import { type RefObject } from "react";
 import type { FormInstance } from "../stores/formStore";
-import type { ValidationRule } from "../types/public";
+import type { SubmitState, ValidationRule } from "../types/public";
 type AnyObject = Record<string, any>;
 interface UseFormItemControlProps {
     formName?: string;
@@ -18,6 +18,7 @@ interface UseFormItemControlReturn {
     errors: any;
     onFocus: () => void;
     isDirty?: boolean;
+    submitState?: SubmitState;
 }
 export default function useFormItemControl<T = any>({ formName, form, name, initialValue, formItemId, rules, elementRef, }: UseFormItemControlProps): UseFormItemControlReturn;
 export {};