mobx-react-use-autorun 3.1.14 → 3.1.16-beta

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import './js/mobx_config';
-import { toJS, observable } from 'mobx';
+import { toJS, observable, makeAutoObservable } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useMobxEffect } from './js/useMobxEffect';
 import { useMobxState } from './js/useMobxState';
 import { useMount, useUnmount } from 'react-use';
-export { toJS, observable, observer };
+export { toJS, observable, observer, makeAutoObservable };
 export { useMobxState, useMobxEffect };
 export { useMount, useUnmount };

package/dist/index.js

@@ -1,10 +1,18 @@
-import './js/mobx_config';
-import { toJS, observable } from 'mobx';
-import { observer } from 'mobx-react-lite';
-import { useMobxEffect } from './js/useMobxEffect';
-import { useMobxState } from './js/useMobxState';
-import { useMount, useUnmount } from 'react-use';
-export { toJS, observable, observer };
-export { useMobxState, useMobxEffect };
-export { useMount, useUnmount };
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUnmount = exports.useMount = exports.useMobxEffect = exports.useMobxState = exports.makeAutoObservable = exports.observer = exports.observable = exports.toJS = void 0;
+require("./js/mobx_config");
+var mobx_1 = require("mobx");
+Object.defineProperty(exports, "toJS", { enumerable: true, get: function () { return mobx_1.toJS; } });
+Object.defineProperty(exports, "observable", { enumerable: true, get: function () { return mobx_1.observable; } });
+Object.defineProperty(exports, "makeAutoObservable", { enumerable: true, get: function () { return mobx_1.makeAutoObservable; } });
+var mobx_react_lite_1 = require("mobx-react-lite");
+Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return mobx_react_lite_1.observer; } });
+var useMobxEffect_1 = require("./js/useMobxEffect");
+Object.defineProperty(exports, "useMobxEffect", { enumerable: true, get: function () { return useMobxEffect_1.useMobxEffect; } });
+var useMobxState_1 = require("./js/useMobxState");
+Object.defineProperty(exports, "useMobxState", { enumerable: true, get: function () { return useMobxState_1.useMobxState; } });
+var react_use_1 = require("react-use");
+Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return react_use_1.useMount; } });
+Object.defineProperty(exports, "useUnmount", { enumerable: true, get: function () { return react_use_1.useUnmount; } });
 //# 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,kBAAkB,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":";;;AAAA,4BAAyB;AACzB,6BAA4D;AAMnD,qFANA,WAAI,OAMA;AAAE,2FANA,iBAAU,OAMA;AAAY,mGANV,yBAAkB,OAMU;AALvD,mDAA2C;AAKhB,yFALlB,0BAAQ,OAKkB;AAJnC,oDAAmD;AAK5B,8FALd,6BAAa,OAKc;AAJpC,kDAAiD;AAIxC,6FAJA,2BAAY,OAIA;AAHrB,uCAAiD;AAIxC,yFAJA,oBAAQ,OAIA;AAAE,2FAJA,sBAAU,OAIA"}

package/dist/js/mobx_config.js

