mobx-react-use-autorun 3.0.1 → 3.0.4

package/dist/lib/useMobxState.d.ts

@@ -1 +1 @@
-export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T, props?: P): T & P;
+export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props?: P | (() => P)): T & P;

package/dist/lib/useMobxState.js

@@ -4,14 +4,16 @@ export function useMobxState(state, props) {
     var _a, _b;
     var mobxState = useLocalObservable(typeof state === "function" ? state : function () { return state; });
     var propsResult = typeof props === "function" ? props() : props;
-    for (var key in propsResult) {
-        if (isObservable(propsResult[key])) {
-            mobxState[key] = propsResult[key];
-        }
-        else {
-            if (propsResult[key] !== mobxState[key]) {
-                remove(mobxState, key);
-                extendObservable(mobxState, (_a = {}, _a[key] = propsResult[key], _a), (_b = {}, _b[key] = false, _b));
+    if (propsResult) {
+        for (var key in propsResult) {
+            if (isObservable(propsResult[key])) {
+                mobxState[key] = propsResult[key];
+            }
+            else {
+                if (propsResult[key] !== mobxState[key]) {
+                    remove(mobxState, key);
+                    extendObservable(mobxState, (_a = {}, _a[key] = propsResult[key], _a), (_b = {}, _b[key] = false, _b));
+                }
             }
         }
     }

package/dist/lib/useMobxState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/lib/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,UAAU,YAAY,CAAyD,KAAQ,EAAE,KAAS;;IAEpG,IAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAEjG,IAAM,WAAW,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;IAElE,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;QAC3B,IAAI,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE;YAChC,SAAS,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;SACrC;aAAM;YACH,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;gBACrC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,WAAW,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;aAC7E;SACJ;KACJ;IAED,OAAO,SAAgB,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/lib/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAqB;;IAC5H,IAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAEjG,IAAM,WAAW,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3E,IAAI,WAAW,EAAE;QACb,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;YAC3B,IAAI,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE;gBAChC,SAAS,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;aACrC;iBAAM;gBACH,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;oBACrC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;oBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,WAAW,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;iBAC7E;aACJ;SACJ;KACJ;IAED,OAAO,SAAgB,CAAC;AAC5B,CAAC"}

package/lib/lib/useMobxState.tsx

@@ -1,19 +1,20 @@
 import { extendObservable, remove, isObservable } from 'mobx';
 import { useLocalObservable } from 'mobx-react-lite';
 
-export function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T, props?: P): T & P {
-
+export function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props?: P | (() => P)): T & P {
     const mobxState = useLocalObservable(typeof state === "function" ? (state as any) : () => state);
 
-    const propsResult = typeof props === "function" ? props() : props;
+    const propsResult = typeof props === "function" ? (props as any)() : props;
 
-    for (const key in propsResult) {
-        if (isObservable(propsResult[key])) {
-            mobxState[key] = propsResult[key];
-        } else {
-            if (propsResult[key] !== mobxState[key]) {
-                remove(mobxState, key);
-                extendObservable(mobxState, { [key]: propsResult[key] }, { [key]: false })
+    if (propsResult) {
+        for (const key in propsResult) {
+            if (isObservable(propsResult[key])) {
+                mobxState[key] = propsResult[key];
+            } else {
+                if (propsResult[key] !== mobxState[key]) {
+                    remove(mobxState, key);
+                    extendObservable(mobxState, { [key]: propsResult[key] }, { [key]: false })
+                }
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-use-autorun",
-  "version": "3.0.1",
+  "version": "3.0.4",
   "description": "React Hook for mobx",
   "scripts": {
     "build": "npm install -g typescript@4.6.3 @types/node@17.0.23 ts-node@10.7.0 cross-env@7.0.3 && cross-env TS_NODE_SKIP_PROJECT=true ts-node bin/mobx_react_build.ts",

package/lib/index.d.ts

@@ -1,6 +0,0 @@
-declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T, props?: P): T & P;
-declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(statefn: () => T, propsfn: () => P): T & P;
-declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(statefn: () => T, props?: P): T & P;
-declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T, propsfn: () => P): T & P;
-
-export { useMobxState };