mobx-react-use-autorun 4.0.44 → 4.0.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.d.ts +9 -9
- package/dist/cjs/index.js +16 -16
- package/dist/cjs/js/mobx_config.d.ts +1 -1
- package/dist/cjs/js/mobx_config.js +6 -6
- package/dist/cjs/js/useMobxEffect.d.ts +1 -1
- package/dist/cjs/js/useMobxEffect.js +47 -47
- package/dist/cjs/js/useMobxEffect.js.map +1 -1
- package/dist/cjs/js/useMobxState.d.ts +2 -2
- package/dist/cjs/js/useMobxState.js +31 -30
- package/dist/cjs/js/useMobxState.js.map +1 -1
- package/dist/cjs/js/useMount.d.ts +2 -2
- package/dist/cjs/js/useMount.js +23 -22
- package/dist/cjs/js/useMount.js.map +1 -1
- package/dist/esm/index.d.ts +9 -9
- package/dist/esm/index.js +9 -9
- package/dist/esm/js/mobx_config.d.ts +1 -1
- package/dist/esm/js/mobx_config.js +4 -4
- package/dist/esm/js/useMobxEffect.d.ts +1 -1
- package/dist/esm/js/useMobxEffect.js +43 -43
- package/dist/esm/js/useMobxEffect.js.map +1 -1
- package/dist/esm/js/useMobxState.d.ts +2 -2
- package/dist/esm/js/useMobxState.js +27 -27
- package/dist/esm/js/useMobxState.js.map +1 -1
- package/dist/esm/js/useMount.d.ts +2 -2
- package/dist/esm/js/useMount.js +19 -19
- package/package.json +5 -5
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import './js/mobx_config';
|
|
2
|
-
import { toJS, observable, makeAutoObservable } from 'mobx';
|
|
3
|
-
import { observer } from 'mobx-react-lite';
|
|
4
|
-
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
-
import { useMobxState } from './js/useMobxState';
|
|
6
|
-
import { useMount } from './js/useMount';
|
|
7
|
-
export { toJS, observable, observer, makeAutoObservable };
|
|
8
|
-
export { useMobxState, useMobxEffect };
|
|
9
|
-
export { useMount };
|
|
1
|
+
import './js/mobx_config';
|
|
2
|
+
import { toJS, observable, makeAutoObservable } from 'mobx';
|
|
3
|
+
import { observer } from 'mobx-react-lite';
|
|
4
|
+
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
+
import { useMobxState } from './js/useMobxState';
|
|
6
|
+
import { useMount } from './js/useMount';
|
|
7
|
+
export { toJS, observable, observer, makeAutoObservable };
|
|
8
|
+
export { useMobxState, useMobxEffect };
|
|
9
|
+
export { useMount };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useMount = exports.useMobxEffect = exports.useMobxState = exports.makeAutoObservable = exports.observer = exports.observable = exports.toJS = void 0;
|
|
4
|
-
require("./js/mobx_config");
|
|
5
|
-
var mobx_1 = require("mobx");
|
|
6
|
-
Object.defineProperty(exports, "toJS", { enumerable: true, get: function () { return mobx_1.toJS; } });
|
|
7
|
-
Object.defineProperty(exports, "observable", { enumerable: true, get: function () { return mobx_1.observable; } });
|
|
8
|
-
Object.defineProperty(exports, "makeAutoObservable", { enumerable: true, get: function () { return mobx_1.makeAutoObservable; } });
|
|
9
|
-
var mobx_react_lite_1 = require("mobx-react-lite");
|
|
10
|
-
Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return mobx_react_lite_1.observer; } });
|
|
11
|
-
var useMobxEffect_1 = require("./js/useMobxEffect");
|
|
12
|
-
Object.defineProperty(exports, "useMobxEffect", { enumerable: true, get: function () { return useMobxEffect_1.useMobxEffect; } });
|
|
13
|
-
var useMobxState_1 = require("./js/useMobxState");
|
|
14
|
-
Object.defineProperty(exports, "useMobxState", { enumerable: true, get: function () { return useMobxState_1.useMobxState; } });
|
|
15
|
-
var useMount_1 = require("./js/useMount");
|
|
16
|
-
Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return useMount_1.useMount; } });
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useMount = exports.useMobxEffect = exports.useMobxState = exports.makeAutoObservable = exports.observer = exports.observable = exports.toJS = void 0;
|
|
4
|
+
require("./js/mobx_config");
|
|
5
|
+
var mobx_1 = require("mobx");
|
|
6
|
+
Object.defineProperty(exports, "toJS", { enumerable: true, get: function () { return mobx_1.toJS; } });
|
|
7
|
+
Object.defineProperty(exports, "observable", { enumerable: true, get: function () { return mobx_1.observable; } });
|
|
8
|
+
Object.defineProperty(exports, "makeAutoObservable", { enumerable: true, get: function () { return mobx_1.makeAutoObservable; } });
|
|
9
|
+
var mobx_react_lite_1 = require("mobx-react-lite");
|
|
10
|
+
Object.defineProperty(exports, "observer", { enumerable: true, get: function () { return mobx_react_lite_1.observer; } });
|
|
11
|
+
var useMobxEffect_1 = require("./js/useMobxEffect");
|
|
12
|
+
Object.defineProperty(exports, "useMobxEffect", { enumerable: true, get: function () { return useMobxEffect_1.useMobxEffect; } });
|
|
13
|
+
var useMobxState_1 = require("./js/useMobxState");
|
|
14
|
+
Object.defineProperty(exports, "useMobxState", { enumerable: true, get: function () { return useMobxState_1.useMobxState; } });
|
|
15
|
+
var useMount_1 = require("./js/useMount");
|
|
16
|
+
Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return useMount_1.useMount; } });
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var mobx_1 = require("mobx");
|
|
4
|
-
(0, mobx_1.configure)({
|
|
5
|
-
enforceActions: 'never'
|
|
6
|
-
});
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var mobx_1 = require("mobx");
|
|
4
|
+
(0, mobx_1.configure)({
|
|
5
|
+
enforceActions: 'never'
|
|
6
|
+
});
|
|
7
7
|
//# sourceMappingURL=mobx_config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;
|
|
1
|
+
export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useMobxEffect = void 0;
|
|
4
|
-
var useMount_1 = require("./useMount");
|
|
5
|
-
var rxjs_1 = require("rxjs");
|
|
6
|
-
var mobx_1 = require("mobx");
|
|
7
|
-
var react_1 = require("react");
|
|
8
|
-
var mobx_2 = require("mobx");
|
|
9
|
-
var useMobxEffect = function (callback, dependencyList) {
|
|
10
|
-
var callbackRef = (0, react_1.useRef)({ callback: callback });
|
|
11
|
-
var subjectRef = (0, react_1.useRef)(new rxjs_1.ReplaySubject(1));
|
|
12
|
-
var dependencyListRef = (0, react_1.useRef)(dependencyList);
|
|
13
|
-
callbackRef.current.callback = callback;
|
|
14
|
-
dependencyListRef.current = dependencyList;
|
|
15
|
-
(0, react_1.useEffect)(function () {
|
|
16
|
-
if (dependencyList) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
callback();
|
|
20
|
-
});
|
|
21
|
-
(0, react_1.useEffect)(function () {
|
|
22
|
-
if (!dependencyList) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
subjectRef.current.next();
|
|
26
|
-
}, dependencyList);
|
|
27
|
-
(0, useMount_1.useMount)(function (subscription) {
|
|
28
|
-
if (!dependencyList) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
var mobxData = (0, mobx_1.makeAutoObservable)(Object.assign({}, dependencyListRef.current));
|
|
32
|
-
subscription.add(subjectRef.current.pipe((0, rxjs_1.tap)(function () {
|
|
33
|
-
(0, mobx_2.runInAction)(function () {
|
|
34
|
-
var _a, _b;
|
|
35
|
-
var props = Object.assign({}, dependencyListRef.current);
|
|
36
|
-
for (var key in props) {
|
|
37
|
-
(0, mobx_2.extendObservable)(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
})).subscribe());
|
|
41
|
-
var disposer = (0, mobx_1.reaction)(function () { return [(0, mobx_1.toJS)(mobxData)]; }, function () { return callbackRef.current.callback(); }, { fireImmediately: true, delay: 1 });
|
|
42
|
-
subscription.add(new rxjs_1.Subscription(function () {
|
|
43
|
-
disposer();
|
|
44
|
-
}));
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
exports.useMobxEffect = useMobxEffect;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useMobxEffect = void 0;
|
|
4
|
+
var useMount_1 = require("./useMount");
|
|
5
|
+
var rxjs_1 = require("rxjs");
|
|
6
|
+
var mobx_1 = require("mobx");
|
|
7
|
+
var react_1 = require("react");
|
|
8
|
+
var mobx_2 = require("mobx");
|
|
9
|
+
var useMobxEffect = function (callback, dependencyList) {
|
|
10
|
+
var callbackRef = (0, react_1.useRef)({ callback: callback });
|
|
11
|
+
var subjectRef = (0, react_1.useRef)(new rxjs_1.ReplaySubject(1));
|
|
12
|
+
var dependencyListRef = (0, react_1.useRef)(dependencyList);
|
|
13
|
+
callbackRef.current.callback = callback;
|
|
14
|
+
dependencyListRef.current = dependencyList;
|
|
15
|
+
(0, react_1.useEffect)(function () {
|
|
16
|
+
if (dependencyList) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
callback();
|
|
20
|
+
});
|
|
21
|
+
(0, react_1.useEffect)(function () {
|
|
22
|
+
if (!dependencyList) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
subjectRef.current.next();
|
|
26
|
+
}, dependencyList);
|
|
27
|
+
(0, useMount_1.useMount)(function (subscription) {
|
|
28
|
+
if (!dependencyList) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
var mobxData = (0, mobx_1.makeAutoObservable)(Object.assign({}, dependencyListRef.current));
|
|
32
|
+
subscription.add(subjectRef.current.pipe((0, rxjs_1.tap)(function () {
|
|
33
|
+
(0, mobx_2.runInAction)(function () {
|
|
34
|
+
var _a, _b;
|
|
35
|
+
var props = Object.assign({}, dependencyListRef.current);
|
|
36
|
+
for (var key in props) {
|
|
37
|
+
(0, mobx_2.extendObservable)(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
})).subscribe());
|
|
41
|
+
var disposer = (0, mobx_1.reaction)(function () { return [(0, mobx_1.toJS)(mobxData)]; }, function () { return callbackRef.current.callback(); }, { fireImmediately: true, delay: 1 });
|
|
42
|
+
subscription.add(new rxjs_1.Subscription(function () {
|
|
43
|
+
disposer();
|
|
44
|
+
}));
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
exports.useMobxEffect = useMobxEffect;
|
|
48
48
|
//# sourceMappingURL=useMobxEffect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AACtC,6BAAwD;AACxD,6BAAyD;AACzD,+BAA0C;AAC1C,6BAAqD;AAE9C,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,WAAW,GAAG,IAAA,cAAM,EAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE7E,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,oBAAa,CAAO,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,cAAc,CAAC,CAAC;IAEjD,WAAW,CAAC,OAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEzC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,IAAA,iBAAS,EAAC;QACR,IAAI,cAAc,EAAE
|
|
1
|
+
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AACtC,6BAAwD;AACxD,6BAAyD;AACzD,+BAA0C;AAC1C,6BAAqD;AAE9C,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,WAAW,GAAG,IAAA,cAAM,EAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE7E,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,oBAAa,CAAO,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,cAAc,CAAC,CAAC;IAEjD,WAAW,CAAC,OAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEzC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,IAAA,iBAAS,EAAC;QACR,IAAI,cAAc,EAAE;YAClB,OAAO;SACR;QACD,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QACD,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC,EAAE,cAAc,CAAC,CAAA;IAElB,IAAA,mBAAQ,EAAC,UAAC,YAAY;QACpB,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QACD,IAAM,QAAQ,GAAG,IAAA,yBAAkB,EAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;QAClF,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CACtC,IAAA,UAAG,EAAC;YACF,IAAA,kBAAW,EAAC;;gBACV,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC3D,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;oBACvB,IAAA,uBAAgB,EAAC,QAAQ,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;iBACrE;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CACH,CAAC,SAAS,EAAE,CAAC,CAAC;QAEf,IAAM,QAAQ,GAAG,IAAA,eAAQ,EAAC,cAAM,OAAA,CAAC,IAAA,WAAI,EAAC,QAAQ,CAAC,CAAC,EAAhB,CAAgB,EAAE,cAAM,OAAA,WAAW,CAAC,OAAQ,CAAC,QAAQ,EAAE,EAA/B,CAA+B,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAE9H,YAAY,CAAC,GAAG,CAAC,IAAI,mBAAY,CAAC;YAChC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC,CAAC;IAEN,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA;AAlDY,QAAA,aAAa,iBAkDzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
|
|
2
|
-
export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;
|
|
1
|
+
export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
|
|
2
|
+
export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;
|
|
@@ -1,31 +1,32 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useMobxState =
|
|
4
|
-
var mobx_1 = require("mobx");
|
|
5
|
-
var react_1 = require("react");
|
|
6
|
-
function useMobxState(state, props) {
|
|
7
|
-
var initStateFunction = typeof state === "function" ? state : function () { return state; };
|
|
8
|
-
var mobxState = (0, react_1.useState)(function () { return (0, mobx_1.makeAutoObservable)(initStateFunction()); })[0];
|
|
9
|
-
var keyListOfState = (0, react_1.useRef)([]);
|
|
10
|
-
(0, mobx_1.runInAction)(function () {
|
|
11
|
-
var _a, _b;
|
|
12
|
-
if (props) {
|
|
13
|
-
for (var _i = 0, _c = keyListOfState.current; _i < _c.length; _i++) {
|
|
14
|
-
var key = _c[_i];
|
|
15
|
-
if (!Object.keys(props).includes(key)) {
|
|
16
|
-
(0, mobx_1.remove)(mobxState, key);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
for (var key in props) {
|
|
20
|
-
(0, mobx_1.extendObservable)(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
21
|
-
}
|
|
22
|
-
keyListOfState.current.splice(0, keyListOfState.current.length);
|
|
23
|
-
for (var _d = 0, _e = Object.keys(props); _d < _e.length; _d++) {
|
|
24
|
-
var key = _e[_d];
|
|
25
|
-
keyListOfState.current.push(key);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
return mobxState;
|
|
30
|
-
}
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useMobxState = void 0;
|
|
4
|
+
var mobx_1 = require("mobx");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
function useMobxState(state, props) {
|
|
7
|
+
var initStateFunction = typeof state === "function" ? state : function () { return state; };
|
|
8
|
+
var mobxState = (0, react_1.useState)(function () { return (0, mobx_1.makeAutoObservable)(initStateFunction()); })[0];
|
|
9
|
+
var keyListOfState = (0, react_1.useRef)([]);
|
|
10
|
+
(0, mobx_1.runInAction)(function () {
|
|
11
|
+
var _a, _b;
|
|
12
|
+
if (props) {
|
|
13
|
+
for (var _i = 0, _c = keyListOfState.current; _i < _c.length; _i++) {
|
|
14
|
+
var key = _c[_i];
|
|
15
|
+
if (!Object.keys(props).includes(key)) {
|
|
16
|
+
(0, mobx_1.remove)(mobxState, key);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
for (var key in props) {
|
|
20
|
+
(0, mobx_1.extendObservable)(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
21
|
+
}
|
|
22
|
+
keyListOfState.current.splice(0, keyListOfState.current.length);
|
|
23
|
+
for (var _d = 0, _e = Object.keys(props); _d < _e.length; _d++) {
|
|
24
|
+
var key = _e[_d];
|
|
25
|
+
keyListOfState.current.push(key);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
return mobxState;
|
|
30
|
+
}
|
|
31
|
+
exports.useMobxState = useMobxState;
|
|
31
32
|
//# sourceMappingURL=useMobxState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":";;;AAAA,6BAAiF;AACjF,+BAAyC;AAKzC,SAAgB,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,IAAM,iBAAiB,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;IACrF,IAAM,SAAS,GAAG,IAAA,gBAAQ,EAAC,cAAM,OAAA,IAAA,yBAAkB,EAAC,iBAAiB,EAAE,CAAC,EAAvC,CAAuC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAEpG,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,IAAA,uBAAgB,EAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;aACtE;YAED,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChE,KAAkB,UAAkB,EAAlB,KAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAlB,cAAkB,EAAlB,IAAkB,EAAE;gBAAjC,IAAM,GAAG,SAAA;gBACZ,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAClC;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC1B,CAAC;AA5BD,oCA4BC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Subscription } from "rxjs";
|
|
2
|
-
export declare function useMount(callback: (subscription: Subscription) => void): void;
|
|
1
|
+
import { Subscription } from "rxjs";
|
|
2
|
+
export declare function useMount(callback: (subscription: Subscription) => void): void;
|
package/dist/cjs/js/useMount.js
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useMount =
|
|
4
|
-
var react_1 = require("react");
|
|
5
|
-
var rxjs_1 = require("rxjs");
|
|
6
|
-
var useMobxState_1 = require("./useMobxState");
|
|
7
|
-
function useMount(callback) {
|
|
8
|
-
var state = (0, useMobxState_1.useMobxState)({
|
|
9
|
-
subscription: new rxjs_1.Subscription(),
|
|
10
|
-
});
|
|
11
|
-
(0, react_1.useEffect)(function () {
|
|
12
|
-
var subscription = new rxjs_1.Subscription();
|
|
13
|
-
state.subscription = subscription;
|
|
14
|
-
return function () { return subscription.unsubscribe(); };
|
|
15
|
-
}, []);
|
|
16
|
-
(0, react_1.useEffect)(function () {
|
|
17
|
-
var subscription = new rxjs_1.Subscription();
|
|
18
|
-
state.subscription.add(subscription);
|
|
19
|
-
callback(subscription);
|
|
20
|
-
return function () { return subscription.unsubscribe(); };
|
|
21
|
-
}, []);
|
|
22
|
-
}
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useMount = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var rxjs_1 = require("rxjs");
|
|
6
|
+
var useMobxState_1 = require("./useMobxState");
|
|
7
|
+
function useMount(callback) {
|
|
8
|
+
var state = (0, useMobxState_1.useMobxState)({
|
|
9
|
+
subscription: new rxjs_1.Subscription(),
|
|
10
|
+
});
|
|
11
|
+
(0, react_1.useEffect)(function () {
|
|
12
|
+
var subscription = new rxjs_1.Subscription();
|
|
13
|
+
state.subscription = subscription;
|
|
14
|
+
return function () { return subscription.unsubscribe(); };
|
|
15
|
+
}, []);
|
|
16
|
+
(0, react_1.useEffect)(function () {
|
|
17
|
+
var subscription = new rxjs_1.Subscription();
|
|
18
|
+
state.subscription.add(subscription);
|
|
19
|
+
callback(subscription);
|
|
20
|
+
return function () { return subscription.unsubscribe(); };
|
|
21
|
+
}, []);
|
|
22
|
+
}
|
|
23
|
+
exports.useMount = useMount;
|
|
23
24
|
//# sourceMappingURL=useMount.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMount.js","sourceRoot":"","sources":["../../../lib/js/useMount.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useMount.js","sourceRoot":"","sources":["../../../lib/js/useMount.tsx"],"names":[],"mappings":";;;AAAA,+BAAkC;AAClC,6BAAoC;AACpC,+CAA8C;AAE9C,SAAgB,QAAQ,CAAC,QAA8C;IAErE,IAAM,KAAK,GAAG,IAAA,2BAAY,EAAC;QACzB,YAAY,EAAE,IAAI,mBAAY,EAAE;KACjC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,IAAI,mBAAY,EAAE,CAAC;QACxC,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;QAClC,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,EAAE,EAA1B,CAA0B,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,IAAI,mBAAY,EAAE,CAAC;QACxC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACrC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,EAAE,EAA1B,CAA0B,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAA;AAER,CAAC;AAnBD,4BAmBC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import './js/mobx_config';
|
|
2
|
-
import { toJS, observable, makeAutoObservable } from 'mobx';
|
|
3
|
-
import { observer } from 'mobx-react-lite';
|
|
4
|
-
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
-
import { useMobxState } from './js/useMobxState';
|
|
6
|
-
import { useMount } from './js/useMount';
|
|
7
|
-
export { toJS, observable, observer, makeAutoObservable };
|
|
8
|
-
export { useMobxState, useMobxEffect };
|
|
9
|
-
export { useMount };
|
|
1
|
+
import './js/mobx_config';
|
|
2
|
+
import { toJS, observable, makeAutoObservable } from 'mobx';
|
|
3
|
+
import { observer } from 'mobx-react-lite';
|
|
4
|
+
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
+
import { useMobxState } from './js/useMobxState';
|
|
6
|
+
import { useMount } from './js/useMount';
|
|
7
|
+
export { toJS, observable, observer, makeAutoObservable };
|
|
8
|
+
export { useMobxState, useMobxEffect };
|
|
9
|
+
export { useMount };
|
package/dist/esm/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import './js/mobx_config';
|
|
2
|
-
import { toJS, observable, makeAutoObservable } from 'mobx';
|
|
3
|
-
import { observer } from 'mobx-react-lite';
|
|
4
|
-
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
-
import { useMobxState } from './js/useMobxState';
|
|
6
|
-
import { useMount } from './js/useMount';
|
|
7
|
-
export { toJS, observable, observer, makeAutoObservable };
|
|
8
|
-
export { useMobxState, useMobxEffect };
|
|
9
|
-
export { useMount };
|
|
1
|
+
import './js/mobx_config';
|
|
2
|
+
import { toJS, observable, makeAutoObservable } from 'mobx';
|
|
3
|
+
import { observer } from 'mobx-react-lite';
|
|
4
|
+
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
+
import { useMobxState } from './js/useMobxState';
|
|
6
|
+
import { useMount } from './js/useMount';
|
|
7
|
+
export { toJS, observable, observer, makeAutoObservable };
|
|
8
|
+
export { useMobxState, useMobxEffect };
|
|
9
|
+
export { useMount };
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { configure } from 'mobx';
|
|
2
|
-
configure({
|
|
3
|
-
enforceActions: 'never'
|
|
4
|
-
});
|
|
1
|
+
import { configure } from 'mobx';
|
|
2
|
+
configure({
|
|
3
|
+
enforceActions: 'never'
|
|
4
|
+
});
|
|
5
5
|
//# sourceMappingURL=mobx_config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;
|
|
1
|
+
export declare const useMobxEffect: (callback: () => void, dependencyList?: any[]) => void;
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import { useMount } from './useMount';
|
|
2
|
-
import { ReplaySubject, Subscription, tap } from 'rxjs';
|
|
3
|
-
import { makeAutoObservable, reaction, toJS } from 'mobx';
|
|
4
|
-
import { useEffect, useRef } from 'react';
|
|
5
|
-
import { extendObservable, runInAction } from 'mobx';
|
|
6
|
-
export var useMobxEffect = function (callback, dependencyList) {
|
|
7
|
-
var callbackRef = useRef({ callback: callback });
|
|
8
|
-
var subjectRef = useRef(new ReplaySubject(1));
|
|
9
|
-
var dependencyListRef = useRef(dependencyList);
|
|
10
|
-
callbackRef.current.callback = callback;
|
|
11
|
-
dependencyListRef.current = dependencyList;
|
|
12
|
-
useEffect(function () {
|
|
13
|
-
if (dependencyList) {
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
callback();
|
|
17
|
-
});
|
|
18
|
-
useEffect(function () {
|
|
19
|
-
if (!dependencyList) {
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
subjectRef.current.next();
|
|
23
|
-
}, dependencyList);
|
|
24
|
-
useMount(function (subscription) {
|
|
25
|
-
if (!dependencyList) {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
var mobxData = makeAutoObservable(Object.assign({}, dependencyListRef.current));
|
|
29
|
-
subscription.add(subjectRef.current.pipe(tap(function () {
|
|
30
|
-
runInAction(function () {
|
|
31
|
-
var _a, _b;
|
|
32
|
-
var props = Object.assign({}, dependencyListRef.current);
|
|
33
|
-
for (var key in props) {
|
|
34
|
-
extendObservable(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
})).subscribe());
|
|
38
|
-
var disposer = reaction(function () { return [toJS(mobxData)]; }, function () { return callbackRef.current.callback(); }, { fireImmediately: true, delay: 1 });
|
|
39
|
-
subscription.add(new Subscription(function () {
|
|
40
|
-
disposer();
|
|
41
|
-
}));
|
|
42
|
-
});
|
|
43
|
-
};
|
|
1
|
+
import { useMount } from './useMount';
|
|
2
|
+
import { ReplaySubject, Subscription, tap } from 'rxjs';
|
|
3
|
+
import { makeAutoObservable, reaction, toJS } from 'mobx';
|
|
4
|
+
import { useEffect, useRef } from 'react';
|
|
5
|
+
import { extendObservable, runInAction } from 'mobx';
|
|
6
|
+
export var useMobxEffect = function (callback, dependencyList) {
|
|
7
|
+
var callbackRef = useRef({ callback: callback });
|
|
8
|
+
var subjectRef = useRef(new ReplaySubject(1));
|
|
9
|
+
var dependencyListRef = useRef(dependencyList);
|
|
10
|
+
callbackRef.current.callback = callback;
|
|
11
|
+
dependencyListRef.current = dependencyList;
|
|
12
|
+
useEffect(function () {
|
|
13
|
+
if (dependencyList) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
callback();
|
|
17
|
+
});
|
|
18
|
+
useEffect(function () {
|
|
19
|
+
if (!dependencyList) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
subjectRef.current.next();
|
|
23
|
+
}, dependencyList);
|
|
24
|
+
useMount(function (subscription) {
|
|
25
|
+
if (!dependencyList) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
var mobxData = makeAutoObservable(Object.assign({}, dependencyListRef.current));
|
|
29
|
+
subscription.add(subjectRef.current.pipe(tap(function () {
|
|
30
|
+
runInAction(function () {
|
|
31
|
+
var _a, _b;
|
|
32
|
+
var props = Object.assign({}, dependencyListRef.current);
|
|
33
|
+
for (var key in props) {
|
|
34
|
+
extendObservable(mobxData, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
})).subscribe());
|
|
38
|
+
var disposer = reaction(function () { return [toJS(mobxData)]; }, function () { return callbackRef.current.callback(); }, { fireImmediately: true, delay: 1 });
|
|
39
|
+
subscription.add(new Subscription(function () {
|
|
40
|
+
disposer();
|
|
41
|
+
}));
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
44
|
//# sourceMappingURL=useMobxEffect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAErD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,WAAW,GAAG,MAAM,CAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE7E,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,aAAa,CAAO,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEjD,WAAW,CAAC,OAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEzC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,SAAS,CAAC;QACR,IAAI,cAAc,EAAE
|
|
1
|
+
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAErD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAExE,IAAM,WAAW,GAAG,MAAM,CAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE7E,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,aAAa,CAAO,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEjD,WAAW,CAAC,OAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEzC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,SAAS,CAAC;QACR,IAAI,cAAc,EAAE;YAClB,OAAO;SACR;QACD,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC;QACR,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QACD,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC,EAAE,cAAc,CAAC,CAAA;IAElB,QAAQ,CAAC,UAAC,YAAY;QACpB,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QACD,IAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;QAClF,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CACtC,GAAG,CAAC;YACF,WAAW,CAAC;;gBACV,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC3D,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;oBACvB,gBAAgB,CAAC,QAAQ,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;iBACrE;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CACH,CAAC,SAAS,EAAE,CAAC,CAAC;QAEf,IAAM,QAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAhB,CAAgB,EAAE,cAAM,OAAA,WAAW,CAAC,OAAQ,CAAC,QAAQ,EAAE,EAA/B,CAA+B,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QAE9H,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;YAChC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC,CAAC;IAEN,CAAC,CAAC,CAAA;AAEJ,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
|
|
2
|
-
export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;
|
|
1
|
+
export declare function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
|
|
2
|
+
export declare function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props: P): T & P;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { remove, runInAction, makeAutoObservable, extendObservable } from 'mobx';
|
|
2
|
-
import { useRef, useState } from 'react';
|
|
3
|
-
export function useMobxState(state, props) {
|
|
4
|
-
var initStateFunction = typeof state === "function" ? state : function () { return state; };
|
|
5
|
-
var mobxState = useState(function () { return makeAutoObservable(initStateFunction()); })[0];
|
|
6
|
-
var keyListOfState = useRef([]);
|
|
7
|
-
runInAction(function () {
|
|
8
|
-
var _a, _b;
|
|
9
|
-
if (props) {
|
|
10
|
-
for (var _i = 0, _c = keyListOfState.current; _i < _c.length; _i++) {
|
|
11
|
-
var key = _c[_i];
|
|
12
|
-
if (!Object.keys(props).includes(key)) {
|
|
13
|
-
remove(mobxState, key);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
for (var key in props) {
|
|
17
|
-
extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
18
|
-
}
|
|
19
|
-
keyListOfState.current.splice(0, keyListOfState.current.length);
|
|
20
|
-
for (var _d = 0, _e = Object.keys(props); _d < _e.length; _d++) {
|
|
21
|
-
var key = _e[_d];
|
|
22
|
-
keyListOfState.current.push(key);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
return mobxState;
|
|
27
|
-
}
|
|
1
|
+
import { remove, runInAction, makeAutoObservable, extendObservable } from 'mobx';
|
|
2
|
+
import { useRef, useState } from 'react';
|
|
3
|
+
export function useMobxState(state, props) {
|
|
4
|
+
var initStateFunction = typeof state === "function" ? state : function () { return state; };
|
|
5
|
+
var mobxState = useState(function () { return makeAutoObservable(initStateFunction()); })[0];
|
|
6
|
+
var keyListOfState = useRef([]);
|
|
7
|
+
runInAction(function () {
|
|
8
|
+
var _a, _b;
|
|
9
|
+
if (props) {
|
|
10
|
+
for (var _i = 0, _c = keyListOfState.current; _i < _c.length; _i++) {
|
|
11
|
+
var key = _c[_i];
|
|
12
|
+
if (!Object.keys(props).includes(key)) {
|
|
13
|
+
remove(mobxState, key);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
for (var key in props) {
|
|
17
|
+
extendObservable(mobxState, (_a = {}, _a[key] = props[key], _a), (_b = {}, _b[key] = false, _b));
|
|
18
|
+
}
|
|
19
|
+
keyListOfState.current.splice(0, keyListOfState.current.length);
|
|
20
|
+
for (var _d = 0, _e = Object.keys(props); _d < _e.length; _d++) {
|
|
21
|
+
var key = _e[_d];
|
|
22
|
+
keyListOfState.current.push(key);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
return mobxState;
|
|
27
|
+
}
|
|
28
28
|
//# sourceMappingURL=useMobxState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,IAAM,iBAAiB,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;IACrF,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAM,OAAA,kBAAkB,CAAC,iBAAiB,EAAE,CAAC,EAAvC,CAAuC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAEpG,IAAM,cAAc,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;IAE5C,WAAW,CAAC;;QAEV,IAAI,KAAK,EAAE
|
|
1
|
+
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAClH,IAAM,iBAAiB,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;IACrF,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAM,OAAA,kBAAkB,CAAC,iBAAiB,EAAE,CAAC,EAAvC,CAAuC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAEpG,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,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;aACtE;YAED,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChE,KAAkB,UAAkB,EAAlB,KAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAlB,cAAkB,EAAlB,IAAkB,EAAE;gBAAjC,IAAM,GAAG,SAAA;gBACZ,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAClC;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC1B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Subscription } from "rxjs";
|
|
2
|
-
export declare function useMount(callback: (subscription: Subscription) => void): void;
|
|
1
|
+
import { Subscription } from "rxjs";
|
|
2
|
+
export declare function useMount(callback: (subscription: Subscription) => void): void;
|
package/dist/esm/js/useMount.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { useEffect } from "react";
|
|
2
|
-
import { Subscription } from "rxjs";
|
|
3
|
-
import { useMobxState } from "./useMobxState";
|
|
4
|
-
export function useMount(callback) {
|
|
5
|
-
var state = useMobxState({
|
|
6
|
-
subscription: new Subscription(),
|
|
7
|
-
});
|
|
8
|
-
useEffect(function () {
|
|
9
|
-
var subscription = new Subscription();
|
|
10
|
-
state.subscription = subscription;
|
|
11
|
-
return function () { return subscription.unsubscribe(); };
|
|
12
|
-
}, []);
|
|
13
|
-
useEffect(function () {
|
|
14
|
-
var subscription = new Subscription();
|
|
15
|
-
state.subscription.add(subscription);
|
|
16
|
-
callback(subscription);
|
|
17
|
-
return function () { return subscription.unsubscribe(); };
|
|
18
|
-
}, []);
|
|
19
|
-
}
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
import { Subscription } from "rxjs";
|
|
3
|
+
import { useMobxState } from "./useMobxState";
|
|
4
|
+
export function useMount(callback) {
|
|
5
|
+
var state = useMobxState({
|
|
6
|
+
subscription: new Subscription(),
|
|
7
|
+
});
|
|
8
|
+
useEffect(function () {
|
|
9
|
+
var subscription = new Subscription();
|
|
10
|
+
state.subscription = subscription;
|
|
11
|
+
return function () { return subscription.unsubscribe(); };
|
|
12
|
+
}, []);
|
|
13
|
+
useEffect(function () {
|
|
14
|
+
var subscription = new Subscription();
|
|
15
|
+
state.subscription.add(subscription);
|
|
16
|
+
callback(subscription);
|
|
17
|
+
return function () { return subscription.unsubscribe(); };
|
|
18
|
+
}, []);
|
|
19
|
+
}
|
|
20
20
|
//# sourceMappingURL=useMount.js.map
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mobx-react-use-autorun",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.45",
|
|
4
4
|
"description": "Provide concise usage for mobx in react",
|
|
5
5
|
"scripts": {
|
|
6
|
-
"test": "npx -y
|
|
7
|
-
"build": "npx -y
|
|
8
|
-
"make": "npx -y
|
|
6
|
+
"test": "npx -y tsx bin/mobx_react_test.ts",
|
|
7
|
+
"build": "npx -y tsx bin/mobx_react_build.ts",
|
|
8
|
+
"make": "npx -y tsx bin/mobx_react_make.ts"
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"mobx": "6.13.
|
|
11
|
+
"mobx": "6.13.2",
|
|
12
12
|
"mobx-react-lite": "4.0.7",
|
|
13
13
|
"rxjs": "7.8.1"
|
|
14
14
|
},
|