revdev-components 0.30.0 → 0.32.0

package/build/fields/line/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FormRule } from "antd";
 import { NamePath } from "antd/es/form/interface";
-export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rules, valuePropName, noStyle, hasFeedback, ...rest }: T): [FormLineProps, Omit<T, "lineClassName" | "name" | "label" | "rules" | "valuePropName" | "noStyle" | "hasFeedback">];
+export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rules, valuePropName, noStyle, hasFeedback, dependencies, ...rest }: T): [FormLineProps, Omit<T, "lineClassName" | "name" | "label" | "rules" | "valuePropName" | "noStyle" | "hasFeedback" | "dependencies">];
 export interface FormLineProps {
     lineClassName?: string;
     name: NamePath;
@@ -10,6 +10,7 @@ export interface FormLineProps {
     valuePropName?: string;
     noStyle?: boolean;
     hasFeedback?: boolean;
+    dependencies?: NamePath[];
 }
 export declare const FormLine: React.FC<FormLineProps & {
     children?: React.ReactNode;

package/build/hooks/api/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./interfaces";
+export * from "./lazy";
+export * from "./mutation";

package/build/hooks/api/interfaces.d.ts

@@ -0,0 +1,19 @@
+export declare enum ApiStatus {
+    Loading = 0,
+    Error = 1,
+    Success = 2,
+    NotFound = 3
+}
+export type ApiResponse<TResponse> = {
+    data?: TResponse;
+    isLoading: boolean;
+    isSuccess: boolean;
+};
+export type ApiRequestMethod<TRequest> = (request: TRequest) => void;
+export interface ApiMutationResponse<TResponse, TRequest> {
+    request: ApiRequestMethod<TRequest>;
+    response?: TResponse;
+    status: ApiStatus;
+}
+export type ApiLazyQueryMethod<TResponse, TRequest> = () => readonly [ApiRequestMethod<TRequest>, ApiResponse<TResponse>, any];
+export type ApiMutationMethod<TResponse, TRequest> = () => readonly [ApiRequestMethod<TRequest>, ApiResponse<TResponse>];

package/build/hooks/api/lazy.d.ts

@@ -0,0 +1,2 @@
+import { ApiLazyQueryMethod, ApiStatus } from "./interfaces";
+export declare function useApiLazy<TResponse, TRequest>(request: TRequest | undefined, useLazyQuery: ApiLazyQueryMethod<TResponse, TRequest>): [TResponse | undefined, ApiStatus];

package/build/hooks/api/mutation.d.ts

@@ -0,0 +1,2 @@
+import { ApiMutationResponse, ApiRequestMethod, ApiResponse } from ".";
+export declare function useApiMutation<TResponse, TRequest>(useMutation: () => readonly [ApiRequestMethod<TRequest>, ApiResponse<TResponse>], success?: (response: TResponse) => void): ApiMutationResponse<TResponse, TRequest>;

package/build/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from "./debounce";
 export * from "./form-rules";
 export * from "./mount";
 export * from "./router";
+export * from "./api";

package/build/index.js

@@ -4640,8 +4640,8 @@ function AppForm(_a) {
 var s$g = {"root":"index-module_root__2S1Jp"};
 
 function useLineProps(_a) {
-    var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, rest = __rest(_a, ["lineClassName", "name", "label", "rules", "valuePropName", "noStyle", "hasFeedback"]);
-    return [{ lineClassName: lineClassName, name: name, label: label, rules: rules, valuePropName: valuePropName, noStyle: noStyle, hasFeedback: hasFeedback }, rest];
+    var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
+    return [{ lineClassName: lineClassName, name: name, label: label, rules: rules, valuePropName: valuePropName, noStyle: noStyle, hasFeedback: hasFeedback, dependencies: dependencies }, rest];
 }
 var FormLine = function (_a) {
     var className = _a.lineClassName, validateRules = _a.rules, props = __rest(_a, ["lineClassName", "rules"]);
@@ -4754,6 +4754,57 @@ function useRouterQuery() {
     return query;
 }
 
+exports.ApiStatus = void 0;
+(function (ApiStatus) {
+    ApiStatus[ApiStatus["Loading"] = 0] = "Loading";
+    ApiStatus[ApiStatus["Error"] = 1] = "Error";
+    ApiStatus[ApiStatus["Success"] = 2] = "Success";
+    ApiStatus[ApiStatus["NotFound"] = 3] = "NotFound";
+})(exports.ApiStatus || (exports.ApiStatus = {}));
+
+function useApiLazy(request, useLazyQuery) {
+    var _a = React.useState(exports.ApiStatus.Loading), status = _a[0], setStatus = _a[1];
+    var _b = useLazyQuery(), requestMethod = _b[0], responseObject = _b[1];
+    React.useEffect(function () {
+        if (request) {
+            requestMethod(request);
+        }
+    }, [requestMethod, request]);
+    React.useEffect(function () {
+        if (responseObject.isSuccess) {
+            var data = responseObject.data;
+            if (data) {
+                setStatus(exports.ApiStatus.Success);
+            }
+            else {
+                setStatus(exports.ApiStatus.NotFound);
+            }
+        }
+    }, [responseObject]);
+    return [responseObject.data, status];
+}
+
+function useApiMutation(useMutation, success) {
+    var _a = React.useState(exports.ApiStatus.Loading), status = _a[0], setStatus = _a[1];
+    var _b = useMutation(), requestMethod = _b[0], responseObject = _b[1];
+    React.useEffect(function () {
+        if (responseObject.isSuccess) {
+            var data = responseObject.data;
+            if (data) {
+                success === null || success === void 0 ? void 0 : success(data);
+            }
+            setStatus(exports.ApiStatus.Success);
+        }
+    }, [responseObject]);
+    return React.useMemo(function () {
+        return {
+            request: requestMethod,
+            response: responseObject.data,
+            status: status,
+        };
+    }, [requestMethod, responseObject, status]);
+}
+
 var s$d = {"root":"index-module_root__f8fnA"};
 
 var DivisionRow = function (_a) {
@@ -5013,6 +5064,8 @@ exports.SelectField = SelectField;
 exports.SocialIcon = SocialIcon;
 exports.SocialIconNameList = SocialIconNameList;
 exports.TextAreaField = TextAreaField;
+exports.useApiLazy = useApiLazy;
+exports.useApiMutation = useApiMutation;
 exports.useAppFormRules = useAppFormRules;
 exports.useDebounceEffect = useDebounceEffect;
 exports.useDidMount = useDidMount;

package/package.json

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