mobx-react-use-autorun 2.0.11 → 3.0.0

package/README.md

@@ -23,13 +23,13 @@ Builds the files for production to the `dist` folder.<br/>
 
 Publish to npm repository
 
-## Notes - Define state with useLocalObservable
+## Notes - Define state with useMobxState
 
-    import { useLocalObservable, observer } from 'mobx-react-use-autorun';
+    import { useMobxState, observer } from 'mobx-react-use-autorun';
 
     export default observer(() => {
 
-        const state = useLocalObservable(() => ({ randomNumber: 1 }));
+        const state = useMobxState({ randomNumber: 1 });
 
         return <div onClick={() => state.randomNumber = Math.random()}>
             {state.randomNumber}
@@ -40,12 +40,12 @@ more usage:<br/>
 Form validation<br/>
 
     import { Button, TextField } from '@mui/material';
-    import { observer, useLocalObservable } from 'mobx-react-use-autorun';
+    import { observer, useMobxState } from 'mobx-react-use-autorun';
     import { MessageService } from '../../common/MessageService';
 
     export default observer(() => {
 
-        const state = useLocalObservable(() => ({
+        const state = useMobxState({
             name: "",
             submit: false,
             errors: {
@@ -56,7 +56,7 @@ Form validation<br/>
                     return state.errors.name;
                 }
             }
-        }));
+        });
 
         const ok = async () => {
             state.submit = true;
@@ -73,30 +73,15 @@ Form validation<br/>
         </div>)
     })
 
-## Notes - Using props and other hooks with useAsLocalSource
-
-    import { observer, useAsLocalSource } from 'mobx-react-use-autorun';
-    import { useLocation } from 'react-router-dom';
-
-    export default observer((props: { name: string }) => {
-
-        const source = useAsLocalSource({ location: useLocation(), ...props });
-
-        return <div>
-            {source.name}
-            {source.location.pathname}
-        </div>
-    })
-
-## Notes - Subscription property changes with useAutorun
+## Notes - Subscription property changes with useMobxEffect
 
-    import { useLocalObservable, observer, useAutorun, toJS } from 'mobx-react-use-autorun';
+    import { useMobxState, observer, useMobxEffect, toJS } from 'mobx-react-use-autorun';
 
     export default observer(() => {
 
-        const state = useLocalObservable(() => ({ randomNumber: 1 }));
+        const state = useMobxState({ randomNumber: 1 });
 
-        useAutorun(() => {
+        useMobxEffect(() => {
             console.log(toJS(state))
         }, [state]);
 
@@ -108,15 +93,15 @@ Form validation<br/>
 ## Notes - Ignore frequent asynchronous calls with useAsyncExhaust
 
     import { TextField } from "@mui/material";
-    import { useLocalObservable, observer, useAsyncExhaust } from 'mobx-react-use-autorun';
+    import { useMobxState, observer, useAsyncExhaust } from 'mobx-react-use-autorun';
     import axios from 'axios';
 
     export default observer(() => {
 
-        const state = useLocalObservable(() => ({
+        const state = useMobxState({
             list: [],
             searchText: ""
-        }));
+        });
 
         const search = useAsyncExhaust(async () => {
             state.list = await axios.get("/search");
@@ -141,15 +126,6 @@ Form validation<br/>
 
     const state = observable({});
 
-## Notes - Define a delayed promise with timeout
-
-    import { timeout } form 'mobx-react-use-autorun';
-
-    async function(){
-        await timeout(100);
-        await timeout(new Date());
-    }
-
 ## Notes - Get the real data of the proxy object with toJS
 
     import { observable, toJS } from 'mobx-react-use-autorun';

package/dist/index.d.ts

@@ -1,12 +1,9 @@
 import './lib/mobx_config';
 import { toJS, observable } from 'mobx';
-import { useLocalObservable, observer } from 'mobx-react-lite';
-import { timeout } from './lib/timeout';
-import { useAsLocalSource } from './lib/useAsLocalSource';
-import { useAutorun } from './lib/useAutorun';
+import { observer } from 'mobx-react-lite';
 import { useAsyncExhaust } from './lib/useAsyncExhaust';
-export { toJS, observable, observer, useLocalObservable };
-export { timeout };
-export { useAsLocalSource };
-export { useAutorun };
+import { useMobxEffect } from './lib/useMobxEffect';
+import { useMobxState } from './lib/useMobxState';
+export { toJS, observable, observer };
+export { useMobxEffect, useMobxState };
 export { useAsyncExhaust };

package/dist/index.js

@@ -1,13 +1,10 @@
 import './lib/mobx_config';
 import { toJS, observable } from 'mobx';
-import { useLocalObservable, observer } from 'mobx-react-lite';
-import { timeout } from './lib/timeout';
-import { useAsLocalSource } from './lib/useAsLocalSource';
-import { useAutorun } from './lib/useAutorun';
+import { observer } from 'mobx-react-lite';
 import { useAsyncExhaust } from './lib/useAsyncExhaust';
-export { toJS, observable, observer, useLocalObservable };
-export { timeout };
-export { useAsLocalSource };
-export { useAutorun };
+import { useMobxEffect } from './lib/useMobxEffect';
+import { useMobxState } from './lib/useMobxState';
+export { toJS, observable, observer };
+export { useMobxEffect, useMobxState };
 export { useAsyncExhaust };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/lib/useAsyncExhaust.js

@@ -39,7 +39,7 @@ import { useRef } from 'react';
 import { useMount, useUnmount } from 'react-use';
 import { catchError, concatMap, debounceTime, EMPTY, from, lastValueFrom, ReplaySubject, Subscription } from 'rxjs';
 import { exhaustMapWithTrailing } from 'rxjs-exhaustmap-with-trailing';
-import { useAsLocalSource } from './useAsLocalSource';
+import { useMobxState } from './useMobxState';
 export function useAsyncExhaust(callback) {
     var _this = this;
     var runCallback = function () {
@@ -67,7 +67,7 @@ export function useAsyncExhaust(callback) {
         resultSubjectList: [],
         isUnmount: false,
     }).current;
-    var source = useAsLocalSource({ callback: callback });
+    var source = useMobxState({}, { callback: callback });
     useMount(function () {
         state.subscription.add(state.subject.pipe(debounceTime(0), exhaustMapWithTrailing(function (_a) {
             var params = _a.params;

package/dist/lib/useAsyncExhaust.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncExhaust.js","sourceRoot":"","sources":["../../lib/lib/useAsyncExhaust.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAsyncExhaust.js","sourceRoot":"","sources":["../../lib/lib/useAsyncExhaust.tsx"],"names":[],"mappings":"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"}

package/dist/lib/useMobxEffect.d.ts

@@ -0,0 +1 @@
+export declare const useMobxEffect: (callback: () => void, dependencyList: any[]) => void;

package/dist/lib/useMobxEffect.js

@@ -0,0 +1,20 @@
+import { useMount, useUnmount } from 'react-use';
+import { Subscription } from 'rxjs';
+import { reaction, toJS } from 'mobx';
+import { useMobxState } from './useMobxState';
+export var useMobxEffect = function (callback, dependencyList) {
+    var state = useMobxState({
+        subscription: new Subscription(),
+    }, Object.assign({}, dependencyList));
+    var source = useMobxState({}, { callback: callback });
+    useMount(function () {
+        var disposer = reaction(function () { return [toJS(state)]; }, function () { return source.callback(); }, { fireImmediately: true, delay: 1 });
+        state.subscription.add(new Subscription(function () {
+            disposer();
+        }));
+    });
+    useUnmount(function () {
+        state.subscription.unsubscribe();
+    });
+};
+//# sourceMappingURL=useMobxEffect.js.map

package/dist/lib/useMobxEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../lib/lib/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAqB;IAErE,IAAM,KAAK,GAAG,YAAY,CAAC;QACvB,YAAY,EAAE,IAAI,YAAY,EAAE;KACnC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAA;IAErC,IAAM,MAAM,GAAG,YAAY,CAAC,EAAE,EAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC;IAE3C,QAAQ,CAAC;QACL,IAAM,QAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAb,CAAa,EAAE,cAAM,OAAA,MAAM,CAAC,QAAQ,EAAE,EAAjB,CAAiB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;YACpC,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC,CAAC,CAAC;IACR,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC;QACP,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACrC,CAAC,CAAC,CAAA;AACN,CAAC,CAAA"}

package/dist/lib/useMobxState.d.ts

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

package/dist/lib/useMobxState.js

@@ -0,0 +1,19 @@
+import { extendObservable, remove, isObservable } from 'mobx';
+import { useLocalObservable } from 'mobx-react-lite';
+export function useMobxState(state, props) {
+    var _a, _b;
+    var mobxState = useLocalObservable(function () { return state; });
+    for (var key in props) {
+        if (isObservable(props[key])) {
+            mobxState[key] = props[key];
+        }
+        else {
+            if (props[key] !== mobxState[key]) {
+                remove(mobxState, key);
+                extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
+            }
+        }
+    }
+    return mobxState;
+}
+//# sourceMappingURL=useMobxState.js.map

package/dist/lib/useMobxState.js.map

@@ -0,0 +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,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAElD,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;QACrB,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;YAC1B,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;SAC/B;aAAM;YACH,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;gBAC/B,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;aACvE;SACJ;KACJ;IAED,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+declare const useMobxState: (fn: () => any) => void;
+export { useMobxState };

package/lib/index.tsx

@@ -1,13 +1,10 @@
 import './lib/mobx_config'
 import { toJS, observable } from 'mobx';
-import { useLocalObservable, observer } from 'mobx-react-lite';
-import { timeout } from './lib/timeout'
-import { useAsLocalSource } from './lib/useAsLocalSource';
-import { useAutorun } from './lib/useAutorun';
+import { observer } from 'mobx-react-lite';
 import { useAsyncExhaust } from './lib/useAsyncExhaust';
+import { useMobxEffect } from './lib/useMobxEffect';
+import { useMobxState } from './lib/useMobxState';
 
-export { toJS, observable, observer, useLocalObservable }
-export { timeout }
-export { useAsLocalSource }
-export { useAutorun }
+export { toJS, observable, observer }
+export { useMobxEffect, useMobxState }
 export { useAsyncExhaust }

package/lib/lib/useAsyncExhaust.tsx

@@ -3,7 +3,7 @@ import { useRef } from 'react';
 import { useMount, useUnmount } from 'react-use';
 import { catchError, concatMap, debounceTime, EMPTY, from, lastValueFrom, ReplaySubject, Subscription } from 'rxjs';
 import { exhaustMapWithTrailing } from 'rxjs-exhaustmap-with-trailing';
-import { useAsLocalSource } from './useAsLocalSource';
+import { useMobxState } from './useMobxState';
 
 export function useAsyncExhaust<T>(callback: T) {
 
@@ -36,7 +36,7 @@ export function useAsyncExhaust<T>(callback: T) {
         isUnmount: false,
     }).current;
 
-    const source = useAsLocalSource({ callback });
+    const source = useMobxState({}, { callback });
 
     useMount(() => {
         state.subscription.add(state.subject.pipe(

package/lib/lib/useMobxEffect.tsx

@@ -0,0 +1,25 @@
+import { useMount, useUnmount } from 'react-use';
+import { Subscription } from 'rxjs';
+import { reaction, toJS } from 'mobx'
+import { useMobxState } from './useMobxState';
+
+export const useMobxEffect = (callback: () => void, dependencyList: any[]): void => {
+
+    const state = useMobxState({
+        subscription: new Subscription(),
+    }, Object.assign({}, dependencyList))
+
+    const source = useMobxState({},{callback});
+
+    useMount(() => {
+        const disposer = reaction(() => [toJS(state)], () => source.callback(), { fireImmediately: true, delay: 1 });
+
+        state.subscription.add(new Subscription(() => {
+            disposer();
+        }));
+    })
+
+    useUnmount(() => {
+        state.subscription.unsubscribe();
+    })
+}

package/lib/lib/useMobxState.tsx

@@ -0,0 +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 {
+
+    const mobxState = useLocalObservable(() => state);
+
+    for (const key in props) {
+        if (isObservable(props[key])) {
+            mobxState[key] = props[key];
+        } else {
+            if (props[key] !== mobxState[key]) {
+                remove(mobxState, key);
+                extendObservable(mobxState, { [key]: props[key] }, { [key]: false })
+            }
+        }
+    }
+
+    return mobxState;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-use-autorun",
-  "version": "2.0.11",
+  "version": "3.0.0",
   "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",
@@ -8,11 +8,11 @@
     "prepublishOnly": "npm test && npm run build"
   },
   "dependencies": {
-    "mobx": "6.5.0",
-    "mobx-react-lite": "3.3.0",
-    "react-use": "17.3.2",
-    "rxjs": "7.5.5",
-    "rxjs-exhaustmap-with-trailing": "2.0.0"
+    "mobx": ">=6.5.0",
+    "mobx-react-lite": ">=3.3.0",
+    "react-use": ">=17.3.2",
+    "rxjs": ">=7.5.5",
+    "rxjs-exhaustmap-with-trailing": ">=2.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
@@ -31,6 +31,11 @@
     "react-scripts": "5.0.1"
   },
   "license": "MIT",
+  "keywords": [
+    "react",
+    "mobx",
+    "typescript"
+  ],
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "eslintConfig": {

package/dist/lib/timeout.d.ts

@@ -1 +0,0 @@
-export declare function timeout(due: number | Date): Promise<void>;

package/dist/lib/timeout.js

@@ -1,50 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { lastValueFrom, timer } from 'rxjs';
-export function timeout(due) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, lastValueFrom(timer(due))];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-//# sourceMappingURL=timeout.js.map

package/dist/lib/timeout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../../lib/lib/timeout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAE5C,MAAM,UAAgB,OAAO,CAAC,GAAkB;;;;wBAC5C,qBAAM,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAA;;oBAA/B,SAA+B,CAAC;;;;;CACnC"}

package/dist/lib/useAsLocalSource.d.ts

@@ -1 +0,0 @@
-export declare function useAsLocalSource<T extends object>(data: T): T;

package/dist/lib/useAsLocalSource.js

@@ -1,34 +0,0 @@
-import { extendObservable, observable, remove, runInAction, isObservable } from 'mobx';
-import { useRef } from 'react';
-export function useAsLocalSource(data) {
-    var initStateCallback = function () {
-        if (Array.isArray(data)) {
-            throw new Error('Arrays is unsupported!');
-        }
-        var initState = observable({}, undefined, { deep: false });
-        return initState;
-    };
-    var state = useRef(initStateCallback()).current;
-    runInAction(function () {
-        var _a, _b;
-        for (var key in state) {
-            if (!Object.keys(data).includes(key)) {
-                remove(state, key);
-            }
-        }
-        for (var key in data) {
-            if (isObservable(data[key])) {
-                state[key] = data[key];
-            }
-            else {
-                if (data[key] !== state[key]) {
-                    remove(state, key);
-                    extendObservable(state, (_a = {}, _a[key] = data[key], _a), (_b = {}, _b[key] = false, _b));
-                }
-            }
-        }
-    });
-    return state;
-}
-;
-//# sourceMappingURL=useAsLocalSource.js.map

package/dist/lib/useAsLocalSource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAsLocalSource.js","sourceRoot":"","sources":["../../lib/lib/useAsLocalSource.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,gBAAgB,CAAmB,IAAO;IAEtD,IAAM,iBAAiB,GAAG;QACtB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;SAC7C;QACD,IAAM,SAAS,GAAG,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAM,CAAC;QAClE,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,OAAO,CAAC;IAElD,WAAW,CAAC;;QACR,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;YACrB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBAClC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;aACtB;SACJ;QACD,KAAK,IAAM,GAAG,IAAI,IAAI,EAAE;YACpB,IAAI,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;gBACzB,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;aAC1B;iBAAM;gBACH,IAAG,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,EAAC;oBACxB,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;oBACnB,gBAAgB,CAAC,KAAK,YAAI,GAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;iBAClE;aACJ;SACJ;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAC;AACjB,CAAC;AAAA,CAAC"}

package/dist/lib/useAutorun.d.ts

@@ -1 +0,0 @@
-export declare const useAutorun: (callback: () => void, dependencyList: any[]) => void;

package/dist/lib/useAutorun.js

@@ -1,22 +0,0 @@
-import { useLocalObservable } from 'mobx-react-lite';
-import { useMount, useUnmount } from 'react-use';
-import { Subscription } from 'rxjs';
-import { useAsLocalSource } from './useAsLocalSource';
-import { reaction, toJS } from 'mobx';
-export var useAutorun = function (callback, dependencyList) {
-    var state = useLocalObservable(function () { return ({
-        subscription: new Subscription(),
-    }); });
-    var dependencyListSource = useAsLocalSource(Object.assign({}, dependencyList));
-    var source = useAsLocalSource({ callback: callback });
-    useMount(function () {
-        var disposer = reaction(function () { return [toJS(dependencyListSource)]; }, function () { return source.callback(); }, { fireImmediately: true, delay: 1 });
-        state.subscription.add(new Subscription(function () {
-            disposer();
-        }));
-    });
-    useUnmount(function () {
-        state.subscription.unsubscribe();
-    });
-};
-//# sourceMappingURL=useAutorun.js.map

package/dist/lib/useAutorun.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutorun.js","sourceRoot":"","sources":["../../lib/lib/useAutorun.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAErC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,QAAoB,EAAE,cAAqB;IAElE,IAAM,KAAK,GAAG,kBAAkB,CAAC,cAAM,OAAA,CAAC;QACpC,YAAY,EAAE,IAAI,YAAY,EAAE;KACnC,CAAC,EAFqC,CAErC,CAAC,CAAA;IAEH,IAAM,oBAAoB,GAAG,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAA;IAEhF,IAAM,MAAM,GAAG,gBAAgB,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAE9C,QAAQ,CAAC;QACL,IAAM,QAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAA5B,CAA4B,EAAE,cAAM,OAAA,MAAM,CAAC,QAAQ,EAAE,EAAjB,CAAiB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAE5H,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;YACpC,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC,CAAC,CAAC;IACR,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC;QACP,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACrC,CAAC,CAAC,CAAA;AACN,CAAC,CAAA"}

package/lib/lib/timeout.tsx

@@ -1,5 +0,0 @@
-import { lastValueFrom, timer } from 'rxjs';
-
-export async function timeout(due: number | Date) {
-    await lastValueFrom(timer(due));
-}

package/lib/lib/useAsLocalSource.tsx

@@ -1,35 +0,0 @@
-import { extendObservable, observable, remove, runInAction, isObservable } from 'mobx';
-import { useRef } from 'react';
-
-export function useAsLocalSource<T extends object>(data: T): T {
-
-    const initStateCallback = () => {
-        if (Array.isArray(data)) {
-            throw new Error('Arrays is unsupported!');
-        }
-        const initState = observable({}, undefined, { deep: false }) as T;
-        return initState;
-    };
-
-    const state = useRef(initStateCallback()).current;
-
-    runInAction(() => {
-        for (const key in state) {
-            if (!Object.keys(data).includes(key)) {
-                remove(state, key);
-            }
-        }
-        for (const key in data) {
-            if (isObservable(data[key])) {
-                state[key] = data[key];
-            } else {
-                if(data[key] !== state[key]){
-                    remove(state, key);
-                    extendObservable(state, { [key]: data[key] }, { [key]: false })
-                }
-            }
-        }
-    })
-
-    return state;
-};

package/lib/lib/useAutorun.tsx

@@ -1,28 +0,0 @@
-import { useLocalObservable } from 'mobx-react-lite';
-import { useMount, useUnmount } from 'react-use';
-import { Subscription } from 'rxjs';
-import { useAsLocalSource } from './useAsLocalSource';
-import { reaction, toJS } from 'mobx'
-
-export const useAutorun = (callback: () => void, dependencyList: any[]): void => {
-
-    const state = useLocalObservable(() => ({
-        subscription: new Subscription(),
-    }))
-
-    const dependencyListSource = useAsLocalSource(Object.assign({}, dependencyList))
-
-    const source = useAsLocalSource({ callback });
-
-    useMount(() => {
-        const disposer = reaction(() => [toJS(dependencyListSource)], () => source.callback(), { fireImmediately: true, delay: 1 });
-
-        state.subscription.add(new Subscription(() => {
-            disposer();
-        }));
-    })
-
-    useUnmount(() => {
-        state.subscription.unsubscribe();
-    })
-}