feat: mobx 4 support

Author: foxhound87

.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["es2015", "react", "stage-0"],
+  "presets": ["env", "react", "stage-0"],
   "plugins": [
     "transform-decorators-legacy",
     "transform-class-properties",

package.json

@@ -1,6 +1,7 @@
 {
   "name": "mobx-react-form-devtools",
   "license": "MIT",
+  "version": "0.0.0-semantically-released",
   "author": "Claudio Savino <[email protected]> (https://twitter.com/foxhound87)",
   "description": "DevTools for MobX React Form",
   "homepage": "https://www.npmjs.com/package/mobx-react-form-devtools",
@@ -51,16 +52,16 @@
   },
   "dependencies": {
     "glamor": "2.20.18",
-    "lodash": "^4.16.2",
-    "react-dock": "^0.2.4",
-    "react-draggable": "^3.0.3",
-    "react-icons": "^2.2.7",
-    "react-json-tree": "^0.10.9",
-    "react-tooltip": "^3.3.1"
+    "lodash": "4.17.10",
+    "react-dock": "0.2.4",
+    "react-draggable": "3.0.5",
+    "react-icons": "2.2.7",
+    "react-json-tree": "0.11.0",
+    "react-tooltip": "3.5.0"
   },
   "peerDependencies": {
-    "mobx": "^2.5.0 || ^3.0.0",
-    "mobx-react": "^3.0.0 || ^4.0.0",
+    "mobx": "^2.5.0 || ^3.0.0 || ^4.0.0",
+    "mobx-react": "^3.0.0 || ^4.0.0 || ^5.0.0",
     "mobx-react-form": "^1.x.x",
     "prop-types": "^15.6.0",
     "react": "^15.0.0 || ^16.0.0"
@@ -74,7 +75,7 @@
     "babel-plugin-lodash": "3.2.11",
     "babel-plugin-transform-class-properties": "6.19.0",
     "babel-plugin-transform-decorators-legacy": "1.3.4",
-    "babel-preset-es2015": "6.18.0",
+    "babel-preset-env": "1.6.1",
     "babel-preset-react": "6.16.0",
     "babel-preset-stage-0": "6.16.0",
     "babel-register": "6.18.0",
@@ -99,6 +100,5 @@
     "rimraf": "2.5.4",
     "semantic-release": "^7.0.2",
     "webpack": "1.14.0"
-  },
-  "version": "0.0.0-development"
+  }
 }

src/parser.js

@@ -1,4 +1,4 @@
-import { toJS } from 'mobx';
+import { values as mobxValues, toJS } from 'mobx';
 import _ from 'lodash';
 
 const fieldPropsToPick = [
@@ -52,8 +52,13 @@ const parseFormData = form =>
     'size',
   ]));
 
+const getObservableMapValues = observableMap =>
+  mobxValues
+    ? mobxValues(observableMap)
+    : observableMap.values();
+
 const parseFieldsData = fields =>
-  _.reduce(fields.values(), (obj, field) => {
+  _.reduce(getObservableMapValues(fields), (obj, field) => {
     const $nested = $fields => ($fields.size !== 0)
       ? parseFieldsData($fields)
       : undefined;