revdev-components 0.99.0 → 0.101.0

package/build/consts/general.d.ts

@@ -0,0 +1 @@
+export declare const CONSOLE_COLOR = "background:rgb(28, 46, 82); color:rgb(231, 231, 231)";

package/build/form/index.d.ts

@@ -13,5 +13,6 @@ export interface AppFormProps<T = any> {
     form?: FormInstance;
     onValid?: (valid: boolean) => void;
     initialValues?: Partial<T>;
+    debug?: boolean;
 }
-export declare function AppForm<T = any>({ form: propForm, children, className, onFinish, onValuesChange, onFieldsChange, onValid, initialValues, }: AppFormProps<T>): React.ReactElement<AppFormProps<T>>;
+export declare function AppForm<T = any>({ form: propForm, children, className, onFinish, onValuesChange, onFieldsChange, onValid, initialValues, debug, }: AppFormProps<T>): React.ReactElement<AppFormProps<T>>;

package/build/hooks/form-values.d.ts

@@ -1 +1,2 @@
 export declare function useFormValues<TValues extends object>(): [Partial<TValues>, (value: Partial<TValues>, all: TValues) => void];
+export declare function useFormValid(): [boolean, (newValid: boolean) => void];

package/build/index.js

@@ -4710,12 +4710,14 @@ var SocialIcon = function (props) {
 
 var s$s = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
 
+var CONSOLE_COLOR = "background:rgb(28, 46, 82); color:rgb(231, 231, 231)";
+
 function useForm(form) {
     var newForm = antd.Form.useForm()[0];
     return form ? form : newForm;
 }
 function AppForm(_a) {
-    var propForm = _a.form, children = _a.children, className = _a.className, onFinish = _a.onFinish, onValuesChange = _a.onValuesChange, onFieldsChange = _a.onFieldsChange, onValid = _a.onValid, initialValues = _a.initialValues;
+    var propForm = _a.form, children = _a.children, className = _a.className, onFinish = _a.onFinish, onValuesChange = _a.onValuesChange, onFieldsChange = _a.onFieldsChange, onValid = _a.onValid, initialValues = _a.initialValues, debug = _a.debug;
     var form = useForm(propForm);
     var _b = React.useState(false), valid = _b[0], setValid = _b[1];
     var values = antd.Form.useWatch([], form);
@@ -4726,8 +4728,14 @@ function AppForm(_a) {
             .catch(function () { return setValid(false); });
     }, [form, values]);
     React.useEffect(function () {
+        if (debug) {
+            console.info("%cform", CONSOLE_COLOR, "valid", valid);
+        }
         onValid === null || onValid === void 0 ? void 0 : onValid(valid);
     }, [onValid, valid]);
+    React.useEffect(function () {
+        console.info("%cform", CONSOLE_COLOR, "values", values);
+    }, [values]);
     return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$s.root, className), layout: "vertical", onValuesChange: onValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
 }
 
@@ -4856,6 +4864,13 @@ function useFormValues() {
     }, []);
     return [values, handleChange];
 }
+function useFormValid() {
+    var _a = React.useState(false), valid = _a[0], setValid = _a[1];
+    var handleValid = React.useCallback(function (newValid) {
+        setValid(newValid);
+    }, []);
+    return [valid, handleValid];
+}
 
 function useDidMount() {
     var _a = React.useState(false), mount = _a[0], setMount = _a[1];
@@ -5457,6 +5472,7 @@ exports.TextAreaField = TextAreaField;
 exports.useAppFormRules = useAppFormRules;
 exports.useDebounceEffect = useDebounceEffect;
 exports.useDidMount = useDidMount;
+exports.useFormValid = useFormValid;
 exports.useFormValues = useFormValues;
 exports.useLineProps = useLineProps;
 exports.usePrevious = usePrevious;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.99.0",
+  "version": "0.101.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {