@ic-reactor/react 0.2.2 → 0.2.4

package/dist/hooks.d.ts

@@ -1,16 +1,11 @@
 import { CallMethod, ExtractReActorMethodArgs, ReActorActorStore, ReActorMethodField } from "@ic-reactor/store";
 import { ReActorUseQueryArgs, ReActorUseUpdateArgs } from "./types";
 export declare const getCallHooks: <A extends unknown>(callMethod: CallMethod<A>, actorStore: ReActorActorStore<A>) => {
-    useField: (functionName: keyof A & string) => {
-        current: ReActorMethodField<A> | undefined;
-    };
     useQueryCall: <M extends keyof A>({ autoRefresh, refreshInterval, disableInitialCall, ...rest }: ReActorUseQueryArgs<A, M>) => {
         data: import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined;
         error: Error | undefined;
         loading: boolean;
-        field: {
-            current: ReActorMethodField<A> | undefined;
-        };
+        field: ReActorMethodField<A> | undefined;
         call: (replaceArgs?: ExtractReActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined>;
     };
     useUpdateCall: <M_1 extends keyof A>(args: ReActorUseUpdateArgs<A, M_1>) => {
@@ -18,8 +13,8 @@ export declare const getCallHooks: <A extends unknown>(callMethod: CallMethod<A>
         error: Error | undefined;
         loading: boolean;
         call: (replaceArgs?: ExtractReActorMethodArgs<A[M_1]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M_1]> | undefined>;
-        field: {
-            current: ReActorMethodField<A> | undefined;
-        };
+        field: ReActorMethodField<A> | undefined;
     };
+    useMethodField: (functionName: keyof A & string) => ReActorMethodField<A> | undefined;
+    useMethodFields: () => ReActorMethodField<A>[];
 };

package/dist/hooks.js

@@ -22,21 +22,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCallHooks = void 0;
 const react_1 = require("react");
+const zustand_1 = require("zustand");
 const getCallHooks = (callMethod, actorStore) => {
-    const useField = (functionName) => {
-        const [field, setField] = (0, react_1.useState)(undefined);
-        (0, react_1.useEffect)(() => {
-            const unsubscribe = actorStore.subscribe((state) => {
-                if (state.methodFields) {
-                    const field = state.methodFields.find((f) => f.functionName === functionName);
-                    setField(field);
-                }
-            });
-            return () => {
-                unsubscribe();
-            };
-        }, [functionName]);
-        return { current: field };
+    const useMethodFields = () => {
+        return (0, zustand_1.useStore)(actorStore, (state) => state.methodFields);
+    };
+    const useMethodField = (functionName) => {
+        const methodFields = useMethodFields();
+        const field = (0, react_1.useMemo)(() => {
+            return methodFields.find((f) => f.functionName === functionName);
+        }, [methodFields, functionName]);
+        return field;
     };
     const useReActorCall = ({ onError, onSuccess, onLoading, args = [], functionName, }) => {
         const [state, setState] = (0, react_1.useState)({
@@ -62,7 +58,7 @@ const getCallHooks = (callMethod, actorStore) => {
                 setState((prevState) => (Object.assign(Object.assign({}, prevState), { error: error, loading: false })));
             }
         }), [args, functionName, onError, onSuccess, onLoading]);
-        const field = useField(functionName);
+        const field = useMethodField(functionName);
         return Object.assign({ call, field }, state);
     };
     const useQueryCall = (_a) => {
@@ -90,9 +86,10 @@ const getCallHooks = (callMethod, actorStore) => {
         return useReActorCall(args);
     };
     return {
-        useField,
         useQueryCall,
         useUpdateCall,
+        useMethodField,
+        useMethodFields,
     };
 };
 exports.getCallHooks = getCallHooks;

package/dist/index.d.ts

@@ -2,9 +2,8 @@ import { AuthClientLoginOptions } from "@dfinity/auth-client";
 import type { ActorSubclass, ReActorAuthStore, ReActorOptions } from "@ic-reactor/store";
 export type ReActorContextType<A = ActorSubclass<any>> = ReActorAuthStore<A>;
 export declare const createReActor: <A extends unknown>(options: ReActorOptions) => {
-    useField: (functionName: keyof A & string) => {
-        current: import("@ic-reactor/store").ReActorMethodField<A> | undefined;
-    };
+    useMethodFields: () => import("@ic-reactor/store").ReActorMethodField<A>[];
+    useMethodField: (functionName: keyof A & string) => import("@ic-reactor/store").ReActorMethodField<A> | undefined;
     useActorStore: () => {
         initialize: (agentOptions?: import("@dfinity/agent").HttpAgentOptions | undefined, identity?: import("@ic-reactor/store").Identity | undefined) => void;
         actor: A | null;
@@ -19,9 +18,7 @@ export declare const createReActor: <A extends unknown>(options: ReActorOptions)
         data: import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined;
         error: Error | undefined;
         loading: boolean;
-        field: {
-            current: import("@ic-reactor/store").ReActorMethodField<A> | undefined;
-        };
+        field: import("@ic-reactor/store").ReActorMethodField<A> | undefined;
         call: (replaceArgs?: import("@ic-reactor/store").ExtractReActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined>;
     };
     useUpdateCall: <M_1 extends keyof A>(args: import("./types").ReActorUseUpdateArgs<A, M_1>) => {
@@ -29,9 +26,7 @@ export declare const createReActor: <A extends unknown>(options: ReActorOptions)
         error: Error | undefined;
         loading: boolean;
         call: (replaceArgs?: import("@ic-reactor/store").ExtractReActorMethodArgs<A[M_1]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M_1]> | undefined>;
-        field: {
-            current: import("@ic-reactor/store").ReActorMethodField<A> | undefined;
-        };
+        field: import("@ic-reactor/store").ReActorMethodField<A> | undefined;
     };
     useAuthClient: () => {
         authClient: import("@dfinity/auth-client").AuthClient | null;

package/dist/index.js

@@ -73,9 +73,10 @@ const createReActor = (options) => {
             loginError,
         };
     };
-    const { useQueryCall, useField, useUpdateCall } = (0, hooks_1.getCallHooks)(callMethod, actorStore);
+    const { useQueryCall, useMethodField, useMethodFields, useUpdateCall } = (0, hooks_1.getCallHooks)(callMethod, actorStore);
     return {
-        useField,
+        useMethodFields,
+        useMethodField,
         useActorStore,
         useAuthStore,
         useQueryCall,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "A React library for interacting with Dfinity actors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,7 +35,7 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@ic-reactor/store": "^0.2.2",
+    "@ic-reactor/store": "^0.2.3",
     "zustand-utils": "^1.3"
   },
   "peerDependencies": {
@@ -48,5 +48,5 @@
     "react": ">=16.8",
     "zustand": "4.4"
   },
-  "gitHead": "97c96f8577f6cf748fca237932c3903638002d1e"
+  "gitHead": "ab1f1be917266cfa0c452a3139d0c2263fc59c0a"
 }