@@ -1,5 +1,7 @@
-import { configure } from 'mobx';
-configure({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var mobx_1 = require("mobx");
+(0, mobx_1.configure)({
     enforceActions: 'never'
 });
 //# sourceMappingURL=mobx_config.js.map

package/dist/js/mobx_config.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobx_config.js","sourceRoot":"","sources":["../../lib/js/mobx_config.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,SAAS,CAAC;IACR,cAAc,EAAE,OAAO;CACxB,CAAC,CAAA"}
+{"version":3,"file":"mobx_config.js","sourceRoot":"","sources":["../../lib/js/mobx_config.tsx"],"names":[],"mappings":";;AAAA,6BAAiC;AAEjC,IAAA,gBAAS,EAAC;IACR,cAAc,EAAE,OAAO;CACxB,CAAC,CAAA"}

package/dist/js/useMobxEffect.js

@@ -1,28 +1,32 @@
-import { useMount, useUnmount } from 'react-use';
-import { Subscription } from 'rxjs';
-import { reaction, toJS } from 'mobx';
-import { useMobxState } from './useMobxState';
-import { useEffect } from 'react';
-export var useMobxEffect = function (callback, dependencyList) {
-    var state = useMobxState({
-        subscription: new Subscription(),
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMobxEffect = void 0;
+var react_use_1 = require("react-use");
+var rxjs_1 = require("rxjs");
+var mobx_1 = require("mobx");
+var useMobxState_1 = require("./useMobxState");
+var react_1 = require("react");
+var useMobxEffect = function (callback, dependencyList) {
+    var state = (0, useMobxState_1.useMobxState)({
+        subscription: new rxjs_1.Subscription(),
     }, { callback: callback });
-    var source = useMobxState({}, Object.assign({}, dependencyList));
-    useEffect(function () {
+    var source = (0, useMobxState_1.useMobxState)({}, Object.assign({}, dependencyList));
+    (0, react_1.useEffect)(function () {
         if (!dependencyList) {
             callback();
         }
     });
-    useMount(function () {
+    (0, react_use_1.useMount)(function () {
         if (dependencyList) {
-            var disposer_1 = reaction(function () { return [toJS(source)]; }, function () { return state.callback(); }, { fireImmediately: true, delay: 1 });
-            state.subscription.add(new Subscription(function () {
+            var disposer_1 = (0, mobx_1.reaction)(function () { return [(0, mobx_1.toJS)(source)]; }, function () { return state.callback(); }, { fireImmediately: true, delay: 1 });
+            state.subscription.add(new rxjs_1.Subscription(function () {
                 disposer_1();
             }));
         }
     });
-    useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         state.subscription.unsubscribe();
     });
 };
+exports.useMobxEffect = useMobxEffect;
 //# sourceMappingURL=useMobxEffect.js.map

package/dist/js/useMobxEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../lib/js/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;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,KAAK,GAAG,YAAY,CAAC;QACzB,YAAY,EAAE,IAAI,YAAY,EAAE;KACjC,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC;QACP,IAAI,cAAc,EAAE;YAClB,IAAM,UAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;gBACtC,UAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC;QACT,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAiD;AACjD,6BAAoC;AACpC,6BAAqC;AACrC,+CAA8C;AAC9C,+BAAkC;AAE3B,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,KAAK,GAAG,IAAA,2BAAY,EAAC;QACzB,YAAY,EAAE,IAAI,mBAAY,EAAE;KACjC,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAC,CAAA;IAEF,IAAA,oBAAQ,EAAC;QACP,IAAI,cAAc,EAAE;YAClB,IAAM,UAAQ,GAAG,IAAA,eAAQ,EAAC,cAAM,OAAA,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,mBAAY,CAAC;gBACtC,UAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAA;IAEF,IAAA,sBAAU,EAAC;QACT,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AA3BY,QAAA,aAAa,iBA2BzB"}

package/dist/js/useMobxState.js

@@ -1,27 +1,30 @@
-import { extendObservable, remove, isObservable, runInAction } from 'mobx';
-import { useLocalObservable } from 'mobx-react-lite';
-import { useRef } from 'react';
-export function useMobxState(state, props) {
-    var mobxState = useLocalObservable(typeof state === "function" ? state : function () { return state; });
-    var keyListOfState = useRef([]);
-    runInAction(function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMobxState = void 0;
+var mobx_1 = require("mobx");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var react_1 = require("react");
+function useMobxState(state, props) {
+    var mobxState = (0, mobx_react_lite_1.useLocalObservable)(typeof state === "function" ? state : function () { return state; });
+    var keyListOfState = (0, react_1.useRef)([]);
+    (0, mobx_1.runInAction)(function () {
         var _a, _b;
         var _c;
         if (props) {
             for (var _i = 0, _d = keyListOfState.current; _i < _d.length; _i++) {
                 var key = _d[_i];
                 if (!Object.keys(props).includes(key)) {
-                    remove(mobxState, key);
+                    (0, mobx_1.remove)(mobxState, key);
                 }
             }
             for (var key in props) {
-                if (isObservable(props[key]) || ((_c = Object.getOwnPropertyDescriptor(props, key)) === null || _c === void 0 ? void 0 : _c.get)) {
+                if ((0, mobx_1.isObservable)(props[key]) || ((_c = Object.getOwnPropertyDescriptor(props, key)) === null || _c === void 0 ? void 0 : _c.get)) {
                     Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(props, key));
                 }
                 else {
                     if (props[key] !== mobxState[key]) {
-                        remove(mobxState, key);
-                        extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
+                        (0, mobx_1.remove)(mobxState, key);
+                        (0, mobx_1.extendObservable)(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
                     }
                 }
             }
@@ -33,4 +36,5 @@ export function useMobxState(state, props) {
     });
     return mobxState;
 }
+exports.useMobxState = useMobxState;
 //# sourceMappingURL=useMobxState.js.map

package/dist/js/useMobxState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAK/B,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,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,cAAc,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;IAE5C,WAAW,CAAC;;;QAEV,IAAI,KAAK,EAAE;YAET,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE;gBAArC,IAAM,GAAG,SAAA;gBACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBACrC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBACxB;aACF;YAED,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAI,MAAA,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,0CAAE,GAAG,CAAA,EAAE;oBAChF,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAQ,CAAC,CAAA;iBAC1F;qBAAM;oBACL,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;wBACjC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;qBACrE;iBACF;aACF;YAED,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChE,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAClC;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/js/useMobxState.tsx"],"names":[],"mappings":";;;AAAA,6BAA2E;AAC3E,mDAAqD;AACrD,+BAA+B;AAK/B,SAAgB,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,IAAM,SAAS,GAAG,IAAA,oCAAkB,EAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAEjG,IAAM,cAAc,GAAG,IAAA,cAAM,EAAW,EAAE,CAAC,CAAC;IAE5C,IAAA,kBAAW,EAAC;;;QAEV,IAAI,KAAK,EAAE;YAET,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE;gBAArC,IAAM,GAAG,SAAA;gBACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBACrC,IAAA,aAAM,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBACxB;aACF;YAED,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,IAAI,IAAA,mBAAY,EAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAI,MAAA,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,0CAAE,GAAG,CAAA,EAAE;oBAChF,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAQ,CAAC,CAAA;iBAC1F;qBAAM;oBACL,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;wBACjC,IAAA,aAAM,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBACvB,IAAA,uBAAgB,EAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;qBACrE;iBACF;aACF;YAED,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChE,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAClC;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC1B,CAAC;AAlCD,oCAkCC"}

package/es/index.d.ts

@@ -0,0 +1,9 @@
+import './js/mobx_config';
+import { toJS, observable, makeAutoObservable } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { useMobxEffect } from './js/useMobxEffect';
+import { useMobxState } from './js/useMobxState';
+import { useMount, useUnmount } from 'react-use';
+export { toJS, observable, observer, makeAutoObservable };
+export { useMobxState, useMobxEffect };
+export { useMount, useUnmount };

package/es/index.js

@@ -0,0 +1,10 @@
+import './js/mobx_config';
+import { toJS, observable, makeAutoObservable } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { useMobxEffect } from './js/useMobxEffect';
+import { useMobxState } from './js/useMobxState';
+import { useMount, useUnmount } from 'react-use';
+export { toJS, observable, observer, makeAutoObservable };
+export { useMobxState, useMobxEffect };
+export { useMount, useUnmount };
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAA"}

package/es/js/mobx_config.d.ts

@@ -0,0 +1 @@
+export {};

package/es/js/mobx_config.js

@@ -0,0 +1,5 @@
+import { configure } from 'mobx';
+configure({
+    enforceActions: 'never'
+});
+//# sourceMappingURL=mobx_config.js.map

package/es/js/mobx_config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobx_config.js","sourceRoot":"","sources":["../../lib/js/mobx_config.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,SAAS,CAAC;IACR,cAAc,EAAE,OAAO;CACxB,CAAC,CAAA"}

package/es/js/useMobxEffect.d.ts

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

package/es/js/useMobxEffect.js

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

package/es/js/useMobxEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../lib/js/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;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,KAAK,GAAG,YAAY,CAAC;QACzB,YAAY,EAAE,IAAI,YAAY,EAAE;KACjC,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC;QACP,IAAI,cAAc,EAAE;YAClB,IAAM,UAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;gBACtC,UAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC;QACT,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/es/js/useMobxState.d.ts

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

package/es/js/useMobxState.js

@@ -0,0 +1,36 @@
+import { extendObservable, remove, isObservable, runInAction } from 'mobx';
+import { useLocalObservable } from 'mobx-react-lite';
+import { useRef } from 'react';
+export function useMobxState(state, props) {
+    var mobxState = useLocalObservable(typeof state === "function" ? state : function () { return state; });
+    var keyListOfState = useRef([]);
+    runInAction(function () {
+        var _a, _b;
+        var _c;
+        if (props) {
+            for (var _i = 0, _d = keyListOfState.current; _i < _d.length; _i++) {
+                var key = _d[_i];
+                if (!Object.keys(props).includes(key)) {
+                    remove(mobxState, key);
+                }
+            }
+            for (var key in props) {
+                if (isObservable(props[key]) || ((_c = Object.getOwnPropertyDescriptor(props, key)) === null || _c === void 0 ? void 0 : _c.get)) {
+                    Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(props, key));
+                }
+                else {
+                    if (props[key] !== mobxState[key]) {
+                        remove(mobxState, key);
+                        extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
+                    }
+                }
+            }
+            keyListOfState.current.splice(0, keyListOfState.current.length);
+            for (var key in props) {
+                keyListOfState.current.push(key);
+            }
+        }
+    });
+    return mobxState;
+}
+//# sourceMappingURL=useMobxState.js.map

package/es/js/useMobxState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAK/B,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,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,cAAc,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;IAE5C,WAAW,CAAC;;;QAEV,IAAI,KAAK,EAAE;YAET,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE;gBAArC,IAAM,GAAG,SAAA;gBACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBACrC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBACxB;aACF;YAED,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAI,MAAA,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,0CAAE,GAAG,CAAA,EAAE;oBAChF,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAQ,CAAC,CAAA;iBAC1F;qBAAM;oBACL,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;wBACjC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;qBACrE;iBACF;aACF;YAED,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChE,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAClC;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC1B,CAAC"}

package/lib/index.tsx

@@ -1,10 +1,10 @@
 import './js/mobx_config'
-import { toJS, observable } from 'mobx';
+import { toJS, observable, makeAutoObservable } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { useMobxEffect } from './js/useMobxEffect';
 import { useMobxState } from './js/useMobxState';
 import { useMount, useUnmount } from 'react-use';
 
-export { toJS, observable, observer }
+export { toJS, observable, observer, makeAutoObservable }
 export { useMobxState, useMobxEffect }
 export { useMount, useUnmount }

package/package.json

@@ -1 +1 @@
-{"name":"mobx-react-use-autorun","version":"3.1.14","description":"Provide concise usage for mobx in react","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":"6.8.0","mobx-react-lite":"3.4.3","react-use":"17.4.0","rxjs":"7.8.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript","hooks"],"main":"./dist/index.js","types":"./dist/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}
+{"name":"mobx-react-use-autorun","version":"3.1.16-beta","description":"Provide concise usage for mobx in react","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":"6.8.0","mobx-react-lite":"3.4.3","react-use":"17.4.0","rxjs":"7.8.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript","hooks"],"main":"./dist/index.js","module":"./es/index.js","types":"./dist/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist","es"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}