revdev-components 0.31.0 → 0.33.0

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

@@ -0,0 +1,4 @@
+export * from "./interfaces";
+export * from "./lazy-object";
+export * from "./lazy-query";
+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-object.d.ts

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

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

@@ -0,0 +1,2 @@
+import { ApiLazyQueryMethod, ApiMutationResponse } from ".";
+export declare function useApiLazyQuery<TResponse, TRequest>(useLazyQuery: ApiLazyQueryMethod<TResponse, TRequest>, success?: (response: TResponse) => void): ApiMutationResponse<TResponse, TRequest>;

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

@@ -0,0 +1,2 @@
+import { ApiMutationMethod, ApiMutationResponse } from ".";
+export declare function useApiMutation<TResponse, TRequest>(useMutation: ApiMutationMethod<TResponse, TRequest>, 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

@@ -4754,6 +4754,78 @@ 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 useApiLazyQueryRequest(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 useApiLazyQuery(useLazyQuery, success) {
+    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 (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]);
+}
+
+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 +5085,9 @@ exports.SelectField = SelectField;
 exports.SocialIcon = SocialIcon;
 exports.SocialIconNameList = SocialIconNameList;
 exports.TextAreaField = TextAreaField;
+exports.useApiLazyQuery = useApiLazyQuery;
+exports.useApiLazyQueryRequest = useApiLazyQueryRequest;
+exports.useApiMutation = useApiMutation;
 exports.useAppFormRules = useAppFormRules;
 exports.useDebounceEffect = useDebounceEffect;
 exports.useDidMount = useDidMount;

package/package.json

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