revdev-components 0.20.0 → 0.22.0

package/build/dialog/regular/index.d.ts

@@ -13,7 +13,8 @@ export interface RegularDialogProps {
     cancelText?: string;
     footerClassName?: string;
     contentClassName?: string;
-    hideOk?: boolean;
+    okHide?: boolean;
+    okDisabled?: boolean;
     onOk?: () => void;
     onClose?: () => void;
     open?: boolean;

package/build/form/index.d.ts

@@ -1,19 +1,17 @@
 import React from "react";
 import { FormInstance } from "antd/lib/form";
-import { Store } from "antd/es/form/interface";
 import { FieldData } from "../interfaces";
 export interface FormOptions {
     valid: boolean;
 }
-export interface AppFormProps {
+export interface AppFormProps<T = any> {
     children?: React.ReactNode | ((options: FormOptions) => React.ReactNode);
     className?: string;
-    onFinish?: (values: any) => void;
-    onValuesChange?: (changedValues: any, values: any) => void;
-    onChange?: (values: any) => void;
+    onFinish?: (values: T) => void;
+    onValuesChange?: (changedValues: Partial<T>, values: T) => void;
     onFieldsChange?: (changedFields: FieldData[], allFields: FieldData[]) => void;
     form?: FormInstance;
     onValid?: (valid: boolean) => void;
-    initialValues?: Store;
+    initialValues?: T;
 }
-export declare const AppForm: React.FC<AppFormProps>;
+export declare function AppForm<T = any>({ form: propForm, children, className, onFinish, onValuesChange, onFieldsChange, onValid, initialValues, }: AppFormProps<T>): React.ReactElement<AppFormProps<T>>;

package/build/index.js

@@ -4620,28 +4620,11 @@ function useForm(form) {
     var newForm = antd.Form.useForm()[0];
     return form ? form : newForm;
 }
-var AppForm = function (_a) {
-    var propForm = _a.form, children = _a.children, className = _a.className, onFinish = _a.onFinish, onValuesChange = _a.onValuesChange, onChange = _a.onChange, onFieldsChange = _a.onFieldsChange, onValid = _a.onValid, initialValues = _a.initialValues;
+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 form = useForm(propForm);
     var _b = React.useState(false), valid = _b[0], setValid = _b[1];
     var values = antd.Form.useWatch([], form);
-    var handleValuesChange = React.useCallback(function (changedValues, values) {
-        if (onValuesChange) {
-            onValuesChange(changedValues, values);
-        }
-    }, [form, onValuesChange]);
-    var handleFieldsChange = React.useCallback(function (changedFields, allFields) {
-        if (onFieldsChange) {
-            onFieldsChange(changedFields, allFields);
-        }
-        if (onChange) {
-            var allValues_1 = {};
-            allFields.forEach(function (x) {
-                allValues_1[x.name] = x.value;
-            });
-            onChange(allValues_1);
-        }
-    }, [form, onFieldsChange, onChange]);
     React.useEffect(function () {
         form
             .validateFields({ validateOnly: true })
@@ -4651,8 +4634,8 @@ var AppForm = function (_a) {
     React.useEffect(function () {
         onValid === null || onValid === void 0 ? void 0 : onValid(valid);
     }, [onValid, valid]);
-    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$g.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: handleFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
-};
+    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$g.root, className), layout: "vertical", onValuesChange: onValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
+}
 
 var s$f = {"root":"index-module_root__2S1Jp"};
 
@@ -4814,7 +4797,7 @@ var InfoDialog = function (_a) {
 var s$8 = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","title":"index-module_title__HPbDC","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
 
 var RegularDialog = function (_a) {
-    var titleIcon = _a.titleIcon, titlePrefix = _a.titlePrefix, title = _a.title, children = _a.children, _b = _a.hideFooter, hideFooter = _b === void 0 ? false : _b, className = _a.className, width = _a.width, okText = _a.okText, cancelText = _a.cancelText, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, hideOk = _a.hideOk, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c;
+    var titleIcon = _a.titleIcon, titlePrefix = _a.titlePrefix, title = _a.title, children = _a.children, _b = _a.hideFooter, hideFooter = _b === void 0 ? false : _b, className = _a.className, width = _a.width, okText = _a.okText, cancelText = _a.cancelText, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, okHide = _a.okHide, okDisabled = _a.okDisabled, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c;
     var close = React.useMemo(function () {
         return React.createElement(RegularIcon, { name: "cross", className: s$8.close, onClick: onClose });
     }, [onClose]);
@@ -4851,7 +4834,7 @@ var RegularDialog = function (_a) {
         React.createElement("div", { className: classNames(s$8.content, contentClassName) }, children),
         hideFooter ? null : (React.createElement("div", { className: classNames(s$8.footer, footerClassName) },
             React.createElement(antd.Button, { onClick: onClose }, cancelText || "Cancel"),
-            hideOk ? null : (React.createElement(antd.Button, { type: "primary", onClick: handleOk }, okText || "OK"))))));
+            okHide ? null : (React.createElement(antd.Button, { type: "primary", onClick: handleOk, disabled: okDisabled }, okText || "OK"))))));
 };
 
 var s$7 = {"root":"index-module_root__9mhio"};

package/build/interfaces/form.d.ts

@@ -1,9 +1,9 @@
 export interface FieldData {
-    touched: boolean;
-    validating: boolean;
-    errors: string[];
-    warnings: string[];
+    touched?: boolean;
+    validating?: boolean;
+    errors?: string[];
+    warnings?: string[];
     name: string;
-    validated: boolean;
+    validated?: boolean;
     value?: any;
 }

package/package.json

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