mobx-react-use-autorun 3.0.11 → 3.0.19

package/README.md

@@ -12,24 +12,35 @@ In the project directory, you can run:<br/>
 
 ### `npm test`
 
-Run all unit tests.<br/>
+Pre-step, please run<br/>
+
+    npm install
 
+Run all unit tests.<br/>
 
 ### `npm run build`
 
+Pre-step, please run<br/>
+
+    npm install
+
 Builds the files for production to the `dist` folder.<br/>
 
 ### `npm publish`
 
+Pre-step, please run<br/>
+
+    npm install
+
 Publish to npm repository
 
-## Notes - Define state with useMobxState
+## Notes - Define state and props with useMobxState
 
     import { useMobxState, observer } from 'mobx-react-use-autorun';
 
-    export default observer(() => {
+    export default observer((props: {name: string}) => {
 
-        const state = useMobxState({ randomNumber: 1 });
+        const state = useMobxState({ randomNumber: 1 }, {...props});
 
         return <div onClick={() => state.randomNumber = Math.random()}>
             {state.randomNumber}
@@ -110,4 +121,4 @@ Form validation<br/>
 
 ## License
 
-This project is licensed under the terms of the [MIT license](./LICENSE.md).
+This project is licensed under the terms of the [MIT license](./LICENSE).

package/dist/lib/useMobxState.js

@@ -4,11 +4,12 @@ export function useMobxState(state, props) {
     var mobxState = useLocalObservable(typeof state === "function" ? state : function () { return state; });
     runInAction(function () {
         var _a, _b;
+        var _c;
         var propsResult = typeof props === "function" ? props() : props;
         if (propsResult) {
             for (var key in propsResult) {
-                if (isObservable(propsResult[key])) {
-                    mobxState[key] = propsResult[key];
+                if (isObservable(propsResult[key]) || ((_c = Object.getOwnPropertyDescriptor(propsResult, key)) === null || _c === void 0 ? void 0 : _c.get)) {
+                    Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(propsResult, key));
                 }
                 else {
                     if (propsResult[key] !== mobxState[key]) {

package/dist/lib/useMobxState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/lib/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAqB;IAC5H,IAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAEjG,WAAW,CAAC;;QACR,IAAM,WAAW,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAE3E,IAAI,WAAW,EAAE;YACb,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;gBAC3B,IAAI,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE;oBAChC,SAAS,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;iBACrC;qBAAM;oBACH,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;wBACrC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,WAAW,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;qBAC7E;iBACJ;aACJ;SACJ;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/lib/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAqB;IAC5H,IAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAEjG,WAAW,CAAC;;;QACR,IAAM,WAAW,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAE3E,IAAI,WAAW,EAAE;YACb,KAAK,IAAM,GAAG,IAAI,WAAW,EAAE;gBAC3B,IAAI,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAI,MAAA,MAAM,CAAC,wBAAwB,CAAC,WAAW,EAAE,GAAG,CAAC,0CAAE,GAAG,CAAA,EAAE;oBAC1F,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,wBAAwB,CAAC,WAAW,EAAE,GAAG,CAAQ,CAAC,CAAA;iBAClG;qBAAM;oBACH,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;wBACrC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,WAAW,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;qBAC7E;iBACJ;aACJ;SACJ;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC5B,CAAC"}

package/lib/lib/useMobxState.tsx

@@ -9,8 +9,8 @@ export function useMobxState<T extends Record<any, any>, P extends Record<any, a
 
         if (propsResult) {
             for (const key in propsResult) {
-                if (isObservable(propsResult[key])) {
-                    mobxState[key] = propsResult[key];
+                if (isObservable(propsResult[key]) || Object.getOwnPropertyDescriptor(propsResult, key)?.get) {
+                    Object.defineProperty(mobxState, key, Object.getOwnPropertyDescriptor(propsResult, key) as any)
                 } else {
                     if (propsResult[key] !== mobxState[key]) {
                         remove(mobxState, key);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-use-autorun",
-  "version": "3.0.11",
+  "version": "3.0.19",
   "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",
@@ -10,23 +10,24 @@
   "dependencies": {
     "mobx": ">=6.5.0",
     "mobx-react-lite": ">=3.3.0",
-    "react-use": ">=17.3.2"
+    "react-use": ">=17.3.2",
+    "rxjs": ">=6.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@types/node": "17.0.31",
-    "@types/react": "17.0.44",
-    "typescript": "4.6.4",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "12.1.5",
     "@testing-library/user-event": "13.5.0",
     "@types/jest": "27.5.0",
+    "@types/node": "17.0.31",
+    "@types/react": "17.0.44",
     "@types/react-dom": "18.0.3",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-scripts": "5.0.1"
+    "react-scripts": "5.0.1",
+    "typescript": "4.6.4"
   },
   "license": "MIT",
   "keywords": [
@@ -57,4 +58,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}