mobx-react-use-autorun 4.0.89 → 4.0.91
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/js/useMobxEffect.js +2 -1
- package/dist/cjs/js/useMobxEffect.js.map +1 -1
- package/dist/cjs/js/useMobxState.js +5 -1
- package/dist/cjs/js/useMobxState.js.map +1 -1
- package/dist/esm/js/useMobxEffect.js +3 -2
- package/dist/esm/js/useMobxEffect.js.map +1 -1
- package/dist/esm/js/useMobxState.js +6 -2
- package/dist/esm/js/useMobxState.js.map +1 -1
- package/lib/js/useMobxEffect.tsx +3 -2
- package/lib/js/useMobxState.tsx +6 -2
- package/package.json +2 -2
|
@@ -28,7 +28,8 @@ var useMobxEffect = function (callback, dependencyList) {
|
|
|
28
28
|
if (!dependencyList) {
|
|
29
29
|
return;
|
|
30
30
|
}
|
|
31
|
-
var mobxData = (0, mobx_1.
|
|
31
|
+
var mobxData = (0, mobx_1.observable)({});
|
|
32
|
+
Object.assign(mobxData, dependencyListRef.current);
|
|
32
33
|
subscription.add(subjectRef.current.pipe((0, rxjs_1.tap)(function () {
|
|
33
34
|
(0, mobx_2.runInAction)(function () {
|
|
34
35
|
var _a, _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AACtC,6BAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AACtC,6BAAwD;AACxD,6BAAiD;AACjD,+BAA0C;AAC1C,6BAAqD;AAE9C,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAEtE,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;QACN,IAAI,cAAc,EAAE;YAChB,OAAO;SACV;QACD,QAAQ,EAAE,CAAC;IACf,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC;QACN,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAC9B,CAAC,EAAE,cAAc,CAAC,CAAA;IAElB,IAAA,mBAAQ,EAAC,UAAC,YAAY;QAClB,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,QAAQ,GAAG,IAAA,iBAAU,EAAC,EAAE,CAAC,CAAC;QAChC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACnD,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CACpC,IAAA,UAAG,EAAC;YACA,IAAA,kBAAW,EAAC;;gBACR,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC3D,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;oBACrB,IAAA,uBAAgB,EAAC,QAAQ,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;iBACvE;YACL,CAAC,CAAC,CAAA;QACN,CAAC,CAAC,CACL,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;YAC9B,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC,CAAC,CAAC;IAER,CAAC,CAAC,CAAA;AAEN,CAAC,CAAA;AAnDY,QAAA,aAAa,iBAmDzB"}
|
|
@@ -5,7 +5,11 @@ var mobx_1 = require("mobx");
|
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
function useMobxState(state, props) {
|
|
7
7
|
var initStateFunction = typeof state === "function" ? state : function () { return state; };
|
|
8
|
-
var mobxState = (0, react_1.useState)(function () {
|
|
8
|
+
var mobxState = (0, react_1.useState)(function () {
|
|
9
|
+
var mobxData = (0, mobx_1.observable)({});
|
|
10
|
+
Object.assign(mobxData, initStateFunction());
|
|
11
|
+
return mobxData;
|
|
12
|
+
})[0];
|
|
9
13
|
var keyListOfState = (0, react_1.useRef)([]);
|
|
10
14
|
(0, mobx_1.runInAction)(function () {
|
|
11
15
|
var _a, _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":";;;AAAA,6BAAyE;AACzE,+BAAyC;AAKzC,SAAgB,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAChH,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;QACvB,IAAM,QAAQ,GAAG,IAAA,iBAAU,EAAC,EAAE,CAAC,CAAC;QAChC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,EAAE,CAAC,CAAC;QAC7C,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAE7B,IAAM,cAAc,GAAG,IAAA,cAAM,EAAW,EAAE,CAAC,CAAC;IAE5C,IAAA,kBAAW,EAAC;;QAER,IAAI,KAAK,EAAE;YAEP,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE;gBAArC,IAAM,GAAG,SAAA;gBACV,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBACnC,IAAA,aAAM,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBAC1B;aACJ;YAED,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACrB,IAAA,uBAAgB,EAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;aACxE;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;gBACV,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACpC;SACJ;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC5B,CAAC;AAhCD,oCAgCC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useMount } from './useMount';
|
|
2
2
|
import { ReplaySubject, Subscription, tap } from 'rxjs';
|
|
3
|
-
import {
|
|
3
|
+
import { observable, reaction, toJS } from 'mobx';
|
|
4
4
|
import { useEffect, useRef } from 'react';
|
|
5
5
|
import { extendObservable, runInAction } from 'mobx';
|
|
6
6
|
export var useMobxEffect = function (callback, dependencyList) {
|
|
@@ -25,7 +25,8 @@ export var useMobxEffect = function (callback, dependencyList) {
|
|
|
25
25
|
if (!dependencyList) {
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
|
-
var mobxData =
|
|
28
|
+
var mobxData = observable({});
|
|
29
|
+
Object.assign(mobxData, dependencyListRef.current);
|
|
29
30
|
subscription.add(subjectRef.current.pipe(tap(function () {
|
|
30
31
|
runInAction(function () {
|
|
31
32
|
var _a, _b;
|
|
@@ -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,
|
|
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,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACjD,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;IAEtE,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;QACN,IAAI,cAAc,EAAE;YAChB,OAAO;SACV;QACD,QAAQ,EAAE,CAAC;IACf,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC;QACN,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAC9B,CAAC,EAAE,cAAc,CAAC,CAAA;IAElB,QAAQ,CAAC,UAAC,YAAY;QAClB,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,QAAQ,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;QAChC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACnD,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CACpC,GAAG,CAAC;YACA,WAAW,CAAC;;gBACR,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC3D,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;oBACrB,gBAAgB,CAAC,QAAQ,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;iBACvE;YACL,CAAC,CAAC,CAAA;QACN,CAAC,CAAC,CACL,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;YAC9B,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC,CAAC,CAAC;IAER,CAAC,CAAC,CAAA;AAEN,CAAC,CAAA"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import { remove, runInAction,
|
|
1
|
+
import { remove, runInAction, extendObservable, observable } from 'mobx';
|
|
2
2
|
import { useRef, useState } from 'react';
|
|
3
3
|
export function useMobxState(state, props) {
|
|
4
4
|
var initStateFunction = typeof state === "function" ? state : function () { return state; };
|
|
5
|
-
var mobxState = useState(function () {
|
|
5
|
+
var mobxState = useState(function () {
|
|
6
|
+
var mobxData = observable({});
|
|
7
|
+
Object.assign(mobxData, initStateFunction());
|
|
8
|
+
return mobxData;
|
|
9
|
+
})[0];
|
|
6
10
|
var keyListOfState = useRef([]);
|
|
7
11
|
runInAction(function () {
|
|
8
12
|
var _a, _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAChH,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;QACvB,IAAM,QAAQ,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;QAChC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,EAAE,CAAC,CAAC;QAC7C,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC,CAAC,CAAC,CAAwB,CAAC;IAE7B,IAAM,cAAc,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;IAE5C,WAAW,CAAC;;QAER,IAAI,KAAK,EAAE;YAEP,KAAkB,UAAsB,EAAtB,KAAA,cAAc,CAAC,OAAO,EAAtB,cAAsB,EAAtB,IAAsB,EAAE;gBAArC,IAAM,GAAG,SAAA;gBACV,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBACnC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;iBAC1B;aACJ;YAED,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACrB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAC;aACxE;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;gBACV,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACpC;SACJ;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC5B,CAAC"}
|
package/lib/js/useMobxEffect.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useMount } from './useMount';
|
|
2
2
|
import { ReplaySubject, Subscription, tap } from 'rxjs';
|
|
3
|
-
import {
|
|
3
|
+
import { observable, reaction, toJS } from 'mobx'
|
|
4
4
|
import { useEffect, useRef } from 'react';
|
|
5
5
|
import { extendObservable, runInAction } from 'mobx';
|
|
6
6
|
|
|
@@ -34,7 +34,8 @@ export const useMobxEffect = (callback: () => void, dependencyList?: any[]): voi
|
|
|
34
34
|
if (!dependencyList) {
|
|
35
35
|
return;
|
|
36
36
|
}
|
|
37
|
-
const mobxData =
|
|
37
|
+
const mobxData = observable({});
|
|
38
|
+
Object.assign(mobxData, dependencyListRef.current);
|
|
38
39
|
subscription.add(subjectRef.current.pipe(
|
|
39
40
|
tap(() => {
|
|
40
41
|
runInAction(() => {
|
package/lib/js/useMobxState.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { remove, runInAction,
|
|
1
|
+
import { remove, runInAction, extendObservable, observable } from 'mobx';
|
|
2
2
|
import { useRef, useState } from 'react';
|
|
3
3
|
|
|
4
4
|
export function useMobxState<T extends Record<any, any>>(state: T | (() => T)): T;
|
|
@@ -6,7 +6,11 @@ export function useMobxState<T extends Record<any, any>, P extends Record<any, a
|
|
|
6
6
|
|
|
7
7
|
export function useMobxState<T extends Record<any, any>, P extends Record<any, any>>(state: T | (() => T), props?: P): T & P {
|
|
8
8
|
const initStateFunction = typeof state === "function" ? (state as any) : () => state;
|
|
9
|
-
const mobxState = useState(() =>
|
|
9
|
+
const mobxState = useState(() => {
|
|
10
|
+
const mobxData = observable({});
|
|
11
|
+
Object.assign(mobxData, initStateFunction());
|
|
12
|
+
return mobxData;
|
|
13
|
+
})[0] as Record<string, any>;
|
|
10
14
|
|
|
11
15
|
const keyListOfState = useRef<string[]>([]);
|
|
12
16
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mobx-react-use-autorun",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.91",
|
|
4
4
|
"description": "Provide concise usage for mobx in react",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"test": "node bin/mobx_react_test.js",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"make": "node bin/mobx_react_make.js"
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"mobx": "7.0
|
|
11
|
+
"mobx": "7.1.0",
|
|
12
12
|
"mobx-react": "10.0.2",
|
|
13
13
|
"rxjs": ">=7.8.2"
|
|
14
14
|
},
|