From 93f2fc18492d149b434ad1ca91cef9c3b10039b6 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@gmail.com>
Date: Thu, 5 Dec 2019 18:57:47 -0300
Subject: [PATCH 01/14] * chore(package): update lockfile package-lock.json *
 chore(package): added react-simple-code-editor dependency * feat(CodeEditor):
 added CodeEditor component

---
 package-lock.json                             | 724 +++++++++++++-----
 package.json                                  |   1 +
 .../CodeEditor/CodeEditor.example.js          |  20 +
 src/components/CodeEditor/CodeEditor.react.js |  46 ++
 src/components/CodeEditor/CodeEditor.scss     |   3 +
 src/lib/tests/CodeEditor.test.js              |  24 +
 src/parse-interface-guide/ComponentsMap.js    |   1 +
 7 files changed, 621 insertions(+), 198 deletions(-)
 create mode 100644 src/components/CodeEditor/CodeEditor.example.js
 create mode 100644 src/components/CodeEditor/CodeEditor.react.js
 create mode 100644 src/components/CodeEditor/CodeEditor.scss
 create mode 100644 src/lib/tests/CodeEditor.test.js

diff --git a/package-lock.json b/package-lock.json
index bd3a1f5aed..3cad412346 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,13 +4,42 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@apollo/protobufjs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@apollo/protobufjs/-/protobufjs-1.0.3.tgz",
+      "integrity": "sha512-gqeT810Ect9WIqsrgfUvr+ljSB5m1PyBae9HGdrRyQ3HjHjTcjVvxpsMYXlUk4rUHnrfUqyoGvLSy2yLlRGEOw==",
+      "dev": true,
+      "requires": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/long": "^4.0.0",
+        "@types/node": "^10.1.0",
+        "long": "^4.0.0"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "10.17.6",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.6.tgz",
+          "integrity": "sha512-0a2X6cgN3RdPBL2MIlR6Lt0KlM7fOFsutuXcdglcOq6WvLnYXgPQSh0Mx6tO1KCAE8MxbHSOSTWDoUxRq+l3DA==",
+          "dev": true
+        }
+      }
+    },
     "@apollographql/apollo-tools": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/@apollographql/apollo-tools/-/apollo-tools-0.4.0.tgz",
-      "integrity": "sha512-7wEO+S+zgz/wVe3ilFQqICufRBYYDSNUkd1V03JWvXuSydbYq2SM5EgvWmFF+04iadt+aQ0XCCsRzCzRPQODfQ==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@apollographql/apollo-tools/-/apollo-tools-0.4.1.tgz",
+      "integrity": "sha512-9NaTBPX+YYCsio6AqnLHlLiqYBszgTBul2qzG2+YNZ/1RQ2owhO/7xB5XJyQz76NGOefORaZt5idwvTJXpg/Sg==",
       "dev": true,
       "requires": {
-        "apollo-env": "0.5.1"
+        "apollo-env": "^0.6.0"
       }
     },
     "@apollographql/graphql-playground-html": {
@@ -2571,15 +2600,58 @@
       }
     },
     "@parse/push-adapter": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@parse/push-adapter/-/push-adapter-3.1.0.tgz",
-      "integrity": "sha512-SvLXKtAtlVMvlwl0Dw3smpy8ZgGicZDIxkUokV5HrZIFaQxHCEIj+9aj4y9IYOo6+7jE97vVwDmvh+n4geyZRg==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@parse/push-adapter/-/push-adapter-3.2.0.tgz",
+      "integrity": "sha512-6V7Bnh9+pSRc2U6ONvDPrPN20nRO4YT9eAITiZyVQu2N9WRCE+QoR2wyK7f+iTmyhRbVWP5xeSEoEhOPkS4pWA==",
       "dev": true,
       "requires": {
         "@parse/node-apn": "^3.1.0",
         "@parse/node-gcm": "^1.0.0",
         "npmlog": "^4.0.2",
-        "parse": "^2.7.1"
+        "parse": "2.8.0"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.6.3",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.6.3.tgz",
+          "integrity": "sha512-kq6anf9JGjW8Nt5rYfEuGRaEAaH1mkv3Bbu6rYvLOpPh/RusSJXuKPEAoZ7L7gybZkchE8+NV5g9vKF4AGAtsA==",
+          "dev": true,
+          "requires": {
+            "regenerator-runtime": "^0.13.2"
+          }
+        },
+        "@babel/runtime-corejs3": {
+          "version": "7.6.3",
+          "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.6.3.tgz",
+          "integrity": "sha512-933SXHQr7apa95F+3IqkBne8mqOnu1kDh6dnSddC07aW/R51WsOVD7MSczJ6DRpq/L8KLll7TFDxmt30pft44w==",
+          "dev": true,
+          "requires": {
+            "core-js-pure": "^3.0.0",
+            "regenerator-runtime": "^0.13.2"
+          }
+        },
+        "parse": {
+          "version": "2.8.0",
+          "resolved": "https://registry.npmjs.org/parse/-/parse-2.8.0.tgz",
+          "integrity": "sha512-dd6IOPYST+qDqWG22xyZpBLQJ+vqozzE4/43cc0OcKakELoSEsJS43JPaxmELI5/sVxsYYYAqshuPePPnefu5A==",
+          "dev": true,
+          "requires": {
+            "@babel/runtime": "7.6.3",
+            "@babel/runtime-corejs3": "7.6.3",
+            "uuid": "3.3.3",
+            "ws": "7.1.2",
+            "xmlhttprequest": "1.8.0"
+          }
+        },
+        "ws": {
+          "version": "7.1.2",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.1.2.tgz",
+          "integrity": "sha512-gftXq3XI81cJCgkUiAVixA0raD9IVmXqsylCrjRygw4+UOOGzPoxnQ6r/CnVL9i+mDncJo94tSkyrtuuQVBmrg==",
+          "dev": true,
+          "requires": {
+            "async-limiter": "^1.0.0"
+          }
+        }
       }
     },
     "@parse/s3-files-adapter": {
@@ -2784,9 +2856,9 @@
       }
     },
     "@types/express-serve-static-core": {
-      "version": "4.16.10",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.16.10.tgz",
-      "integrity": "sha512-gM6evDj0OvTILTRKilh9T5dTaGpv1oYiFcJAfgSejuMJgGJUsD9hKEU2lB4aiTNy4WwChxRnjfYFuBQsULzsJw==",
+      "version": "4.17.0",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.0.tgz",
+      "integrity": "sha512-Xnub7w57uvcBqFdIGoRg1KhNOeEj0vB6ykUM7uFWyxvbdE89GFyqgmUcanAriMr4YOxNFZBAWkfcWIb4WBPt3g==",
       "dev": true,
       "requires": {
         "@types/node": "*",
@@ -2872,9 +2944,9 @@
       "dev": true
     },
     "@types/koa": {
-      "version": "2.0.51",
-      "resolved": "https://registry.npmjs.org/@types/koa/-/koa-2.0.51.tgz",
-      "integrity": "sha512-L5e/l6Z+SR9Jk6HM0wNYdkvWhSUBOvi+7Q5Uwn7kE/VmBXX7NIxARMigARWAyXAtXiv5Ry1P2HmebolFdvuIVg==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@types/koa/-/koa-2.11.0.tgz",
+      "integrity": "sha512-Hgx/1/rVlJvqYBrdeCsS7PDiR2qbxlMt1RnmNWD4Uxi5FF9nwkYqIldo7urjc+dfNpk+2NRGcnAYd4L5xEhCcQ==",
       "dev": true,
       "requires": {
         "@types/accepts": "*",
@@ -2886,9 +2958,9 @@
       }
     },
     "@types/koa-compose": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/@types/koa-compose/-/koa-compose-3.2.4.tgz",
-      "integrity": "sha512-ioou0rxkuWL+yBQYsHUQAzRTfVxAg8Y2VfMftU+Y3RA03/MzuFL0x/M2sXXj3PkfnENbHsjeHR1aMdezLYpTeA==",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/@types/koa-compose/-/koa-compose-3.2.5.tgz",
+      "integrity": "sha512-B8nG/OoE1ORZqCkBVsup/AKcvjdgoHnfi4pZMn5UwAPCbhk/96xyv284eBYW8JlQbQ7zDmnpFr68I/40mFoIBQ==",
       "dev": true,
       "requires": {
         "@types/koa": "*"
@@ -2912,9 +2984,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "12.11.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.11.7.tgz",
-      "integrity": "sha512-JNbGaHFCLwgHn/iCckiGSOZ1XYHsKFwREtzPwSGCVld1SGhOlmZw2D4ZI94HQCrBHbADzW9m4LER/8olJTRGHA==",
+      "version": "12.12.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.14.tgz",
+      "integrity": "sha512-u/SJDyXwuihpwjXy7hOOghagLEV1KdAST6syfnOk6QZAMzZuWZqXy5aYYZbh8Jdpd4escVFP0MvftHNDb9pruA==",
       "dev": true
     },
     "@types/prop-types": {
@@ -2937,6 +3009,16 @@
         "csstype": "^2.2.0"
       }
     },
+    "@types/readable-stream": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-2.3.5.tgz",
+      "integrity": "sha512-Mq2eLkGYamlcolW603FY2ROBvcl90jPF+3jLkjpBV6qS+2aVeJqlgRG0TVAa1oWbmPdb5yOWlOPVvQle76nUNw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "safe-buffer": "*"
+      }
+    },
     "@types/serve-static": {
       "version": "1.13.3",
       "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.13.3.tgz",
@@ -2959,9 +3041,9 @@
       "dev": true
     },
     "@types/ws": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-6.0.3.tgz",
-      "integrity": "sha512-yBTM0P05Tx9iXGq00BbJPo37ox68R5vaGTXivs6RGh/BQ6QP5zqZDGWdAO6JbRE/iR1l80xeGAwCQS2nMV9S/w==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-6.0.4.tgz",
+      "integrity": "sha512-PpPrX7SZW9re6+Ha8ojZG4Se8AZXgf0GK6zmfqEuCsY49LFDNXO3SByp44X3dFEqtB73lkCDAdUazhAjVPiNwg==",
       "dev": true,
       "requires": {
         "@types/node": "*"
@@ -3371,13 +3453,13 @@
       }
     },
     "apollo-cache-control": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/apollo-cache-control/-/apollo-cache-control-0.8.5.tgz",
-      "integrity": "sha512-2yQ1vKgJQ54SGkoQS/ZLZrDX3La6cluAYYdruFYJMJtL4zQrSdeOCy11CQliCMYEd6eKNyE70Rpln51QswW2Og==",
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/apollo-cache-control/-/apollo-cache-control-0.8.8.tgz",
+      "integrity": "sha512-hpIJg3Tmb6quA111lrVO+d3qcyYRlJ8JqbeQdcgwLT3fb2VQzk21SrBZYl2oMM4ZqSOWCZWg4/Cn9ARYqdWjKA==",
       "dev": true,
       "requires": {
         "apollo-server-env": "^2.4.3",
-        "graphql-extensions": "^0.10.4"
+        "graphql-extensions": "^0.10.7"
       }
     },
     "apollo-datasource": {
@@ -3391,33 +3473,33 @@
       }
     },
     "apollo-engine-reporting": {
-      "version": "1.4.7",
-      "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.4.7.tgz",
-      "integrity": "sha512-qsKDz9VkoctFhojM3Nj3nvRBO98t8TS2uTgtiIjUGs3Hln2poKMP6fIQ37Nm2Q2B3JJst76HQtpPwXmRJd1ZUg==",
+      "version": "1.4.11",
+      "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.4.11.tgz",
+      "integrity": "sha512-7ZkbOGvPfWppN8+1KHzyHPrJTMOmrMUy38unao2c9TTToOAnEvx2MtUTo6mr3aw/g8UQYUf0x2Cq+K2YSlUTPw==",
       "dev": true,
       "requires": {
-        "apollo-engine-reporting-protobuf": "^0.4.1",
+        "apollo-engine-reporting-protobuf": "^0.4.4",
         "apollo-graphql": "^0.3.4",
         "apollo-server-caching": "^0.5.0",
         "apollo-server-env": "^2.4.3",
-        "apollo-server-types": "^0.2.5",
+        "apollo-server-types": "^0.2.8",
         "async-retry": "^1.2.1",
-        "graphql-extensions": "^0.10.4"
+        "graphql-extensions": "^0.10.7"
       }
     },
     "apollo-engine-reporting-protobuf": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.4.1.tgz",
-      "integrity": "sha512-d7vFFZ2oUrvGaN0Hpet8joe2ZG0X0lIGilN+SwgVP38dJnOuadjsaYMyrD9JudGQJg0bJA5wVQfYzcCVy0slrw==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.4.4.tgz",
+      "integrity": "sha512-SGrIkUR7Q/VjU8YG98xcvo340C4DaNUhg/TXOtGsMlfiJDzHwVau/Bv6zifAzBafp2lj0XND6Daj5kyT/eSI/w==",
       "dev": true,
       "requires": {
-        "protobufjs": "^6.8.6"
+        "@apollo/protobufjs": "^1.0.3"
       }
     },
     "apollo-env": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/apollo-env/-/apollo-env-0.5.1.tgz",
-      "integrity": "sha512-fndST2xojgSdH02k5hxk1cbqA9Ti8RX4YzzBoAB4oIe1Puhq7+YlhXGXfXB5Y4XN0al8dLg+5nAkyjNAR2qZTw==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/apollo-env/-/apollo-env-0.6.0.tgz",
+      "integrity": "sha512-DttHOpLISRej8STjbXjQCXq3YeE2pATaC4UEd2YE7TjjYhQmp9yxohlkHfSR78BvPzczhyDs6WQQEzasHv0M0A==",
       "dev": true,
       "requires": {
         "core-js": "^3.0.1",
@@ -3434,12 +3516,12 @@
       }
     },
     "apollo-graphql": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.3.4.tgz",
-      "integrity": "sha512-w+Az1qxePH4oQ8jvbhQBl5iEVvqcqynmU++x/M7MM5xqN1C7m1kyIzpN17gybXlTJXY4Oxej2WNURC2/hwpfYw==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.3.5.tgz",
+      "integrity": "sha512-X2N/LREJSAkI0RhMEJ6d0kGjdJSI4SFyf6soLvLLTQn0Bhi/52hMLf8k4kO5t0SCKuWc1+Pw/tdCniK4Gc1IdA==",
       "dev": true,
       "requires": {
-        "apollo-env": "^0.5.1",
+        "apollo-env": "^0.6.0",
         "lodash.sortby": "^4.7.0"
       }
     },
@@ -3509,26 +3591,26 @@
       }
     },
     "apollo-server-core": {
-      "version": "2.9.7",
-      "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.9.7.tgz",
-      "integrity": "sha512-EqKyROy+21sM93YHjGpy6wlnzK/vH0fnZh7RCf3uB69aQ3OjgdP4AQ5oWRQ62NDN+aoic7OLhChSDJeDonq/NQ==",
+      "version": "2.9.13",
+      "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.9.13.tgz",
+      "integrity": "sha512-iXTGNCtouB0Xe37ySovuZO69NBYOByJlZfUc87gj0pdcz0WbdfUp7qUtNzy3onp63Zo60TFkHWhGNcBJYFluzw==",
       "dev": true,
       "requires": {
         "@apollographql/apollo-tools": "^0.4.0",
         "@apollographql/graphql-playground-html": "1.6.24",
         "@types/graphql-upload": "^8.0.0",
         "@types/ws": "^6.0.0",
-        "apollo-cache-control": "^0.8.5",
+        "apollo-cache-control": "^0.8.8",
         "apollo-datasource": "^0.6.3",
-        "apollo-engine-reporting": "^1.4.7",
+        "apollo-engine-reporting": "^1.4.11",
         "apollo-server-caching": "^0.5.0",
         "apollo-server-env": "^2.4.3",
         "apollo-server-errors": "^2.3.4",
-        "apollo-server-plugin-base": "^0.6.5",
-        "apollo-server-types": "^0.2.5",
-        "apollo-tracing": "^0.8.5",
+        "apollo-server-plugin-base": "^0.6.8",
+        "apollo-server-types": "^0.2.8",
+        "apollo-tracing": "^0.8.8",
         "fast-json-stable-stringify": "^2.0.0",
-        "graphql-extensions": "^0.10.4",
+        "graphql-extensions": "^0.10.7",
         "graphql-tag": "^2.9.2",
         "graphql-tools": "^4.0.0",
         "graphql-upload": "^8.0.2",
@@ -3537,6 +3619,37 @@
         "ws": "^6.0.0"
       },
       "dependencies": {
+        "graphql-upload": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
+          "integrity": "sha512-U2OiDI5VxYmzRKw0Z2dmfk0zkqMRaecH9Smh1U277gVgVe9Qn+18xqf4skwr4YJszGIh7iQDZ57+5ygOK9sM/Q==",
+          "dev": true,
+          "requires": {
+            "busboy": "^0.3.1",
+            "fs-capacitor": "^2.0.4",
+            "http-errors": "^1.7.3",
+            "object-path": "^0.11.4"
+          }
+        },
+        "http-errors": {
+          "version": "1.7.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
+          "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "inherits": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+          "dev": true
+        },
         "ws": {
           "version": "6.2.1",
           "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
@@ -3565,9 +3678,9 @@
       "dev": true
     },
     "apollo-server-express": {
-      "version": "2.9.7",
-      "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.7.tgz",
-      "integrity": "sha512-+DuJk1oq34Zx0bLYzgBgJH/eXS0JNxw2JycHQvV0+PAQ0Qi01oomJRA2r1S5isnfnSAnHb2E9jyBTptoHdw3MQ==",
+      "version": "2.9.12",
+      "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.12.tgz",
+      "integrity": "sha512-4Ev8MY7m23mSzwO/BvLTy97a/68IP/wZoCRBn2R81OoZt9/GxlvvYZGvozJCXYsQt1qAbIT4Sn05LmqawsI98w==",
       "dev": true,
       "requires": {
         "@apollographql/graphql-playground-html": "1.6.24",
@@ -3576,8 +3689,8 @@
         "@types/cors": "^2.8.4",
         "@types/express": "4.17.1",
         "accepts": "^1.3.5",
-        "apollo-server-core": "^2.9.7",
-        "apollo-server-types": "^0.2.5",
+        "apollo-server-core": "^2.9.12",
+        "apollo-server-types": "^0.2.8",
         "body-parser": "^1.18.3",
         "cors": "^2.8.4",
         "express": "^4.17.1",
@@ -3589,33 +3702,33 @@
       }
     },
     "apollo-server-plugin-base": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.5.tgz",
-      "integrity": "sha512-z2ve7HEPWmZI3EzL0iiY9qyt1i0hitT+afN5PzssCw594LB6DfUQWsI14UW+W+gcw8hvl8VQUpXByfUntAx5vw==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.8.tgz",
+      "integrity": "sha512-0pKCjcg9gHBK8qlb280+N0jl99meixQtxXnMJFyIfD+45OpKQ+WolHIbO0oZgNEt7r/lNWwH8v3l5yYm1ghz1A==",
       "dev": true,
       "requires": {
-        "apollo-server-types": "^0.2.5"
+        "apollo-server-types": "^0.2.8"
       }
     },
     "apollo-server-types": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/apollo-server-types/-/apollo-server-types-0.2.5.tgz",
-      "integrity": "sha512-6iJQsPh59FWu4K7ABrVmpnQVgeK8Ockx8BcawBh+saFYWTlVczwcLyGSZPeV1tPSKwFwKZutyEslrYSafcarXQ==",
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/apollo-server-types/-/apollo-server-types-0.2.8.tgz",
+      "integrity": "sha512-5OclxkAqjhuO75tTNHpSO/+doJZ+VlRtTefnrPJdK/uwVew9U/VUCWkYdryZWwEyVe1nvQ/4E7RYR4tGb8l8wA==",
       "dev": true,
       "requires": {
-        "apollo-engine-reporting-protobuf": "^0.4.1",
+        "apollo-engine-reporting-protobuf": "^0.4.4",
         "apollo-server-caching": "^0.5.0",
         "apollo-server-env": "^2.4.3"
       }
     },
     "apollo-tracing": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/apollo-tracing/-/apollo-tracing-0.8.5.tgz",
-      "integrity": "sha512-lZn10/GRBZUlMxVYLghLMFsGcLN0jTYDd98qZfBtxw+wEWUx+PKkZdljDT+XNoOm/kDvEutFGmi5tSLhArIzWQ==",
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/apollo-tracing/-/apollo-tracing-0.8.8.tgz",
+      "integrity": "sha512-aIwT2PsH7VZZPaNrIoSjzLKMlG644d2Uf+GYcoMd3X6UEyg1sXdWqkKfCeoS6ChJKH2khO7MXAvOZC03UnCumQ==",
       "dev": true,
       "requires": {
         "apollo-server-env": "^2.4.3",
-        "graphql-extensions": "^0.10.4"
+        "graphql-extensions": "^0.10.7"
       }
     },
     "apollo-utilities": {
@@ -3834,9 +3947,9 @@
       "dev": true
     },
     "aws-sdk": {
-      "version": "2.556.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.556.0.tgz",
-      "integrity": "sha512-qILMUNl/a7FYWU67Y24OGsXFhyDHM4qYdplMR2tps/g17pN9bEQ5ijxvGzW2T8VVyAsTanmn+dFyl/CH38pC5Q==",
+      "version": "2.585.0",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.585.0.tgz",
+      "integrity": "sha512-T3JG4JZUmELqxT4hwJa93xns/TWIllaeYoyhRPGwXUj78vhCYJUiigtU6WRYLu84AMoZAGT/pVkARH7vfxpq9Q==",
       "dev": true,
       "requires": {
         "buffer": "4.9.1",
@@ -4023,6 +4136,15 @@
       "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
       "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc="
     },
+    "backoff": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/backoff/-/backoff-2.5.0.tgz",
+      "integrity": "sha1-9hbtqdPktmuMp/ynn2lXIsX44m8=",
+      "dev": true,
+      "requires": {
+        "precond": "0.2"
+      }
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -4096,23 +4218,14 @@
       "dev": true
     },
     "bcrypt": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-3.0.6.tgz",
-      "integrity": "sha512-taA5bCTfXe7FUjKroKky9EXpdhkVvhE5owfxfLYodbrAR1Ul3juLmIQmIQBK4L9a5BuUcE6cqmwT+Da20lF9tg==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-3.0.7.tgz",
+      "integrity": "sha512-K5UglF9VQvBMHl/1elNyyFvAfOY9Bj+rpKrCSR9sFwcW8FywAYJSRwTURNej5TaAK2TEJkcJ6r6lh1YPmspx5Q==",
       "dev": true,
       "optional": true,
       "requires": {
-        "nan": "2.13.2",
-        "node-pre-gyp": "0.12.0"
-      },
-      "dependencies": {
-        "nan": {
-          "version": "2.13.2",
-          "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz",
-          "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==",
-          "dev": true,
-          "optional": true
-        }
+        "nan": "2.14.0",
+        "node-pre-gyp": "0.13.0"
       }
     },
     "bcrypt-pbkdf": {
@@ -4368,9 +4481,9 @@
       }
     },
     "bson": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/bson/-/bson-1.1.1.tgz",
-      "integrity": "sha512-jCGVYLoYMHDkOsbwJZBCqwMHyH4c+wzgI9hG7Z6SZJRXWr+x58pdIbm2i9a/jFGCkRJqRUr8eoI7lDWa0hTkxg==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-1.1.3.tgz",
+      "integrity": "sha512-TdiJxMVnodVS7r0BdL42y/pqC9cL2iKynVwA0Ho3qbsQYr428veL3l7BQyuqiw+Q5SqqoT0m4srSY/BlZ9AxXg==",
       "dev": true
     },
     "buffer": {
@@ -4422,6 +4535,18 @@
       "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=",
       "dev": true
     },
+    "bunyan": {
+      "version": "1.8.12",
+      "resolved": "https://registry.npmjs.org/bunyan/-/bunyan-1.8.12.tgz",
+      "integrity": "sha1-8VDw9nSKvdcq6uhPBEA74u8RN5c=",
+      "dev": true,
+      "requires": {
+        "dtrace-provider": "~0.8",
+        "moment": "^2.10.6",
+        "mv": "~2",
+        "safe-json-stringify": "~1"
+      }
+    },
     "busboy": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/busboy/-/busboy-0.3.1.tgz",
@@ -5089,24 +5214,95 @@
       "dev": true
     },
     "coveralls": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/coveralls/-/coveralls-3.0.7.tgz",
-      "integrity": "sha512-mUuH2MFOYB2oBaA4D4Ykqi9LaEYpMMlsiOMJOrv358yAjP6enPIk55fod2fNJ8AvwoYXStWQls37rA+s5e7boA==",
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/coveralls/-/coveralls-3.0.9.tgz",
+      "integrity": "sha512-nNBg3B1+4iDox5A5zqHKzUTiwl2ey4k2o0NEcVZYvl+GOSJdKBj4AJGKLv6h3SvWch7tABHePAQOSZWM9E2hMg==",
       "dev": true,
       "requires": {
-        "growl": "~> 1.10.0",
         "js-yaml": "^3.13.1",
-        "lcov-parse": "^0.0.10",
+        "lcov-parse": "^1.0.0",
         "log-driver": "^1.2.7",
         "minimist": "^1.2.0",
-        "request": "^2.86.0"
+        "request": "^2.88.0"
       },
       "dependencies": {
+        "har-validator": {
+          "version": "5.1.3",
+          "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
+          "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.5.5",
+            "har-schema": "^2.0.0"
+          }
+        },
         "minimist": {
           "version": "1.2.0",
           "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
+        },
+        "oauth-sign": {
+          "version": "0.9.0",
+          "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+          "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+          "dev": true
+        },
+        "punycode": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
+          "dev": true
+        },
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+          "dev": true
+        },
+        "request": {
+          "version": "2.88.0",
+          "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
+          "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
+          "dev": true,
+          "requires": {
+            "aws-sign2": "~0.7.0",
+            "aws4": "^1.8.0",
+            "caseless": "~0.12.0",
+            "combined-stream": "~1.0.6",
+            "extend": "~3.0.2",
+            "forever-agent": "~0.6.1",
+            "form-data": "~2.3.2",
+            "har-validator": "~5.1.0",
+            "http-signature": "~1.2.0",
+            "is-typedarray": "~1.0.0",
+            "isstream": "~0.1.2",
+            "json-stringify-safe": "~5.0.1",
+            "mime-types": "~2.1.19",
+            "oauth-sign": "~0.9.0",
+            "performance-now": "^2.1.0",
+            "qs": "~6.5.2",
+            "safe-buffer": "^5.1.2",
+            "tough-cookie": "~2.4.3",
+            "tunnel-agent": "^0.6.0",
+            "uuid": "^3.3.2"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
+        },
+        "tough-cookie": {
+          "version": "2.4.3",
+          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
+          "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+          "dev": true,
+          "requires": {
+            "psl": "^1.1.24",
+            "punycode": "^1.4.1"
+          }
         }
       }
     },
@@ -5678,6 +5874,16 @@
       "integrity": "sha1-ED01J/0xUo9AGIEwyEHv3XgmTlw=",
       "dev": true
     },
+    "dtrace-provider": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/dtrace-provider/-/dtrace-provider-0.8.8.tgz",
+      "integrity": "sha512-b7Z7cNtHPhH9EJhNNbbeqTcXB8LGFFZhq1PGgEvpeHlzd36bhbdTWoE/Ba/YguqpBSlAPKnARWhVlhunCMwfxg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "nan": "^2.14.0"
+      }
+    },
     "duplexer": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
@@ -7757,6 +7963,7 @@
       "integrity": "sha512-+r8qY2JRRs+uaZcrZOxpNhdlCZoS8yS5KQ6X53Twc8WecZ6VtAn+MVHroLOd4u9HVPxTXZ9RUd9+556EpTc0xA==",
       "requires": {
         "codemirror": "^5.26.0",
+        "codemirror-graphql": "^0.6.11",
         "markdown-it": "^8.4.0"
       }
     },
@@ -7781,14 +7988,14 @@
       }
     },
     "graphql-extensions": {
-      "version": "0.10.4",
-      "resolved": "https://registry.npmjs.org/graphql-extensions/-/graphql-extensions-0.10.4.tgz",
-      "integrity": "sha512-lE6MroluEYocbR/ICwccv39w+Pz4cBPadJ11z1rJkbZv5wstISEganbDOwl9qN21rcZGiWzh7QUNxUiFUXXEDw==",
+      "version": "0.10.7",
+      "resolved": "https://registry.npmjs.org/graphql-extensions/-/graphql-extensions-0.10.7.tgz",
+      "integrity": "sha512-YuP7VQxNePG4bWRQ5Vk+KRMbZ9r1IWCqCCogOMz/1ueeQ4gZe93eGRcb0vhpOdMFnCX6Vyvd4+sC+N6LR3YFOQ==",
       "dev": true,
       "requires": {
         "@apollographql/apollo-tools": "^0.4.0",
         "apollo-server-env": "^2.4.3",
-        "apollo-server-types": "^0.2.5"
+        "apollo-server-types": "^0.2.8"
       }
     },
     "graphql-import": {
@@ -7811,12 +8018,12 @@
       }
     },
     "graphql-language-service-parser": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/graphql-language-service-parser/-/graphql-language-service-parser-1.5.0.tgz",
-      "integrity": "sha512-DX3B6DfvKa28gJoywtnkkIUdZitWqKqBTrZ6CQV8V5wO3GzJalQKT0J+B56oDkS6MhjLt928Yu8fj63laNWfoA==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/graphql-language-service-parser/-/graphql-language-service-parser-1.5.1.tgz",
+      "integrity": "sha512-uGAeZSVr4afJc94Z2lCVLnhF2zdzDNgdx6ggCPUEAbhe9H5KFgmLVaZBVgqZJ0qmE9rIxV9wm59TbLxHTaxM1Q==",
       "requires": {
         "graphql-config": "2.2.1",
-        "graphql-language-service-types": "^1.5.0"
+        "graphql-language-service-types": "^1.5.1"
       },
       "dependencies": {
         "graphql-config": {
@@ -7843,9 +8050,9 @@
       }
     },
     "graphql-language-service-types": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/graphql-language-service-types/-/graphql-language-service-types-1.5.0.tgz",
-      "integrity": "sha512-THxB15oPC56zlNVSwv7JCahuSUbI9xnUHdftjOqZOz5588qjlPw/UHWQ8V/k0/XwZvH/TwCkmnBkIRmPVb1S5Q==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/graphql-language-service-types/-/graphql-language-service-types-1.5.1.tgz",
+      "integrity": "sha512-jOym7GFkAVoqCakkIWNfV2hrB4zq8ZrAOAoOU26oafF8iaG2Ezs0SMvfWhfFYpGDGtJ/4tKzxy9eRZpobGnKeg==",
       "requires": {
         "graphql-config": "2.2.1"
       },
@@ -8017,6 +8224,15 @@
         }
       }
     },
+    "graphql-relay": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/graphql-relay/-/graphql-relay-0.6.0.tgz",
+      "integrity": "sha512-OVDi6C9/qOT542Q3KxZdXja3NrDvqzbihn1B44PH8P/c5s0Q90RyQwT6guhGqXqbYEH6zbeLJWjQqiYvcg2vVw==",
+      "dev": true,
+      "requires": {
+        "prettier": "^1.16.0"
+      }
+    },
     "graphql-request": {
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/graphql-request/-/graphql-request-1.8.2.tgz",
@@ -8054,17 +8270,27 @@
       }
     },
     "graphql-upload": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
-      "integrity": "sha512-U2OiDI5VxYmzRKw0Z2dmfk0zkqMRaecH9Smh1U277gVgVe9Qn+18xqf4skwr4YJszGIh7iQDZ57+5ygOK9sM/Q==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-9.0.0.tgz",
+      "integrity": "sha512-YR2o9GoDa5On3q3lYLkLo3gHfa8crCHvMY1QbT7Zqja6BUqiihqaGjbWbvSPko/gbDSmZE+zLcX46Ef+/SmRyA==",
       "dev": true,
       "requires": {
         "busboy": "^0.3.1",
-        "fs-capacitor": "^2.0.4",
+        "fs-capacitor": "^4.0.1",
         "http-errors": "^1.7.3",
         "object-path": "^0.11.4"
       },
       "dependencies": {
+        "fs-capacitor": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/fs-capacitor/-/fs-capacitor-4.0.1.tgz",
+          "integrity": "sha512-e0qFoKQMFe52F54dMvZLD+I1M/Gs6xB2gnZVQB5FYT/8ioP6qTb3U/tzp55O0IuPOMvSM8j4ta0bVafIFjJzxQ==",
+          "dev": true,
+          "requires": {
+            "@types/readable-stream": "^2.3.5",
+            "readable-stream": "^3.4.0"
+          }
+        },
         "http-errors": {
           "version": "1.7.3",
           "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
@@ -8076,22 +8302,29 @@
             "setprototypeof": "1.1.1",
             "statuses": ">= 1.5.0 < 2",
             "toidentifier": "1.0.0"
+          },
+          "dependencies": {
+            "inherits": {
+              "version": "2.0.4",
+              "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+              "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+              "dev": true
+            }
           }
         },
-        "inherits": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-          "dev": true
+        "readable-stream": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz",
+          "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
         }
       }
     },
-    "growl": {
-      "version": "1.10.5",
-      "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz",
-      "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==",
-      "dev": true
-    },
     "growly": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
@@ -8428,9 +8661,9 @@
       "dev": true
     },
     "https-proxy-agent": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.3.tgz",
-      "integrity": "sha512-Ytgnz23gm2DVftnzqRRz2dOXZbGd2uiajSw/95bPp6v53zPRspQjLm/AfBgqbJ2qfeRXWIOMVLpp86+/5yX39Q==",
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.4.tgz",
+      "integrity": "sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==",
       "dev": true,
       "requires": {
         "agent-base": "^4.3.0",
@@ -9785,11 +10018,54 @@
       }
     },
     "lcov-parse": {
-      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/lcov-parse/-/lcov-parse-0.0.10.tgz",
-      "integrity": "sha1-GwuP+ayceIklBYK3C3ExXZ2m2aM=",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/lcov-parse/-/lcov-parse-1.0.0.tgz",
+      "integrity": "sha1-6w1GtUER68VhrLTECO+TY73I9+A=",
       "dev": true
     },
+    "ldap-filter": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/ldap-filter/-/ldap-filter-0.2.2.tgz",
+      "integrity": "sha1-8rhCvguG2jNSeYUFsx68rlkNd9A=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "0.1.5"
+      },
+      "dependencies": {
+        "assert-plus": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.5.tgz",
+          "integrity": "sha1-7nQAlBMALYTOxyGcasgRgS5yMWA=",
+          "dev": true
+        }
+      }
+    },
+    "ldapjs": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/ldapjs/-/ldapjs-1.0.2.tgz",
+      "integrity": "sha1-VE/3Ayt7g8aPBwEyjZKXqmlDQPk=",
+      "dev": true,
+      "requires": {
+        "asn1": "0.2.3",
+        "assert-plus": "^1.0.0",
+        "backoff": "^2.5.0",
+        "bunyan": "^1.8.3",
+        "dashdash": "^1.14.0",
+        "dtrace-provider": "~0.8",
+        "ldap-filter": "0.2.2",
+        "once": "^1.4.0",
+        "vasync": "^1.6.4",
+        "verror": "^1.8.1"
+      },
+      "dependencies": {
+        "asn1": {
+          "version": "0.2.3",
+          "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
+          "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=",
+          "dev": true
+        }
+      }
+    },
     "left-pad": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/left-pad/-/left-pad-1.3.0.tgz",
@@ -9979,12 +10255,6 @@
         "triple-beam": "^1.3.0"
       },
       "dependencies": {
-        "colors": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
-          "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
-          "dev": true
-        },
         "ms": {
           "version": "2.1.2",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -10574,6 +10844,44 @@
       "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
       "dev": true
     },
+    "mv": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/mv/-/mv-2.1.1.tgz",
+      "integrity": "sha1-rmzg1vbV4KT32JN5jQPB6pVZtqI=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "mkdirp": "~0.5.1",
+        "ncp": "~2.0.0",
+        "rimraf": "~2.4.0"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "6.0.4",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
+          "integrity": "sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "2 || 3",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "rimraf": {
+          "version": "2.4.5",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.4.5.tgz",
+          "integrity": "sha1-7nEM5dk6j9uFb7Xqj/Di11k0sto=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "glob": "^6.0.1"
+          }
+        }
+      }
+    },
     "nan": {
       "version": "2.14.0",
       "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
@@ -10605,6 +10913,13 @@
       "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
       "dev": true
     },
+    "ncp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz",
+      "integrity": "sha1-GVoh1sRuNh0vsSgbo4uR6d9727M=",
+      "dev": true,
+      "optional": true
+    },
     "needle": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/needle/-/needle-2.4.0.tgz",
@@ -10827,9 +11142,9 @@
       }
     },
     "node-pre-gyp": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.12.0.tgz",
-      "integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==",
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.13.0.tgz",
+      "integrity": "sha512-Md1D3xnEne8b/HGVQkZZwV27WUi1ZRuZBij24TNaZwUPU3ZAFtvT6xxJGaUVillfmMKnn5oD1HoGsp2Ftik7SQ==",
       "dev": true,
       "optional": true,
       "requires": {
@@ -10894,9 +11209,9 @@
       }
     },
     "node-rsa": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/node-rsa/-/node-rsa-1.0.6.tgz",
-      "integrity": "sha512-v42495lozKpuQmrcIzld9ds/Tn7pwjuh0BHSHnhPrKkAVSyTAyrZodFLFafOfWiUKamLt4lgWdngP8W/LzCm2w==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/node-rsa/-/node-rsa-1.0.7.tgz",
+      "integrity": "sha512-idwRXma6scFufZmbaKkHpJoLL93yynRefP6yur13wZ5i9FR35ex451KCoF2OORDeJanyRVahmjjiwmUlCnTqJA==",
       "dev": true,
       "requires": {
         "asn1": "^0.2.4"
@@ -11665,35 +11980,39 @@
       "dev": true
     },
     "parse-server": {
-      "version": "github:parseplatform/parse-server#f67f8dbe705e69b457b5e90cc9208840f4841284",
+      "version": "github:parseplatform/parse-server#5d76b2f354e568bb0c84f3d6b5ae3fd56cbd83c1",
       "from": "github:parseplatform/parse-server#master",
       "dev": true,
       "requires": {
         "@apollographql/graphql-playground-html": "1.6.24",
         "@parse/fs-files-adapter": "1.0.1",
-        "@parse/push-adapter": "3.1.0",
+        "@parse/push-adapter": "3.2.0",
         "@parse/s3-files-adapter": "1.3.0",
         "@parse/simple-mailgun-adapter": "1.1.0",
-        "apollo-server-express": "2.9.7",
-        "bcrypt": "3.0.6",
+        "apollo-server-express": "2.9.12",
+        "bcrypt": "3.0.7",
         "bcryptjs": "2.4.3",
         "body-parser": "1.19.0",
+        "commander": "4.0.1",
         "cors": "2.8.5",
         "deepcopy": "2.0.0",
         "express": "4.17.1",
         "follow-redirects": "1.9.0",
         "graphql": "14.5.8",
         "graphql-list-fields": "2.0.2",
+        "graphql-relay": "^0.6.0",
         "graphql-tools": "^4.0.5",
-        "graphql-upload": "8.1.0",
+        "graphql-upload": "9.0.0",
         "intersect": "1.0.1",
         "jsonwebtoken": "8.5.1",
+        "ldapjs": "1.0.2",
         "lodash": "4.17.15",
         "lru-cache": "5.1.1",
         "mime": "2.4.4",
         "mongodb": "3.3.2",
-        "node-rsa": "1.0.6",
-        "pg-promise": "9.3.3",
+        "node-rsa": "1.0.7",
+        "parse": "2.10.0",
+        "pg-promise": "10.3.1",
         "pluralize": "^8.0.0",
         "redis": "2.8.0",
         "semver": "6.3.0",
@@ -11880,15 +12199,15 @@
       "dev": true
     },
     "pg": {
-      "version": "7.12.1",
-      "resolved": "https://registry.npmjs.org/pg/-/pg-7.12.1.tgz",
-      "integrity": "sha512-l1UuyfEvoswYfcUe6k+JaxiN+5vkOgYcVSbSuw3FvdLqDbaoa2RJo1zfJKfPsSYPFVERd4GHvX3s2PjG1asSDA==",
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/pg/-/pg-7.14.0.tgz",
+      "integrity": "sha512-TLsdOWKFu44vHdejml4Uoo8h0EwCjdIj9Z9kpz7pA5i8iQxOTwVb1+Fy+X86kW5AXKxQpYpYDs4j/qPDbro/lg==",
       "dev": true,
       "requires": {
         "buffer-writer": "2.0.0",
         "packet-reader": "1.0.0",
         "pg-connection-string": "0.1.3",
-        "pg-pool": "^2.0.4",
+        "pg-pool": "^2.0.7",
         "pg-types": "^2.1.0",
         "pgpass": "1.x",
         "semver": "4.3.2"
@@ -11927,14 +12246,14 @@
       "dev": true
     },
     "pg-promise": {
-      "version": "9.3.3",
-      "resolved": "https://registry.npmjs.org/pg-promise/-/pg-promise-9.3.3.tgz",
-      "integrity": "sha512-C7Mj5RSUvK0cGOaJ0p1fcOk5jhS1n+HgY+DoE8s1+Zjzf6ta70zYDIlOmy6MtYWs4DFHhUW654hb0FmtGKkIkg==",
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/pg-promise/-/pg-promise-10.3.1.tgz",
+      "integrity": "sha512-1b9Nx1UMV0SE5zJC92ckM+DHFGB5koly/AILd5DpV0Zx4Z9/iytnbdUGz9qnnqKt+XIuXjdizT2FIyGyV2AxTQ==",
       "dev": true,
       "requires": {
         "assert-options": "0.6.0",
         "manakin": "0.5.2",
-        "pg": "7.12.1",
+        "pg": "7.14.0",
         "pg-minify": "1.5.1",
         "spex": "3.0.0"
       }
@@ -12165,6 +12484,12 @@
         "xtend": "^4.0.0"
       }
     },
+    "precond": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/precond/-/precond-0.2.3.tgz",
+      "integrity": "sha1-qpWRvKokkj8eD0hJ0kD0fvwQdaw=",
+      "dev": true
+    },
     "prelude-ls": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -12313,35 +12638,6 @@
       "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
       "integrity": "sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk="
     },
-    "protobufjs": {
-      "version": "6.8.8",
-      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-6.8.8.tgz",
-      "integrity": "sha512-AAmHtD5pXgZfi7GMpllpO3q1Xw1OYldr+dMUlAnffGTAhqkg72WdmSY71uKBF/JuyiKs8psYbtKrhi0ASCD8qw==",
-      "dev": true,
-      "requires": {
-        "@protobufjs/aspromise": "^1.1.2",
-        "@protobufjs/base64": "^1.1.2",
-        "@protobufjs/codegen": "^2.0.4",
-        "@protobufjs/eventemitter": "^1.1.0",
-        "@protobufjs/fetch": "^1.1.0",
-        "@protobufjs/float": "^1.0.2",
-        "@protobufjs/inquire": "^1.1.0",
-        "@protobufjs/path": "^1.1.2",
-        "@protobufjs/pool": "^1.1.0",
-        "@protobufjs/utf8": "^1.1.0",
-        "@types/long": "^4.0.0",
-        "@types/node": "^10.1.0",
-        "long": "^4.0.0"
-      },
-      "dependencies": {
-        "@types/node": {
-          "version": "10.17.0",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.0.tgz",
-          "integrity": "sha512-wuJwN2KV4tIRz1bu9vq5kSPasJ8IsEjZaP1ZR7KlmdUZvGF/rXy8DmXOVwUD0kAtvtJ7aqMKPqUXC0NUTDbrDg==",
-          "dev": true
-        }
-      }
-    },
     "proxy-addr": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.5.tgz",
@@ -12813,6 +13109,11 @@
         "shallowequal": "^1.0.1"
       }
     },
+    "react-simple-code-editor": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz",
+      "integrity": "sha512-bL5W5mAxSW6+cLwqqVWY47Silqgy2DKDTR4hDBrLrUqC5BXc29YVx17l2IZk5v36VcDEq1Bszu2oHm1qBwKqBA=="
+    },
     "react-sortable-hoc": {
       "version": "0.8.4",
       "resolved": "https://registry.npmjs.org/react-sortable-hoc/-/react-sortable-hoc-0.8.4.tgz",
@@ -13447,6 +13748,13 @@
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
       "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg=="
     },
+    "safe-json-stringify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/safe-json-stringify/-/safe-json-stringify-1.2.0.tgz",
+      "integrity": "sha512-gH8eh2nZudPQO6TytOvbxnuhYBOvDBBLW52tz5q6X58lJcd/tkmqFR+5Z9adS8aJtURSXWThWy/xJtJwixErvg==",
+      "dev": true,
+      "optional": true
+    },
     "safe-regex": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
@@ -13965,9 +14273,9 @@
       }
     },
     "smart-buffer": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.0.2.tgz",
-      "integrity": "sha512-JDhEpTKzXusOqXZ0BUIdH+CjFdO/CR3tLlf5CN34IypI+xMmXW1uB16OOY8z3cICbJlDAVJzNbwBhNO0wt9OAw==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.1.0.tgz",
+      "integrity": "sha512-iVICrxOzCynf/SNaBQCw34eM9jROU/s5rzIhpOvzhzuYHfJR/DhZfDkXiZSgKXfgv26HT3Yni3AV/DGw0cGnnw==",
       "dev": true
     },
     "snapdragon": {
@@ -14078,13 +14386,13 @@
       }
     },
     "socks": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/socks/-/socks-2.3.2.tgz",
-      "integrity": "sha512-pCpjxQgOByDHLlNqlnh/mNSAxIUkyBBuwwhTcV+enZGbDaClPvHdvm6uvOwZfFJkam7cGhBNbb4JxiP8UZkRvQ==",
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.3.3.tgz",
+      "integrity": "sha512-o5t52PCNtVdiOvzMry7wU4aOqYWL0PeCXRWBEiJow4/i/wr+wpsJQ9awEu1EonLIqsfGd5qSgDdxEOvCdmBEpA==",
       "dev": true,
       "requires": {
-        "ip": "^1.1.5",
-        "smart-buffer": "4.0.2"
+        "ip": "1.1.5",
+        "smart-buffer": "^4.1.0"
       }
     },
     "socks-proxy-agent": {
@@ -15267,6 +15575,32 @@
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
     },
+    "vasync": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/vasync/-/vasync-1.6.4.tgz",
+      "integrity": "sha1-3+k2Fq0OeugBszKp2Iv8XNyOHR8=",
+      "dev": true,
+      "requires": {
+        "verror": "1.6.0"
+      },
+      "dependencies": {
+        "extsprintf": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.2.0.tgz",
+          "integrity": "sha1-WtlGwi9bMrp/jNdCZxHG6KP8JSk=",
+          "dev": true
+        },
+        "verror": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/verror/-/verror-1.6.0.tgz",
+          "integrity": "sha1-fROyex+swuLakEBetepuW90lLqU=",
+          "dev": true,
+          "requires": {
+            "extsprintf": "1.2.0"
+          }
+        }
+      }
+    },
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -15688,12 +16022,6 @@
         "triple-beam": "^1.2.0"
       },
       "dependencies": {
-        "colors": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
-          "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
-          "dev": true
-        },
         "logform": {
           "version": "1.10.0",
           "resolved": "https://registry.npmjs.org/logform/-/logform-1.10.0.tgz",
diff --git a/package.json b/package.json
index d81dfef49f..eab4c9b9c2 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
     "react-redux": "5.1.1",
     "react-router": "5.1.2",
     "react-router-dom": "5.1.2",
+    "react-simple-code-editor": "^0.10.0",
     "regenerator-runtime": "0.13.3",
     "semver": "6.3.0"
   },
diff --git a/src/components/CodeEditor/CodeEditor.example.js b/src/components/CodeEditor/CodeEditor.example.js
new file mode 100644
index 0000000000..8b3fa0b069
--- /dev/null
+++ b/src/components/CodeEditor/CodeEditor.example.js
@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2016-present, Parse, LLC
+ * All rights reserved.
+ *
+ * This source code is licensed under the license found in the LICENSE file in
+ * the root directory of this source tree.
+ */
+import React from 'react';
+import CodeEditor from 'components/CodeEditor/CodeEditor.react';
+
+export const component = CodeEditor;
+
+export const demos = [
+  {
+    name: 'Simple code editor (only JS support)',
+    render: () => (
+      <CodeEditor placeHolder={'//I am editable, try change me!'}/>
+    )
+  }
+];
diff --git a/src/components/CodeEditor/CodeEditor.react.js b/src/components/CodeEditor/CodeEditor.react.js
new file mode 100644
index 0000000000..cee871855f
--- /dev/null
+++ b/src/components/CodeEditor/CodeEditor.react.js
@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2016-present, Parse, LLC
+ * All rights reserved.
+ *
+ * This source code is licensed under the license found in the LICENSE file in
+ * the root directory of this source tree.
+ */
+import React from 'react';
+import Editor from 'react-simple-code-editor';
+import PropTypes from 'lib/PropTypes';
+import {highlight, languages} from 'prismjs/components/prism-core';
+
+import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-javascript';
+import './CodeEditor.scss';
+
+export default class CodeEditor extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {code: ''}
+  }
+
+  render() {
+    return (
+      <pre style={{margin: 0}} className={`${this.props.className} line-numbers language-javascript`}>
+        <Editor
+          placeholder={this.props.placeHolder || ''}
+          value={this.state.code}
+          onValueChange={code => this.setState({code})}
+          highlight={code => highlight(code, languages.js)}
+          padding={10}
+          style={{
+            fontFamily: '"Fira code", "Fira Mono", monospace',
+            fontSize: 12,
+          }}
+        />
+      </pre>
+    )
+  }
+}
+
+CodeEditor.propTypes = {
+  className: PropTypes.string.describe('CSS classes'),
+  placeHolder: PropTypes.string.describe('Code place holder')
+};
diff --git a/src/components/CodeEditor/CodeEditor.scss b/src/components/CodeEditor/CodeEditor.scss
new file mode 100644
index 0000000000..e1a838d5ba
--- /dev/null
+++ b/src/components/CodeEditor/CodeEditor.scss
@@ -0,0 +1,3 @@
+pre > div > textarea:focus {
+  outline: none;
+}
diff --git a/src/lib/tests/CodeEditor.test.js b/src/lib/tests/CodeEditor.test.js
new file mode 100644
index 0000000000..82ec77b7c5
--- /dev/null
+++ b/src/lib/tests/CodeEditor.test.js
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2016-present, Parse, LLC
+ * All rights reserved.
+ *
+ * This source code is licensed under the license found in the LICENSE file in
+ * the root directory of this source tree.
+ */
+jest.dontMock('../../components/CodeEditor/CodeEditor.react');
+
+import React                            from 'react';
+import ReactDOM                         from 'react-dom';
+
+const CodeEditor = require('../../components/CodeEditor/CodeEditor.react');
+
+describe('CodeEditor', () => {
+  it('can render examples', () => {
+    jest.dontMock('../../components/CodeEditor/CodeEditor.example');
+    const example = require('../../components/CodeEditor/CodeEditor.example');
+    example.demos.forEach((example, i) => {
+      example.render();
+    });
+  });
+  // test suite goes here
+});
diff --git a/src/parse-interface-guide/ComponentsMap.js b/src/parse-interface-guide/ComponentsMap.js
index 941aa039d6..280f9bbe75 100644
--- a/src/parse-interface-guide/ComponentsMap.js
+++ b/src/parse-interface-guide/ComponentsMap.js
@@ -12,6 +12,7 @@ export let Chart                     = require('components/Chart/Chart.example')
 export let Checkbox                  = require('components/Checkbox/Checkbox.example');
 export let ChromeDatePicker          = require('components/ChromeDatePicker/ChromeDatePicker.example');
 export let ChromeDropdown            = require('components/ChromeDropdown/ChromeDropdown.example');
+export let CodeEditor                = require('components/CodeEditor/CodeEditor.example');
 export let CodeSnippet               = require('components/CodeSnippet/CodeSnippet.example');
 export let CreditCardInput           = require('components/CreditCardInput/CreditCardInput.example');
 export let DataBrowserHeader         = require('components/DataBrowserHeader/DataBrowserHeader.example');

From f5e156a1756e9d464dbe37c5cab4f123882d03ef Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Fri, 13 Dec 2019 10:19:25 -0300
Subject: [PATCH 02/14] added id tho the code editor props

---
 package-lock.json                             | 301 +++++++++++-------
 .../CodeEditor/CodeEditor.example.js          |   2 +-
 src/components/CodeEditor/CodeEditor.react.js |  13 +-
 src/lib/tests/CodeEditor.test.js              |  18 +-
 4 files changed, 210 insertions(+), 124 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3cad412346..8922495357 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2654,15 +2654,6 @@
         }
       }
     },
-    "@parse/s3-files-adapter": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@parse/s3-files-adapter/-/s3-files-adapter-1.3.0.tgz",
-      "integrity": "sha512-Sw5P2qLt5wxFv/j8auChfOomZFIZ4jhP5f85qpgOk1OCITFwvd7FWF6Qo3N72Hqn/9MCr76tblb/JBNEU+Qgjw==",
-      "dev": true,
-      "requires": {
-        "aws-sdk": "^2.59.0"
-      }
-    },
     "@parse/simple-mailgun-adapter": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@parse/simple-mailgun-adapter/-/simple-mailgun-adapter-1.1.0.tgz",
@@ -2984,9 +2975,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "12.12.14",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.14.tgz",
-      "integrity": "sha512-u/SJDyXwuihpwjXy7hOOghagLEV1KdAST6syfnOk6QZAMzZuWZqXy5aYYZbh8Jdpd4escVFP0MvftHNDb9pruA==",
+      "version": "12.12.17",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.17.tgz",
+      "integrity": "sha512-Is+l3mcHvs47sKy+afn2O1rV4ldZFU7W8101cNlOd+MRbjM4Onida8jSZnJdTe/0Pcf25g9BNIUsuugmE6puHA==",
       "dev": true
     },
     "@types/prop-types": {
@@ -3629,6 +3620,23 @@
             "fs-capacitor": "^2.0.4",
             "http-errors": "^1.7.3",
             "object-path": "^0.11.4"
+          },
+          "dependencies": {
+            "busboy": {
+              "version": "0.3.1",
+              "resolved": "https://registry.npmjs.org/busboy/-/busboy-0.3.1.tgz",
+              "integrity": "sha512-y7tTxhGKXcyBxRKAni+awqx8uqaJKrSFSNFSeRG5CsWNdmy2BIK+6VGWEW7TZnIO/533mtMEA4rOevQV815YJw==",
+              "dev": true,
+              "requires": {
+                "dicer": "0.3.0"
+              }
+            },
+            "object-path": {
+              "version": "0.11.4",
+              "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.4.tgz",
+              "integrity": "sha1-NwrnUvvzfePqcKhhwju6iRVpGUk=",
+              "dev": true
+            }
           }
         },
         "http-errors": {
@@ -3677,30 +3685,6 @@
       "integrity": "sha512-Y0PKQvkrb2Kd18d1NPlHdSqmlr8TgqJ7JQcNIfhNDgdb45CnqZlxL1abuIRhr8tiw8OhVOcFxz2KyglBi8TKdA==",
       "dev": true
     },
-    "apollo-server-express": {
-      "version": "2.9.12",
-      "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.12.tgz",
-      "integrity": "sha512-4Ev8MY7m23mSzwO/BvLTy97a/68IP/wZoCRBn2R81OoZt9/GxlvvYZGvozJCXYsQt1qAbIT4Sn05LmqawsI98w==",
-      "dev": true,
-      "requires": {
-        "@apollographql/graphql-playground-html": "1.6.24",
-        "@types/accepts": "^1.3.5",
-        "@types/body-parser": "1.17.1",
-        "@types/cors": "^2.8.4",
-        "@types/express": "4.17.1",
-        "accepts": "^1.3.5",
-        "apollo-server-core": "^2.9.12",
-        "apollo-server-types": "^0.2.8",
-        "body-parser": "^1.18.3",
-        "cors": "^2.8.4",
-        "express": "^4.17.1",
-        "graphql-subscriptions": "^1.0.0",
-        "graphql-tools": "^4.0.0",
-        "parseurl": "^1.3.2",
-        "subscriptions-transport-ws": "^0.9.16",
-        "type-is": "^1.6.16"
-      }
-    },
     "apollo-server-plugin-base": {
       "version": "0.6.8",
       "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.8.tgz",
@@ -3946,37 +3930,6 @@
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
       "dev": true
     },
-    "aws-sdk": {
-      "version": "2.585.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.585.0.tgz",
-      "integrity": "sha512-T3JG4JZUmELqxT4hwJa93xns/TWIllaeYoyhRPGwXUj78vhCYJUiigtU6WRYLu84AMoZAGT/pVkARH7vfxpq9Q==",
-      "dev": true,
-      "requires": {
-        "buffer": "4.9.1",
-        "events": "1.1.1",
-        "ieee754": "1.1.13",
-        "jmespath": "0.15.0",
-        "querystring": "0.2.0",
-        "sax": "1.2.1",
-        "url": "0.10.3",
-        "uuid": "3.3.2",
-        "xml2js": "0.4.19"
-      },
-      "dependencies": {
-        "sax": {
-          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
-          "integrity": "sha1-e45lYZCyKOgaZq6nSEgNgozS03o=",
-          "dev": true
-        },
-        "uuid": {
-          "version": "3.3.2",
-          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
-          "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
-          "dev": true
-        }
-      }
-    },
     "aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -6458,12 +6411,6 @@
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-3.1.2.tgz",
       "integrity": "sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q=="
     },
-    "events": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
-      "integrity": "sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=",
-      "dev": true
-    },
     "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
@@ -8018,12 +7965,12 @@
       }
     },
     "graphql-language-service-parser": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/graphql-language-service-parser/-/graphql-language-service-parser-1.5.1.tgz",
-      "integrity": "sha512-uGAeZSVr4afJc94Z2lCVLnhF2zdzDNgdx6ggCPUEAbhe9H5KFgmLVaZBVgqZJ0qmE9rIxV9wm59TbLxHTaxM1Q==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/graphql-language-service-parser/-/graphql-language-service-parser-1.5.2.tgz",
+      "integrity": "sha512-kModfvwX5XiT+tYRhh8d6X+rb5Zq9zFQVdcoVlQJvoIW7U6SkxUAeO5Ei9OI3KOMH5r8wyfmXflBZ+xUbJySJw==",
       "requires": {
         "graphql-config": "2.2.1",
-        "graphql-language-service-types": "^1.5.1"
+        "graphql-language-service-types": "^1.5.2"
       },
       "dependencies": {
         "graphql-config": {
@@ -8050,9 +7997,9 @@
       }
     },
     "graphql-language-service-types": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/graphql-language-service-types/-/graphql-language-service-types-1.5.1.tgz",
-      "integrity": "sha512-jOym7GFkAVoqCakkIWNfV2hrB4zq8ZrAOAoOU26oafF8iaG2Ezs0SMvfWhfFYpGDGtJ/4tKzxy9eRZpobGnKeg==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/graphql-language-service-types/-/graphql-language-service-types-1.5.2.tgz",
+      "integrity": "sha512-WOFHBZX1K41svohPTmhOcKg+zz27d6ULFuZ8mzkiJ9nIpGKueAPyh7/xR0VZNBUAfDzTCbE6wQZxsPl5Kvd7IA==",
       "requires": {
         "graphql-config": "2.2.1"
       },
@@ -10477,6 +10424,13 @@
         "readable-stream": "^2.0.1"
       }
     },
+    "memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "dev": true,
+      "optional": true
+    },
     "meow": {
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
@@ -10800,25 +10754,6 @@
       "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==",
       "dev": true
     },
-    "mongodb": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.3.2.tgz",
-      "integrity": "sha512-fqJt3iywelk4yKu/lfwQg163Bjpo5zDKhXiohycvon4iQHbrfflSAz9AIlRE6496Pm/dQKQK5bMigdVo2s6gBg==",
-      "dev": true,
-      "requires": {
-        "bson": "^1.1.1",
-        "require_optional": "^1.0.1",
-        "safe-buffer": "^5.1.2"
-      },
-      "dependencies": {
-        "safe-buffer": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
-          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
-          "dev": true
-        }
-      }
-    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -11425,16 +11360,26 @@
       "integrity": "sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ=="
     },
     "npm-bundled": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.6.tgz",
-      "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.1.1.tgz",
+      "integrity": "sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "npm-normalize-package-bin": "^1.0.1"
+      }
+    },
+    "npm-normalize-package-bin": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz",
+      "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==",
       "dev": true,
       "optional": true
     },
     "npm-packlist": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.6.tgz",
-      "integrity": "sha512-u65uQdb+qwtGvEJh/DgQgW1Xg7sqeNbmxYyrvlNznaVTjV3E5P6F/EFjM+BVHXl7JJlsdG8A64M0XI8FI/IOlg==",
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.7.tgz",
+      "integrity": "sha512-vAj7dIkp5NhieaGZxBJB8fF4R0078rqsmhJcAfXZ6O7JJhjhPK96n5Ry1oZcfLXgfun0GWTZPOxaEyqv8GBykQ==",
       "dev": true,
       "optional": true,
       "requires": {
@@ -11980,16 +11925,16 @@
       "dev": true
     },
     "parse-server": {
-      "version": "github:parseplatform/parse-server#5d76b2f354e568bb0c84f3d6b5ae3fd56cbd83c1",
+      "version": "github:parseplatform/parse-server#e0e06ef131dd6ff60e6fd80a40771ac7116ea8c0",
       "from": "github:parseplatform/parse-server#master",
       "dev": true,
       "requires": {
         "@apollographql/graphql-playground-html": "1.6.24",
         "@parse/fs-files-adapter": "1.0.1",
         "@parse/push-adapter": "3.2.0",
-        "@parse/s3-files-adapter": "1.3.0",
+        "@parse/s3-files-adapter": "1.4.0",
         "@parse/simple-mailgun-adapter": "1.1.0",
-        "apollo-server-express": "2.9.12",
+        "apollo-server-express": "2.9.13",
         "bcrypt": "3.0.7",
         "bcryptjs": "2.4.3",
         "body-parser": "1.19.0",
@@ -12009,7 +11954,7 @@
         "lodash": "4.17.15",
         "lru-cache": "5.1.1",
         "mime": "2.4.4",
-        "mongodb": "3.3.2",
+        "mongodb": "3.4.0",
         "node-rsa": "1.0.7",
         "parse": "2.10.0",
         "pg-promise": "10.3.1",
@@ -12024,12 +11969,87 @@
         "ws": "7.2.0"
       },
       "dependencies": {
+        "@parse/s3-files-adapter": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/@parse/s3-files-adapter/-/s3-files-adapter-1.4.0.tgz",
+          "integrity": "sha512-qivvhL09Fqozo6B86PgUZjnY3VZQtxbH+6TtHEIg20Ol9THG/JaHGzSxlWNOBsCf7lvpRp0dELgbhMnMK3LWJA==",
+          "dev": true,
+          "requires": {
+            "aws-sdk": "2.59.0",
+            "parse": "2.10.0"
+          }
+        },
+        "apollo-server-express": {
+          "version": "2.9.13",
+          "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.13.tgz",
+          "integrity": "sha512-M306e07dpZ8YpZx4VBYa0FWlt+wopj4Bwn0Iy1iJ6VjaRyGx2HCUJvLpHZ+D0TIXtQ2nX3DTYeOouVaDDwJeqQ==",
+          "dev": true,
+          "requires": {
+            "@apollographql/graphql-playground-html": "1.6.24",
+            "@types/accepts": "^1.3.5",
+            "@types/body-parser": "1.17.1",
+            "@types/cors": "^2.8.4",
+            "@types/express": "4.17.1",
+            "accepts": "^1.3.5",
+            "apollo-server-core": "^2.9.13",
+            "apollo-server-types": "^0.2.8",
+            "body-parser": "^1.18.3",
+            "cors": "^2.8.4",
+            "express": "^4.17.1",
+            "graphql-subscriptions": "^1.0.0",
+            "graphql-tools": "^4.0.0",
+            "parseurl": "^1.3.2",
+            "subscriptions-transport-ws": "^0.9.16",
+            "type-is": "^1.6.16"
+          }
+        },
+        "aws-sdk": {
+          "version": "2.59.0",
+          "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.59.0.tgz",
+          "integrity": "sha1-8kG2SrqIyI4jW4Wz8cHnFUgzGyc=",
+          "dev": true,
+          "requires": {
+            "buffer": "5.0.6",
+            "crypto-browserify": "1.0.9",
+            "jmespath": "0.15.0",
+            "querystring": "0.2.0",
+            "sax": "1.2.1",
+            "url": "0.10.3",
+            "uuid": "3.0.1",
+            "xml2js": "0.4.17",
+            "xmlbuilder": "4.2.1"
+          },
+          "dependencies": {
+            "uuid": {
+              "version": "3.0.1",
+              "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.0.1.tgz",
+              "integrity": "sha1-ZUS7ot/ajBzxfmKaOjBeK7H+5sE=",
+              "dev": true
+            }
+          }
+        },
         "bcryptjs": {
           "version": "2.4.3",
           "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
           "integrity": "sha1-mrVie5PmBiH/fNrF2pczAn3x0Ms=",
           "dev": true
         },
+        "buffer": {
+          "version": "5.0.6",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.0.6.tgz",
+          "integrity": "sha1-LqZp9+7Atu2gWwj4tf9mGyhXNYg=",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.0.2",
+            "ieee754": "^1.1.4"
+          }
+        },
+        "crypto-browserify": {
+          "version": "1.0.9",
+          "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-1.0.9.tgz",
+          "integrity": "sha1-zFRJaF37hesRyYKKzHy4erW7/MA=",
+          "dev": true
+        },
         "lru-cache": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -12045,6 +12065,30 @@
           "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==",
           "dev": true
         },
+        "mongodb": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.4.0.tgz",
+          "integrity": "sha512-W90jm/n8F0Edm47ljkVRK9l8qGW9g8T9ZSiZWRiUP58wLhsCJCeN/JxdpVnH0CUwwAw2hITUcCo9x58udpX2Uw==",
+          "dev": true,
+          "requires": {
+            "bson": "^1.1.1",
+            "require_optional": "^1.0.1",
+            "safe-buffer": "^5.1.2",
+            "saslprep": "^1.0.0"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
+        },
+        "sax": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
+          "integrity": "sha1-e45lYZCyKOgaZq6nSEgNgozS03o=",
+          "dev": true
+        },
         "ws": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.0.tgz",
@@ -12054,6 +12098,25 @@
             "async-limiter": "^1.0.0"
           }
         },
+        "xml2js": {
+          "version": "0.4.17",
+          "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.17.tgz",
+          "integrity": "sha1-F76T6q4/O3eTWceVtBlwWogX6Gg=",
+          "dev": true,
+          "requires": {
+            "sax": ">=0.6.0",
+            "xmlbuilder": "^4.1.0"
+          }
+        },
+        "xmlbuilder": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-4.2.1.tgz",
+          "integrity": "sha1-qlijBBoGb5DqoWwvU4n/GfP0YaU=",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.0.0"
+          }
+        },
         "yallist": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -13794,6 +13857,16 @@
         }
       }
     },
+    "saslprep": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/saslprep/-/saslprep-1.0.3.tgz",
+      "integrity": "sha512-/MY/PEMbk2SuY5sScONwhUDsV2p77Znkb/q3nSVstq/yQzYJOH/Azh29p9oJLsl3LnQwSvZDKagDGBsBwSooag==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
     "sass-graph": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
@@ -14464,6 +14537,16 @@
       "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=",
       "dev": true
     },
+    "sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha1-/0rm5oZWBWuks+eSqzM004JzyhE=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "memory-pager": "^1.0.2"
+      }
+    },
     "spdx-correct": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
diff --git a/src/components/CodeEditor/CodeEditor.example.js b/src/components/CodeEditor/CodeEditor.example.js
index 8b3fa0b069..87ba16cc77 100644
--- a/src/components/CodeEditor/CodeEditor.example.js
+++ b/src/components/CodeEditor/CodeEditor.example.js
@@ -14,7 +14,7 @@ export const demos = [
   {
     name: 'Simple code editor (only JS support)',
     render: () => (
-      <CodeEditor placeHolder={'//I am editable, try change me!'}/>
+      <CodeEditor placeHolder={'//I am editable, try change me!'} id='example1'/>
     )
   }
 ];
diff --git a/src/components/CodeEditor/CodeEditor.react.js b/src/components/CodeEditor/CodeEditor.react.js
index cee871855f..44596e2dca 100644
--- a/src/components/CodeEditor/CodeEditor.react.js
+++ b/src/components/CodeEditor/CodeEditor.react.js
@@ -19,17 +19,25 @@ export default class CodeEditor extends React.Component {
     super(props);
 
     this.state = {code: ''}
+    this.id = `EDITOR-${Math.floor(Math.random() * 1000)}`
+  }
+
+  get value() {
+    return document.querySelector(`#${this.id}`).value;
   }
 
   render() {
+    const {className, placeHolder, id} = this.props;
+
     return (
-      <pre style={{margin: 0}} className={`${this.props.className} line-numbers language-javascript`}>
+      <pre style={{margin: 0}} className={`${className} line-numbers language-javascript`}>
         <Editor
-          placeholder={this.props.placeHolder || ''}
+          placeholder={placeHolder || ''}
           value={this.state.code}
           onValueChange={code => this.setState({code})}
           highlight={code => highlight(code, languages.js)}
           padding={10}
+          textareaId={id}
           style={{
             fontFamily: '"Fira code", "Fira Mono", monospace',
             fontSize: 12,
@@ -41,6 +49,7 @@ export default class CodeEditor extends React.Component {
 }
 
 CodeEditor.propTypes = {
+  id: PropTypes.string.describe('Text area element id to be queried afterwards'),
   className: PropTypes.string.describe('CSS classes'),
   placeHolder: PropTypes.string.describe('Code place holder')
 };
diff --git a/src/lib/tests/CodeEditor.test.js b/src/lib/tests/CodeEditor.test.js
index 82ec77b7c5..5bdb00fe01 100644
--- a/src/lib/tests/CodeEditor.test.js
+++ b/src/lib/tests/CodeEditor.test.js
@@ -5,20 +5,14 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-jest.dontMock('../../components/CodeEditor/CodeEditor.react');
+jest.dontMock("../../components/CodeEditor/CodeEditor.react");
 
-import React                            from 'react';
-import ReactDOM                         from 'react-dom';
-
-const CodeEditor = require('../../components/CodeEditor/CodeEditor.react');
-
-describe('CodeEditor', () => {
-  it('can render examples', () => {
-    jest.dontMock('../../components/CodeEditor/CodeEditor.example');
-    const example = require('../../components/CodeEditor/CodeEditor.example');
-    example.demos.forEach((example, i) => {
+describe("CodeEditor", () => {
+  it("can render examples", () => {
+    jest.dontMock("../../components/CodeEditor/CodeEditor.example");
+    const example = require("../../components/CodeEditor/CodeEditor.example");
+    example.demos.forEach(example => {
       example.render();
     });
   });
-  // test suite goes here
 });

From ea1bd42c63b0ff6413d1bc5431eb2d9f399908f7 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@gmail.com>
Date: Tue, 24 Dec 2019 16:53:01 -0300
Subject: [PATCH 03/14] added playground to dashboard

---
 Parse-Dashboard/parse-dashboard-config.json   |   6 +-
 package-lock.json                             | 637 +++++++++---------
 .../BrowserFilter/BrowserFilter.react.js      |   2 +-
 src/components/Calendar/Calendar.react.js     |   2 +-
 .../ChromeDropdown/ChromeDropdown.react.js    |   4 +-
 src/components/CodeEditor/CodeEditor.react.js |   2 +-
 .../ColumnsConfiguration.react.js             |   2 +-
 .../DateTimeEditor/DateTimeEditor.react.js    |   2 +-
 .../DateTimeEntry/DateTimeEntry.react.js      |   2 +-
 .../DateTimePicker/DateTimePicker.react.js    |   2 +-
 .../ExplorerQueryComposer.react.js            |   2 +-
 src/components/FlowView/FlowView.react.js     |   2 +-
 src/components/FourOhFour/FourOhFour.react.js |   2 +-
 src/components/LiveReload/LiveReload.react.js |   2 +-
 .../MultiSelect/MultiSelect.react.js          |   2 +-
 src/components/Popover/Popover.react.js       |   6 +-
 .../PushAudienceDialog.react.js               |   2 +-
 .../PushAudiencesBaseRow.react.js             |   4 +-
 .../PushAudiencesOption.react.js              |   2 +-
 .../PushExperimentDropdown.react.js           |   2 +-
 src/components/Sidebar/SidebarHeader.react.js |   2 +-
 .../SlowQueriesFilter.react.js                |   2 +-
 .../Analytics/Overview/Overview.react.js      |   4 +-
 .../Performance/Performance.react.js          |   4 +-
 .../Analytics/Retention/Retention.react.js    |   4 +-
 src/dashboard/Apps/AppsIndex.react.js         |   2 +-
 src/dashboard/Dashboard.js                    |   5 +
 src/dashboard/DashboardView.react.js          |   6 +
 .../Browser/AttachSelectedRowsDialog.react.js |   2 +-
 .../Data/Browser/BrowserTable.react.js        |   2 +-
 .../Data/Browser/DataBrowser.react.js         |   2 +-
 .../Data/Browser/ExportDialog.react.js        |   2 +-
 .../Data/Browser/Notification.react.js        |   2 +-
 .../Data/CloudCode/CloudCode.react.js         |   4 +-
 src/dashboard/Data/Jobs/JobsData.react.js     |   2 +-
 src/dashboard/Data/Logs/Logs.react.js         |   2 +-
 .../Data/Playground/Playground.react.js       |  32 +
 src/dashboard/Push/PushAudiencesData.react.js |   4 +-
 src/dashboard/Push/PushIndex.react.js         |   4 +-
 src/dashboard/Settings/SettingsData.react.js  |   2 +-
 src/lib/subscribeTo.js                        |   6 +-
 41 files changed, 410 insertions(+), 372 deletions(-)
 create mode 100644 src/dashboard/Data/Playground/Playground.react.js

diff --git a/Parse-Dashboard/parse-dashboard-config.json b/Parse-Dashboard/parse-dashboard-config.json
index c252aebd73..04e24905e6 100644
--- a/Parse-Dashboard/parse-dashboard-config.json
+++ b/Parse-Dashboard/parse-dashboard-config.json
@@ -1,8 +1,8 @@
 {
   "apps": [{
-    "serverURL": "http://localhost:1338/parse",
-    "appId": "hello",
-    "masterKey": "world",
+    "serverURL": "https://parsedev.behive.io/parse",
+    "appId": "Q2keNQdPMD2t3dzwWANyw5w5MzaT5h6TfdVAm5oC",
+    "masterKey": "tBlFocOzlsGKSad40KmLx7wckRhxSAFhgV72GlTK",
     "appName": "",
     "iconName": "",
     "primaryBackgroundColor": "",
diff --git a/package-lock.json b/package-lock.json
index 0758126845..6fa0f12abe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2654,6 +2654,16 @@
         }
       }
     },
+    "@parse/s3-files-adapter": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@parse/s3-files-adapter/-/s3-files-adapter-1.4.0.tgz",
+      "integrity": "sha512-qivvhL09Fqozo6B86PgUZjnY3VZQtxbH+6TtHEIg20Ol9THG/JaHGzSxlWNOBsCf7lvpRp0dELgbhMnMK3LWJA==",
+      "dev": true,
+      "requires": {
+        "aws-sdk": "2.59.0",
+        "parse": "2.10.0"
+      }
+    },
     "@parse/simple-mailgun-adapter": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@parse/simple-mailgun-adapter/-/simple-mailgun-adapter-1.1.0.tgz",
@@ -2980,9 +2990,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "12.12.17",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.17.tgz",
-      "integrity": "sha512-Is+l3mcHvs47sKy+afn2O1rV4ldZFU7W8101cNlOd+MRbjM4Onida8jSZnJdTe/0Pcf25g9BNIUsuugmE6puHA==",
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.1.0.tgz",
+      "integrity": "sha512-zwrxviZS08kRX40nqBrmERElF2vpw4IUTd5khkhBTfFH8AOaeoLVx48EC4+ZzS2/Iga7NevncqnsUSYjM4OWYA==",
       "dev": true
     },
     "@types/prop-types": {
@@ -2997,9 +3007,9 @@
       "dev": true
     },
     "@types/react": {
-      "version": "16.9.15",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.15.tgz",
-      "integrity": "sha512-WsmM1b6xQn1tG3X2Hx4F3bZwc2E82pJXt5OPs2YJgg71IzvUoKOSSSYOvLXYCg1ttipM+UuA4Lj3sfvqjVxyZw==",
+      "version": "16.9.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.17.tgz",
+      "integrity": "sha512-UP27In4fp4sWF5JgyV6pwVPAQM83Fj76JOcg02X5BZcpSu5Wx+fP9RMqc2v0ssBoQIFvD5JdKY41gjJJKmw6Bg==",
       "requires": {
         "@types/prop-types": "*",
         "csstype": "^2.2.0"
@@ -3077,6 +3087,7 @@
         "glob": "^7.1.6",
         "is-glob": "^4.0.1",
         "lodash.unescape": "4.0.1",
+        "semver": "^6.3.0",
         "tsutils": "^3.17.1"
       },
       "dependencies": {
@@ -3108,6 +3119,12 @@
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
           "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
         }
       }
     },
@@ -3442,16 +3459,6 @@
         }
       }
     },
-    "apollo-cache-control": {
-      "version": "0.8.8",
-      "resolved": "https://registry.npmjs.org/apollo-cache-control/-/apollo-cache-control-0.8.8.tgz",
-      "integrity": "sha512-hpIJg3Tmb6quA111lrVO+d3qcyYRlJ8JqbeQdcgwLT3fb2VQzk21SrBZYl2oMM4ZqSOWCZWg4/Cn9ARYqdWjKA==",
-      "dev": true,
-      "requires": {
-        "apollo-server-env": "^2.4.3",
-        "graphql-extensions": "^0.10.7"
-      }
-    },
     "apollo-datasource": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/apollo-datasource/-/apollo-datasource-0.6.3.tgz",
@@ -3462,21 +3469,6 @@
         "apollo-server-env": "^2.4.3"
       }
     },
-    "apollo-engine-reporting": {
-      "version": "1.4.11",
-      "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.4.11.tgz",
-      "integrity": "sha512-7ZkbOGvPfWppN8+1KHzyHPrJTMOmrMUy38unao2c9TTToOAnEvx2MtUTo6mr3aw/g8UQYUf0x2Cq+K2YSlUTPw==",
-      "dev": true,
-      "requires": {
-        "apollo-engine-reporting-protobuf": "^0.4.4",
-        "apollo-graphql": "^0.3.4",
-        "apollo-server-caching": "^0.5.0",
-        "apollo-server-env": "^2.4.3",
-        "apollo-server-types": "^0.2.8",
-        "async-retry": "^1.2.1",
-        "graphql-extensions": "^0.10.7"
-      }
-    },
     "apollo-engine-reporting-protobuf": {
       "version": "0.4.4",
       "resolved": "https://registry.npmjs.org/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.4.4.tgz",
@@ -3580,35 +3572,141 @@
         }
       }
     },
-    "apollo-server-core": {
-      "version": "2.9.13",
-      "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.9.13.tgz",
-      "integrity": "sha512-iXTGNCtouB0Xe37ySovuZO69NBYOByJlZfUc87gj0pdcz0WbdfUp7qUtNzy3onp63Zo60TFkHWhGNcBJYFluzw==",
+    "apollo-server-env": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/apollo-server-env/-/apollo-server-env-2.4.3.tgz",
+      "integrity": "sha512-23R5Xo9OMYX0iyTu2/qT0EUb+AULCBriA9w8HDfMoChB8M+lFClqUkYtaTTHDfp6eoARLW8kDBhPOBavsvKAjA==",
+      "dev": true,
+      "requires": {
+        "node-fetch": "^2.1.2",
+        "util.promisify": "^1.0.0"
+      }
+    },
+    "apollo-server-errors": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/apollo-server-errors/-/apollo-server-errors-2.3.4.tgz",
+      "integrity": "sha512-Y0PKQvkrb2Kd18d1NPlHdSqmlr8TgqJ7JQcNIfhNDgdb45CnqZlxL1abuIRhr8tiw8OhVOcFxz2KyglBi8TKdA==",
+      "dev": true
+    },
+    "apollo-server-express": {
+      "version": "2.9.14",
+      "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.14.tgz",
+      "integrity": "sha512-ai+VKPlOUzJsbSQcazjATNtWwdgcvZBWBCbTF7ZUC9Uo6FfSlKOmP3raQAq+gKqsnFwv34p4k17c/Asw5ZjSMQ==",
       "dev": true,
       "requires": {
-        "@apollographql/apollo-tools": "^0.4.0",
         "@apollographql/graphql-playground-html": "1.6.24",
-        "@types/graphql-upload": "^8.0.0",
-        "@types/ws": "^6.0.0",
-        "apollo-cache-control": "^0.8.8",
-        "apollo-datasource": "^0.6.3",
-        "apollo-engine-reporting": "^1.4.11",
-        "apollo-server-caching": "^0.5.0",
-        "apollo-server-env": "^2.4.3",
-        "apollo-server-errors": "^2.3.4",
-        "apollo-server-plugin-base": "^0.6.8",
-        "apollo-server-types": "^0.2.8",
-        "apollo-tracing": "^0.8.8",
-        "fast-json-stable-stringify": "^2.0.0",
-        "graphql-extensions": "^0.10.7",
-        "graphql-tag": "^2.9.2",
+        "@types/accepts": "^1.3.5",
+        "@types/body-parser": "1.17.1",
+        "@types/cors": "^2.8.4",
+        "@types/express": "4.17.1",
+        "accepts": "^1.3.5",
+        "apollo-server-core": "^2.9.14",
+        "apollo-server-types": "^0.2.9",
+        "body-parser": "^1.18.3",
+        "cors": "^2.8.4",
+        "express": "^4.17.1",
+        "graphql-subscriptions": "^1.0.0",
         "graphql-tools": "^4.0.0",
-        "graphql-upload": "^8.0.2",
-        "sha.js": "^2.4.11",
-        "subscriptions-transport-ws": "^0.9.11",
-        "ws": "^6.0.0"
+        "parseurl": "^1.3.2",
+        "subscriptions-transport-ws": "^0.9.16",
+        "type-is": "^1.6.16"
       },
       "dependencies": {
+        "apollo-cache-control": {
+          "version": "0.8.9",
+          "resolved": "https://registry.npmjs.org/apollo-cache-control/-/apollo-cache-control-0.8.9.tgz",
+          "integrity": "sha512-EFRAEL13QkMbXhl0NSABVS0wfiKYIVV4sDR+XNtRy3EWf2rWw7xulYFDMPiujjtElF2qjTswzcpLtYOXgOZN9A==",
+          "dev": true,
+          "requires": {
+            "apollo-server-env": "^2.4.3",
+            "graphql-extensions": "^0.10.8"
+          }
+        },
+        "apollo-engine-reporting": {
+          "version": "1.4.12",
+          "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.4.12.tgz",
+          "integrity": "sha512-W1PpXaXSrqZu4Ae9NrjWXtTL9HFbQPynQLiGDAsDmCsL/wRAVyl6qRhVteSj7drwgXgAH5TwtUCnjJgSI+ixlg==",
+          "dev": true,
+          "requires": {
+            "apollo-engine-reporting-protobuf": "^0.4.4",
+            "apollo-graphql": "^0.3.4",
+            "apollo-server-caching": "^0.5.0",
+            "apollo-server-env": "^2.4.3",
+            "apollo-server-types": "^0.2.9",
+            "async-retry": "^1.2.1",
+            "graphql-extensions": "^0.10.8"
+          }
+        },
+        "apollo-server-core": {
+          "version": "2.9.14",
+          "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.9.14.tgz",
+          "integrity": "sha512-Vc8TicXFFZGuEgo5AY1Ey0XuvHn7NQS1y7WxOQnr85KJ2zeRa6uIT8tU+73ZObzan3nlm9ysYtfSXh2QL21oyg==",
+          "dev": true,
+          "requires": {
+            "@apollographql/apollo-tools": "^0.4.0",
+            "@apollographql/graphql-playground-html": "1.6.24",
+            "@types/graphql-upload": "^8.0.0",
+            "@types/ws": "^6.0.0",
+            "apollo-cache-control": "^0.8.9",
+            "apollo-datasource": "^0.6.3",
+            "apollo-engine-reporting": "^1.4.12",
+            "apollo-server-caching": "^0.5.0",
+            "apollo-server-env": "^2.4.3",
+            "apollo-server-errors": "^2.3.4",
+            "apollo-server-plugin-base": "^0.6.9",
+            "apollo-server-types": "^0.2.9",
+            "apollo-tracing": "^0.8.9",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graphql-extensions": "^0.10.8",
+            "graphql-tag": "^2.9.2",
+            "graphql-tools": "^4.0.0",
+            "graphql-upload": "^8.0.2",
+            "sha.js": "^2.4.11",
+            "subscriptions-transport-ws": "^0.9.11",
+            "ws": "^6.0.0"
+          }
+        },
+        "apollo-server-plugin-base": {
+          "version": "0.6.9",
+          "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.9.tgz",
+          "integrity": "sha512-75rorl0y07PK7A/U1Oe9unLIGgbmy1T6uaCQ5zl8zy+mtmFFcH1nYERfXZha1eTDWLCx0F/xNI6YJmWxSisc5w==",
+          "dev": true,
+          "requires": {
+            "apollo-server-types": "^0.2.9"
+          }
+        },
+        "apollo-server-types": {
+          "version": "0.2.9",
+          "resolved": "https://registry.npmjs.org/apollo-server-types/-/apollo-server-types-0.2.9.tgz",
+          "integrity": "sha512-Iu9twx3lycH41F8shmrb33b4y0mNBz1chBdTIaSgIMmNwPDR4xs4eB6iyTK5swnaYC1eW+c+t5lHRUk7yexs/g==",
+          "dev": true,
+          "requires": {
+            "apollo-engine-reporting-protobuf": "^0.4.4",
+            "apollo-server-caching": "^0.5.0",
+            "apollo-server-env": "^2.4.3"
+          }
+        },
+        "apollo-tracing": {
+          "version": "0.8.9",
+          "resolved": "https://registry.npmjs.org/apollo-tracing/-/apollo-tracing-0.8.9.tgz",
+          "integrity": "sha512-DYHPUW0rFcxxtI8+qU3leNU+fKfq9NPTjgPMr/AJmxKfsdOI6QgfVzVP/khiik0kU0+BMl5zBplwEDDdgbkUlg==",
+          "dev": true,
+          "requires": {
+            "apollo-server-env": "^2.4.3",
+            "graphql-extensions": "^0.10.8"
+          }
+        },
+        "graphql-extensions": {
+          "version": "0.10.8",
+          "resolved": "https://registry.npmjs.org/graphql-extensions/-/graphql-extensions-0.10.8.tgz",
+          "integrity": "sha512-cUcc014vz+pfwcER8pc4ts/WWhDCrC9jhNFIiWYYntd2TshS+tZFsZ362i4P2VYLbpYCgFiO+xRY1f2mylyz5A==",
+          "dev": true,
+          "requires": {
+            "@apollographql/apollo-tools": "^0.4.0",
+            "apollo-server-env": "^2.4.3",
+            "apollo-server-types": "^0.2.9"
+          }
+        },
         "graphql-upload": {
           "version": "8.1.0",
           "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
@@ -3619,23 +3717,6 @@
             "fs-capacitor": "^2.0.4",
             "http-errors": "^1.7.3",
             "object-path": "^0.11.4"
-          },
-          "dependencies": {
-            "busboy": {
-              "version": "0.3.1",
-              "resolved": "https://registry.npmjs.org/busboy/-/busboy-0.3.1.tgz",
-              "integrity": "sha512-y7tTxhGKXcyBxRKAni+awqx8uqaJKrSFSNFSeRG5CsWNdmy2BIK+6VGWEW7TZnIO/533mtMEA4rOevQV815YJw==",
-              "dev": true,
-              "requires": {
-                "dicer": "0.3.0"
-              }
-            },
-            "object-path": {
-              "version": "0.11.4",
-              "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.4.tgz",
-              "integrity": "sha1-NwrnUvvzfePqcKhhwju6iRVpGUk=",
-              "dev": true
-            }
           }
         },
         "http-errors": {
@@ -3668,52 +3749,6 @@
         }
       }
     },
-    "apollo-server-env": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/apollo-server-env/-/apollo-server-env-2.4.3.tgz",
-      "integrity": "sha512-23R5Xo9OMYX0iyTu2/qT0EUb+AULCBriA9w8HDfMoChB8M+lFClqUkYtaTTHDfp6eoARLW8kDBhPOBavsvKAjA==",
-      "dev": true,
-      "requires": {
-        "node-fetch": "^2.1.2",
-        "util.promisify": "^1.0.0"
-      }
-    },
-    "apollo-server-errors": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/apollo-server-errors/-/apollo-server-errors-2.3.4.tgz",
-      "integrity": "sha512-Y0PKQvkrb2Kd18d1NPlHdSqmlr8TgqJ7JQcNIfhNDgdb45CnqZlxL1abuIRhr8tiw8OhVOcFxz2KyglBi8TKdA==",
-      "dev": true
-    },
-    "apollo-server-plugin-base": {
-      "version": "0.6.8",
-      "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.8.tgz",
-      "integrity": "sha512-0pKCjcg9gHBK8qlb280+N0jl99meixQtxXnMJFyIfD+45OpKQ+WolHIbO0oZgNEt7r/lNWwH8v3l5yYm1ghz1A==",
-      "dev": true,
-      "requires": {
-        "apollo-server-types": "^0.2.8"
-      }
-    },
-    "apollo-server-types": {
-      "version": "0.2.8",
-      "resolved": "https://registry.npmjs.org/apollo-server-types/-/apollo-server-types-0.2.8.tgz",
-      "integrity": "sha512-5OclxkAqjhuO75tTNHpSO/+doJZ+VlRtTefnrPJdK/uwVew9U/VUCWkYdryZWwEyVe1nvQ/4E7RYR4tGb8l8wA==",
-      "dev": true,
-      "requires": {
-        "apollo-engine-reporting-protobuf": "^0.4.4",
-        "apollo-server-caching": "^0.5.0",
-        "apollo-server-env": "^2.4.3"
-      }
-    },
-    "apollo-tracing": {
-      "version": "0.8.8",
-      "resolved": "https://registry.npmjs.org/apollo-tracing/-/apollo-tracing-0.8.8.tgz",
-      "integrity": "sha512-aIwT2PsH7VZZPaNrIoSjzLKMlG644d2Uf+GYcoMd3X6UEyg1sXdWqkKfCeoS6ChJKH2khO7MXAvOZC03UnCumQ==",
-      "dev": true,
-      "requires": {
-        "apollo-server-env": "^2.4.3",
-        "graphql-extensions": "^0.10.7"
-      }
-    },
     "apollo-utilities": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/apollo-utilities/-/apollo-utilities-1.3.2.tgz",
@@ -3929,6 +3964,72 @@
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
       "dev": true
     },
+    "aws-sdk": {
+      "version": "2.59.0",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.59.0.tgz",
+      "integrity": "sha1-8kG2SrqIyI4jW4Wz8cHnFUgzGyc=",
+      "dev": true,
+      "requires": {
+        "buffer": "5.0.6",
+        "crypto-browserify": "1.0.9",
+        "jmespath": "0.15.0",
+        "querystring": "0.2.0",
+        "sax": "1.2.1",
+        "url": "0.10.3",
+        "uuid": "3.0.1",
+        "xml2js": "0.4.17",
+        "xmlbuilder": "4.2.1"
+      },
+      "dependencies": {
+        "buffer": {
+          "version": "5.0.6",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.0.6.tgz",
+          "integrity": "sha1-LqZp9+7Atu2gWwj4tf9mGyhXNYg=",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.0.2",
+            "ieee754": "^1.1.4"
+          }
+        },
+        "crypto-browserify": {
+          "version": "1.0.9",
+          "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-1.0.9.tgz",
+          "integrity": "sha1-zFRJaF37hesRyYKKzHy4erW7/MA=",
+          "dev": true
+        },
+        "sax": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
+          "integrity": "sha1-e45lYZCyKOgaZq6nSEgNgozS03o=",
+          "dev": true
+        },
+        "uuid": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.0.1.tgz",
+          "integrity": "sha1-ZUS7ot/ajBzxfmKaOjBeK7H+5sE=",
+          "dev": true
+        },
+        "xml2js": {
+          "version": "0.4.17",
+          "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.17.tgz",
+          "integrity": "sha1-F76T6q4/O3eTWceVtBlwWogX6Gg=",
+          "dev": true,
+          "requires": {
+            "sax": ">=0.6.0",
+            "xmlbuilder": "^4.1.0"
+          }
+        },
+        "xmlbuilder": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-4.2.1.tgz",
+          "integrity": "sha1-qlijBBoGb5DqoWwvU4n/GfP0YaU=",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.0.0"
+          }
+        }
+      }
+    },
     "aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -5454,9 +5555,9 @@
       }
     },
     "csstype": {
-      "version": "2.6.7",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.7.tgz",
-      "integrity": "sha512-9Mcn9sFbGBAdmimWb2gLVDtFJzeKtDGIr76TUqmjZrw9LFXBMSU70lcs+C0/7fyCd6iBDqmksUcCOUIkisPHsQ=="
+      "version": "2.6.8",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.8.tgz",
+      "integrity": "sha512-msVS9qTuMT5zwAGCVm4mxfrZ18BNc6Csd0oJAtiFMZ1FAx1CCvy2+5MDmYoix63LM/6NDbNtodCiGYGmFgO0dA=="
     },
     "csurf": {
       "version": "1.10.0",
@@ -5495,12 +5596,6 @@
         "array-find-index": "^1.0.1"
       }
     },
-    "cycle": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/cycle/-/cycle-1.0.3.tgz",
-      "integrity": "sha1-IegLK+hYD5i0aPN5QwZisEbDStI=",
-      "dev": true
-    },
     "cyclist": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
@@ -5784,9 +5879,9 @@
       },
       "dependencies": {
         "redux": {
-          "version": "4.0.4",
-          "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.4.tgz",
-          "integrity": "sha512-vKv4WdiJxOWKxK0yRoaK3Y4pxxB0ilzVx6dszU2W8wLxlb2yikRph4iV/ymtdJ6ZxpBLFbyrxklnT5yBbQSl3Q==",
+          "version": "4.0.5",
+          "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz",
+          "integrity": "sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==",
           "requires": {
             "loose-envify": "^1.4.0",
             "symbol-observable": "^1.2.0"
@@ -6851,9 +6946,9 @@
       }
     },
     "file-stream-rotator": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/file-stream-rotator/-/file-stream-rotator-0.4.1.tgz",
-      "integrity": "sha512-W3aa3QJEc8BS2MmdVpQiYLKHj3ijpto1gMDlsgCRSKfIUe6MwkcpODGPQ3vZfb0XvCeCqlu9CBQTN7oQri2TZQ==",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/file-stream-rotator/-/file-stream-rotator-0.5.5.tgz",
+      "integrity": "sha512-XzvE1ogpxUbARtZPZLICaDRAeWxoQLFMKS3ZwADoCQmurKEwuDD2jEfDVPm/R1HeKYsRYEl9PzVIezjQ3VTTPQ==",
       "dev": true,
       "requires": {
         "moment": "^2.11.2"
@@ -7945,17 +8040,6 @@
         "minimatch": "^3.0.4"
       }
     },
-    "graphql-extensions": {
-      "version": "0.10.7",
-      "resolved": "https://registry.npmjs.org/graphql-extensions/-/graphql-extensions-0.10.7.tgz",
-      "integrity": "sha512-YuP7VQxNePG4bWRQ5Vk+KRMbZ9r1IWCqCCogOMz/1ueeQ4gZe93eGRcb0vhpOdMFnCX6Vyvd4+sC+N6LR3YFOQ==",
-      "dev": true,
-      "requires": {
-        "@apollographql/apollo-tools": "^0.4.0",
-        "apollo-server-env": "^2.4.3",
-        "apollo-server-types": "^0.2.8"
-      }
-    },
     "graphql-import": {
       "version": "0.4.5",
       "resolved": "https://registry.npmjs.org/graphql-import/-/graphql-import-0.4.5.tgz",
@@ -9181,7 +9265,16 @@
         "@babel/template": "^7.4.0",
         "@babel/traverse": "^7.4.3",
         "@babel/types": "^7.4.0",
-        "istanbul-lib-coverage": "^2.0.5"
+        "istanbul-lib-coverage": "^2.0.5",
+        "semver": "^6.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "istanbul-lib-report": {
@@ -9600,7 +9693,16 @@
         "jest-resolve": "^24.9.0",
         "mkdirp": "^0.5.1",
         "natural-compare": "^1.4.0",
-        "pretty-format": "^24.9.0"
+        "pretty-format": "^24.9.0",
+        "semver": "^6.2.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "jest-util": {
@@ -10763,6 +10865,26 @@
       "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==",
       "dev": true
     },
+    "mongodb": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.4.1.tgz",
+      "integrity": "sha512-juqt5/Z42J4DcE7tG7UdVaTKmUC6zinF4yioPfpeOSNBieWSK6qCY+0tfGQcHLKrauWPDdMZVROHJOa8q2pWsA==",
+      "dev": true,
+      "requires": {
+        "bson": "^1.1.1",
+        "require_optional": "^1.0.1",
+        "safe-buffer": "^5.1.2",
+        "saslprep": "^1.0.0"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
+        }
+      }
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -11511,9 +11633,9 @@
       }
     },
     "object-hash": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-1.3.1.tgz",
-      "integrity": "sha512-OSuu/pU4ENM9kmREg0BdNrUDIl1heYa4mBZacJc+vVWz4GtAwu7jO8s4AIt2aGRUTqxykpWzI3Oqnsm13tTMDA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.0.1.tgz",
+      "integrity": "sha512-HgcGMooY4JC2PBt9sdUdJ6PMzpin+YtY3r/7wg0uTifP+HJWW8rammseSEHuyt0UeShI183UGssCJqm1bJR7QA==",
       "dev": true
     },
     "object-inspect": {
@@ -11853,7 +11975,15 @@
       "requires": {
         "got": "^9.6.0",
         "registry-auth-token": "^4.0.0",
-        "registry-url": "^5.0.0"
+        "registry-url": "^5.0.0",
+        "semver": "^6.2.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        }
       }
     },
     "packet-reader": {
@@ -11893,12 +12023,21 @@
       "resolved": "https://registry.npmjs.org/parse/-/parse-2.10.0.tgz",
       "integrity": "sha512-TBJCvQPachrcGGLbN8llN8tOr01VsKB6pxi3OWq3/C0bIHHdb2Bd+cgH4v5ZlRCrZt3MHVasGH4rvx7Klkp7Wg==",
       "requires": {
+        "@babel/runtime": "7.7.4",
         "@babel/runtime-corejs3": "7.7.4",
         "uuid": "3.3.3",
         "ws": "7.2.0",
         "xmlhttprequest": "1.8.0"
       },
       "dependencies": {
+        "@babel/runtime": {
+          "version": "7.7.4",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.4.tgz",
+          "integrity": "sha512-r24eVUUr0QqNZa+qrImUk8fn5SPhHq+IfYvIoIMg0do3GdK9sMdiLKP3GYVVaxpPKORgm8KRKaNTEhAjgIpLMw==",
+          "requires": {
+            "regenerator-runtime": "^0.13.2"
+          }
+        },
         "ws": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.0.tgz",
@@ -11940,7 +12079,7 @@
       "dev": true
     },
     "parse-server": {
-      "version": "github:parseplatform/parse-server#e0e06ef131dd6ff60e6fd80a40771ac7116ea8c0",
+      "version": "github:parseplatform/parse-server#1a99cb3f2ec51ffc90c8d54c99eae483df11abe3",
       "from": "github:parseplatform/parse-server#master",
       "dev": true,
       "requires": {
@@ -11949,7 +12088,7 @@
         "@parse/push-adapter": "3.2.0",
         "@parse/s3-files-adapter": "1.4.0",
         "@parse/simple-mailgun-adapter": "1.1.0",
-        "apollo-server-express": "2.9.13",
+        "apollo-server-express": "2.9.14",
         "bcrypt": "3.0.7",
         "bcryptjs": "2.4.3",
         "body-parser": "1.19.0",
@@ -11969,101 +12108,27 @@
         "lodash": "4.17.15",
         "lru-cache": "5.1.1",
         "mime": "2.4.4",
-        "mongodb": "3.4.0",
+        "mongodb": "3.4.1",
         "node-rsa": "1.0.7",
         "parse": "2.10.0",
         "pg-promise": "10.3.1",
         "pluralize": "^8.0.0",
         "redis": "2.8.0",
+        "semver": "7.1.1",
         "subscriptions-transport-ws": "0.9.16",
         "tv4": "1.3.0",
         "uuid": "3.3.3",
         "winston": "3.2.1",
-        "winston-daily-rotate-file": "3.10.0",
-        "ws": "7.2.0"
+        "winston-daily-rotate-file": "4.4.0",
+        "ws": "7.2.1"
       },
       "dependencies": {
-        "@parse/s3-files-adapter": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/@parse/s3-files-adapter/-/s3-files-adapter-1.4.0.tgz",
-          "integrity": "sha512-qivvhL09Fqozo6B86PgUZjnY3VZQtxbH+6TtHEIg20Ol9THG/JaHGzSxlWNOBsCf7lvpRp0dELgbhMnMK3LWJA==",
-          "dev": true,
-          "requires": {
-            "aws-sdk": "2.59.0",
-            "parse": "2.10.0"
-          }
-        },
-        "apollo-server-express": {
-          "version": "2.9.13",
-          "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.13.tgz",
-          "integrity": "sha512-M306e07dpZ8YpZx4VBYa0FWlt+wopj4Bwn0Iy1iJ6VjaRyGx2HCUJvLpHZ+D0TIXtQ2nX3DTYeOouVaDDwJeqQ==",
-          "dev": true,
-          "requires": {
-            "@apollographql/graphql-playground-html": "1.6.24",
-            "@types/accepts": "^1.3.5",
-            "@types/body-parser": "1.17.1",
-            "@types/cors": "^2.8.4",
-            "@types/express": "4.17.1",
-            "accepts": "^1.3.5",
-            "apollo-server-core": "^2.9.13",
-            "apollo-server-types": "^0.2.8",
-            "body-parser": "^1.18.3",
-            "cors": "^2.8.4",
-            "express": "^4.17.1",
-            "graphql-subscriptions": "^1.0.0",
-            "graphql-tools": "^4.0.0",
-            "parseurl": "^1.3.2",
-            "subscriptions-transport-ws": "^0.9.16",
-            "type-is": "^1.6.16"
-          }
-        },
-        "aws-sdk": {
-          "version": "2.59.0",
-          "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.59.0.tgz",
-          "integrity": "sha1-8kG2SrqIyI4jW4Wz8cHnFUgzGyc=",
-          "dev": true,
-          "requires": {
-            "buffer": "5.0.6",
-            "crypto-browserify": "1.0.9",
-            "jmespath": "0.15.0",
-            "querystring": "0.2.0",
-            "sax": "1.2.1",
-            "url": "0.10.3",
-            "uuid": "3.0.1",
-            "xml2js": "0.4.17",
-            "xmlbuilder": "4.2.1"
-          },
-          "dependencies": {
-            "uuid": {
-              "version": "3.0.1",
-              "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.0.1.tgz",
-              "integrity": "sha1-ZUS7ot/ajBzxfmKaOjBeK7H+5sE=",
-              "dev": true
-            }
-          }
-        },
         "bcryptjs": {
           "version": "2.4.3",
           "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
           "integrity": "sha1-mrVie5PmBiH/fNrF2pczAn3x0Ms=",
           "dev": true
         },
-        "buffer": {
-          "version": "5.0.6",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.0.6.tgz",
-          "integrity": "sha1-LqZp9+7Atu2gWwj4tf9mGyhXNYg=",
-          "dev": true,
-          "requires": {
-            "base64-js": "^1.0.2",
-            "ieee754": "^1.1.4"
-          }
-        },
-        "crypto-browserify": {
-          "version": "1.0.9",
-          "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-1.0.9.tgz",
-          "integrity": "sha1-zFRJaF37hesRyYKKzHy4erW7/MA=",
-          "dev": true
-        },
         "lru-cache": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -12079,57 +12144,11 @@
           "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==",
           "dev": true
         },
-        "mongodb": {
-          "version": "3.4.0",
-          "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.4.0.tgz",
-          "integrity": "sha512-W90jm/n8F0Edm47ljkVRK9l8qGW9g8T9ZSiZWRiUP58wLhsCJCeN/JxdpVnH0CUwwAw2hITUcCo9x58udpX2Uw==",
-          "dev": true,
-          "requires": {
-            "bson": "^1.1.1",
-            "require_optional": "^1.0.1",
-            "safe-buffer": "^5.1.2",
-            "saslprep": "^1.0.0"
-          }
-        },
-        "safe-buffer": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
-          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
-          "dev": true
-        },
-        "sax": {
-          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
-          "integrity": "sha1-e45lYZCyKOgaZq6nSEgNgozS03o=",
-          "dev": true
-        },
         "ws": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.0.tgz",
-          "integrity": "sha512-+SqNqFbwTm/0DC18KYzIsMTnEWpLwJsiasW/O17la4iDRRIO9uaHbvKiAS3AHgTiuuWerK/brj4O6MYZkei9xg==",
-          "dev": true,
-          "requires": {
-            "async-limiter": "^1.0.0"
-          }
-        },
-        "xml2js": {
-          "version": "0.4.17",
-          "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.17.tgz",
-          "integrity": "sha1-F76T6q4/O3eTWceVtBlwWogX6Gg=",
-          "dev": true,
-          "requires": {
-            "sax": ">=0.6.0",
-            "xmlbuilder": "^4.1.0"
-          }
-        },
-        "xmlbuilder": {
-          "version": "4.2.1",
-          "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-4.2.1.tgz",
-          "integrity": "sha1-qlijBBoGb5DqoWwvU4n/GfP0YaU=",
-          "dev": true,
-          "requires": {
-            "lodash": "^4.0.0"
-          }
+          "version": "7.2.1",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.1.tgz",
+          "integrity": "sha512-sucePNSafamSKoOqoNfBd8V0StlkzJKL2ZAhGQinCfNQ+oacw+Pk7lcdAElecBF2VkLNZRiIb5Oi1Q5lVUVt2A==",
+          "dev": true
         },
         "yallist": {
           "version": "3.1.1",
@@ -12317,9 +12336,9 @@
       "dev": true
     },
     "pg-pool": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-2.0.7.tgz",
-      "integrity": "sha512-UiJyO5B9zZpu32GSlP0tXy8J2NsJ9EFGFfz5v6PSbdz/1hBLX1rNiiy5+mAm5iJJYwfCv4A0EBcQLGWwjbpzZw==",
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-2.0.8.tgz",
+      "integrity": "sha512-UE4H+4PT53RbwYaGxkeVDcMcp1g8EmYo91qeUugijsHwzV/RDpYVRWzmfiDisEQZhVDzyf/GUctNOrh+ZPJCGA==",
       "dev": true
     },
     "pg-promise": {
@@ -14107,7 +14126,16 @@
         "clone-deep": "^4.0.1",
         "loader-utils": "^1.2.3",
         "neo-async": "^2.6.1",
-        "schema-utils": "^2.1.0"
+        "schema-utils": "^2.1.0",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "sax": {
@@ -16106,48 +16134,15 @@
         }
       }
     },
-    "winston-compat": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/winston-compat/-/winston-compat-0.1.4.tgz",
-      "integrity": "sha512-mMEfFsSm6GmkFF+f4/0UJtG4N1vSaczGmXLVJYmS/+u2zUaIPcw2ZRuwUg2TvVBjswgiraN+vNnAG8z4fRUZ4w==",
-      "dev": true,
-      "requires": {
-        "cycle": "~1.0.3",
-        "logform": "^1.6.0",
-        "triple-beam": "^1.2.0"
-      },
-      "dependencies": {
-        "logform": {
-          "version": "1.10.0",
-          "resolved": "https://registry.npmjs.org/logform/-/logform-1.10.0.tgz",
-          "integrity": "sha512-em5ojIhU18fIMOw/333mD+ZLE2fis0EzXl1ZwHx4iQzmpQi6odNiY/t+ITNr33JZhT9/KEaH+UPIipr6a9EjWg==",
-          "dev": true,
-          "requires": {
-            "colors": "^1.2.1",
-            "fast-safe-stringify": "^2.0.4",
-            "fecha": "^2.3.3",
-            "ms": "^2.1.1",
-            "triple-beam": "^1.2.0"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        }
-      }
-    },
     "winston-daily-rotate-file": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/winston-daily-rotate-file/-/winston-daily-rotate-file-3.10.0.tgz",
-      "integrity": "sha512-KO8CfbI2CvdR3PaFApEH02GPXiwJ+vbkF1mCkTlvRIoXFI8EFlf1ACcuaahXTEiDEKCii6cNe95gsL4ZkbnphA==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/winston-daily-rotate-file/-/winston-daily-rotate-file-4.4.0.tgz",
+      "integrity": "sha512-1JHFqpqkZphLZPUDQBoJpcBj2cy/aZkOXlcHcZa3oVcNXxuenptGGXztI07jqTJ/FJdUPm1MOLwrp09zPFIUew==",
       "dev": true,
       "requires": {
-        "file-stream-rotator": "^0.4.1",
-        "object-hash": "^1.3.0",
+        "file-stream-rotator": "^0.5.5",
+        "object-hash": "^2.0.1",
         "triple-beam": "^1.3.0",
-        "winston-compat": "^0.1.4",
         "winston-transport": "^4.2.0"
       }
     },
diff --git a/src/components/BrowserFilter/BrowserFilter.react.js b/src/components/BrowserFilter/BrowserFilter.react.js
index 9d821b6fca..16d809407f 100644
--- a/src/components/BrowserFilter/BrowserFilter.react.js
+++ b/src/components/BrowserFilter/BrowserFilter.react.js
@@ -34,7 +34,7 @@ export default class BrowserFilter extends React.Component {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (props.className !== this.props.className) {
       this.setState({ open: false });
     }
diff --git a/src/components/Calendar/Calendar.react.js b/src/components/Calendar/Calendar.react.js
index 64076468c6..7616627a60 100644
--- a/src/components/Calendar/Calendar.react.js
+++ b/src/components/Calendar/Calendar.react.js
@@ -26,7 +26,7 @@ export default class Calendar extends React.Component {
     };
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (props.value) {
       this.setState({
         currentMonth: new Date(props.value[getDateMethod(props.local, 'getFullYear')](), props.value[getDateMethod(props.local, 'getMonth')](), 1)
diff --git a/src/components/ChromeDropdown/ChromeDropdown.react.js b/src/components/ChromeDropdown/ChromeDropdown.react.js
index dac17a3409..6f3fb6de16 100644
--- a/src/components/ChromeDropdown/ChromeDropdown.react.js
+++ b/src/components/ChromeDropdown/ChromeDropdown.react.js
@@ -22,7 +22,7 @@ export default class ChromeDropdown extends React.Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     this.keyValueMap = {};
     nextProps.options.forEach((value) => {
       if (value instanceof Object) {
@@ -34,7 +34,7 @@ export default class ChromeDropdown extends React.Component {
     }
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.styles = this.props.styles || styles;
   }
 
diff --git a/src/components/CodeEditor/CodeEditor.react.js b/src/components/CodeEditor/CodeEditor.react.js
index 44596e2dca..bab6d22959 100644
--- a/src/components/CodeEditor/CodeEditor.react.js
+++ b/src/components/CodeEditor/CodeEditor.react.js
@@ -18,7 +18,7 @@ export default class CodeEditor extends React.Component {
   constructor(props) {
     super(props);
 
-    this.state = {code: ''}
+    this.state = {code: ''};
     this.id = `EDITOR-${Math.floor(Math.random() * 1000)}`
   }
 
diff --git a/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js b/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
index b56f1466b8..43b23ade0f 100644
--- a/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
+++ b/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
@@ -23,7 +23,7 @@ export default class ColumnsConfiguration extends React.Component {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (props.schema !== this.props.schema) {
       this.setState({
         open: false
diff --git a/src/components/DateTimeEditor/DateTimeEditor.react.js b/src/components/DateTimeEditor/DateTimeEditor.react.js
index 9c9bd1a34d..80f5e8255e 100644
--- a/src/components/DateTimeEditor/DateTimeEditor.react.js
+++ b/src/components/DateTimeEditor/DateTimeEditor.react.js
@@ -25,7 +25,7 @@ export default class DateTimeEditor extends React.Component {
     this.handleKey = this.handleKey.bind(this);
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     this.setState({ value: props.value, text: props.value.toISOString() });
   }
 
diff --git a/src/components/DateTimeEntry/DateTimeEntry.react.js b/src/components/DateTimeEntry/DateTimeEntry.react.js
index 176155cc42..a735e7b493 100644
--- a/src/components/DateTimeEntry/DateTimeEntry.react.js
+++ b/src/components/DateTimeEntry/DateTimeEntry.react.js
@@ -22,7 +22,7 @@ export default class DateTimeEntry extends React.Component {
     }
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     this.setState({
       value: props.value.toISOString ? props.value.toISOString() : props.value
     });
diff --git a/src/components/DateTimePicker/DateTimePicker.react.js b/src/components/DateTimePicker/DateTimePicker.react.js
index 5f9908f490..4855ff6e74 100644
--- a/src/components/DateTimePicker/DateTimePicker.react.js
+++ b/src/components/DateTimePicker/DateTimePicker.react.js
@@ -22,7 +22,7 @@ export default class DateTimePicker extends React.Component {
     }
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     let timeRef = props.value || hoursFrom(new Date(), 1);
     this.setState({
       hours: String(timeRef[getDateMethod(props.local, 'getHours')]()),
diff --git a/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js b/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js
index c852974bc8..1f3b8bc58a 100644
--- a/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js
+++ b/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js
@@ -187,7 +187,7 @@ export default class ExplorerQueryComposer extends React.Component {
     return options;
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let initialState = this.getInitialStateFromProps(nextProps);
     this.setState({ ...initialState });
   }
diff --git a/src/components/FlowView/FlowView.react.js b/src/components/FlowView/FlowView.react.js
index 275f272b4e..b5a76b0f8e 100644
--- a/src/components/FlowView/FlowView.react.js
+++ b/src/components/FlowView/FlowView.react.js
@@ -22,7 +22,7 @@ export default class FlowView extends React.Component {
     };
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     let newChanges = {...this.state.changes};
     for (let k in props.initialFields) {
       if (this.state.changes[k] === props.initialFields[k]) {
diff --git a/src/components/FourOhFour/FourOhFour.react.js b/src/components/FourOhFour/FourOhFour.react.js
index edbfd0d1a4..ca2691e78a 100644
--- a/src/components/FourOhFour/FourOhFour.react.js
+++ b/src/components/FourOhFour/FourOhFour.react.js
@@ -22,7 +22,7 @@ export default class FourOhFour extends React.Component {
     this.updateEmoji = this.updateEmoji.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.timeout = setTimeout(this.updateEmoji, 3000);
   }
 
diff --git a/src/components/LiveReload/LiveReload.react.js b/src/components/LiveReload/LiveReload.react.js
index 2497760ac3..f25d932ed7 100644
--- a/src/components/LiveReload/LiveReload.react.js
+++ b/src/components/LiveReload/LiveReload.react.js
@@ -53,7 +53,7 @@ export default class LiveReload extends React.Component {
 		return promise;
 	}
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
 		this.shouldContinueReloading = true;
 		if (!this.state.currentData) {
 			this.fetchNewData();
diff --git a/src/components/MultiSelect/MultiSelect.react.js b/src/components/MultiSelect/MultiSelect.react.js
index 08532a641a..4736de5159 100644
--- a/src/components/MultiSelect/MultiSelect.react.js
+++ b/src/components/MultiSelect/MultiSelect.react.js
@@ -27,7 +27,7 @@ export default class MultiSelect extends React.Component {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  componentWillReceiveProps() {
+  UNSAFE_componentWillReceiveProps() {
     //Necessary for when the size of the field changes.
     this.setState({}, this.setPosition.bind(this));
   }
diff --git a/src/components/Popover/Popover.react.js b/src/components/Popover/Popover.react.js
index 243aef3d1c..ae4dd68947 100644
--- a/src/components/Popover/Popover.react.js
+++ b/src/components/Popover/Popover.react.js
@@ -32,7 +32,7 @@ export default class Popover extends React.Component {
     super();
     this._checkExternalClick = this._checkExternalClick.bind(this);
   }
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     let wrapperStyle = this.props.fixed ?
       styles.fixed_wrapper :
       styles.popover_wrapper;
@@ -60,7 +60,7 @@ export default class Popover extends React.Component {
     this._popoverWrapper.appendChild(this._popoverLayer);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.position) {
       this._popoverLayer.style.left = this.props.position.x + 'px';
       this._popoverLayer.style.top = this.props.position.y + 'px';
@@ -78,7 +78,7 @@ export default class Popover extends React.Component {
     this._popoverWrapper.removeChild(this._popoverLayer);
   }
 
-  componentWillUpdate(nextProps) {
+  UNSAFE_componentWillUpdate(nextProps) {
     ReactDOM.render(<ContextProxy cx={this.context}>{React.Children.only(nextProps.children)}</ContextProxy>, this._popoverLayer);
   }
 
diff --git a/src/components/PushAudienceDialog/PushAudienceDialog.react.js b/src/components/PushAudienceDialog/PushAudienceDialog.react.js
index 58d8e179b2..a2e9bc933a 100644
--- a/src/components/PushAudienceDialog/PushAudienceDialog.react.js
+++ b/src/components/PushAudienceDialog/PushAudienceDialog.react.js
@@ -58,7 +58,7 @@ export default class PushAudienceDialog extends React.Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     let stateSettings = {};
     let audienceInfo = this.props.audienceInfo;
     //this case is only for 'New Segment' to prepopulate existing audience
diff --git a/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js b/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js
index f643b9c5b0..9ef6ef31ad 100644
--- a/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js
+++ b/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js
@@ -43,14 +43,14 @@ export default class PushAudiencesBaseRow extends React.Component {
     }, () => {});
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.fetchPushSubscriberCount.call(this,this.context);
     if (this.props.id == NEW_SEGMENT_ID) {
       this.setState({ isNewSegment: true });
     }
   }
 
-  componentWillReceiveProps(props, context) {
+  UNSAFE_componentWillReceiveProps(props, context) {
     if (this.context !== context) {
       this.fetchPushSubscriberCount.call(this, context);
     }
diff --git a/src/components/PushAudiencesSelector/PushAudiencesOption.react.js b/src/components/PushAudiencesSelector/PushAudiencesOption.react.js
index fd458e6560..550152b9f0 100644
--- a/src/components/PushAudiencesSelector/PushAudiencesOption.react.js
+++ b/src/components/PushAudiencesSelector/PushAudiencesOption.react.js
@@ -40,7 +40,7 @@ export default class PushAudiencesOption extends PushAudiencesBaseRow {
   }
 
   // pass count information to PushNew flow
-  componentWillUpdate(nextProps, nextState) {
+  UNSAFE_componentWillUpdate(nextProps, nextState) {
     if ((nextState.count !== this.state.count || JSON.stringify(nextProps.query) !== JSON.stringify(this.props.query))
       && this.props.isChecked) {
       nextProps.onChange.call(undefined, nextState.count);
diff --git a/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js b/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js
index e1efbb1c68..085f3d2181 100644
--- a/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js
+++ b/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js
@@ -22,7 +22,7 @@ export default class PushExperimentDropdown extends React.Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.styles = this.props.styles || styles;
   }
 
diff --git a/src/components/Sidebar/SidebarHeader.react.js b/src/components/Sidebar/SidebarHeader.react.js
index 67de9c4cad..be6cc75d2b 100644
--- a/src/components/Sidebar/SidebarHeader.react.js
+++ b/src/components/Sidebar/SidebarHeader.react.js
@@ -17,7 +17,7 @@ export default class SidebarHeader extends React.Component {
     super();
     this.state = { };
   }
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     let mountPath = window.PARSE_DASHBOARD_PATH;
     fetch(mountPath).then(response => {
       this.setState({ dashboardUser: response.headers.get('username') });
diff --git a/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js b/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js
index 53b3572107..9065000a50 100644
--- a/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js
+++ b/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js
@@ -27,7 +27,7 @@ export default class SlowQueriesFilter extends React.Component {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (props.schema !== this.props.schema) {
       this.setState({ open: false });
     }
diff --git a/src/dashboard/Analytics/Overview/Overview.react.js b/src/dashboard/Analytics/Overview/Overview.react.js
index 7b4af28c22..f65f9480b3 100644
--- a/src/dashboard/Analytics/Overview/Overview.react.js
+++ b/src/dashboard/Analytics/Overview/Overview.react.js
@@ -99,11 +99,11 @@ export default class Overview extends DashboardView {
     }
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.fetchOverview(this.context.currentApp);
   }
 
-  componentWillReceiveProps(nextProps, nextContext) {
+  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchOverview(nextContext.currentApp);
     }
diff --git a/src/dashboard/Analytics/Performance/Performance.react.js b/src/dashboard/Analytics/Performance/Performance.react.js
index bfaecf7d5b..7929ffe289 100644
--- a/src/dashboard/Analytics/Performance/Performance.react.js
+++ b/src/dashboard/Analytics/Performance/Performance.react.js
@@ -101,7 +101,7 @@ export default class Performance extends DashboardView {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.handleRunQuery(this.context.currentApp);
   }
 
@@ -109,7 +109,7 @@ export default class Performance extends DashboardView {
     this.xhrHandles.forEach(xhr => xhr.abort());
   }
 
-  componentWillReceiveProps(nextProps, nextContext) {
+  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.handleRunQuery(nextContext.currentApp);
     }
diff --git a/src/dashboard/Analytics/Retention/Retention.react.js b/src/dashboard/Analytics/Retention/Retention.react.js
index b734e84a31..522cfa8d13 100644
--- a/src/dashboard/Analytics/Retention/Retention.react.js
+++ b/src/dashboard/Analytics/Retention/Retention.react.js
@@ -52,7 +52,7 @@ export default class Retention extends DashboardView {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.fetchRetention(this.context.currentApp);
   }
 
@@ -60,7 +60,7 @@ export default class Retention extends DashboardView {
     this.xhrHandles.forEach((xhr) => xhr.abort());
   }
 
-  componentWillReceiveProps(nextProps, nextContext) {
+  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchRetention(nextContext.currentApp);
     }
diff --git a/src/dashboard/Apps/AppsIndex.react.js b/src/dashboard/Apps/AppsIndex.react.js
index 164151d96a..befd58c6b8 100644
--- a/src/dashboard/Apps/AppsIndex.react.js
+++ b/src/dashboard/Apps/AppsIndex.react.js
@@ -95,7 +95,7 @@ export default class AppsIndex extends React.Component {
     this.focusField = this.focusField.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     if (AppsManager.apps().length === 1) {
       const [app] = AppsManager.apps();
       history.push(`/apps/${app.slug}/browser`);
diff --git a/src/dashboard/Dashboard.js b/src/dashboard/Dashboard.js
index dd33e4dce2..65091d27c6 100644
--- a/src/dashboard/Dashboard.js
+++ b/src/dashboard/Dashboard.js
@@ -56,6 +56,7 @@ import {
 import { Route, Redirect } from 'react-router-dom';
 import createClass from 'create-react-class';
 import { Helmet } from 'react-helmet';
+import Playground from "./Data/Playground/Playground.react";
 
 const ShowSchemaOverview = false; //In progress features. Change false to true to work on this feature.
 
@@ -100,6 +101,9 @@ const PARSE_DOT_COM_SERVER_INFO = {
       update: true,
       delete: true,
     },
+    playground: {
+      evalCode: true
+    }
   },
   parseServerVersion: 'Parse.com',
 }
@@ -284,6 +288,7 @@ export default class Dashboard extends React.Component {
 
           <Route path={ match.path + '/config' } component={Config} />
           <Route path={ match.path + '/api_console' } component={ApiConsoleRoute} />
+          <Route path={ match.path + '/playground' } component={Playground} />
           <Route path={ match.path + '/migration' } component={Migration} />
 
 
diff --git a/src/dashboard/DashboardView.react.js b/src/dashboard/DashboardView.react.js
index 849d823a1b..04f5a5ab28 100644
--- a/src/dashboard/DashboardView.react.js
+++ b/src/dashboard/DashboardView.react.js
@@ -86,6 +86,12 @@ export default class DashboardView extends React.Component {
       link: '/api_console'
     });
 
+    coreSubsections.push({
+      name: 'Playground',
+      link: '/playground'
+    });
+
+
     if (this.context.currentApp.migration) {
       coreSubsections.push({
         name: 'Migration',
diff --git a/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js b/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js
index aea434f49d..805a63d8e8 100644
--- a/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js
+++ b/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js
@@ -25,7 +25,7 @@ export default class AttachSelectedRowsDialog extends React.Component {
     this.handleTargetObjectIdChange = this.handleTargetObjectIdChange.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { selection, classes, onSelectClass } = this.props;
     if (selection) {
       const currentClass = classes[0];
diff --git a/src/dashboard/Data/Browser/BrowserTable.react.js b/src/dashboard/Data/Browser/BrowserTable.react.js
index 4b5b95255f..14306d98bd 100644
--- a/src/dashboard/Data/Browser/BrowserTable.react.js
+++ b/src/dashboard/Data/Browser/BrowserTable.react.js
@@ -35,7 +35,7 @@ export default class BrowserTable extends React.Component {
     this.handleScroll = this.handleScroll.bind(this);
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (props.className !== this.props.className) {
       this.setState({
         offset: 0,
diff --git a/src/dashboard/Data/Browser/DataBrowser.react.js b/src/dashboard/Data/Browser/DataBrowser.react.js
index 105ff4d908..66066b72fb 100644
--- a/src/dashboard/Data/Browser/DataBrowser.react.js
+++ b/src/dashboard/Data/Browser/DataBrowser.react.js
@@ -47,7 +47,7 @@ export default class DataBrowser extends React.Component {
     this.saveOrderTimeout = null;
   }
 
-  componentWillReceiveProps(props, context) {
+  UNSAFE_componentWillReceiveProps(props, context) {
     if (props.className !== this.props.className) {
       let order = ColumnPreferences.getOrder(
         props.columns,
diff --git a/src/dashboard/Data/Browser/ExportDialog.react.js b/src/dashboard/Data/Browser/ExportDialog.react.js
index 1bba7e155f..ba774c0371 100644
--- a/src/dashboard/Data/Browser/ExportDialog.react.js
+++ b/src/dashboard/Data/Browser/ExportDialog.react.js
@@ -18,7 +18,7 @@ export default class ExportDialog extends React.Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.context.currentApp.getExportProgress().then((progress) => {
       this.setState({ progress });
     });
diff --git a/src/dashboard/Data/Browser/Notification.react.js b/src/dashboard/Data/Browser/Notification.react.js
index b09be8d5ab..0f0650108e 100644
--- a/src/dashboard/Data/Browser/Notification.react.js
+++ b/src/dashboard/Data/Browser/Notification.react.js
@@ -27,7 +27,7 @@ export default class Notification extends React.Component {
     clearTimeout(this.timeout);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.state.lastNote !== nextProps.note) {
       clearTimeout(this.timeout);
       if (this.state.hiding) {
diff --git a/src/dashboard/Data/CloudCode/CloudCode.react.js b/src/dashboard/Data/CloudCode/CloudCode.react.js
index 9387271680..d82f8394a4 100644
--- a/src/dashboard/Data/CloudCode/CloudCode.react.js
+++ b/src/dashboard/Data/CloudCode/CloudCode.react.js
@@ -30,11 +30,11 @@ export default class CloudCode extends DashboardView {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.fetchSource(this.context.currentApp, getPath(this.props.params));
   }
 
-  componentWillReceiveProps(nextProps, nextContext) {
+  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchSource(nextContext.currentApp, getPath(nextProps.params));
     }
diff --git a/src/dashboard/Data/Jobs/JobsData.react.js b/src/dashboard/Data/Jobs/JobsData.react.js
index 29467ed635..88efb0a583 100644
--- a/src/dashboard/Data/Jobs/JobsData.react.js
+++ b/src/dashboard/Data/Jobs/JobsData.react.js
@@ -50,7 +50,7 @@ export default class JobsData extends React.Component {
     // this.fetchRelease(this.context.currentApp);
   }
 
-  componentWillReceiveProps(props, context) {
+  UNSAFE_componentWillReceiveProps(props, context) {
     if (this.context !== context) {
       this.fetchJobs(context.currentApp);
       // this.fetchRelease(context.currentApp);
diff --git a/src/dashboard/Data/Logs/Logs.react.js b/src/dashboard/Data/Logs/Logs.react.js
index 26c9b21067..7de930b098 100644
--- a/src/dashboard/Data/Logs/Logs.react.js
+++ b/src/dashboard/Data/Logs/Logs.react.js
@@ -38,7 +38,7 @@ export default class Logs extends DashboardView {
     // this.fetchRelease(this.context.currentApp);
   }
 
-  componentWillReceiveProps(nextProps, nextContext) {
+  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchLogs(nextContext.currentApp, nextProps.params.type);
       // this.fetchRelease(nextContext.currentApp);
diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
new file mode 100644
index 0000000000..1419439bb1
--- /dev/null
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -0,0 +1,32 @@
+import React from "react";
+
+import CategoryList from 'components/CategoryList/CategoryList.react'
+import DashboardView from 'dashboard/DashboardView.react'
+import CodeEditor from "components/CodeEditor/CodeEditor.react";
+import Button from "components/Button/Button.react";
+
+export default class Playground extends DashboardView {
+
+  constructor() {
+    super();
+    this.section = 'Core';
+    this.subsection = 'Playground';
+  }
+
+  renderSidebar() {
+    const {path} = this.props.match;
+    const current = path.substr(path.lastIndexOf('/') + 1, path.length - 1);
+    return (
+      <CategoryList current={current} linkPrefix={'playground/'} categories={[]}/>
+    )
+  }
+
+  renderContent() {
+    return React.cloneElement(
+      <>
+        <CodeEditor placeHolder={"You can run custom queries here"}/>
+        <Button value={"RUN"} primary={true}/>
+      </>
+    )
+  }
+}
diff --git a/src/dashboard/Push/PushAudiencesData.react.js b/src/dashboard/Push/PushAudiencesData.react.js
index c0ef783efc..dc1ed3918b 100644
--- a/src/dashboard/Push/PushAudiencesData.react.js
+++ b/src/dashboard/Push/PushAudiencesData.react.js
@@ -39,7 +39,7 @@ export default class PushAudiencesData extends React.Component {
     };
   }
 
-  componentWillMount(){
+  UNSAFE_componentWillMount(){
     if (this.props.loaded){ //case when data already fetched
       this.setState({ loading: false});
     }
@@ -65,7 +65,7 @@ export default class PushAudiencesData extends React.Component {
     });
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     if (props.loaded){
       this.setState({ loading: false});
     }
diff --git a/src/dashboard/Push/PushIndex.react.js b/src/dashboard/Push/PushIndex.react.js
index 370421a458..a5047705d6 100644
--- a/src/dashboard/Push/PushIndex.react.js
+++ b/src/dashboard/Push/PushIndex.react.js
@@ -262,7 +262,7 @@ export default class PushIndex extends DashboardView {
     });
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.handleFetch(this.props.params.category);
     //TODO: make xhr map and generic abort for existing xhrs.
     this.context.currentApp.fetchAvailableDevices().then(({ available_devices }) => {
@@ -282,7 +282,7 @@ export default class PushIndex extends DashboardView {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.params.category !== nextProps.params.category) {
       // The category has changed
       if (this.xhrHandle) {
diff --git a/src/dashboard/Settings/SettingsData.react.js b/src/dashboard/Settings/SettingsData.react.js
index 54ff99e297..f94520425f 100644
--- a/src/dashboard/Settings/SettingsData.react.js
+++ b/src/dashboard/Settings/SettingsData.react.js
@@ -24,7 +24,7 @@ export default class SettingsData extends React.Component {
     });
   }
 
-  componentWillReceiveProps(props, context) {
+  UNSAFE_componentWillReceiveProps(props, context) {
     if (this.context !== context) {
       this.setState({ fields: undefined });
       context.currentApp.fetchSettingsFields().then(({ fields }) => {
diff --git a/src/lib/subscribeTo.js b/src/lib/subscribeTo.js
index 9e63e77621..1c7ab1eaa5 100644
--- a/src/lib/subscribeTo.js
+++ b/src/lib/subscribeTo.js
@@ -31,11 +31,11 @@ export default function subscribeTo(name, prop) {
         }
       }
 
-      componentWillReceiveProps(nextProps, nextContext) {
+      UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
         this.setState({ data: store.getData(nextContext.currentApp) });
       }
 
-      componentWillMount() {
+      UNSAFE_componentWillMount() {
         this.subscriptionId = store.subscribe(this.handleNewData.bind(this));
       }
 
@@ -70,5 +70,5 @@ export default function subscribeTo(name, prop) {
     SubscribedComponent.original = Component;
 
     return SubscribedComponent;
-  }
+  };
 }
\ No newline at end of file

From 105ac0c63200a86cdc9013f3982ff43d86d7c0b9 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@gmail.com>
Date: Sat, 11 Jan 2020 13:55:41 -0300
Subject: [PATCH 04/14] added react-json dependency to show playground results

---
 Parse-Dashboard/parse-dashboard-config.json   | 12 ----
 package-lock.json                             | 67 +++++++++++++++++++
 package.json                                  |  1 +
 src/components/CodeEditor/CodeEditor.react.js |  2 +-
 .../Data/Playground/Playground.react.js       | 13 +++-
 5 files changed, 80 insertions(+), 15 deletions(-)
 delete mode 100644 Parse-Dashboard/parse-dashboard-config.json

diff --git a/Parse-Dashboard/parse-dashboard-config.json b/Parse-Dashboard/parse-dashboard-config.json
deleted file mode 100644
index 04e24905e6..0000000000
--- a/Parse-Dashboard/parse-dashboard-config.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "apps": [{
-    "serverURL": "https://parsedev.behive.io/parse",
-    "appId": "Q2keNQdPMD2t3dzwWANyw5w5MzaT5h6TfdVAm5oC",
-    "masterKey": "tBlFocOzlsGKSad40KmLx7wckRhxSAFhgV72GlTK",
-    "appName": "",
-    "iconName": "",
-    "primaryBackgroundColor": "",
-    "secondaryBackgroundColor": ""
-  }],
-  "iconsFolder": "icons"
-}
diff --git a/package-lock.json b/package-lock.json
index 6fa0f12abe..bda1a4ce83 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4258,6 +4258,11 @@
         }
       }
     },
+    "base16": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/base16/-/base16-1.0.0.tgz",
+      "integrity": "sha1-4pf2DX7BAUp6lxo568ipjAtoHnA="
+    },
     "base64-js": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
@@ -6875,6 +6880,14 @@
         "bser": "^2.0.0"
       }
     },
+    "fbemitter": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/fbemitter/-/fbemitter-2.1.1.tgz",
+      "integrity": "sha1-Uj4U/a9SSIBbsC9i78M75wP1GGU=",
+      "requires": {
+        "fbjs": "^0.8.4"
+      }
+    },
     "fbjs": {
       "version": "0.8.17",
       "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.17.tgz",
@@ -7061,6 +7074,15 @@
         "readable-stream": "^2.3.6"
       }
     },
+    "flux": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/flux/-/flux-3.1.3.tgz",
+      "integrity": "sha1-0jvtUVp5oi2TOrU6tK2hnQWy8Io=",
+      "requires": {
+        "fbemitter": "^2.0.0",
+        "fbjs": "^0.8.0"
+      }
+    },
     "follow-redirects": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.9.0.tgz",
@@ -10230,11 +10252,21 @@
       "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz",
       "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U="
     },
+    "lodash.curry": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.curry/-/lodash.curry-4.1.1.tgz",
+      "integrity": "sha1-JI42By7ekGUB11lmIAqG2riyMXA="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
       "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
     },
+    "lodash.flow": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.flow/-/lodash.flow-3.5.0.tgz",
+      "integrity": "sha1-h79AKSuM+D5OjOGjrkIJ4gBxZ1o="
+    },
     "lodash.includes": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
@@ -12928,6 +12960,11 @@
         }
       }
     },
+    "pure-color": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/pure-color/-/pure-color-1.3.0.tgz",
+      "integrity": "sha1-H+Bk+wrIUfDeYTIKi/eWg2Qi8z4="
+    },
     "qs": {
       "version": "6.7.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
@@ -13039,6 +13076,17 @@
         "object-assign": "^4.1.0"
       }
     },
+    "react-base16-styling": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/react-base16-styling/-/react-base16-styling-0.6.0.tgz",
+      "integrity": "sha1-7yFW1mz0E5aVyKFniGy2nqZgeSw=",
+      "requires": {
+        "base16": "^1.0.0",
+        "lodash.curry": "^4.0.1",
+        "lodash.flow": "^3.3.0",
+        "pure-color": "^1.2.0"
+      }
+    },
     "react-codemirror": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/react-codemirror/-/react-codemirror-1.0.0.tgz",
@@ -13125,6 +13173,17 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.11.0.tgz",
       "integrity": "sha512-gbBVYR2p8mnriqAwWx9LbuUrShnAuSCNnuPGyc7GJrMVQtPDAh8iLpv7FRuMPFb56KkaVZIYSz1PrjI9q0QPCw=="
     },
+    "react-json-view": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/react-json-view/-/react-json-view-1.19.1.tgz",
+      "integrity": "sha512-u5e0XDLIs9Rj43vWkKvwL8G3JzvXSl6etuS5G42a8klMohZuYFQzSN6ri+/GiBptDqlrXPTdExJVU7x9rrlXhg==",
+      "requires": {
+        "flux": "^3.1.3",
+        "react-base16-styling": "^0.6.0",
+        "react-lifecycles-compat": "^3.0.4",
+        "react-textarea-autosize": "^6.1.0"
+      }
+    },
     "react-lifecycles-compat": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
@@ -13231,6 +13290,14 @@
         "scheduler": "^0.18.0"
       }
     },
+    "react-textarea-autosize": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-6.1.0.tgz",
+      "integrity": "sha512-F6bI1dgib6fSvG8so1HuArPUv+iVEfPliuLWusLF+gAKz0FbB4jLrWUrTAeq1afnPT2c9toEZYUdz/y1uKMy4A==",
+      "requires": {
+        "prop-types": "^15.6.0"
+      }
+    },
     "react-transition-group": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
diff --git a/package.json b/package.json
index 0e25bb7786..3fcec84400 100644
--- a/package.json
+++ b/package.json
@@ -64,6 +64,7 @@
     "react-dnd-html5-backend": "10.0.2",
     "react-dom": "16.12.0",
     "react-helmet": "5.2.1",
+    "react-json-view": "^1.19.1",
     "react-redux": "5.1.1",
     "react-router": "5.1.2",
     "react-router-dom": "5.1.2",
diff --git a/src/components/CodeEditor/CodeEditor.react.js b/src/components/CodeEditor/CodeEditor.react.js
index bab6d22959..760de78b89 100644
--- a/src/components/CodeEditor/CodeEditor.react.js
+++ b/src/components/CodeEditor/CodeEditor.react.js
@@ -27,7 +27,7 @@ export default class CodeEditor extends React.Component {
   }
 
   render() {
-    const {className, placeHolder, id} = this.props;
+    const {className, placeHolder, id = this.id} = this.props;
 
     return (
       <pre style={{margin: 0}} className={`${className} line-numbers language-javascript`}>
diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index 1419439bb1..cbc37eb518 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -1,4 +1,5 @@
 import React from "react";
+import ReactJson from "react-json-view";
 
 import CategoryList from 'components/CategoryList/CategoryList.react'
 import DashboardView from 'dashboard/DashboardView.react'
@@ -11,6 +12,9 @@ export default class Playground extends DashboardView {
     super();
     this.section = 'Core';
     this.subsection = 'Playground';
+    this.state = {
+      result: null
+    }
   }
 
   renderSidebar() {
@@ -21,11 +25,16 @@ export default class Playground extends DashboardView {
     )
   }
 
+  runCode() {
+    const originalCode = this.editor.value;
+  }
+
   renderContent() {
     return React.cloneElement(
       <>
-        <CodeEditor placeHolder={"You can run custom queries here"}/>
-        <Button value={"RUN"} primary={true}/>
+        <CodeEditor placeHolder={"You can run custom queries here"} ref={editor => this.editor = editor}/>
+        <Button value={"RUN"} primary={true} onClick={() => this.runCode()}/>
+        {this.state.result && <ReactJson json={this.stat.result}/>}
       </>
     )
   }

From 473a1f07fbe04ae68a6de254e5cc9d9bdaecc005 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@gmail.com>
Date: Sat, 1 Feb 2020 16:19:54 -0300
Subject: [PATCH 05/14] update changelog

---
 CHANGELOG.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b0378c252f..499f4be0a2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,7 +3,8 @@
 ### master
 [Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.4...master)
 
-* _Contributing to this repo? Add info about your change here to be included in next release_
+* Feature: added playground feature to run custom queries
+* Feature: added save button on playground feature to save the custom query on the local storage
 ### 2.0.5
  [Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.4...2.0.5)
  * Fix: delete and regenerate package-lock to fix broken build

From 772c15fac6d91f33f066ccd3ec2a9bca2721b6fa Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Fri, 7 Feb 2020 15:21:18 -0300
Subject: [PATCH 06/14] fix playground button CSS spacing and update risky
 dependencies

---
 package-lock.json                             | 567 +++++++++---------
 package.json                                  |   2 +-
 .../Data/Playground/Playground.react.js       | 148 +++--
 3 files changed, 391 insertions(+), 326 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 525af8bd32..d548f40f26 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4285,32 +4285,6 @@
         "graphql-extensions": "^0.10.10"
       }
     },
-    "apollo-datasource": {
-      "version": "0.6.4",
-      "resolved": "https://registry.npmjs.org/apollo-datasource/-/apollo-datasource-0.6.4.tgz",
-      "integrity": "sha512-u4eu6Q94q6KuZacZfdo4vCevA81F4QWeTYEXUvoksQMJpiacPHHe0DJrofKVKvxngUp5kCi1RnPXSc6kBY+/oA==",
-      "dev": true,
-      "requires": {
-        "apollo-server-caching": "^0.5.1",
-        "apollo-server-env": "^2.4.3"
-      }
-    },
-    "apollo-engine-reporting": {
-      "version": "1.4.14",
-      "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.4.14.tgz",
-      "integrity": "sha512-cCG9qDOPwbh87ZjQGHgmnP3oPqhqjIZcNmm/lNtWkWXGTlxV/jmUEqpVi+wsDbE5gR7d1OFk6GqSy2ZQh+S+Bw==",
-      "dev": true,
-      "requires": {
-        "apollo-engine-reporting-protobuf": "^0.4.4",
-        "apollo-graphql": "^0.3.7",
-        "apollo-server-caching": "^0.5.1",
-        "apollo-server-env": "^2.4.3",
-        "apollo-server-errors": "^2.3.4",
-        "apollo-server-types": "^0.2.10",
-        "async-retry": "^1.2.1",
-        "graphql-extensions": "^0.10.10"
-      }
-    },
     "apollo-engine-reporting-protobuf": {
       "version": "0.4.4",
       "resolved": "https://registry.npmjs.org/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.4.4.tgz",
@@ -4340,16 +4314,6 @@
         }
       }
     },
-    "apollo-graphql": {
-      "version": "0.3.7",
-      "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.3.7.tgz",
-      "integrity": "sha512-ghW16xx9tRcyL38Pw6G5OidMnYn+CNUGZWmvqQgEO2nRy4T0ONPZZBOvGrIMtJQ70oEykNMKGm0zm6PdHdxd8Q==",
-      "dev": true,
-      "requires": {
-        "apollo-env": "^0.6.1",
-        "lodash.sortby": "^4.7.0"
-      }
-    },
     "apollo-link": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/apollo-link/-/apollo-link-1.2.13.tgz",
@@ -4415,77 +4379,6 @@
         }
       }
     },
-    "apollo-server-core": {
-      "version": "2.9.16",
-      "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.9.16.tgz",
-      "integrity": "sha512-4ftdjSfs/3aEare9QNTVSF0yUvXETxiohuDLZ7gmMIQxNnZhUjVXiZL1rYKuIZ12uH7xLvh/DwkXRt6nLG/lZA==",
-      "dev": true,
-      "requires": {
-        "@apollographql/apollo-tools": "^0.4.3",
-        "@apollographql/graphql-playground-html": "1.6.24",
-        "@types/graphql-upload": "^8.0.0",
-        "@types/ws": "^6.0.0",
-        "apollo-cache-control": "^0.8.11",
-        "apollo-datasource": "^0.6.4",
-        "apollo-engine-reporting": "^1.4.14",
-        "apollo-server-caching": "^0.5.1",
-        "apollo-server-env": "^2.4.3",
-        "apollo-server-errors": "^2.3.4",
-        "apollo-server-plugin-base": "^0.6.10",
-        "apollo-server-types": "^0.2.10",
-        "apollo-tracing": "^0.8.11",
-        "fast-json-stable-stringify": "^2.0.0",
-        "graphql-extensions": "^0.10.10",
-        "graphql-tag": "^2.9.2",
-        "graphql-tools": "^4.0.0",
-        "graphql-upload": "^8.0.2",
-        "sha.js": "^2.4.11",
-        "subscriptions-transport-ws": "^0.9.11",
-        "ws": "^6.0.0"
-      },
-      "dependencies": {
-        "graphql-upload": {
-          "version": "8.1.0",
-          "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
-          "integrity": "sha512-U2OiDI5VxYmzRKw0Z2dmfk0zkqMRaecH9Smh1U277gVgVe9Qn+18xqf4skwr4YJszGIh7iQDZ57+5ygOK9sM/Q==",
-          "dev": true,
-          "requires": {
-            "busboy": "^0.3.1",
-            "fs-capacitor": "^2.0.4",
-            "http-errors": "^1.7.3",
-            "object-path": "^0.11.4"
-          }
-        },
-        "http-errors": {
-          "version": "1.7.3",
-          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
-          "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
-          "dev": true,
-          "requires": {
-            "depd": "~1.1.2",
-            "inherits": "2.0.4",
-            "setprototypeof": "1.1.1",
-            "statuses": ">= 1.5.0 < 2",
-            "toidentifier": "1.0.0"
-          }
-        },
-        "inherits": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-          "dev": true
-        },
-        "ws": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-          "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
-          "dev": true,
-          "requires": {
-            "async-limiter": "~1.0.0"
-          }
-        }
-      }
-    },
     "apollo-server-env": {
       "version": "2.4.3",
       "resolved": "https://registry.npmjs.org/apollo-server-env/-/apollo-server-env-2.4.3.tgz",
@@ -4502,30 +4395,6 @@
       "integrity": "sha512-Y0PKQvkrb2Kd18d1NPlHdSqmlr8TgqJ7JQcNIfhNDgdb45CnqZlxL1abuIRhr8tiw8OhVOcFxz2KyglBi8TKdA==",
       "dev": true
     },
-    "apollo-server-express": {
-      "version": "2.9.16",
-      "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.16.tgz",
-      "integrity": "sha512-ZDc7GP+piUm67alJ0DIE9f36tHcCiNm3PHMLIVJlVE/rcGwzRjV5rardRqeslljQiO2J+1IwXKwJ0/kRrZ4JvQ==",
-      "dev": true,
-      "requires": {
-        "@apollographql/graphql-playground-html": "1.6.24",
-        "@types/accepts": "^1.3.5",
-        "@types/body-parser": "1.17.1",
-        "@types/cors": "^2.8.4",
-        "@types/express": "4.17.2",
-        "accepts": "^1.3.5",
-        "apollo-server-core": "^2.9.16",
-        "apollo-server-types": "^0.2.10",
-        "body-parser": "^1.18.3",
-        "cors": "^2.8.4",
-        "express": "^4.17.1",
-        "graphql-subscriptions": "^1.0.0",
-        "graphql-tools": "^4.0.0",
-        "parseurl": "^1.3.2",
-        "subscriptions-transport-ws": "^0.9.16",
-        "type-is": "^1.6.16"
-      }
-    },
     "apollo-server-plugin-base": {
       "version": "0.6.10",
       "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.10.tgz",
@@ -5082,17 +4951,6 @@
       "integrity": "sha1-RSIe5Cn37h5QNb4/UVM/HN/SmIQ=",
       "dev": true
     },
-    "bcrypt": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-3.0.7.tgz",
-      "integrity": "sha512-K5UglF9VQvBMHl/1elNyyFvAfOY9Bj+rpKrCSR9sFwcW8FywAYJSRwTURNej5TaAK2TEJkcJ6r6lh1YPmspx5Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "nan": "2.14.0",
-        "node-pre-gyp": "0.13.0"
-      }
-    },
     "bcrypt-pbkdf": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
@@ -8826,9 +8684,9 @@
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
     },
     "globule": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
-      "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.0.tgz",
+      "integrity": "sha512-YlD4kdMqRCQHrhVdonet4TdRtv1/sZKepvoxNT4Nrhrp5HI8XFfc8kFlGlBn2myBo80aGp8Eft259mbcUJhgSg==",
       "dev": true,
       "requires": {
         "glob": "~7.1.1",
@@ -8877,6 +8735,30 @@
         "codemirror": "^5.26.0",
         "codemirror-graphql": "^0.6.11",
         "markdown-it": "^8.4.0"
+      },
+      "dependencies": {
+        "codemirror-graphql": {
+          "version": "0.6.12",
+          "resolved": "https://registry.npmjs.org/codemirror-graphql/-/codemirror-graphql-0.6.12.tgz",
+          "integrity": "sha512-7YP956JubbWkmk9QqKy62CZgdGbEulHNJkz2/aUDTpsE1KrQtRrT9WzStJaxAOEX2k4wUOpojUX2ItPxa69kFA==",
+          "requires": {
+            "graphql-language-service-interface": "^1.0.16",
+            "graphql-language-service-parser": "^0.1.14"
+          }
+        },
+        "graphql-language-service-parser": {
+          "version": "0.1.14",
+          "resolved": "https://registry.npmjs.org/graphql-language-service-parser/-/graphql-language-service-parser-0.1.14.tgz",
+          "integrity": "sha512-72M4OksONeqT5slfdfODmlPBFlUQQkcnRhjgmPt9H2n8/DUcf4XzDkGXudBWpzNfjVU35+IADYW6x13wKw/fOg==",
+          "requires": {
+            "graphql-language-service-types": "^0.1.14"
+          }
+        },
+        "graphql-language-service-types": {
+          "version": "0.1.14",
+          "resolved": "https://registry.npmjs.org/graphql-language-service-types/-/graphql-language-service-types-0.1.14.tgz",
+          "integrity": "sha512-77KP83gvK0gWswvGY/+jx/GpsOfKuwWQ1AYnyPT2GDGG3//1QxQTObaZMAEevNTxJtO8T26YXxoUlqkvET7iEg=="
+        }
       }
     },
     "graphql": {
@@ -9248,9 +9130,9 @@
       }
     },
     "handlebars": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.4.5.tgz",
-      "integrity": "sha512-0Ce31oWVB7YidkaTq33ZxEbN+UDxMMgThvCe8ptgQViymL5DPis9uLdTA13MiRPhgvqyxIegugrP97iK3JeBHg==",
+      "version": "4.7.3",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.3.tgz",
+      "integrity": "sha512-SRGwSYuNfx8DwHD/6InAPzD6RgeruWLT+B8e8a7gGs8FWgHzlExpTFMEq2IA6QpAfOClpKHy6+8IqTjeBCu6Kg==",
       "dev": true,
       "requires": {
         "neo-async": "^2.6.0",
@@ -9949,13 +9831,10 @@
       "dev": true
     },
     "is-finite": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
-      "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
-      "dev": true,
-      "requires": {
-        "number-is-nan": "^1.0.0"
-      }
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
+      "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==",
+      "dev": true
     },
     "is-fullwidth-code-point": {
       "version": "2.0.0",
@@ -12080,64 +11959,6 @@
         }
       }
     },
-    "node-pre-gyp": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.13.0.tgz",
-      "integrity": "sha512-Md1D3xnEne8b/HGVQkZZwV27WUi1ZRuZBij24TNaZwUPU3ZAFtvT6xxJGaUVillfmMKnn5oD1HoGsp2Ftik7SQ==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "detect-libc": "^1.0.2",
-        "mkdirp": "^0.5.1",
-        "needle": "^2.2.1",
-        "nopt": "^4.0.1",
-        "npm-packlist": "^1.1.6",
-        "npmlog": "^4.0.2",
-        "rc": "^1.2.7",
-        "rimraf": "^2.6.1",
-        "semver": "^5.3.0",
-        "tar": "^4"
-      },
-      "dependencies": {
-        "safe-buffer": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
-          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
-          "dev": true,
-          "optional": true
-        },
-        "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-          "dev": true,
-          "optional": true
-        },
-        "tar": {
-          "version": "4.4.13",
-          "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
-          "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chownr": "^1.1.1",
-            "fs-minipass": "^1.2.5",
-            "minipass": "^2.8.6",
-            "minizlib": "^1.2.1",
-            "mkdirp": "^0.5.0",
-            "safe-buffer": "^5.1.2",
-            "yallist": "^3.0.3"
-          }
-        },
-        "yallist": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-          "dev": true,
-          "optional": true
-        }
-      }
-    },
     "node-releases": {
       "version": "1.1.47",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.47.tgz",
@@ -12165,9 +11986,9 @@
       }
     },
     "node-sass": {
-      "version": "4.13.0",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.0.tgz",
-      "integrity": "sha512-W1XBrvoJ1dy7VsvTAS5q1V45lREbTlZQqFbiHb3R3OTTCma0XBtuG6xZ6Z4506nR4lmHPTqVRwxT6KgtWC97CA==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.1.tgz",
+      "integrity": "sha512-TTWFx+ZhyDx1Biiez2nB0L3YrCZ/8oHagaDalbuBSlqXgUPsdkUSzJsVxeDO9LtPB49+Fh3WQl3slABo6AotNw==",
       "dev": true,
       "requires": {
         "async-foreach": "^0.1.3",
@@ -12960,11 +12781,11 @@
         "@parse/push-adapter": "3.2.0",
         "@parse/s3-files-adapter": "1.4.0",
         "@parse/simple-mailgun-adapter": "1.1.0",
-        "apollo-server-express": "2.9.16",
-        "bcrypt": "3.0.7",
+        "apollo-server-express": "2.10.0",
+        "bcrypt": "3.0.8",
         "bcryptjs": "2.4.3",
         "body-parser": "1.19.0",
-        "commander": "4.0.1",
+        "commander": "4.1.1",
         "cors": "2.8.5",
         "deepcopy": "2.0.0",
         "express": "4.17.1",
@@ -12983,10 +12804,10 @@
         "mongodb": "3.4.1",
         "node-rsa": "1.0.7",
         "parse": "2.11.0",
-        "pg-promise": "10.3.3",
+        "pg-promise": "10.4.0",
         "pluralize": "^8.0.0",
         "redis": "2.8.0",
-        "semver": "7.1.1",
+        "semver": "7.1.2",
         "subscriptions-transport-ws": "0.9.16",
         "tv4": "1.3.0",
         "uuid": "3.3.3",
@@ -12995,12 +12816,141 @@
         "ws": "7.2.1"
       },
       "dependencies": {
+        "apollo-datasource": {
+          "version": "0.7.0",
+          "resolved": "https://registry.npmjs.org/apollo-datasource/-/apollo-datasource-0.7.0.tgz",
+          "integrity": "sha512-Yja12BgNQhzuFGG/5Nw2MQe0hkuQy2+9er09HxeEyAf2rUDIPnhPrn1MDoZTB8MU7UGfjwITC+1ofzKkkrZobA==",
+          "dev": true,
+          "requires": {
+            "apollo-server-caching": "^0.5.1",
+            "apollo-server-env": "^2.4.3"
+          }
+        },
+        "apollo-engine-reporting": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.5.0.tgz",
+          "integrity": "sha512-Pe2DelijZ2QHqkqv8E97iOb32l+FIMT2nxpQsuH+nWi+96cCFJJJHjm3RLAPEUuvGOgW9dFYQP3J91EyC5O0tQ==",
+          "dev": true,
+          "requires": {
+            "apollo-engine-reporting-protobuf": "^0.4.4",
+            "apollo-graphql": "^0.4.0",
+            "apollo-server-caching": "^0.5.1",
+            "apollo-server-env": "^2.4.3",
+            "apollo-server-errors": "^2.3.4",
+            "apollo-server-types": "^0.2.10",
+            "async-retry": "^1.2.1",
+            "graphql-extensions": "^0.10.10"
+          }
+        },
+        "apollo-graphql": {
+          "version": "0.4.0",
+          "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.4.0.tgz",
+          "integrity": "sha512-abCHcKln1EGbzSItW087EjBI5wnluikyUqEn4VsdeWHCtdENWpHCn/MnM0+jJa1prNasxN7tCukp4nMpJYYVqg==",
+          "dev": true,
+          "requires": {
+            "apollo-env": "^0.6.1",
+            "lodash.sortby": "^4.7.0"
+          }
+        },
+        "apollo-server-core": {
+          "version": "2.10.0",
+          "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.10.0.tgz",
+          "integrity": "sha512-x/UK6XvU307W8D/pzTclU04JIjRarcbg5mFPe0nVmO4OTc26uQgKi1WlZkcewXsAUnn+nDwKVn2c2G3dHEgXzQ==",
+          "dev": true,
+          "requires": {
+            "@apollographql/apollo-tools": "^0.4.3",
+            "@apollographql/graphql-playground-html": "1.6.24",
+            "@types/graphql-upload": "^8.0.0",
+            "@types/ws": "^6.0.0",
+            "apollo-cache-control": "^0.8.11",
+            "apollo-datasource": "^0.7.0",
+            "apollo-engine-reporting": "^1.5.0",
+            "apollo-server-caching": "^0.5.1",
+            "apollo-server-env": "^2.4.3",
+            "apollo-server-errors": "^2.3.4",
+            "apollo-server-plugin-base": "^0.6.10",
+            "apollo-server-types": "^0.2.10",
+            "apollo-tracing": "^0.8.11",
+            "fast-json-stable-stringify": "^2.0.0",
+            "graphql-extensions": "^0.10.10",
+            "graphql-tag": "^2.9.2",
+            "graphql-tools": "^4.0.0",
+            "graphql-upload": "^8.0.2",
+            "sha.js": "^2.4.11",
+            "subscriptions-transport-ws": "^0.9.11",
+            "ws": "^6.0.0"
+          },
+          "dependencies": {
+            "graphql-upload": {
+              "version": "8.1.0",
+              "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
+              "integrity": "sha512-U2OiDI5VxYmzRKw0Z2dmfk0zkqMRaecH9Smh1U277gVgVe9Qn+18xqf4skwr4YJszGIh7iQDZ57+5ygOK9sM/Q==",
+              "dev": true,
+              "requires": {
+                "busboy": "^0.3.1",
+                "fs-capacitor": "^2.0.4",
+                "http-errors": "^1.7.3",
+                "object-path": "^0.11.4"
+              }
+            },
+            "ws": {
+              "version": "6.2.1",
+              "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
+              "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+              "dev": true,
+              "requires": {
+                "async-limiter": "~1.0.0"
+              }
+            }
+          }
+        },
+        "apollo-server-express": {
+          "version": "2.10.0",
+          "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.10.0.tgz",
+          "integrity": "sha512-adDQts4QmkX2ENU7JibV1EwRl3ESnpnpImXIMvg8Cm7kX2wSbzwm8LecQNujwWJtkAPTCEAcnPBDyKwWjTQ6/g==",
+          "dev": true,
+          "requires": {
+            "@apollographql/graphql-playground-html": "1.6.24",
+            "@types/accepts": "^1.3.5",
+            "@types/body-parser": "1.17.1",
+            "@types/cors": "^2.8.4",
+            "@types/express": "4.17.2",
+            "accepts": "^1.3.5",
+            "apollo-server-core": "^2.10.0",
+            "apollo-server-types": "^0.2.10",
+            "body-parser": "^1.18.3",
+            "cors": "^2.8.4",
+            "express": "^4.17.1",
+            "graphql-subscriptions": "^1.0.0",
+            "graphql-tools": "^4.0.0",
+            "parseurl": "^1.3.2",
+            "subscriptions-transport-ws": "^0.9.16",
+            "type-is": "^1.6.16"
+          }
+        },
+        "bcrypt": {
+          "version": "3.0.8",
+          "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-3.0.8.tgz",
+          "integrity": "sha512-jKV6RvLhI36TQnPDvUFqBEnGX9c8dRRygKxCZu7E+MgLfKZbmmXL8a7/SFFOyHoPNX9nV81cKRC5tbQfvEQtpw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "nan": "2.14.0",
+            "node-pre-gyp": "0.14.0"
+          }
+        },
         "bcryptjs": {
           "version": "2.4.3",
           "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
           "integrity": "sha1-mrVie5PmBiH/fNrF2pczAn3x0Ms=",
           "dev": true
         },
+        "commander": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+          "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+          "dev": true
+        },
         "debug": {
           "version": "3.2.6",
           "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
@@ -13019,6 +12969,25 @@
             "debug": "^3.0.0"
           }
         },
+        "http-errors": {
+          "version": "1.7.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
+          "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "inherits": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+          "dev": true
+        },
         "lru-cache": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -13040,12 +13009,100 @@
           "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         },
+        "node-pre-gyp": {
+          "version": "0.14.0",
+          "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz",
+          "integrity": "sha512-+CvDC7ZttU/sSt9rFjix/P05iS43qHCOOGzcr3Ry99bXG7VX953+vFyEuph/tfqoYu8dttBkE86JSKBO2OzcxA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "detect-libc": "^1.0.2",
+            "mkdirp": "^0.5.1",
+            "needle": "^2.2.1",
+            "nopt": "^4.0.1",
+            "npm-packlist": "^1.1.6",
+            "npmlog": "^4.0.2",
+            "rc": "^1.2.7",
+            "rimraf": "^2.6.1",
+            "semver": "^5.3.0",
+            "tar": "^4.4.2"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "5.7.1",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "pg": {
+          "version": "7.18.1",
+          "resolved": "https://registry.npmjs.org/pg/-/pg-7.18.1.tgz",
+          "integrity": "sha512-1KtKBKg/zWrjEEv//klBbVOPGucuc7HHeJf6OEMueVcUeyF3yueHf+DvhVwBjIAe9/97RAydO/lWjkcMwssuEw==",
+          "dev": true,
+          "requires": {
+            "buffer-writer": "2.0.0",
+            "packet-reader": "1.0.0",
+            "pg-connection-string": "0.1.3",
+            "pg-packet-stream": "^1.1.0",
+            "pg-pool": "^2.0.10",
+            "pg-types": "^2.1.0",
+            "pgpass": "1.x",
+            "semver": "4.3.2"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "4.3.2",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.2.tgz",
+              "integrity": "sha1-x6BxWKgL7dBSNVt3DYLWZA+AO+c=",
+              "dev": true
+            }
+          }
+        },
+        "pg-promise": {
+          "version": "10.4.0",
+          "resolved": "https://registry.npmjs.org/pg-promise/-/pg-promise-10.4.0.tgz",
+          "integrity": "sha512-Xfxk56AFruPeA/5uJAb/LEPKIPlEw95xcGOsf1SITslOq/5jlmJxtecEwz4XdYzct/RSLzGEveqBVSHkq6Hnww==",
+          "dev": true,
+          "requires": {
+            "assert-options": "0.6.0",
+            "manakin": "0.5.2",
+            "pg": "7.18.1",
+            "pg-minify": "1.5.1",
+            "spex": "3.0.0"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true,
+          "optional": true
+        },
         "semver": {
-          "version": "7.1.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.1.tgz",
-          "integrity": "sha512-WfuG+fl6eh3eZ2qAf6goB7nhiCd7NPXhmyFxigB/TOkQyeLP8w8GsVehvtGNtnNmyboz4TgeK40B1Kbql/8c5A==",
+          "version": "7.1.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.2.tgz",
+          "integrity": "sha512-BJs9T/H8sEVHbeigqzIEo57Iu/3DG6c4QoqTfbQB3BPA4zgzAomh/Fk9E7QtjWQ8mx2dgA9YCfSF4y9k9bHNpQ==",
           "dev": true
         },
+        "tar": {
+          "version": "4.4.13",
+          "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
+          "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chownr": "^1.1.1",
+            "fs-minipass": "^1.2.5",
+            "minipass": "^2.8.6",
+            "minizlib": "^1.2.1",
+            "mkdirp": "^0.5.0",
+            "safe-buffer": "^5.1.2",
+            "yallist": "^3.0.3"
+          }
+        },
         "ws": {
           "version": "7.2.1",
           "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.1.tgz",
@@ -13196,29 +13253,6 @@
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
       "dev": true
     },
-    "pg": {
-      "version": "7.14.0",
-      "resolved": "https://registry.npmjs.org/pg/-/pg-7.14.0.tgz",
-      "integrity": "sha512-TLsdOWKFu44vHdejml4Uoo8h0EwCjdIj9Z9kpz7pA5i8iQxOTwVb1+Fy+X86kW5AXKxQpYpYDs4j/qPDbro/lg==",
-      "dev": true,
-      "requires": {
-        "buffer-writer": "2.0.0",
-        "packet-reader": "1.0.0",
-        "pg-connection-string": "0.1.3",
-        "pg-pool": "^2.0.7",
-        "pg-types": "^2.1.0",
-        "pgpass": "1.x",
-        "semver": "4.3.2"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "4.3.2",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.2.tgz",
-          "integrity": "sha1-x6BxWKgL7dBSNVt3DYLWZA+AO+c=",
-          "dev": true
-        }
-      }
-    },
     "pg-connection-string": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-0.1.3.tgz",
@@ -13237,25 +13271,18 @@
       "integrity": "sha512-nqUTo8y9T0VhiJoWC0sK0+2S8hYDiu7CdH0Z9ijPi2iikiQ44mfcAFxEJxfvF8H3h/bDBvXthtOQPIB3pLWIow==",
       "dev": true
     },
+    "pg-packet-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pg-packet-stream/-/pg-packet-stream-1.1.0.tgz",
+      "integrity": "sha512-kRBH0tDIW/8lfnnOyTwKD23ygJ/kexQVXZs7gEyBljw4FYqimZFxnMMx50ndZ8In77QgfGuItS5LLclC2TtjYg==",
+      "dev": true
+    },
     "pg-pool": {
       "version": "2.0.10",
       "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-2.0.10.tgz",
       "integrity": "sha512-qdwzY92bHf3nwzIUcj+zJ0Qo5lpG/YxchahxIN8+ZVmXqkahKXsnl2aiJPHLYN9o5mB/leG+Xh6XKxtP7e0sjg==",
       "dev": true
     },
-    "pg-promise": {
-      "version": "10.3.3",
-      "resolved": "https://registry.npmjs.org/pg-promise/-/pg-promise-10.3.3.tgz",
-      "integrity": "sha512-JGVJBKfozXu8ZNQ3kqxKWuaO+u6IkjJrl0UbO5N4MPmo/nVVEYxVnixZ4uySqGw3Qb8Fj86VHGe2ZzzIy2x/sA==",
-      "dev": true,
-      "requires": {
-        "assert-options": "0.6.0",
-        "manakin": "0.5.2",
-        "pg": "7.14.0",
-        "pg-minify": "1.5.1",
-        "spex": "3.0.0"
-      }
-    },
     "pg-types": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/pg-types/-/pg-types-2.2.0.tgz",
@@ -15182,12 +15209,6 @@
         }
       }
     },
-    "serialize-javascript": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-1.9.1.tgz",
-      "integrity": "sha512-0Vb/54WJ6k5v8sSWN09S0ora+Hnr+cX40r9F170nT+mSkaxltoE/7R3OrIdBSUv1OoiobH1QoWQbCnAO+e8J1A==",
-      "dev": true
-    },
     "serve-static": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz",
@@ -16002,16 +16023,16 @@
       }
     },
     "terser-webpack-plugin": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.1.tgz",
-      "integrity": "sha512-ZXmmfiwtCLfz8WKZyYUuuHf3dMYEjg8NrjHMb0JqHVHVOSkzp3cW2/XG1fP3tRhqEqSzMwzzRQGtAPbs4Cncxg==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz",
+      "integrity": "sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==",
       "dev": true,
       "requires": {
         "cacache": "^12.0.2",
         "find-cache-dir": "^2.1.0",
         "is-wsl": "^1.1.0",
         "schema-utils": "^1.0.0",
-        "serialize-javascript": "^1.7.0",
+        "serialize-javascript": "^2.1.2",
         "source-map": "^0.6.1",
         "terser": "^4.1.2",
         "webpack-sources": "^1.4.0",
@@ -16029,6 +16050,12 @@
             "ajv-keywords": "^3.1.0"
           }
         },
+        "serialize-javascript": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
+          "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
+          "dev": true
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
diff --git a/package.json b/package.json
index f0f42f9a68..f37dfd9294 100644
--- a/package.json
+++ b/package.json
@@ -92,7 +92,7 @@
     "http-server": "0.12.0",
     "jest": "24.8.0",
     "marked": "0.8.0",
-    "node-sass": "4.13.0",
+    "node-sass": "^4.13.1",
     "null-loader": "^3.0.0",
     "parse-server": "github:parseplatform/parse-server#master",
     "path-to-regexp": "3.2.0",
diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index df54d82cb5..2a66955ac1 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -1,81 +1,98 @@
 import React from "react";
 import ReactJson from "react-json-view";
-import Parse from 'parse';
+import Parse from "parse";
 
-import PropTypes from 'lib/PropTypes';
-import ParseApp from 'lib/ParseApp';
-import CategoryList from 'components/CategoryList/CategoryList.react'
-import DashboardView from 'dashboard/DashboardView.react'
+import PropTypes from "lib/PropTypes";
+import ParseApp from "lib/ParseApp";
+import CategoryList from "components/CategoryList/CategoryList.react";
+import DashboardView from "dashboard/DashboardView.react";
 import CodeEditor from "components/CodeEditor/CodeEditor.react";
 import Button from "components/Button/Button.react";
 import SaveButton from "components/SaveButton/SaveButton.react";
 import Toolbar from "components/Toolbar/Toolbar.react";
 
 export default class Playground extends DashboardView {
-
   constructor() {
     super();
-    this.section = 'Core';
-    this.subsection = 'Playground';
-    this.localKey = 'parse-dashboard-playground-code';
+    this.section = "Core";
+    this.subsection = "Playground";
+    this.localKey = "parse-dashboard-playground-code";
     this.state = {
       result: null,
       running: false,
       saving: false,
-      initialCode: '',
+      initialCode: "",
       savingState: SaveButton.States.WAITING
-    }
+    };
   }
 
   renderSidebar() {
-    const {path} = this.props.match;
-    const current = path.substr(path.lastIndexOf('/') + 1, path.length - 1);
+    const { path } = this.props.match;
+    const current = path.substr(path.lastIndexOf("/") + 1, path.length - 1);
     return (
-      <CategoryList current={current} linkPrefix={'playground/'} categories={[]}/>
-    )
+      <CategoryList
+        current={current}
+        linkPrefix={"playground/"}
+        categories={[]}
+      />
+    );
   }
 
   async runCode() {
     try {
-      const {currentApp: {applicationId, masterKey, serverURL, javascriptKey}} = this.context;
+      const {
+        currentApp: { applicationId, masterKey, serverURL, javascriptKey }
+      } = this.context;
 
-      const originalCode = this.editor.value.split(';');
-      originalCode[originalCode.length - 1] = `return ${originalCode[originalCode.length - 1]}`;
+      const originalCode = this.editor.value.split(";");
+      originalCode[originalCode.length - 1] = `return ${
+        originalCode[originalCode.length - 1]
+      }`;
 
       const finalCode = `return (async function(){
-        Parse.initialize('${applicationId}', ${javascriptKey ? `'${javascriptKey}'` : undefined});
+        Parse.initialize('${applicationId}', ${
+        javascriptKey ? `'${javascriptKey}'` : undefined
+      });
         Parse.masterKey = '${masterKey}';
         Parse.serverUrl = '${serverURL}';
 
-        ${originalCode.join('\n')}})()`;
+        ${originalCode.join("\n")}})()`;
 
-      this.setState({running: true});
-      const evaluation = await new Function('Parse', finalCode)(Parse);
-      const result = Array.isArray(evaluation) ?
-        evaluation.map(this.getParseObjectAttr) :
-        this.getParseObjectAttr(evaluation);
+      this.setState({ running: true });
+      const evaluation = await new Function("Parse", finalCode)(Parse);
+      const result = Array.isArray(evaluation)
+        ? evaluation.map(this.getParseObjectAttr)
+        : this.getParseObjectAttr(evaluation);
 
-      this.setState({result: {result}});
+      this.setState({ result: { result } });
     } catch (e) {
-      console.error("Don't forget to separate your statements with semicolon ;");
+      console.error(
+        "Don't forget to separate your statements with semicolon ;"
+      );
       console.error(e);
     } finally {
-      this.setState({running: false});
+      this.setState({ running: false });
     }
   }
 
   saveCode() {
     try {
-      this.setState({saving: true, savingState: SaveButton.States.SAVING});
+      this.setState({ saving: true, savingState: SaveButton.States.SAVING });
       const code = this.editor.value;
 
       window.localStorage.setItem(this.localKey, code);
-      this.setState({saving: false, savingState: SaveButton.States.SUCCEEDED});
-
-      setTimeout(() => this.setState({savingState: SaveButton.States.WAINTING}), 3000);
+      this.setState({
+        saving: false,
+        savingState: SaveButton.States.SUCCEEDED
+      });
+
+      setTimeout(
+        () => this.setState({ savingState: SaveButton.States.WAINTING }),
+        3000
+      );
     } catch (e) {
       console.error(e);
-      this.setState({saving: false, savingState: SaveButton.States.FAILED});
+      this.setState({ saving: false, savingState: SaveButton.States.FAILED });
     }
   }
 
@@ -97,35 +114,56 @@ export default class Playground extends DashboardView {
   }
 
   renderContent() {
-    const {result, running, saving, initialCode, savingState} = this.state;
+    const { result, running, saving, initialCode, savingState } = this.state;
     return React.cloneElement(
-      <div style={{padding: '96px 0 60px 0'}}>
-        <Toolbar section={this.section} subsection={this.subsection}/>
-        <div style={{minHeight: '600px'}}>
+      <div style={{ padding: "96px 0 60px 0" }}>
+        <Toolbar section={this.section} subsection={this.subsection} />
+        <div style={{ minHeight: "600px" }}>
           <CodeEditor
             initialCode={initialCode}
-            placeHolder={"Type your code here\nDon't forget to separate your statements with semicolon ;"}
-            ref={editor => this.editor = editor}/>
-          <div style={{
-            display: 'flex',
-            justifyContent: 'flex-end',
-            padding: 15,
-            borderTop: '#66637A 1px solid',
-            alignItems: 'center'
-          }}>
-            <div style={{display: 'flex', justifyContent: 'space-between', width: '24%'}}>
-              {window.localStorage && <SaveButton
-                state={savingState}
-                primary={false}
-                onClick={() => this.saveCode()}
-                progress={saving}/>}
-              <Button value={"Run"} primary={true} onClick={() => this.runCode()} progress={running}/>
+            placeHolder={
+              "Type your code here\nDon't forget to separate your statements with semicolon ;"
+            }
+            ref={editor => (this.editor = editor)}
+          />
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "flex-end",
+              padding: 15,
+              borderTop: "#66637A 1px solid",
+              alignItems: "center"
+            }}
+          >
+            <div
+              style={{
+                display: "flex",
+                justifyContent: "flex-end",
+                width: "25%"
+              }}
+            >
+              <div style={{ marginRight: "15px" }}>
+                {window.localStorage && (
+                  <SaveButton
+                    state={savingState}
+                    primary={false}
+                    onClick={() => this.saveCode()}
+                    progress={saving}
+                  />
+                )}
+              </div>
+              <Button
+                value={"Run"}
+                primary={true}
+                onClick={() => this.runCode()}
+                progress={running}
+              />
             </div>
           </div>
-          {result && <ReactJson src={result} collapsed={1}/>}
+          {result && <ReactJson src={result} collapsed={1} />}
         </div>
       </div>
-    )
+    );
   }
 }
 

From 892528e79f3edeb1e4570a6f30a7255803451ac2 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Mon, 10 Feb 2020 17:04:52 -0300
Subject: [PATCH 07/14] fix(React life-cycle): fixes requested on PR #1464
 review

---
 Parse-Dashboard/parse-dashboard-config.json   |  14 +++
 .../BrowserFilter/BrowserFilter.react.js      | 115 +++++++++++-------
 src/components/Calendar/Calendar.react.js     |   2 +-
 .../ChromeDropdown/ChromeDropdown.react.js    |   4 +-
 .../ColumnsConfiguration.react.js             |   2 +-
 .../DateTimeEditor/DateTimeEditor.react.js    |   2 +-
 .../DateTimeEntry/DateTimeEntry.react.js      |   2 +-
 .../DateTimePicker/DateTimePicker.react.js    |   2 +-
 .../ExplorerQueryComposer.react.js            |   2 +-
 src/components/FlowView/FlowView.react.js     |   2 +-
 src/components/FourOhFour/FourOhFour.react.js |   2 +-
 src/components/LiveReload/LiveReload.react.js |   2 +-
 .../MultiSelect/MultiSelect.react.js          |   2 +-
 src/components/Popover/Popover.react.js       |   6 +-
 .../PushAudienceDialog.react.js               |   2 +-
 .../PushAudiencesBaseRow.react.js             |   4 +-
 .../PushAudiencesOption.react.js              |   2 +-
 .../PushExperimentDropdown.react.js           |   2 +-
 src/components/Sidebar/SidebarHeader.react.js |   2 +-
 .../SlowQueriesFilter.react.js                |   2 +-
 .../Analytics/Overview/Overview.react.js      |   4 +-
 .../Performance/Performance.react.js          |   4 +-
 .../Analytics/Retention/Retention.react.js    |   4 +-
 src/dashboard/Apps/AppsIndex.react.js         |   2 +-
 .../Browser/AttachSelectedRowsDialog.react.js |   2 +-
 .../Data/Browser/BrowserTable.react.js        |   2 +-
 .../Data/Browser/DataBrowser.react.js         |   2 +-
 .../Data/Browser/ExportDialog.react.js        |   2 +-
 .../Data/Browser/Notification.react.js        |   2 +-
 .../Data/CloudCode/CloudCode.react.js         |   4 +-
 src/dashboard/Data/Jobs/JobsData.react.js     |   2 +-
 src/dashboard/Data/Logs/Logs.react.js         |   2 +-
 src/dashboard/Push/PushAudiencesData.react.js |   4 +-
 src/dashboard/Push/PushIndex.react.js         |   4 +-
 src/dashboard/Settings/SettingsData.react.js  |   2 +-
 src/lib/subscribeTo.js                        |   4 +-
 36 files changed, 132 insertions(+), 87 deletions(-)
 create mode 100644 Parse-Dashboard/parse-dashboard-config.json

diff --git a/Parse-Dashboard/parse-dashboard-config.json b/Parse-Dashboard/parse-dashboard-config.json
new file mode 100644
index 0000000000..e5c4decbf3
--- /dev/null
+++ b/Parse-Dashboard/parse-dashboard-config.json
@@ -0,0 +1,14 @@
+{
+  "apps": [
+    {
+      "serverURL": "http://localhost:1338/parse",
+      "appId": "hello",
+      "masterKey": "world",
+      "appName": "",
+      "iconName": "",
+      "primaryBackgroundColor": "",
+      "secondaryBackgroundColor": ""
+    }
+  ],
+  "iconsFolder": "icons"
+}
diff --git a/src/components/BrowserFilter/BrowserFilter.react.js b/src/components/BrowserFilter/BrowserFilter.react.js
index 16d809407f..ff1c6c5b36 100644
--- a/src/components/BrowserFilter/BrowserFilter.react.js
+++ b/src/components/BrowserFilter/BrowserFilter.react.js
@@ -5,19 +5,19 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import * as Filters  from 'lib/Filters';
-import Button        from 'components/Button/Button.react';
-import Filter        from 'components/Filter/Filter.react';
-import FilterRow     from 'components/BrowserFilter/FilterRow.react';
-import Icon          from 'components/Icon/Icon.react';
-import Popover       from 'components/Popover/Popover.react';
-import Position      from 'lib/Position';
-import React         from 'react';
-import ReactDOM      from 'react-dom';
-import styles        from 'components/BrowserFilter/BrowserFilter.scss';
-import { List, Map } from 'immutable';
+import * as Filters from "lib/Filters";
+import Button from "components/Button/Button.react";
+import Filter from "components/Filter/Filter.react";
+import FilterRow from "components/BrowserFilter/FilterRow.react";
+import Icon from "components/Icon/Icon.react";
+import Popover from "components/Popover/Popover.react";
+import Position from "lib/Position";
+import React from "react";
+import ReactDOM from "react-dom";
+import styles from "components/BrowserFilter/BrowserFilter.scss";
+import { List, Map } from "immutable";
 
-const BLACKLISTED_FILTERS = [ 'containsAny', 'doesNotContainAny' ];
+const BLACKLISTED_FILTERS = ["containsAny", "doesNotContainAny"];
 
 export default class BrowserFilter extends React.Component {
   constructor() {
@@ -25,16 +25,16 @@ export default class BrowserFilter extends React.Component {
 
     this.state = {
       open: false,
-      filters: new List(),
+      filters: new List()
     };
-    this.toggle = this.toggle.bind(this)
+    this.toggle = this.toggle.bind(this);
   }
 
   componentDidMount() {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     if (props.className !== this.props.className) {
       this.setState({ open: false });
     }
@@ -43,22 +43,34 @@ export default class BrowserFilter extends React.Component {
   toggle() {
     let filters = this.props.filters;
     if (this.props.filters.size === 0) {
-      let available = Filters.availableFilters(this.props.schema, null, BLACKLISTED_FILTERS);
+      let available = Filters.availableFilters(
+        this.props.schema,
+        null,
+        BLACKLISTED_FILTERS
+      );
       let field = Object.keys(available)[0];
-      filters = new List([new Map({ field: field, constraint: available[field][0] })]);
+      filters = new List([
+        new Map({ field: field, constraint: available[field][0] })
+      ]);
     }
     this.setState(prevState => ({
       open: !prevState.open,
-      filters: filters,
+      filters: filters
     }));
     this.props.setCurrent(null);
   }
 
   addRow() {
-    let available = Filters.availableFilters(this.props.schema, this.state.filters, BLACKLISTED_FILTERS);
+    let available = Filters.availableFilters(
+      this.props.schema,
+      this.state.filters,
+      BLACKLISTED_FILTERS
+    );
     let field = Object.keys(available)[0];
     this.setState(({ filters }) => ({
-      filters: filters.push(new Map({ field: field, constraint: available[field][0] })),
+      filters: filters.push(
+        new Map({ field: field, constraint: available[field][0] })
+      )
     }));
   }
 
@@ -67,14 +79,14 @@ export default class BrowserFilter extends React.Component {
   }
 
   apply() {
-    let formatted = this.state.filters.map((filter) => {
+    let formatted = this.state.filters.map(filter => {
       // TODO: type is unused?
       /*let type = this.props.schema[filter.get('field')].type;
       if (Filters.Constraints[filter.get('constraint')].hasOwnProperty('field')) {
         type = Filters.Constraints[filter.get('constraint')].field;
       }*/
       return filter;
-    })
+    });
     this.props.onChange(formatted);
   }
 
@@ -90,37 +102,56 @@ export default class BrowserFilter extends React.Component {
       if (this.props.filters.size) {
         popoverStyle.push(styles.active);
       }
-      let available = Filters.availableFilters(this.props.schema, this.state.filters);
+      let available = Filters.availableFilters(
+        this.props.schema,
+        this.state.filters
+      );
       popover = (
         <Popover fixed={true} position={position} onExternalClick={this.toggle}>
-          <div className={popoverStyle.join(' ')} onClick={() => this.props.setCurrent(null)}>
-            <div onClick={this.toggle} style={{ cursor: 'pointer', width: this.node.clientWidth, height: this.node.clientHeight }}></div>
+          <div
+            className={popoverStyle.join(" ")}
+            onClick={() => this.props.setCurrent(null)}
+          >
+            <div
+              onClick={this.toggle}
+              style={{
+                cursor: "pointer",
+                width: this.node.clientWidth,
+                height: this.node.clientHeight
+              }}
+            ></div>
             <div className={styles.body}>
               <Filter
                 blacklist={BLACKLISTED_FILTERS}
                 schema={this.props.schema}
                 filters={this.state.filters}
-                onChange={(filters) => this.setState({ filters: filters })}
-                renderRow={(props) => <FilterRow {...props} active={this.props.filters.size > 0} />} />
+                onChange={filters => this.setState({ filters: filters })}
+                renderRow={props => (
+                  <FilterRow {...props} active={this.props.filters.size > 0} />
+                )}
+              />
               <div className={styles.footer}>
                 <Button
-                  color='white'
-                  value='Clear all'
+                  color="white"
+                  value="Clear all"
                   disabled={this.state.filters.size === 0}
-                  width='120px'
-                  onClick={this.clear.bind(this)} />
+                  width="120px"
+                  onClick={this.clear.bind(this)}
+                />
                 <Button
-                  color='white'
-                  value='Add filter'
+                  color="white"
+                  value="Add filter"
                   disabled={Object.keys(available).length === 0}
-                  width='120px'
-                  onClick={this.addRow.bind(this)} />
+                  width="120px"
+                  onClick={this.addRow.bind(this)}
+                />
                 <Button
-                  color='white'
+                  color="white"
                   primary={true}
-                  value='Apply these filters'
-                  width='245px'
-                  onClick={this.apply.bind(this)} />
+                  value="Apply these filters"
+                  width="245px"
+                  onClick={this.apply.bind(this)}
+                />
               </div>
             </div>
           </div>
@@ -132,9 +163,9 @@ export default class BrowserFilter extends React.Component {
     }
     return (
       <div className={styles.wrap}>
-        <div className={buttonStyle.join(' ')} onClick={this.toggle}>
-          <Icon name='filter-solid' width={14} height={14} />
-          <span>{this.props.filters.size ? 'Filtered' : 'Filter'}</span>
+        <div className={buttonStyle.join(" ")} onClick={this.toggle}>
+          <Icon name="filter-solid" width={14} height={14} />
+          <span>{this.props.filters.size ? "Filtered" : "Filter"}</span>
         </div>
         {popover}
       </div>
diff --git a/src/components/Calendar/Calendar.react.js b/src/components/Calendar/Calendar.react.js
index 7616627a60..64076468c6 100644
--- a/src/components/Calendar/Calendar.react.js
+++ b/src/components/Calendar/Calendar.react.js
@@ -26,7 +26,7 @@ export default class Calendar extends React.Component {
     };
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     if (props.value) {
       this.setState({
         currentMonth: new Date(props.value[getDateMethod(props.local, 'getFullYear')](), props.value[getDateMethod(props.local, 'getMonth')](), 1)
diff --git a/src/components/ChromeDropdown/ChromeDropdown.react.js b/src/components/ChromeDropdown/ChromeDropdown.react.js
index 6f3fb6de16..dac17a3409 100644
--- a/src/components/ChromeDropdown/ChromeDropdown.react.js
+++ b/src/components/ChromeDropdown/ChromeDropdown.react.js
@@ -22,7 +22,7 @@ export default class ChromeDropdown extends React.Component {
     };
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps(nextProps) {
     this.keyValueMap = {};
     nextProps.options.forEach((value) => {
       if (value instanceof Object) {
@@ -34,7 +34,7 @@ export default class ChromeDropdown extends React.Component {
     }
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.styles = this.props.styles || styles;
   }
 
diff --git a/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js b/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
index 43b23ade0f..b56f1466b8 100644
--- a/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
+++ b/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
@@ -23,7 +23,7 @@ export default class ColumnsConfiguration extends React.Component {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     if (props.schema !== this.props.schema) {
       this.setState({
         open: false
diff --git a/src/components/DateTimeEditor/DateTimeEditor.react.js b/src/components/DateTimeEditor/DateTimeEditor.react.js
index 80f5e8255e..9c9bd1a34d 100644
--- a/src/components/DateTimeEditor/DateTimeEditor.react.js
+++ b/src/components/DateTimeEditor/DateTimeEditor.react.js
@@ -25,7 +25,7 @@ export default class DateTimeEditor extends React.Component {
     this.handleKey = this.handleKey.bind(this);
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     this.setState({ value: props.value, text: props.value.toISOString() });
   }
 
diff --git a/src/components/DateTimeEntry/DateTimeEntry.react.js b/src/components/DateTimeEntry/DateTimeEntry.react.js
index a735e7b493..176155cc42 100644
--- a/src/components/DateTimeEntry/DateTimeEntry.react.js
+++ b/src/components/DateTimeEntry/DateTimeEntry.react.js
@@ -22,7 +22,7 @@ export default class DateTimeEntry extends React.Component {
     }
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     this.setState({
       value: props.value.toISOString ? props.value.toISOString() : props.value
     });
diff --git a/src/components/DateTimePicker/DateTimePicker.react.js b/src/components/DateTimePicker/DateTimePicker.react.js
index 4855ff6e74..5f9908f490 100644
--- a/src/components/DateTimePicker/DateTimePicker.react.js
+++ b/src/components/DateTimePicker/DateTimePicker.react.js
@@ -22,7 +22,7 @@ export default class DateTimePicker extends React.Component {
     }
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     let timeRef = props.value || hoursFrom(new Date(), 1);
     this.setState({
       hours: String(timeRef[getDateMethod(props.local, 'getHours')]()),
diff --git a/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js b/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js
index 1f3b8bc58a..c852974bc8 100644
--- a/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js
+++ b/src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js
@@ -187,7 +187,7 @@ export default class ExplorerQueryComposer extends React.Component {
     return options;
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps(nextProps) {
     let initialState = this.getInitialStateFromProps(nextProps);
     this.setState({ ...initialState });
   }
diff --git a/src/components/FlowView/FlowView.react.js b/src/components/FlowView/FlowView.react.js
index b5a76b0f8e..275f272b4e 100644
--- a/src/components/FlowView/FlowView.react.js
+++ b/src/components/FlowView/FlowView.react.js
@@ -22,7 +22,7 @@ export default class FlowView extends React.Component {
     };
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     let newChanges = {...this.state.changes};
     for (let k in props.initialFields) {
       if (this.state.changes[k] === props.initialFields[k]) {
diff --git a/src/components/FourOhFour/FourOhFour.react.js b/src/components/FourOhFour/FourOhFour.react.js
index ca2691e78a..edbfd0d1a4 100644
--- a/src/components/FourOhFour/FourOhFour.react.js
+++ b/src/components/FourOhFour/FourOhFour.react.js
@@ -22,7 +22,7 @@ export default class FourOhFour extends React.Component {
     this.updateEmoji = this.updateEmoji.bind(this);
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.timeout = setTimeout(this.updateEmoji, 3000);
   }
 
diff --git a/src/components/LiveReload/LiveReload.react.js b/src/components/LiveReload/LiveReload.react.js
index f25d932ed7..2497760ac3 100644
--- a/src/components/LiveReload/LiveReload.react.js
+++ b/src/components/LiveReload/LiveReload.react.js
@@ -53,7 +53,7 @@ export default class LiveReload extends React.Component {
 		return promise;
 	}
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
 		this.shouldContinueReloading = true;
 		if (!this.state.currentData) {
 			this.fetchNewData();
diff --git a/src/components/MultiSelect/MultiSelect.react.js b/src/components/MultiSelect/MultiSelect.react.js
index 4736de5159..08532a641a 100644
--- a/src/components/MultiSelect/MultiSelect.react.js
+++ b/src/components/MultiSelect/MultiSelect.react.js
@@ -27,7 +27,7 @@ export default class MultiSelect extends React.Component {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  UNSAFE_componentWillReceiveProps() {
+  componentWillReceiveProps() {
     //Necessary for when the size of the field changes.
     this.setState({}, this.setPosition.bind(this));
   }
diff --git a/src/components/Popover/Popover.react.js b/src/components/Popover/Popover.react.js
index ae4dd68947..243aef3d1c 100644
--- a/src/components/Popover/Popover.react.js
+++ b/src/components/Popover/Popover.react.js
@@ -32,7 +32,7 @@ export default class Popover extends React.Component {
     super();
     this._checkExternalClick = this._checkExternalClick.bind(this);
   }
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     let wrapperStyle = this.props.fixed ?
       styles.fixed_wrapper :
       styles.popover_wrapper;
@@ -60,7 +60,7 @@ export default class Popover extends React.Component {
     this._popoverWrapper.appendChild(this._popoverLayer);
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps(nextProps) {
     if (nextProps.position) {
       this._popoverLayer.style.left = this.props.position.x + 'px';
       this._popoverLayer.style.top = this.props.position.y + 'px';
@@ -78,7 +78,7 @@ export default class Popover extends React.Component {
     this._popoverWrapper.removeChild(this._popoverLayer);
   }
 
-  UNSAFE_componentWillUpdate(nextProps) {
+  componentWillUpdate(nextProps) {
     ReactDOM.render(<ContextProxy cx={this.context}>{React.Children.only(nextProps.children)}</ContextProxy>, this._popoverLayer);
   }
 
diff --git a/src/components/PushAudienceDialog/PushAudienceDialog.react.js b/src/components/PushAudienceDialog/PushAudienceDialog.react.js
index a2e9bc933a..58d8e179b2 100644
--- a/src/components/PushAudienceDialog/PushAudienceDialog.react.js
+++ b/src/components/PushAudienceDialog/PushAudienceDialog.react.js
@@ -58,7 +58,7 @@ export default class PushAudienceDialog extends React.Component {
     };
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     let stateSettings = {};
     let audienceInfo = this.props.audienceInfo;
     //this case is only for 'New Segment' to prepopulate existing audience
diff --git a/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js b/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js
index 9ef6ef31ad..f643b9c5b0 100644
--- a/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js
+++ b/src/components/PushAudiencesSelector/PushAudiencesBaseRow.react.js
@@ -43,14 +43,14 @@ export default class PushAudiencesBaseRow extends React.Component {
     }, () => {});
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.fetchPushSubscriberCount.call(this,this.context);
     if (this.props.id == NEW_SEGMENT_ID) {
       this.setState({ isNewSegment: true });
     }
   }
 
-  UNSAFE_componentWillReceiveProps(props, context) {
+  componentWillReceiveProps(props, context) {
     if (this.context !== context) {
       this.fetchPushSubscriberCount.call(this, context);
     }
diff --git a/src/components/PushAudiencesSelector/PushAudiencesOption.react.js b/src/components/PushAudiencesSelector/PushAudiencesOption.react.js
index 550152b9f0..fd458e6560 100644
--- a/src/components/PushAudiencesSelector/PushAudiencesOption.react.js
+++ b/src/components/PushAudiencesSelector/PushAudiencesOption.react.js
@@ -40,7 +40,7 @@ export default class PushAudiencesOption extends PushAudiencesBaseRow {
   }
 
   // pass count information to PushNew flow
-  UNSAFE_componentWillUpdate(nextProps, nextState) {
+  componentWillUpdate(nextProps, nextState) {
     if ((nextState.count !== this.state.count || JSON.stringify(nextProps.query) !== JSON.stringify(this.props.query))
       && this.props.isChecked) {
       nextProps.onChange.call(undefined, nextState.count);
diff --git a/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js b/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js
index 085f3d2181..e1efbb1c68 100644
--- a/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js
+++ b/src/components/PushExperimentDropdown/PushExperimentDropdown.react.js
@@ -22,7 +22,7 @@ export default class PushExperimentDropdown extends React.Component {
     };
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.styles = this.props.styles || styles;
   }
 
diff --git a/src/components/Sidebar/SidebarHeader.react.js b/src/components/Sidebar/SidebarHeader.react.js
index be6cc75d2b..67de9c4cad 100644
--- a/src/components/Sidebar/SidebarHeader.react.js
+++ b/src/components/Sidebar/SidebarHeader.react.js
@@ -17,7 +17,7 @@ export default class SidebarHeader extends React.Component {
     super();
     this.state = { };
   }
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     let mountPath = window.PARSE_DASHBOARD_PATH;
     fetch(mountPath).then(response => {
       this.setState({ dashboardUser: response.headers.get('username') });
diff --git a/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js b/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js
index 9065000a50..53b3572107 100644
--- a/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js
+++ b/src/components/SlowQueriesFilter/SlowQueriesFilter.react.js
@@ -27,7 +27,7 @@ export default class SlowQueriesFilter extends React.Component {
     this.node = ReactDOM.findDOMNode(this);
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     if (props.schema !== this.props.schema) {
       this.setState({ open: false });
     }
diff --git a/src/dashboard/Analytics/Overview/Overview.react.js b/src/dashboard/Analytics/Overview/Overview.react.js
index f65f9480b3..7b4af28c22 100644
--- a/src/dashboard/Analytics/Overview/Overview.react.js
+++ b/src/dashboard/Analytics/Overview/Overview.react.js
@@ -99,11 +99,11 @@ export default class Overview extends DashboardView {
     }
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.fetchOverview(this.context.currentApp);
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
+  componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchOverview(nextContext.currentApp);
     }
diff --git a/src/dashboard/Analytics/Performance/Performance.react.js b/src/dashboard/Analytics/Performance/Performance.react.js
index 7929ffe289..bfaecf7d5b 100644
--- a/src/dashboard/Analytics/Performance/Performance.react.js
+++ b/src/dashboard/Analytics/Performance/Performance.react.js
@@ -101,7 +101,7 @@ export default class Performance extends DashboardView {
     };
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.handleRunQuery(this.context.currentApp);
   }
 
@@ -109,7 +109,7 @@ export default class Performance extends DashboardView {
     this.xhrHandles.forEach(xhr => xhr.abort());
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
+  componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.handleRunQuery(nextContext.currentApp);
     }
diff --git a/src/dashboard/Analytics/Retention/Retention.react.js b/src/dashboard/Analytics/Retention/Retention.react.js
index 522cfa8d13..b734e84a31 100644
--- a/src/dashboard/Analytics/Retention/Retention.react.js
+++ b/src/dashboard/Analytics/Retention/Retention.react.js
@@ -52,7 +52,7 @@ export default class Retention extends DashboardView {
     };
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.fetchRetention(this.context.currentApp);
   }
 
@@ -60,7 +60,7 @@ export default class Retention extends DashboardView {
     this.xhrHandles.forEach((xhr) => xhr.abort());
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
+  componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchRetention(nextContext.currentApp);
     }
diff --git a/src/dashboard/Apps/AppsIndex.react.js b/src/dashboard/Apps/AppsIndex.react.js
index befd58c6b8..164151d96a 100644
--- a/src/dashboard/Apps/AppsIndex.react.js
+++ b/src/dashboard/Apps/AppsIndex.react.js
@@ -95,7 +95,7 @@ export default class AppsIndex extends React.Component {
     this.focusField = this.focusField.bind(this);
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     if (AppsManager.apps().length === 1) {
       const [app] = AppsManager.apps();
       history.push(`/apps/${app.slug}/browser`);
diff --git a/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js b/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js
index 805a63d8e8..aea434f49d 100644
--- a/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js
+++ b/src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js
@@ -25,7 +25,7 @@ export default class AttachSelectedRowsDialog extends React.Component {
     this.handleTargetObjectIdChange = this.handleTargetObjectIdChange.bind(this);
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     const { selection, classes, onSelectClass } = this.props;
     if (selection) {
       const currentClass = classes[0];
diff --git a/src/dashboard/Data/Browser/BrowserTable.react.js b/src/dashboard/Data/Browser/BrowserTable.react.js
index 14306d98bd..4b5b95255f 100644
--- a/src/dashboard/Data/Browser/BrowserTable.react.js
+++ b/src/dashboard/Data/Browser/BrowserTable.react.js
@@ -35,7 +35,7 @@ export default class BrowserTable extends React.Component {
     this.handleScroll = this.handleScroll.bind(this);
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     if (props.className !== this.props.className) {
       this.setState({
         offset: 0,
diff --git a/src/dashboard/Data/Browser/DataBrowser.react.js b/src/dashboard/Data/Browser/DataBrowser.react.js
index 66066b72fb..105ff4d908 100644
--- a/src/dashboard/Data/Browser/DataBrowser.react.js
+++ b/src/dashboard/Data/Browser/DataBrowser.react.js
@@ -47,7 +47,7 @@ export default class DataBrowser extends React.Component {
     this.saveOrderTimeout = null;
   }
 
-  UNSAFE_componentWillReceiveProps(props, context) {
+  componentWillReceiveProps(props, context) {
     if (props.className !== this.props.className) {
       let order = ColumnPreferences.getOrder(
         props.columns,
diff --git a/src/dashboard/Data/Browser/ExportDialog.react.js b/src/dashboard/Data/Browser/ExportDialog.react.js
index ba774c0371..1bba7e155f 100644
--- a/src/dashboard/Data/Browser/ExportDialog.react.js
+++ b/src/dashboard/Data/Browser/ExportDialog.react.js
@@ -18,7 +18,7 @@ export default class ExportDialog extends React.Component {
     };
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.context.currentApp.getExportProgress().then((progress) => {
       this.setState({ progress });
     });
diff --git a/src/dashboard/Data/Browser/Notification.react.js b/src/dashboard/Data/Browser/Notification.react.js
index 0f0650108e..b09be8d5ab 100644
--- a/src/dashboard/Data/Browser/Notification.react.js
+++ b/src/dashboard/Data/Browser/Notification.react.js
@@ -27,7 +27,7 @@ export default class Notification extends React.Component {
     clearTimeout(this.timeout);
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps(nextProps) {
     if (this.state.lastNote !== nextProps.note) {
       clearTimeout(this.timeout);
       if (this.state.hiding) {
diff --git a/src/dashboard/Data/CloudCode/CloudCode.react.js b/src/dashboard/Data/CloudCode/CloudCode.react.js
index d82f8394a4..9387271680 100644
--- a/src/dashboard/Data/CloudCode/CloudCode.react.js
+++ b/src/dashboard/Data/CloudCode/CloudCode.react.js
@@ -30,11 +30,11 @@ export default class CloudCode extends DashboardView {
     };
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.fetchSource(this.context.currentApp, getPath(this.props.params));
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
+  componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchSource(nextContext.currentApp, getPath(nextProps.params));
     }
diff --git a/src/dashboard/Data/Jobs/JobsData.react.js b/src/dashboard/Data/Jobs/JobsData.react.js
index 88efb0a583..29467ed635 100644
--- a/src/dashboard/Data/Jobs/JobsData.react.js
+++ b/src/dashboard/Data/Jobs/JobsData.react.js
@@ -50,7 +50,7 @@ export default class JobsData extends React.Component {
     // this.fetchRelease(this.context.currentApp);
   }
 
-  UNSAFE_componentWillReceiveProps(props, context) {
+  componentWillReceiveProps(props, context) {
     if (this.context !== context) {
       this.fetchJobs(context.currentApp);
       // this.fetchRelease(context.currentApp);
diff --git a/src/dashboard/Data/Logs/Logs.react.js b/src/dashboard/Data/Logs/Logs.react.js
index 7de930b098..26c9b21067 100644
--- a/src/dashboard/Data/Logs/Logs.react.js
+++ b/src/dashboard/Data/Logs/Logs.react.js
@@ -38,7 +38,7 @@ export default class Logs extends DashboardView {
     // this.fetchRelease(this.context.currentApp);
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
+  componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
       this.fetchLogs(nextContext.currentApp, nextProps.params.type);
       // this.fetchRelease(nextContext.currentApp);
diff --git a/src/dashboard/Push/PushAudiencesData.react.js b/src/dashboard/Push/PushAudiencesData.react.js
index dc1ed3918b..c0ef783efc 100644
--- a/src/dashboard/Push/PushAudiencesData.react.js
+++ b/src/dashboard/Push/PushAudiencesData.react.js
@@ -39,7 +39,7 @@ export default class PushAudiencesData extends React.Component {
     };
   }
 
-  UNSAFE_componentWillMount(){
+  componentWillMount(){
     if (this.props.loaded){ //case when data already fetched
       this.setState({ loading: false});
     }
@@ -65,7 +65,7 @@ export default class PushAudiencesData extends React.Component {
     });
   }
 
-  UNSAFE_componentWillReceiveProps(props) {
+  componentWillReceiveProps(props) {
     if (props.loaded){
       this.setState({ loading: false});
     }
diff --git a/src/dashboard/Push/PushIndex.react.js b/src/dashboard/Push/PushIndex.react.js
index a5047705d6..370421a458 100644
--- a/src/dashboard/Push/PushIndex.react.js
+++ b/src/dashboard/Push/PushIndex.react.js
@@ -262,7 +262,7 @@ export default class PushIndex extends DashboardView {
     });
   }
 
-  UNSAFE_componentWillMount() {
+  componentWillMount() {
     this.handleFetch(this.props.params.category);
     //TODO: make xhr map and generic abort for existing xhrs.
     this.context.currentApp.fetchAvailableDevices().then(({ available_devices }) => {
@@ -282,7 +282,7 @@ export default class PushIndex extends DashboardView {
     }
   }
 
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps(nextProps) {
     if (this.props.params.category !== nextProps.params.category) {
       // The category has changed
       if (this.xhrHandle) {
diff --git a/src/dashboard/Settings/SettingsData.react.js b/src/dashboard/Settings/SettingsData.react.js
index f94520425f..54ff99e297 100644
--- a/src/dashboard/Settings/SettingsData.react.js
+++ b/src/dashboard/Settings/SettingsData.react.js
@@ -24,7 +24,7 @@ export default class SettingsData extends React.Component {
     });
   }
 
-  UNSAFE_componentWillReceiveProps(props, context) {
+  componentWillReceiveProps(props, context) {
     if (this.context !== context) {
       this.setState({ fields: undefined });
       context.currentApp.fetchSettingsFields().then(({ fields }) => {
diff --git a/src/lib/subscribeTo.js b/src/lib/subscribeTo.js
index 1c7ab1eaa5..9d5a8ac765 100644
--- a/src/lib/subscribeTo.js
+++ b/src/lib/subscribeTo.js
@@ -31,11 +31,11 @@ export default function subscribeTo(name, prop) {
         }
       }
 
-      UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
+      componentWillReceiveProps(nextProps, nextContext) {
         this.setState({ data: store.getData(nextContext.currentApp) });
       }
 
-      UNSAFE_componentWillMount() {
+      componentWillMount() {
         this.subscriptionId = store.subscribe(this.handleNewData.bind(this));
       }
 

From c2c4e5910aa8b4e7dc79d8757b0ac0b6324083c9 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Sat, 15 Feb 2020 15:59:10 -0300
Subject: [PATCH 08/14] feat(Playground): update CodeEditor component and show
 result just in console

---
 Parse-Dashboard/parse-dashboard-config.json   |    8 +-
 .../parse-dashboard-config.sample.json        |   14 +
 package-lock.json                             | 1053 +++++++++--------
 package.json                                  |    6 +-
 .../BrowserCell/BrowserCell.react.js          |   19 +-
 .../BrowserFilter/BrowserFilter.react.js      |   22 +-
 .../BrowserFilter/BrowserFilter.scss          |    6 +
 src/components/BrowserRow/BrowserRow.react.js |    6 +-
 .../ChromeDropdown/ChromeDropdown.react.js    |    2 +-
 src/components/CodeEditor/CodeEditor.react.js |   63 +-
 src/components/CodeEditor/CodeEditor.scss     |    3 -
 .../ColumnsConfiguration.react.js             |    6 +-
 .../ColumnsConfiguration.scss                 |    6 +
 .../DataBrowserHeaderBar.react.js             |   36 +-
 .../DataBrowserHeaderBar.scss                 |    8 +
 src/components/FileEditor/FileEditor.react.js |   22 +-
 src/components/FileEditor/FileEditor.scss     |    2 +-
 .../GeoPointEditor/GeoPointEditor.react.js    |   27 +-
 src/components/Popover/Popover.react.js       |   21 +-
 src/components/TextInput/TextInput.react.js   |   33 +-
 src/components/Toolbar/Toolbar.scss           |   19 +-
 src/dashboard/Data/Browser/Browser.react.js   |  105 +-
 src/dashboard/Data/Browser/Browser.scss       |   62 +
 .../Data/Browser/BrowserTable.react.js        |   17 +-
 .../Data/Browser/BrowserToolbar.react.js      |   32 +-
 .../Data/Browser/DataBrowser.react.js         |   10 +-
 .../Data/Browser/EditRowDialog.react.js       |  423 +++++++
 src/dashboard/Data/Browser/Editor.react.js    |    5 +-
 .../Data/Browser/ObjectPickerDialog.react.js  |  411 +++++++
 .../Data/Playground/Playground.react.js       |  161 ++-
 src/dashboard/Data/Playground/Playground.scss |   47 +
 31 files changed, 1964 insertions(+), 691 deletions(-)
 create mode 100644 Parse-Dashboard/parse-dashboard-config.sample.json
 delete mode 100644 src/components/CodeEditor/CodeEditor.scss
 create mode 100644 src/dashboard/Data/Browser/EditRowDialog.react.js
 create mode 100644 src/dashboard/Data/Browser/ObjectPickerDialog.react.js
 create mode 100644 src/dashboard/Data/Playground/Playground.scss

diff --git a/Parse-Dashboard/parse-dashboard-config.json b/Parse-Dashboard/parse-dashboard-config.json
index e5c4decbf3..dee857241b 100644
--- a/Parse-Dashboard/parse-dashboard-config.json
+++ b/Parse-Dashboard/parse-dashboard-config.json
@@ -1,10 +1,10 @@
 {
   "apps": [
     {
-      "serverURL": "http://localhost:1338/parse",
-      "appId": "hello",
-      "masterKey": "world",
-      "appName": "",
+      "serverURL": "https://parsedev.behive.io/parse",
+      "appId": "Q2keNQdPMD2t3dzwWANyw5w5MzaT5h6TfdVAm5oC",
+      "masterKey": "tBlFocOzlsGKSad40KmLx7wckRhxSAFhgV72GlTK",
+      "appName": "Test",
       "iconName": "",
       "primaryBackgroundColor": "",
       "secondaryBackgroundColor": ""
diff --git a/Parse-Dashboard/parse-dashboard-config.sample.json b/Parse-Dashboard/parse-dashboard-config.sample.json
new file mode 100644
index 0000000000..e5c4decbf3
--- /dev/null
+++ b/Parse-Dashboard/parse-dashboard-config.sample.json
@@ -0,0 +1,14 @@
+{
+  "apps": [
+    {
+      "serverURL": "http://localhost:1338/parse",
+      "appId": "hello",
+      "masterKey": "world",
+      "appName": "",
+      "iconName": "",
+      "primaryBackgroundColor": "",
+      "secondaryBackgroundColor": ""
+    }
+  ],
+  "iconsFolder": "icons"
+}
diff --git a/package-lock.json b/package-lock.json
index 1166fbe29c..9fb35e99de 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,9 +26,9 @@
       },
       "dependencies": {
         "@types/node": {
-          "version": "10.17.14",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.14.tgz",
-          "integrity": "sha512-G0UmX5uKEmW+ZAhmZ6PLTQ5eu/VPaT+d/tdLd5IFsKRPcbe6lPxocBtcYBFSaLaCW8O60AX90e91Nsp8lVHCNw==",
+          "version": "10.17.15",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.15.tgz",
+          "integrity": "sha512-daFGV9GSs6USfPgxceDA8nlSe48XrVCJfDeYm7eokxq/ye7iuOH87hKXgMtEAVLFapkczbZsx868PMDT1Y0a6A==",
           "dev": true
         }
       }
@@ -3367,114 +3367,6 @@
         }
       }
     },
-    "@parse/push-adapter": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@parse/push-adapter/-/push-adapter-3.2.0.tgz",
-      "integrity": "sha512-6V7Bnh9+pSRc2U6ONvDPrPN20nRO4YT9eAITiZyVQu2N9WRCE+QoR2wyK7f+iTmyhRbVWP5xeSEoEhOPkS4pWA==",
-      "dev": true,
-      "requires": {
-        "@parse/node-apn": "^3.1.0",
-        "@parse/node-gcm": "^1.0.0",
-        "npmlog": "^4.0.2",
-        "parse": "2.8.0"
-      },
-      "dependencies": {
-        "@babel/runtime": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.6.3.tgz",
-          "integrity": "sha512-kq6anf9JGjW8Nt5rYfEuGRaEAaH1mkv3Bbu6rYvLOpPh/RusSJXuKPEAoZ7L7gybZkchE8+NV5g9vKF4AGAtsA==",
-          "dev": true,
-          "requires": {
-            "regenerator-runtime": "^0.13.2"
-          }
-        },
-        "@babel/runtime-corejs3": {
-          "version": "7.6.3",
-          "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.6.3.tgz",
-          "integrity": "sha512-933SXHQr7apa95F+3IqkBne8mqOnu1kDh6dnSddC07aW/R51WsOVD7MSczJ6DRpq/L8KLll7TFDxmt30pft44w==",
-          "dev": true,
-          "requires": {
-            "core-js-pure": "^3.0.0",
-            "regenerator-runtime": "^0.13.2"
-          }
-        },
-        "parse": {
-          "version": "2.8.0",
-          "resolved": "https://registry.npmjs.org/parse/-/parse-2.8.0.tgz",
-          "integrity": "sha512-dd6IOPYST+qDqWG22xyZpBLQJ+vqozzE4/43cc0OcKakELoSEsJS43JPaxmELI5/sVxsYYYAqshuPePPnefu5A==",
-          "dev": true,
-          "requires": {
-            "@babel/runtime": "7.6.3",
-            "@babel/runtime-corejs3": "7.6.3",
-            "uuid": "3.3.3",
-            "ws": "7.1.2",
-            "xmlhttprequest": "1.8.0"
-          }
-        },
-        "ws": {
-          "version": "7.1.2",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-7.1.2.tgz",
-          "integrity": "sha512-gftXq3XI81cJCgkUiAVixA0raD9IVmXqsylCrjRygw4+UOOGzPoxnQ6r/CnVL9i+mDncJo94tSkyrtuuQVBmrg==",
-          "dev": true,
-          "requires": {
-            "async-limiter": "^1.0.0"
-          }
-        }
-      }
-    },
-    "@parse/s3-files-adapter": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@parse/s3-files-adapter/-/s3-files-adapter-1.4.0.tgz",
-      "integrity": "sha512-qivvhL09Fqozo6B86PgUZjnY3VZQtxbH+6TtHEIg20Ol9THG/JaHGzSxlWNOBsCf7lvpRp0dELgbhMnMK3LWJA==",
-      "dev": true,
-      "requires": {
-        "aws-sdk": "2.59.0",
-        "parse": "2.10.0"
-      },
-      "dependencies": {
-        "@babel/runtime": {
-          "version": "7.7.4",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.4.tgz",
-          "integrity": "sha512-r24eVUUr0QqNZa+qrImUk8fn5SPhHq+IfYvIoIMg0do3GdK9sMdiLKP3GYVVaxpPKORgm8KRKaNTEhAjgIpLMw==",
-          "dev": true,
-          "requires": {
-            "regenerator-runtime": "^0.13.2"
-          }
-        },
-        "@babel/runtime-corejs3": {
-          "version": "7.7.4",
-          "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.7.4.tgz",
-          "integrity": "sha512-BBIEhzk8McXDcB3IbOi8zQPzzINUp4zcLesVlBSOcyGhzPUU8Xezk5GAG7Sy5GVhGmAO0zGd2qRSeY2g4Obqxw==",
-          "dev": true,
-          "requires": {
-            "core-js-pure": "^3.0.0",
-            "regenerator-runtime": "^0.13.2"
-          }
-        },
-        "parse": {
-          "version": "2.10.0",
-          "resolved": "https://registry.npmjs.org/parse/-/parse-2.10.0.tgz",
-          "integrity": "sha512-TBJCvQPachrcGGLbN8llN8tOr01VsKB6pxi3OWq3/C0bIHHdb2Bd+cgH4v5ZlRCrZt3MHVasGH4rvx7Klkp7Wg==",
-          "dev": true,
-          "requires": {
-            "@babel/runtime": "7.7.4",
-            "@babel/runtime-corejs3": "7.7.4",
-            "uuid": "3.3.3",
-            "ws": "7.2.0",
-            "xmlhttprequest": "1.8.0"
-          }
-        },
-        "ws": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.0.tgz",
-          "integrity": "sha512-+SqNqFbwTm/0DC18KYzIsMTnEWpLwJsiasW/O17la4iDRRIO9uaHbvKiAS3AHgTiuuWerK/brj4O6MYZkei9xg==",
-          "dev": true,
-          "requires": {
-            "async-limiter": "^1.0.0"
-          }
-        }
-      }
-    },
     "@parse/simple-mailgun-adapter": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@parse/simple-mailgun-adapter/-/simple-mailgun-adapter-1.1.0.tgz",
@@ -3761,9 +3653,9 @@
       "dev": true
     },
     "@types/koa": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/@types/koa/-/koa-2.11.0.tgz",
-      "integrity": "sha512-Hgx/1/rVlJvqYBrdeCsS7PDiR2qbxlMt1RnmNWD4Uxi5FF9nwkYqIldo7urjc+dfNpk+2NRGcnAYd4L5xEhCcQ==",
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/@types/koa/-/koa-2.11.1.tgz",
+      "integrity": "sha512-/kqQs+8Qd9GL0cdl39HEhK91k7xq6+Zci76RUdqtTLj1Mg1aVG7zwJm3snkeyFUeAvY8noY27eMXgqg1wHZgwA==",
       "dev": true,
       "requires": {
         "@types/accepts": "*",
@@ -3807,9 +3699,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "13.7.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.0.tgz",
-      "integrity": "sha512-GnZbirvmqZUzMgkFn70c74OQpTTUcCzlhQliTzYjQMqg+hVKcDnxdL19Ne3UdYzdMA/+W3eb646FWn/ZaT1NfQ==",
+      "version": "13.7.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.1.tgz",
+      "integrity": "sha512-Zq8gcQGmn4txQEJeiXo/KiLpon8TzAl0kmKH4zdWctPj05nWwp1ClMdAVEloqrQKfaC48PNLdgN/aVaLqUrluA==",
       "dev": true
     },
     "@types/node-fetch": {
@@ -4160,6 +4052,11 @@
         "negotiator": "0.6.2"
       }
     },
+    "ace-builds": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.4.8.tgz",
+      "integrity": "sha512-8ZVAxwyCGAxQX8mOp9imSXH0hoSPkGfy8igJy+WO/7axL30saRhKgg1XPACSmxxPA7nfHVwM+ShWXT+vKsNuFg=="
+    },
     "acorn": {
       "version": "5.7.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
@@ -4285,6 +4182,32 @@
         "graphql-extensions": "^0.10.10"
       }
     },
+    "apollo-datasource": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/apollo-datasource/-/apollo-datasource-0.7.0.tgz",
+      "integrity": "sha512-Yja12BgNQhzuFGG/5Nw2MQe0hkuQy2+9er09HxeEyAf2rUDIPnhPrn1MDoZTB8MU7UGfjwITC+1ofzKkkrZobA==",
+      "dev": true,
+      "requires": {
+        "apollo-server-caching": "^0.5.1",
+        "apollo-server-env": "^2.4.3"
+      }
+    },
+    "apollo-engine-reporting": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.5.0.tgz",
+      "integrity": "sha512-Pe2DelijZ2QHqkqv8E97iOb32l+FIMT2nxpQsuH+nWi+96cCFJJJHjm3RLAPEUuvGOgW9dFYQP3J91EyC5O0tQ==",
+      "dev": true,
+      "requires": {
+        "apollo-engine-reporting-protobuf": "^0.4.4",
+        "apollo-graphql": "^0.4.0",
+        "apollo-server-caching": "^0.5.1",
+        "apollo-server-env": "^2.4.3",
+        "apollo-server-errors": "^2.3.4",
+        "apollo-server-types": "^0.2.10",
+        "async-retry": "^1.2.1",
+        "graphql-extensions": "^0.10.10"
+      }
+    },
     "apollo-engine-reporting-protobuf": {
       "version": "0.4.4",
       "resolved": "https://registry.npmjs.org/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.4.4.tgz",
@@ -4314,6 +4237,16 @@
         }
       }
     },
+    "apollo-graphql": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.4.0.tgz",
+      "integrity": "sha512-abCHcKln1EGbzSItW087EjBI5wnluikyUqEn4VsdeWHCtdENWpHCn/MnM0+jJa1prNasxN7tCukp4nMpJYYVqg==",
+      "dev": true,
+      "requires": {
+        "apollo-env": "^0.6.1",
+        "lodash.sortby": "^4.7.0"
+      }
+    },
     "apollo-link": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/apollo-link/-/apollo-link-1.2.13.tgz",
@@ -4379,6 +4312,77 @@
         }
       }
     },
+    "apollo-server-core": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.10.0.tgz",
+      "integrity": "sha512-x/UK6XvU307W8D/pzTclU04JIjRarcbg5mFPe0nVmO4OTc26uQgKi1WlZkcewXsAUnn+nDwKVn2c2G3dHEgXzQ==",
+      "dev": true,
+      "requires": {
+        "@apollographql/apollo-tools": "^0.4.3",
+        "@apollographql/graphql-playground-html": "1.6.24",
+        "@types/graphql-upload": "^8.0.0",
+        "@types/ws": "^6.0.0",
+        "apollo-cache-control": "^0.8.11",
+        "apollo-datasource": "^0.7.0",
+        "apollo-engine-reporting": "^1.5.0",
+        "apollo-server-caching": "^0.5.1",
+        "apollo-server-env": "^2.4.3",
+        "apollo-server-errors": "^2.3.4",
+        "apollo-server-plugin-base": "^0.6.10",
+        "apollo-server-types": "^0.2.10",
+        "apollo-tracing": "^0.8.11",
+        "fast-json-stable-stringify": "^2.0.0",
+        "graphql-extensions": "^0.10.10",
+        "graphql-tag": "^2.9.2",
+        "graphql-tools": "^4.0.0",
+        "graphql-upload": "^8.0.2",
+        "sha.js": "^2.4.11",
+        "subscriptions-transport-ws": "^0.9.11",
+        "ws": "^6.0.0"
+      },
+      "dependencies": {
+        "graphql-upload": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
+          "integrity": "sha512-U2OiDI5VxYmzRKw0Z2dmfk0zkqMRaecH9Smh1U277gVgVe9Qn+18xqf4skwr4YJszGIh7iQDZ57+5ygOK9sM/Q==",
+          "dev": true,
+          "requires": {
+            "busboy": "^0.3.1",
+            "fs-capacitor": "^2.0.4",
+            "http-errors": "^1.7.3",
+            "object-path": "^0.11.4"
+          }
+        },
+        "http-errors": {
+          "version": "1.7.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
+          "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "inherits": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+          "dev": true
+        },
+        "ws": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
+          "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+          "dev": true,
+          "requires": {
+            "async-limiter": "~1.0.0"
+          }
+        }
+      }
+    },
     "apollo-server-env": {
       "version": "2.4.3",
       "resolved": "https://registry.npmjs.org/apollo-server-env/-/apollo-server-env-2.4.3.tgz",
@@ -4395,6 +4399,30 @@
       "integrity": "sha512-Y0PKQvkrb2Kd18d1NPlHdSqmlr8TgqJ7JQcNIfhNDgdb45CnqZlxL1abuIRhr8tiw8OhVOcFxz2KyglBi8TKdA==",
       "dev": true
     },
+    "apollo-server-express": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.10.0.tgz",
+      "integrity": "sha512-adDQts4QmkX2ENU7JibV1EwRl3ESnpnpImXIMvg8Cm7kX2wSbzwm8LecQNujwWJtkAPTCEAcnPBDyKwWjTQ6/g==",
+      "dev": true,
+      "requires": {
+        "@apollographql/graphql-playground-html": "1.6.24",
+        "@types/accepts": "^1.3.5",
+        "@types/body-parser": "1.17.1",
+        "@types/cors": "^2.8.4",
+        "@types/express": "4.17.2",
+        "accepts": "^1.3.5",
+        "apollo-server-core": "^2.10.0",
+        "apollo-server-types": "^0.2.10",
+        "body-parser": "^1.18.3",
+        "cors": "^2.8.4",
+        "express": "^4.17.1",
+        "graphql-subscriptions": "^1.0.0",
+        "graphql-tools": "^4.0.0",
+        "parseurl": "^1.3.2",
+        "subscriptions-transport-ws": "^0.9.16",
+        "type-is": "^1.6.16"
+      }
+    },
     "apollo-server-plugin-base": {
       "version": "0.6.10",
       "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.10.tgz",
@@ -4564,9 +4592,9 @@
       }
     },
     "assert-options": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/assert-options/-/assert-options-0.6.0.tgz",
-      "integrity": "sha512-xmBFb5sY0AO8SNihIfavR6uMhOyzq6D7RoFKJxxAditMQc876szBBQ9RQVwLi6Bm3zUoG0nexZK11Gy5TBX69A==",
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/assert-options/-/assert-options-0.6.1.tgz",
+      "integrity": "sha512-jH2pNULN0t3uFLb7Fh0SAuMo/Ei5yWiRirvLez2g+sd16d0xKl+DGdGkD6sqkrZTnCZK5lWRjUa4X3sxHQkg9g==",
       "dev": true
     },
     "assert-plus": {
@@ -4640,72 +4668,6 @@
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
       "dev": true
     },
-    "aws-sdk": {
-      "version": "2.59.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.59.0.tgz",
-      "integrity": "sha1-8kG2SrqIyI4jW4Wz8cHnFUgzGyc=",
-      "dev": true,
-      "requires": {
-        "buffer": "5.0.6",
-        "crypto-browserify": "1.0.9",
-        "jmespath": "0.15.0",
-        "querystring": "0.2.0",
-        "sax": "1.2.1",
-        "url": "0.10.3",
-        "uuid": "3.0.1",
-        "xml2js": "0.4.17",
-        "xmlbuilder": "4.2.1"
-      },
-      "dependencies": {
-        "buffer": {
-          "version": "5.0.6",
-          "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.0.6.tgz",
-          "integrity": "sha1-LqZp9+7Atu2gWwj4tf9mGyhXNYg=",
-          "dev": true,
-          "requires": {
-            "base64-js": "^1.0.2",
-            "ieee754": "^1.1.4"
-          }
-        },
-        "crypto-browserify": {
-          "version": "1.0.9",
-          "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-1.0.9.tgz",
-          "integrity": "sha1-zFRJaF37hesRyYKKzHy4erW7/MA=",
-          "dev": true
-        },
-        "sax": {
-          "version": "1.2.1",
-          "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
-          "integrity": "sha1-e45lYZCyKOgaZq6nSEgNgozS03o=",
-          "dev": true
-        },
-        "uuid": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.0.1.tgz",
-          "integrity": "sha1-ZUS7ot/ajBzxfmKaOjBeK7H+5sE=",
-          "dev": true
-        },
-        "xml2js": {
-          "version": "0.4.17",
-          "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.17.tgz",
-          "integrity": "sha1-F76T6q4/O3eTWceVtBlwWogX6Gg=",
-          "dev": true,
-          "requires": {
-            "sax": ">=0.6.0",
-            "xmlbuilder": "^4.1.0"
-          }
-        },
-        "xmlbuilder": {
-          "version": "4.2.1",
-          "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-4.2.1.tgz",
-          "integrity": "sha1-qlijBBoGb5DqoWwvU4n/GfP0YaU=",
-          "dev": true,
-          "requires": {
-            "lodash": "^4.0.0"
-          }
-        }
-      }
-    },
     "aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -4951,6 +4913,17 @@
       "integrity": "sha1-RSIe5Cn37h5QNb4/UVM/HN/SmIQ=",
       "dev": true
     },
+    "bcrypt": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-3.0.8.tgz",
+      "integrity": "sha512-jKV6RvLhI36TQnPDvUFqBEnGX9c8dRRygKxCZu7E+MgLfKZbmmXL8a7/SFFOyHoPNX9nV81cKRC5tbQfvEQtpw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "nan": "2.14.0",
+        "node-pre-gyp": "0.14.0"
+      }
+    },
     "bcrypt-pbkdf": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
@@ -4987,6 +4960,16 @@
       "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
       "dev": true
     },
+    "bl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-2.2.0.tgz",
+      "integrity": "sha512-wbgvOpqopSr7uq6fJrLH8EsvYMJf9gzfo2jCsL2eTy75qXPukA4pCgHamOQkZtY5vmfVtjB+P3LNlMHW5CEZXA==",
+      "dev": true,
+      "requires": {
+        "readable-stream": "^2.3.5",
+        "safe-buffer": "^5.1.1"
+      }
+    },
     "block-stream": {
       "version": "0.0.9",
       "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
@@ -6480,6 +6463,12 @@
       "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
       "dev": true
     },
+    "denque": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-1.4.1.tgz",
+      "integrity": "sha512-OfzPuSZKGcgr96rf1oODnfjqBFmr1DVoc/TrItj3Ohe0Ah1C5WX5Baquw/9U9KovnQ88EqmJbD66rKYUQYN1tQ==",
+      "dev": true
+    },
     "depd": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
@@ -6545,6 +6534,11 @@
         "streamsearch": "0.1.2"
       }
     },
+    "diff-match-patch": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/diff-match-patch/-/diff-match-patch-1.0.4.tgz",
+      "integrity": "sha512-Uv3SW8bmH9nAtHKaKSanOQmj2DnlH65fUpcrMdfdaOxUG02QQ4YGZ8AE7kKOMisF7UqvOlGKVYWRvezdncW9lg=="
+    },
     "diff-sequences": {
       "version": "24.9.0",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-24.9.0.tgz",
@@ -6615,12 +6609,6 @@
         "webidl-conversions": "^4.0.2"
       }
     },
-    "double-ended-queue": {
-      "version": "2.1.0-0",
-      "resolved": "https://registry.npmjs.org/double-ended-queue/-/double-ended-queue-2.1.0-0.tgz",
-      "integrity": "sha1-ED01J/0xUo9AGIEwyEHv3XgmTlw=",
-      "dev": true
-    },
     "dtrace-provider": {
       "version": "0.8.8",
       "resolved": "https://registry.npmjs.org/dtrace-provider/-/dtrace-provider-0.8.8.tgz",
@@ -9045,9 +9033,9 @@
       }
     },
     "graphql-tag": {
-      "version": "2.10.1",
-      "resolved": "https://registry.npmjs.org/graphql-tag/-/graphql-tag-2.10.1.tgz",
-      "integrity": "sha512-jApXqWBzNXQ8jYa/HLkZJaVw9jgwNqZkywa2zfFn16Iv1Zb7ELNHkJaXHR7Quvd5SIGsy6Ny7SUKATgnu05uEg==",
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/graphql-tag/-/graphql-tag-2.10.3.tgz",
+      "integrity": "sha512-4FOv3ZKfA4WdOKJeHdz6B3F/vxBLSgmBcGeAFPf4n1F64ltJUvOOerNj0rsJxONQGdhUMynQIvd6LzB+1J5oKA==",
       "dev": true
     },
     "graphql-tools": {
@@ -9156,39 +9144,13 @@
       "dev": true
     },
     "har-validator": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.0.3.tgz",
-      "integrity": "sha1-ukAsJmGU8VlW7xXg/PJCmT9qff0=",
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
+      "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
       "dev": true,
       "requires": {
-        "ajv": "^5.1.0",
+        "ajv": "^6.5.5",
         "har-schema": "^2.0.0"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "5.5.2",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
-          "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
-          "dev": true,
-          "requires": {
-            "co": "^4.6.0",
-            "fast-deep-equal": "^1.0.0",
-            "fast-json-stable-stringify": "^2.0.0",
-            "json-schema-traverse": "^0.3.0"
-          }
-        },
-        "fast-deep-equal": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
-          "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=",
-          "dev": true
-        },
-        "json-schema-traverse": {
-          "version": "0.3.1",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
-          "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
-          "dev": true
-        }
       }
     },
     "has": {
@@ -10987,6 +10949,11 @@
       "resolved": "https://registry.npmjs.org/lodash.flow/-/lodash.flow-3.5.0.tgz",
       "integrity": "sha1-h79AKSuM+D5OjOGjrkIJ4gBxZ1o="
     },
+    "lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk="
+    },
     "lodash.includes": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
@@ -11172,12 +11139,6 @@
       "integrity": "sha512-qMEwh+UujcQ+kbz3T6V+wAmO2U8veoq2w+3wY8MquqwVA3jChfwY+Tk52GZKDfACEPjuZ7r2oJLejwpt8jtwTA==",
       "dev": true
     },
-    "manakin": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/manakin/-/manakin-0.5.2.tgz",
-      "integrity": "sha512-pfDSB7QYoVg0Io4KMV9hhPoXpj6p0uBscgtyUSKCOFZe8bqgbpStfgnKIbF/ulnr6U3ICu4OqdyxAqBgOhZwBQ==",
-      "dev": true
-    },
     "map-age-cleaner": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
@@ -11612,12 +11573,14 @@
       "dev": true
     },
     "mongodb": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.4.1.tgz",
-      "integrity": "sha512-juqt5/Z42J4DcE7tG7UdVaTKmUC6zinF4yioPfpeOSNBieWSK6qCY+0tfGQcHLKrauWPDdMZVROHJOa8q2pWsA==",
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.5.3.tgz",
+      "integrity": "sha512-II7P7A3XUdPiXRgcN96qIoRa1oesM6qLNZkzfPluNZjVkgQk3jnQwOT6/uDk4USRDTTLjNFw2vwfmbRGTA7msg==",
       "dev": true,
       "requires": {
+        "bl": "^2.2.0",
         "bson": "^1.1.1",
+        "denque": "^1.4.1",
         "require_optional": "^1.0.1",
         "safe-buffer": "^5.1.2",
         "saslprep": "^1.0.0"
@@ -11733,9 +11696,9 @@
       "optional": true
     },
     "needle": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/needle/-/needle-2.4.0.tgz",
-      "integrity": "sha512-4Hnwzr3mi5L97hMYeNl8wRW/Onhy4nUKR/lVemJ8gJedxxUyBLm9kkrDColJvoSfwi0jCNhD+xCdOtiGDQiRZg==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-2.3.2.tgz",
+      "integrity": "sha512-DUzITvPVDUy6vczKKYTnWc/pBZ0EnjMJnQ3y+Jo5zfKFimJs7S3HFCxCRZYB9FUZcrzUQr3WsmvZgddMEIZv6w==",
       "dev": true,
       "optional": true,
       "requires": {
@@ -11953,6 +11916,64 @@
         }
       }
     },
+    "node-pre-gyp": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz",
+      "integrity": "sha512-+CvDC7ZttU/sSt9rFjix/P05iS43qHCOOGzcr3Ry99bXG7VX953+vFyEuph/tfqoYu8dttBkE86JSKBO2OzcxA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "detect-libc": "^1.0.2",
+        "mkdirp": "^0.5.1",
+        "needle": "^2.2.1",
+        "nopt": "^4.0.1",
+        "npm-packlist": "^1.1.6",
+        "npmlog": "^4.0.2",
+        "rc": "^1.2.7",
+        "rimraf": "^2.6.1",
+        "semver": "^5.3.0",
+        "tar": "^4.4.2"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true,
+          "optional": true
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true,
+          "optional": true
+        },
+        "tar": {
+          "version": "4.4.13",
+          "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
+          "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chownr": "^1.1.1",
+            "fs-minipass": "^1.2.5",
+            "minipass": "^2.8.6",
+            "minizlib": "^1.2.1",
+            "mkdirp": "^0.5.0",
+            "safe-buffer": "^5.1.2",
+            "yallist": "^3.0.3"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
     "node-releases": {
       "version": "1.1.47",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.47.tgz",
@@ -11970,15 +11991,6 @@
         }
       }
     },
-    "node-rsa": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/node-rsa/-/node-rsa-1.0.7.tgz",
-      "integrity": "sha512-idwRXma6scFufZmbaKkHpJoLL93yynRefP6yur13wZ5i9FR35ex451KCoF2OORDeJanyRVahmjjiwmUlCnTqJA==",
-      "dev": true,
-      "requires": {
-        "asn1": "^0.2.4"
-      }
-    },
     "node-sass": {
       "version": "4.13.1",
       "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.1.tgz",
@@ -12280,9 +12292,9 @@
       "dev": true
     },
     "oauth-sign": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz",
-      "integrity": "sha1-Rqarfwrq2N6unsBWV4C31O/rnUM=",
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
       "dev": true
     },
     "object-assign": {
@@ -12322,9 +12334,9 @@
       }
     },
     "object-hash": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.0.1.tgz",
-      "integrity": "sha512-HgcGMooY4JC2PBt9sdUdJ6PMzpin+YtY3r/7wg0uTifP+HJWW8rammseSEHuyt0UeShI183UGssCJqm1bJR7QA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.0.2.tgz",
+      "integrity": "sha512-b+2AKjAf6uQlxxv8ChHdM+VT4eeX+ZSwv+pk2xIXZWbo+yxn4/En1iC+GHe/OFYa9on0AhFF2PvuAcFHoiiHaA==",
       "dev": true
     },
     "object-inspect": {
@@ -12795,13 +12807,13 @@
         "lodash": "4.17.15",
         "lru-cache": "5.1.1",
         "mime": "2.4.4",
-        "mongodb": "3.4.1",
+        "mongodb": "3.5.3",
         "node-rsa": "1.0.7",
         "parse": "2.11.0",
-        "pg-promise": "10.4.0",
+        "pg-promise": "10.4.3",
         "pluralize": "^8.0.0",
-        "redis": "2.8.0",
-        "semver": "7.1.2",
+        "redis": "3.0.0",
+        "semver": "7.1.3",
         "subscriptions-transport-ws": "0.9.16",
         "tv4": "1.3.0",
         "uuid": "3.3.3",
@@ -12810,127 +12822,137 @@
         "ws": "7.2.1"
       },
       "dependencies": {
-        "apollo-datasource": {
-          "version": "0.7.0",
-          "resolved": "https://registry.npmjs.org/apollo-datasource/-/apollo-datasource-0.7.0.tgz",
-          "integrity": "sha512-Yja12BgNQhzuFGG/5Nw2MQe0hkuQy2+9er09HxeEyAf2rUDIPnhPrn1MDoZTB8MU7UGfjwITC+1ofzKkkrZobA==",
+        "@babel/runtime": {
+          "version": "7.6.3",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.6.3.tgz",
+          "integrity": "sha512-kq6anf9JGjW8Nt5rYfEuGRaEAaH1mkv3Bbu6rYvLOpPh/RusSJXuKPEAoZ7L7gybZkchE8+NV5g9vKF4AGAtsA==",
           "dev": true,
           "requires": {
-            "apollo-server-caching": "^0.5.1",
-            "apollo-server-env": "^2.4.3"
+            "regenerator-runtime": "^0.13.2"
           }
         },
-        "apollo-engine-reporting": {
-          "version": "1.5.0",
-          "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.5.0.tgz",
-          "integrity": "sha512-Pe2DelijZ2QHqkqv8E97iOb32l+FIMT2nxpQsuH+nWi+96cCFJJJHjm3RLAPEUuvGOgW9dFYQP3J91EyC5O0tQ==",
+        "@babel/runtime-corejs3": {
+          "version": "7.6.3",
+          "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.6.3.tgz",
+          "integrity": "sha512-933SXHQr7apa95F+3IqkBne8mqOnu1kDh6dnSddC07aW/R51WsOVD7MSczJ6DRpq/L8KLll7TFDxmt30pft44w==",
           "dev": true,
           "requires": {
-            "apollo-engine-reporting-protobuf": "^0.4.4",
-            "apollo-graphql": "^0.4.0",
-            "apollo-server-caching": "^0.5.1",
-            "apollo-server-env": "^2.4.3",
-            "apollo-server-errors": "^2.3.4",
-            "apollo-server-types": "^0.2.10",
-            "async-retry": "^1.2.1",
-            "graphql-extensions": "^0.10.10"
+            "core-js-pure": "^3.0.0",
+            "regenerator-runtime": "^0.13.2"
           }
         },
-        "apollo-graphql": {
-          "version": "0.4.0",
-          "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.4.0.tgz",
-          "integrity": "sha512-abCHcKln1EGbzSItW087EjBI5wnluikyUqEn4VsdeWHCtdENWpHCn/MnM0+jJa1prNasxN7tCukp4nMpJYYVqg==",
-          "dev": true,
-          "requires": {
-            "apollo-env": "^0.6.1",
-            "lodash.sortby": "^4.7.0"
-          }
-        },
-        "apollo-server-core": {
-          "version": "2.10.0",
-          "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.10.0.tgz",
-          "integrity": "sha512-x/UK6XvU307W8D/pzTclU04JIjRarcbg5mFPe0nVmO4OTc26uQgKi1WlZkcewXsAUnn+nDwKVn2c2G3dHEgXzQ==",
-          "dev": true,
-          "requires": {
-            "@apollographql/apollo-tools": "^0.4.3",
-            "@apollographql/graphql-playground-html": "1.6.24",
-            "@types/graphql-upload": "^8.0.0",
-            "@types/ws": "^6.0.0",
-            "apollo-cache-control": "^0.8.11",
-            "apollo-datasource": "^0.7.0",
-            "apollo-engine-reporting": "^1.5.0",
-            "apollo-server-caching": "^0.5.1",
-            "apollo-server-env": "^2.4.3",
-            "apollo-server-errors": "^2.3.4",
-            "apollo-server-plugin-base": "^0.6.10",
-            "apollo-server-types": "^0.2.10",
-            "apollo-tracing": "^0.8.11",
-            "fast-json-stable-stringify": "^2.0.0",
-            "graphql-extensions": "^0.10.10",
-            "graphql-tag": "^2.9.2",
-            "graphql-tools": "^4.0.0",
-            "graphql-upload": "^8.0.2",
-            "sha.js": "^2.4.11",
-            "subscriptions-transport-ws": "^0.9.11",
-            "ws": "^6.0.0"
+        "@parse/push-adapter": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/@parse/push-adapter/-/push-adapter-3.2.0.tgz",
+          "integrity": "sha512-6V7Bnh9+pSRc2U6ONvDPrPN20nRO4YT9eAITiZyVQu2N9WRCE+QoR2wyK7f+iTmyhRbVWP5xeSEoEhOPkS4pWA==",
+          "dev": true,
+          "requires": {
+            "@parse/node-apn": "^3.1.0",
+            "@parse/node-gcm": "^1.0.0",
+            "npmlog": "^4.0.2",
+            "parse": "2.8.0"
           },
           "dependencies": {
-            "graphql-upload": {
-              "version": "8.1.0",
-              "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
-              "integrity": "sha512-U2OiDI5VxYmzRKw0Z2dmfk0zkqMRaecH9Smh1U277gVgVe9Qn+18xqf4skwr4YJszGIh7iQDZ57+5ygOK9sM/Q==",
+            "parse": {
+              "version": "2.8.0",
+              "resolved": "https://registry.npmjs.org/parse/-/parse-2.8.0.tgz",
+              "integrity": "sha512-dd6IOPYST+qDqWG22xyZpBLQJ+vqozzE4/43cc0OcKakELoSEsJS43JPaxmELI5/sVxsYYYAqshuPePPnefu5A==",
               "dev": true,
               "requires": {
-                "busboy": "^0.3.1",
-                "fs-capacitor": "^2.0.4",
-                "http-errors": "^1.7.3",
-                "object-path": "^0.11.4"
+                "@babel/runtime": "7.6.3",
+                "@babel/runtime-corejs3": "7.6.3",
+                "uuid": "3.3.3",
+                "ws": "7.1.2",
+                "xmlhttprequest": "1.8.0"
               }
             },
             "ws": {
-              "version": "6.2.1",
-              "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-              "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+              "version": "7.1.2",
+              "resolved": "https://registry.npmjs.org/ws/-/ws-7.1.2.tgz",
+              "integrity": "sha512-gftXq3XI81cJCgkUiAVixA0raD9IVmXqsylCrjRygw4+UOOGzPoxnQ6r/CnVL9i+mDncJo94tSkyrtuuQVBmrg==",
               "dev": true,
               "requires": {
-                "async-limiter": "~1.0.0"
+                "async-limiter": "^1.0.0"
               }
             }
           }
         },
-        "apollo-server-express": {
-          "version": "2.10.0",
-          "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.10.0.tgz",
-          "integrity": "sha512-adDQts4QmkX2ENU7JibV1EwRl3ESnpnpImXIMvg8Cm7kX2wSbzwm8LecQNujwWJtkAPTCEAcnPBDyKwWjTQ6/g==",
+        "@parse/s3-files-adapter": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/@parse/s3-files-adapter/-/s3-files-adapter-1.4.0.tgz",
+          "integrity": "sha512-qivvhL09Fqozo6B86PgUZjnY3VZQtxbH+6TtHEIg20Ol9THG/JaHGzSxlWNOBsCf7lvpRp0dELgbhMnMK3LWJA==",
           "dev": true,
           "requires": {
-            "@apollographql/graphql-playground-html": "1.6.24",
-            "@types/accepts": "^1.3.5",
-            "@types/body-parser": "1.17.1",
-            "@types/cors": "^2.8.4",
-            "@types/express": "4.17.2",
-            "accepts": "^1.3.5",
-            "apollo-server-core": "^2.10.0",
-            "apollo-server-types": "^0.2.10",
-            "body-parser": "^1.18.3",
-            "cors": "^2.8.4",
-            "express": "^4.17.1",
-            "graphql-subscriptions": "^1.0.0",
-            "graphql-tools": "^4.0.0",
-            "parseurl": "^1.3.2",
-            "subscriptions-transport-ws": "^0.9.16",
-            "type-is": "^1.6.16"
+            "aws-sdk": "2.59.0",
+            "parse": "2.10.0"
+          },
+          "dependencies": {
+            "@babel/runtime": {
+              "version": "7.7.4",
+              "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.4.tgz",
+              "integrity": "sha512-r24eVUUr0QqNZa+qrImUk8fn5SPhHq+IfYvIoIMg0do3GdK9sMdiLKP3GYVVaxpPKORgm8KRKaNTEhAjgIpLMw==",
+              "dev": true,
+              "requires": {
+                "regenerator-runtime": "^0.13.2"
+              }
+            },
+            "@babel/runtime-corejs3": {
+              "version": "7.7.4",
+              "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.7.4.tgz",
+              "integrity": "sha512-BBIEhzk8McXDcB3IbOi8zQPzzINUp4zcLesVlBSOcyGhzPUU8Xezk5GAG7Sy5GVhGmAO0zGd2qRSeY2g4Obqxw==",
+              "dev": true,
+              "requires": {
+                "core-js-pure": "^3.0.0",
+                "regenerator-runtime": "^0.13.2"
+              }
+            },
+            "parse": {
+              "version": "2.10.0",
+              "resolved": "https://registry.npmjs.org/parse/-/parse-2.10.0.tgz",
+              "integrity": "sha512-TBJCvQPachrcGGLbN8llN8tOr01VsKB6pxi3OWq3/C0bIHHdb2Bd+cgH4v5ZlRCrZt3MHVasGH4rvx7Klkp7Wg==",
+              "dev": true,
+              "requires": {
+                "@babel/runtime": "7.7.4",
+                "@babel/runtime-corejs3": "7.7.4",
+                "uuid": "3.3.3",
+                "ws": "7.2.0",
+                "xmlhttprequest": "1.8.0"
+              }
+            },
+            "ws": {
+              "version": "7.2.0",
+              "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.0.tgz",
+              "integrity": "sha512-+SqNqFbwTm/0DC18KYzIsMTnEWpLwJsiasW/O17la4iDRRIO9uaHbvKiAS3AHgTiuuWerK/brj4O6MYZkei9xg==",
+              "dev": true,
+              "requires": {
+                "async-limiter": "^1.0.0"
+              }
+            }
           }
         },
-        "bcrypt": {
-          "version": "3.0.8",
-          "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-3.0.8.tgz",
-          "integrity": "sha512-jKV6RvLhI36TQnPDvUFqBEnGX9c8dRRygKxCZu7E+MgLfKZbmmXL8a7/SFFOyHoPNX9nV81cKRC5tbQfvEQtpw==",
+        "aws-sdk": {
+          "version": "2.59.0",
+          "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.59.0.tgz",
+          "integrity": "sha1-8kG2SrqIyI4jW4Wz8cHnFUgzGyc=",
           "dev": true,
-          "optional": true,
           "requires": {
-            "nan": "2.14.0",
-            "node-pre-gyp": "0.14.0"
+            "buffer": "5.0.6",
+            "crypto-browserify": "1.0.9",
+            "jmespath": "0.15.0",
+            "querystring": "0.2.0",
+            "sax": "1.2.1",
+            "url": "0.10.3",
+            "uuid": "3.0.1",
+            "xml2js": "0.4.17",
+            "xmlbuilder": "4.2.1"
+          },
+          "dependencies": {
+            "uuid": {
+              "version": "3.0.1",
+              "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.0.1.tgz",
+              "integrity": "sha1-ZUS7ot/ajBzxfmKaOjBeK7H+5sE=",
+              "dev": true
+            }
           }
         },
         "bcryptjs": {
@@ -12939,10 +12961,20 @@
           "integrity": "sha1-mrVie5PmBiH/fNrF2pczAn3x0Ms=",
           "dev": true
         },
-        "commander": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-          "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+        "buffer": {
+          "version": "5.0.6",
+          "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.0.6.tgz",
+          "integrity": "sha1-LqZp9+7Atu2gWwj4tf9mGyhXNYg=",
+          "dev": true,
+          "requires": {
+            "base64-js": "^1.0.2",
+            "ieee754": "^1.1.4"
+          }
+        },
+        "crypto-browserify": {
+          "version": "1.0.9",
+          "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-1.0.9.tgz",
+          "integrity": "sha1-zFRJaF37hesRyYKKzHy4erW7/MA=",
           "dev": true
         },
         "debug": {
@@ -12963,25 +12995,6 @@
             "debug": "^3.0.0"
           }
         },
-        "http-errors": {
-          "version": "1.7.3",
-          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
-          "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
-          "dev": true,
-          "requires": {
-            "depd": "~1.1.2",
-            "inherits": "2.0.4",
-            "setprototypeof": "1.1.1",
-            "statuses": ">= 1.5.0 < 2",
-            "toidentifier": "1.0.0"
-          }
-        },
-        "inherits": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-          "dev": true
-        },
         "lru-cache": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -13003,99 +13016,89 @@
           "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         },
-        "node-pre-gyp": {
-          "version": "0.14.0",
-          "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz",
-          "integrity": "sha512-+CvDC7ZttU/sSt9rFjix/P05iS43qHCOOGzcr3Ry99bXG7VX953+vFyEuph/tfqoYu8dttBkE86JSKBO2OzcxA==",
+        "node-rsa": {
+          "version": "1.0.7",
+          "resolved": "https://registry.npmjs.org/node-rsa/-/node-rsa-1.0.7.tgz",
+          "integrity": "sha512-idwRXma6scFufZmbaKkHpJoLL93yynRefP6yur13wZ5i9FR35ex451KCoF2OORDeJanyRVahmjjiwmUlCnTqJA==",
           "dev": true,
-          "optional": true,
           "requires": {
-            "detect-libc": "^1.0.2",
-            "mkdirp": "^0.5.1",
-            "needle": "^2.2.1",
-            "nopt": "^4.0.1",
-            "npm-packlist": "^1.1.6",
-            "npmlog": "^4.0.2",
-            "rc": "^1.2.7",
-            "rimraf": "^2.6.1",
-            "semver": "^5.3.0",
-            "tar": "^4.4.2"
-          },
-          "dependencies": {
-            "semver": {
-              "version": "5.7.1",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-              "dev": true,
-              "optional": true
-            }
+            "asn1": "^0.2.4"
           }
         },
-        "pg": {
-          "version": "7.18.1",
-          "resolved": "https://registry.npmjs.org/pg/-/pg-7.18.1.tgz",
-          "integrity": "sha512-1KtKBKg/zWrjEEv//klBbVOPGucuc7HHeJf6OEMueVcUeyF3yueHf+DvhVwBjIAe9/97RAydO/lWjkcMwssuEw==",
+        "parse": {
+          "version": "2.11.0",
+          "resolved": "https://registry.npmjs.org/parse/-/parse-2.11.0.tgz",
+          "integrity": "sha512-dbGdA5M1ylky4T/b5pOXeYhsHwzATz/JbweCiBtdJLsnb8SylSSgA7V0U96RtXBI1Hfzp5uFZpqmnUKr5t69NA==",
           "dev": true,
           "requires": {
-            "buffer-writer": "2.0.0",
-            "packet-reader": "1.0.0",
-            "pg-connection-string": "0.1.3",
-            "pg-packet-stream": "^1.1.0",
-            "pg-pool": "^2.0.10",
-            "pg-types": "^2.1.0",
-            "pgpass": "1.x",
-            "semver": "4.3.2"
+            "@babel/runtime": "7.7.7",
+            "@babel/runtime-corejs3": "7.7.7",
+            "crypto-js": "3.1.9-1",
+            "uuid": "3.3.3",
+            "ws": "7.2.1",
+            "xmlhttprequest": "1.8.0"
           },
           "dependencies": {
-            "semver": {
-              "version": "4.3.2",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.2.tgz",
-              "integrity": "sha1-x6BxWKgL7dBSNVt3DYLWZA+AO+c=",
-              "dev": true
+            "@babel/runtime": {
+              "version": "7.7.7",
+              "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.7.tgz",
+              "integrity": "sha512-uCnC2JEVAu8AKB5do1WRIsvrdJ0flYx/A/9f/6chdacnEZ7LmavjdsDXr5ksYBegxtuTPR5Va9/+13QF/kFkCA==",
+              "dev": true,
+              "requires": {
+                "regenerator-runtime": "^0.13.2"
+              }
+            },
+            "@babel/runtime-corejs3": {
+              "version": "7.7.7",
+              "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.7.7.tgz",
+              "integrity": "sha512-kr3W3Fw8mB/CTru2M5zIRQZZgC/9zOxNSoJ/tVCzjPt3H1/p5uuGbz6WwmaQy/TLQcW31rUhUUWKY28sXFRelA==",
+              "dev": true,
+              "requires": {
+                "core-js-pure": "^3.0.0",
+                "regenerator-runtime": "^0.13.2"
+              }
             }
           }
         },
-        "pg-promise": {
-          "version": "10.4.0",
-          "resolved": "https://registry.npmjs.org/pg-promise/-/pg-promise-10.4.0.tgz",
-          "integrity": "sha512-Xfxk56AFruPeA/5uJAb/LEPKIPlEw95xcGOsf1SITslOq/5jlmJxtecEwz4XdYzct/RSLzGEveqBVSHkq6Hnww==",
+        "prettier": {
+          "version": "1.19.1",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.19.1.tgz",
+          "integrity": "sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==",
+          "dev": true
+        },
+        "redis": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/redis/-/redis-3.0.0.tgz",
+          "integrity": "sha512-EvXfmZoixkHAtM4FAPPIm6utLLzbtSNj3kMNlyxmi3K9jxzXnbYwlOnwGAwOP8bhADLfm/ma8I9R6aPwGzpPIg==",
           "dev": true,
           "requires": {
-            "assert-options": "0.6.0",
-            "manakin": "0.5.2",
-            "pg": "7.18.1",
-            "pg-minify": "1.5.1",
-            "spex": "3.0.0"
+            "denque": "^1.4.1",
+            "prettier": "^1.19.1",
+            "redis-commands": "^1.5.0",
+            "redis-errors": "^1.2.0",
+            "redis-parser": "^3.0.0"
           }
         },
-        "safe-buffer": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
-          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+        "redis-parser": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/redis-parser/-/redis-parser-3.0.0.tgz",
+          "integrity": "sha1-tm2CjNyv5rS4pCin3vTGvKwxyLQ=",
           "dev": true,
-          "optional": true
+          "requires": {
+            "redis-errors": "^1.0.0"
+          }
         },
-        "semver": {
-          "version": "7.1.2",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.2.tgz",
-          "integrity": "sha512-BJs9T/H8sEVHbeigqzIEo57Iu/3DG6c4QoqTfbQB3BPA4zgzAomh/Fk9E7QtjWQ8mx2dgA9YCfSF4y9k9bHNpQ==",
+        "sax": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
+          "integrity": "sha1-e45lYZCyKOgaZq6nSEgNgozS03o=",
           "dev": true
         },
-        "tar": {
-          "version": "4.4.13",
-          "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
-          "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chownr": "^1.1.1",
-            "fs-minipass": "^1.2.5",
-            "minipass": "^2.8.6",
-            "minizlib": "^1.2.1",
-            "mkdirp": "^0.5.0",
-            "safe-buffer": "^5.1.2",
-            "yallist": "^3.0.3"
-          }
+        "semver": {
+          "version": "7.1.3",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.3.tgz",
+          "integrity": "sha512-ekM0zfiA9SCBlsKa2X1hxyxiI4L3B6EbVJkkdgQXnSEEaHlGdvyodMruTiulSRWMMB4NeIuYNMC9rTKTz97GxA==",
+          "dev": true
         },
         "ws": {
           "version": "7.2.1",
@@ -13103,6 +13106,25 @@
           "integrity": "sha512-sucePNSafamSKoOqoNfBd8V0StlkzJKL2ZAhGQinCfNQ+oacw+Pk7lcdAElecBF2VkLNZRiIb5Oi1Q5lVUVt2A==",
           "dev": true
         },
+        "xml2js": {
+          "version": "0.4.17",
+          "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.17.tgz",
+          "integrity": "sha1-F76T6q4/O3eTWceVtBlwWogX6Gg=",
+          "dev": true,
+          "requires": {
+            "sax": ">=0.6.0",
+            "xmlbuilder": "^4.1.0"
+          }
+        },
+        "xmlbuilder": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-4.2.1.tgz",
+          "integrity": "sha1-qlijBBoGb5DqoWwvU4n/GfP0YaU=",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.0.0"
+          }
+        },
         "yallist": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -13247,6 +13269,30 @@
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
       "dev": true
     },
+    "pg": {
+      "version": "7.18.1",
+      "resolved": "https://registry.npmjs.org/pg/-/pg-7.18.1.tgz",
+      "integrity": "sha512-1KtKBKg/zWrjEEv//klBbVOPGucuc7HHeJf6OEMueVcUeyF3yueHf+DvhVwBjIAe9/97RAydO/lWjkcMwssuEw==",
+      "dev": true,
+      "requires": {
+        "buffer-writer": "2.0.0",
+        "packet-reader": "1.0.0",
+        "pg-connection-string": "0.1.3",
+        "pg-packet-stream": "^1.1.0",
+        "pg-pool": "^2.0.10",
+        "pg-types": "^2.1.0",
+        "pgpass": "1.x",
+        "semver": "4.3.2"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.2.tgz",
+          "integrity": "sha1-x6BxWKgL7dBSNVt3DYLWZA+AO+c=",
+          "dev": true
+        }
+      }
+    },
     "pg-connection-string": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-0.1.3.tgz",
@@ -13260,9 +13306,9 @@
       "dev": true
     },
     "pg-minify": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/pg-minify/-/pg-minify-1.5.1.tgz",
-      "integrity": "sha512-nqUTo8y9T0VhiJoWC0sK0+2S8hYDiu7CdH0Z9ijPi2iikiQ44mfcAFxEJxfvF8H3h/bDBvXthtOQPIB3pLWIow==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/pg-minify/-/pg-minify-1.5.2.tgz",
+      "integrity": "sha512-uZn/gXkGmO5JBdopxNLSpFMS1lXr+KJqynI8Di1Qyr8ZVXt67ruh+XNfzLMVdLzYv+MQRdNYQdVwWPSs0qM7xQ==",
       "dev": true
     },
     "pg-packet-stream": {
@@ -13277,6 +13323,18 @@
       "integrity": "sha512-qdwzY92bHf3nwzIUcj+zJ0Qo5lpG/YxchahxIN8+ZVmXqkahKXsnl2aiJPHLYN9o5mB/leG+Xh6XKxtP7e0sjg==",
       "dev": true
     },
+    "pg-promise": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/pg-promise/-/pg-promise-10.4.3.tgz",
+      "integrity": "sha512-hdZTQ/NlqSlhKM9bMgDhKFiJX+hTuxUygEu1NBjGUtdTdenvnrxjaheeob6OEIxiYSmZFMG8uIsoVCIIPMgCsg==",
+      "dev": true,
+      "requires": {
+        "assert-options": "0.6.1",
+        "pg": "7.18.1",
+        "pg-minify": "1.5.2",
+        "spex": "3.0.1"
+      }
+    },
     "pg-types": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/pg-types/-/pg-types-2.2.0.tgz",
@@ -13970,6 +14028,18 @@
         "prop-types": "^15.6.2"
       }
     },
+    "react-ace": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/react-ace/-/react-ace-8.0.0.tgz",
+      "integrity": "sha512-EvU14vXbZpAenb1ZVKdn8yTQs/shZ9RghFulHtt67bBXT6sjrNHcfOEXHYtSEmwMb6pQVVNNuulzzd8o+Uouig==",
+      "requires": {
+        "ace-builds": "^1.4.6",
+        "diff-match-patch": "^1.0.4",
+        "lodash.get": "^4.4.2",
+        "lodash.isequal": "^4.5.0",
+        "prop-types": "^15.7.2"
+      }
+    },
     "react-addons-shallow-compare": {
       "version": "15.6.2",
       "resolved": "https://registry.npmjs.org/react-addons-shallow-compare/-/react-addons-shallow-compare-15.6.2.tgz",
@@ -14166,11 +14236,6 @@
         "shallowequal": "^1.0.1"
       }
     },
-    "react-simple-code-editor": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz",
-      "integrity": "sha512-bL5W5mAxSW6+cLwqqVWY47Silqgy2DKDTR4hDBrLrUqC5BXc29YVx17l2IZk5v36VcDEq1Bszu2oHm1qBwKqBA=="
-    },
     "react-sortable-hoc": {
       "version": "0.8.4",
       "resolved": "https://registry.npmjs.org/react-sortable-hoc/-/react-sortable-hoc-0.8.4.tgz",
@@ -14300,27 +14365,16 @@
         "strip-indent": "^1.0.1"
       }
     },
-    "redis": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/redis/-/redis-2.8.0.tgz",
-      "integrity": "sha512-M1OkonEQwtRmZv4tEWF2VgpG0JWJ8Fv1PhlgT5+B+uNq2cA3Rt1Yt/ryoR+vQNOQcIEgdCdfH0jr3bDpihAw1A==",
-      "dev": true,
-      "requires": {
-        "double-ended-queue": "^2.1.0-0",
-        "redis-commands": "^1.2.0",
-        "redis-parser": "^2.6.0"
-      }
-    },
     "redis-commands": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/redis-commands/-/redis-commands-1.5.0.tgz",
       "integrity": "sha512-6KxamqpZ468MeQC3bkWmCB1fp56XL64D4Kf0zJSwDZbVLLm7KFkoIcHrgRvQ+sk8dnhySs7+yBg94yIkAK7aJg==",
       "dev": true
     },
-    "redis-parser": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/redis-parser/-/redis-parser-2.6.0.tgz",
-      "integrity": "sha1-Uu0J2srBCPGmMcB+m2mUHnoZUEs=",
+    "redis-errors": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/redis-errors/-/redis-errors-1.2.0.tgz",
+      "integrity": "sha1-62LSrbFeTq9GEMBK/hUpOEJQq60=",
       "dev": true
     },
     "reduce-reducers": {
@@ -14516,53 +14570,44 @@
       }
     },
     "request": {
-      "version": "2.87.0",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.87.0.tgz",
-      "integrity": "sha512-fcogkm7Az5bsS6Sl0sibkbhcKsnyon/jV1kF3ajGmF0c8HrttdKTPRT9hieOaQHA5HEq6r8OyWOo/o781C1tNw==",
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
       "dev": true,
       "requires": {
         "aws-sign2": "~0.7.0",
-        "aws4": "^1.6.0",
+        "aws4": "^1.8.0",
         "caseless": "~0.12.0",
-        "combined-stream": "~1.0.5",
-        "extend": "~3.0.1",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
         "forever-agent": "~0.6.1",
-        "form-data": "~2.3.1",
-        "har-validator": "~5.0.3",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
         "http-signature": "~1.2.0",
         "is-typedarray": "~1.0.0",
         "isstream": "~0.1.2",
         "json-stringify-safe": "~5.0.1",
-        "mime-types": "~2.1.17",
-        "oauth-sign": "~0.8.2",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
         "performance-now": "^2.1.0",
-        "qs": "~6.5.1",
-        "safe-buffer": "^5.1.1",
-        "tough-cookie": "~2.3.3",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
         "tunnel-agent": "^0.6.0",
-        "uuid": "^3.1.0"
+        "uuid": "^3.3.2"
       },
       "dependencies": {
-        "punycode": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
-          "dev": true
-        },
         "qs": {
           "version": "6.5.2",
           "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
           "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
           "dev": true
         },
-        "tough-cookie": {
-          "version": "2.3.4",
-          "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.4.tgz",
-          "integrity": "sha512-TZ6TTfI5NtZnuyy/Kecv+CnoROnyXn2DN97LontgQpCwsX2XyLYCC0ENhYkehSOwAp8rTQKc/NUIF7BkQ5rKLA==",
-          "dev": true,
-          "requires": {
-            "punycode": "^1.4.1"
-          }
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
         }
       }
     },
@@ -15172,9 +15217,9 @@
       "optional": true
     },
     "semver": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.2.tgz",
-      "integrity": "sha512-BJs9T/H8sEVHbeigqzIEo57Iu/3DG6c4QoqTfbQB3BPA4zgzAomh/Fk9E7QtjWQ8mx2dgA9YCfSF4y9k9bHNpQ=="
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.3.tgz",
+      "integrity": "sha512-ekM0zfiA9SCBlsKa2X1hxyxiI4L3B6EbVJkkdgQXnSEEaHlGdvyodMruTiulSRWMMB4NeIuYNMC9rTKTz97GxA=="
     },
     "send": {
       "version": "0.17.1",
@@ -15584,9 +15629,9 @@
       "dev": true
     },
     "spex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/spex/-/spex-3.0.0.tgz",
-      "integrity": "sha512-JoMfgbrJcEPn53JCLkSNH1o7fZ9rzkb24UKEt5LTcsp0YsaN+yxtb5MEmibbMRltj9CdXDNGitPrYi11JY2hog==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spex/-/spex-3.0.1.tgz",
+      "integrity": "sha512-priWZUrXBmVPHTOmtUeS7gZzCOUwRK87OHJw5K8bTC6MLOq93mQocx+vWccNyKPT2EY+goZvKGguGn2lx8TBDA==",
       "dev": true
     },
     "split": {
diff --git a/package.json b/package.json
index 623014fb10..663c14004a 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
     "prop-types": "15.7.2",
     "query-string": "6.9.0",
     "react": "16.12.0",
+    "react-ace": "^8.0.0",
     "react-dnd": "10.0.2",
     "react-dnd-html5-backend": "10.0.2",
     "react-dom": "16.12.0",
@@ -68,9 +69,8 @@
     "react-redux": "5.1.1",
     "react-router": "5.1.2",
     "react-router-dom": "5.1.2",
-    "react-simple-code-editor": "^0.10.0",
     "regenerator-runtime": "0.13.3",
-    "semver": "7.1.2"
+    "semver": "7.1.3"
   },
   "devDependencies": {
     "@babel/core": "7.8.4",
@@ -98,7 +98,7 @@
     "path-to-regexp": "3.2.0",
     "puppeteer": "2.1.1",
     "react-test-renderer": "16.12.0",
-    "request": "2.87.0",
+    "request": "2.88.2",
     "request-promise": "4.2.5",
     "sass-loader": "8.0.0",
     "style-loader": "1.1.2",
diff --git a/src/components/BrowserCell/BrowserCell.react.js b/src/components/BrowserCell/BrowserCell.react.js
index b2045d6d4a..3f43e440a2 100644
--- a/src/components/BrowserCell/BrowserCell.react.js
+++ b/src/components/BrowserCell/BrowserCell.react.js
@@ -24,10 +24,12 @@ export default class BrowserCell extends Component {
   componentDidUpdate() {
     if (this.props.current) {
       const node = this.cellRef.current;
+      const { setRelation } = this.props;
       const { left, right, bottom, top } = node.getBoundingClientRect();
 
       // Takes into consideration Sidebar width when over 980px wide.
-      const leftBoundary = window.innerWidth > 980 ? 300 : 0;
+      // If setRelation is undefined, DataBrowser is used as ObjectPicker, so it does not have a sidebar.
+      const leftBoundary = window.innerWidth > 980 && setRelation ? 300 : 0;
 
       // BrowserToolbar + DataBrowserHeader height
       const topBoundary = 126;
@@ -63,7 +65,7 @@ export default class BrowserCell extends Component {
   }
 
   render() {
-    let { type, value, hidden, width, current, onSelect, onEditChange, setCopyableValue, setRelation, onPointerClick, row, col } = this.props;
+    let { type, value, hidden, width, current, onSelect, onEditChange, setCopyableValue, setRelation, onPointerClick, row, col, name, onEditSelectedRow } = this.props;
     let content = value;
     this.copyableValue = content;
     let classes = [styles.cell, unselectable];
@@ -89,10 +91,12 @@ export default class BrowserCell extends Component {
         object.id = value.objectId;
         value = object;
       }
-      content = (
+      content = onPointerClick ? (
         <a href='javascript:;' onClick={onPointerClick.bind(undefined, value)}>
           <Pill value={value.id} />
         </a>
+      ) : (
+        value.id
       );
       this.copyableValue = value.id;
     } else if (type === 'Date') {
@@ -136,10 +140,12 @@ export default class BrowserCell extends Component {
     } else if (type === 'Polygon') {
       this.copyableValue = content = value.coordinates.map(coord => `(${coord})`)
     } else if (type === 'Relation') {
-      content = (
+      content = setRelation ? (
         <div style={{ textAlign: 'center', cursor: 'pointer' }}>
           <Pill onClick={() => setRelation(value)} value='View relation' />
         </div>
+      ) : (
+        'Relation'
       );
       this.copyableValue = undefined;
     }
@@ -157,7 +163,10 @@ export default class BrowserCell extends Component {
           setCopyableValue(hidden ? undefined : this.copyableValue);
         }}
         onDoubleClick={() => {
-          if (type !== 'Relation') {
+          // Since objectId can't be edited, double click event opens edit row dialog
+          if (name === 'objectId' && onEditSelectedRow) {
+            onEditSelectedRow(true, value);
+          } else if (type !== 'Relation') {
             onEditChange(true)
           }
         }}
diff --git a/src/components/BrowserFilter/BrowserFilter.react.js b/src/components/BrowserFilter/BrowserFilter.react.js
index ff1c6c5b36..bee4c95b31 100644
--- a/src/components/BrowserFilter/BrowserFilter.react.js
+++ b/src/components/BrowserFilter/BrowserFilter.react.js
@@ -18,14 +18,16 @@ import styles from "components/BrowserFilter/BrowserFilter.scss";
 import { List, Map } from "immutable";
 
 const BLACKLISTED_FILTERS = ["containsAny", "doesNotContainAny"];
+const POPOVER_CONTENT_ID = "browserFilterPopover";
 
 export default class BrowserFilter extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
 
     this.state = {
       open: false,
-      filters: new List()
+      filters: new List(),
+      blacklistedFilters: BLACKLISTED_FILTERS.concat(props.blacklistedFilters)
     };
     this.toggle = this.toggle.bind(this);
   }
@@ -46,7 +48,7 @@ export default class BrowserFilter extends React.Component {
       let available = Filters.availableFilters(
         this.props.schema,
         null,
-        BLACKLISTED_FILTERS
+        this.state.blacklistedFilters
       );
       let field = Object.keys(available)[0];
       filters = new List([
@@ -64,7 +66,7 @@ export default class BrowserFilter extends React.Component {
     let available = Filters.availableFilters(
       this.props.schema,
       this.state.filters,
-      BLACKLISTED_FILTERS
+      this.state.blacklistedFilters
     );
     let field = Object.keys(available)[0];
     this.setState(({ filters }) => ({
@@ -107,10 +109,16 @@ export default class BrowserFilter extends React.Component {
         this.state.filters
       );
       popover = (
-        <Popover fixed={true} position={position} onExternalClick={this.toggle}>
+        <Popover
+          fixed={true}
+          position={position}
+          onExternalClick={this.toggle}
+          contentId={POPOVER_CONTENT_ID}
+        >
           <div
             className={popoverStyle.join(" ")}
             onClick={() => this.props.setCurrent(null)}
+            id={POPOVER_CONTENT_ID}
           >
             <div
               onClick={this.toggle}
@@ -122,7 +130,7 @@ export default class BrowserFilter extends React.Component {
             ></div>
             <div className={styles.body}>
               <Filter
-                blacklist={BLACKLISTED_FILTERS}
+                blacklist={this.state.blacklistedFilters}
                 schema={this.props.schema}
                 filters={this.state.filters}
                 onChange={filters => this.setState({ filters: filters })}
diff --git a/src/components/BrowserFilter/BrowserFilter.scss b/src/components/BrowserFilter/BrowserFilter.scss
index afe7f2f3af..be017aa56a 100644
--- a/src/components/BrowserFilter/BrowserFilter.scss
+++ b/src/components/BrowserFilter/BrowserFilter.scss
@@ -68,6 +68,12 @@
   }
 }
 
+.objectPickerContent {
+  .entry svg {
+    fill: rgba(0, 0, 0, 0.3);
+  }
+}
+
 .body {
   position: absolute;
   top: 30px;
diff --git a/src/components/BrowserRow/BrowserRow.react.js b/src/components/BrowserRow/BrowserRow.react.js
index 11aff817ed..b7774a3696 100644
--- a/src/components/BrowserRow/BrowserRow.react.js
+++ b/src/components/BrowserRow/BrowserRow.react.js
@@ -19,7 +19,7 @@ export default class BrowserRow extends Component {
   }
 
   render() {
-    const { className, columns, currentCol, isUnique, obj, onPointerClick, order, readOnlyFields, row, rowWidth, selection, selectRow, setCopyableValue, setCurrent, setEditing, setRelation } = this.props;
+    const { className, columns, currentCol, isUnique, obj, onPointerClick, order, readOnlyFields, row, rowWidth, selection, selectRow, setCopyableValue, setCurrent, setEditing, setRelation, onEditSelectedRow } = this.props;
     let attributes = obj.attributes;
     return (
       <div className={styles.tableRow} style={{ minWidth: rowWidth }}>
@@ -61,6 +61,7 @@ export default class BrowserRow extends Component {
           return (
             <BrowserCell
               key={name}
+              name={name}
               row={row}
               col={j}
               type={type}
@@ -73,7 +74,8 @@ export default class BrowserRow extends Component {
               setRelation={setRelation}
               value={attr}
               hidden={hidden}
-              setCopyableValue={setCopyableValue} />
+              setCopyableValue={setCopyableValue}
+              onEditSelectedRow={onEditSelectedRow} />
           );
         })}
       </div>
diff --git a/src/components/ChromeDropdown/ChromeDropdown.react.js b/src/components/ChromeDropdown/ChromeDropdown.react.js
index dac17a3409..6f2c38ff68 100644
--- a/src/components/ChromeDropdown/ChromeDropdown.react.js
+++ b/src/components/ChromeDropdown/ChromeDropdown.react.js
@@ -77,7 +77,7 @@ export default class ChromeDropdown extends React.Component {
       widthStyle = { width: measuredWidth };
       content = (
         <Popover fixed={true} position={position} onExternalClick={() => this.setState({ open: false })}>
-          <div style={widthStyle} className={[styles.menu, styles[color]].join(' ')}>
+          <div style={widthStyle} className={[styles.menu, styles[color], "chromeDropdown"].join(' ')}>
             {this.props.options.map((o) => {
               let key = o;
               let value = o;
diff --git a/src/components/CodeEditor/CodeEditor.react.js b/src/components/CodeEditor/CodeEditor.react.js
index a5a712f790..a27f141920 100644
--- a/src/components/CodeEditor/CodeEditor.react.js
+++ b/src/components/CodeEditor/CodeEditor.react.js
@@ -5,57 +5,56 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import React from 'react';
-import Editor from 'react-simple-code-editor';
-import PropTypes from 'lib/PropTypes';
-import {highlight, languages} from 'prismjs/components/prism-core';
+import React from "react";
+import Editor from "react-ace";
+import PropTypes from "lib/PropTypes";
 
-import 'prismjs/components/prism-clike';
-import 'prismjs/components/prism-javascript';
-import './CodeEditor.scss';
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/theme-solarized_dark";
+import "ace-builds/src-noconflict/snippets/javascript";
+import "ace-builds/src-noconflict/ext-language_tools";
 
 export default class CodeEditor extends React.Component {
   constructor(props) {
     super(props);
 
-    this.state = {code: ''};
-    this.id = `EDITOR-${Math.floor(Math.random() * 1000)}`
+    this.state = { code: "" };
   }
 
   get value() {
-    return document.querySelector(`#${this.id}`).value;
+    return this.state.code || this.props.placeHolder;
   }
 
   set value(code) {
-    this.setState({code});
+    this.setState({ code });
   }
 
   render() {
-    const {className, placeHolder, id = this.id} = this.props;
+    const { placeHolder, fontSize = 18 } = this.props;
+    const { code } = this.state;
 
     return (
-      <pre style={{margin: 0}} className={`${className} line-numbers language-javascript`}>
-        <Editor
-          placeholder={placeHolder || ''}
-          value={this.state.code}
-          onValueChange={code => this.setState({code})}
-          highlight={code => highlight(code, languages.js)}
-          padding={10}
-          textareaId={id}
-          style={{
-            fontFamily: '"Fira code", "Fira Mono", monospace',
-            fontSize: 12,
-            minHeight: 550,
-            height: '100%'
-          }}
-        />
-      </pre>
-    )
+      <Editor
+        mode="javascript"
+        theme="solarized_dark"
+        onChange={value => this.setState({ code: value })}
+        fontSize={fontSize}
+        showPrintMargin={true}
+        showGutter={true}
+        highlightActiveLine={true}
+        width="100%"
+        value={code || placeHolder}
+        enableBasicAutocompletion={true}
+        enableLiveAutocompletion={true}
+        enableSnippets={false}
+        showLineNumbers={true}
+        tabSize={2}
+      />
+    );
   }
 }
 
 CodeEditor.propTypes = {
-  id: PropTypes.string.describe('Text area element id to be queried afterwards'),
-  className: PropTypes.string.describe('CSS classes'),
-  placeHolder: PropTypes.string.describe('Code place holder')
+  fontSize: PropTypes.number.describe("Font size of the editor"),
+  placeHolder: PropTypes.string.describe("Code place holder")
 };
diff --git a/src/components/CodeEditor/CodeEditor.scss b/src/components/CodeEditor/CodeEditor.scss
deleted file mode 100644
index e1a838d5ba..0000000000
--- a/src/components/CodeEditor/CodeEditor.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-pre > div > textarea:focus {
-  outline: none;
-}
diff --git a/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js b/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
index b56f1466b8..b4e6df4280 100644
--- a/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
+++ b/src/components/ColumnsConfiguration/ColumnsConfiguration.react.js
@@ -10,6 +10,8 @@ import Icon from 'components/Icon/Icon.react';
 import Popover from 'components/Popover/Popover.react';
 import Position from 'lib/Position';
 
+const POPOVER_CONTENT_ID = 'columnsConfigurationPopover';
+
 export default class ColumnsConfiguration extends React.Component {
   constructor() {
     super();
@@ -57,8 +59,8 @@ export default class ColumnsConfiguration extends React.Component {
     let popover = null;
     if (this.state.open) {
       popover = (
-        <Popover fixed={true} position={Position.inDocument(this.node)} onExternalClick={this.toggle.bind(this)}>
-          <div className={styles.popover}>
+        <Popover fixed={true} position={Position.inDocument(this.node)} onExternalClick={this.toggle.bind(this)} contentId={POPOVER_CONTENT_ID}>
+          <div className={styles.popover} id={POPOVER_CONTENT_ID}>
             {title}
             <div className={styles.body}>
               <div className={styles.columnConfigContainer}>
diff --git a/src/components/ColumnsConfiguration/ColumnsConfiguration.scss b/src/components/ColumnsConfiguration/ColumnsConfiguration.scss
index 046621f7cf..5efb6b55e8 100644
--- a/src/components/ColumnsConfiguration/ColumnsConfiguration.scss
+++ b/src/components/ColumnsConfiguration/ColumnsConfiguration.scss
@@ -42,6 +42,12 @@
   }
 }
 
+.objectPickerContent {
+  .entry svg {
+    fill: rgba(0, 0, 0, 0.3);
+  }
+}
+
 .body {
   color: white;
   position: absolute;
diff --git a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.react.js b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.react.js
index ed0b411696..a773e13cf4 100644
--- a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.react.js
+++ b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.react.js
@@ -60,25 +60,27 @@ export default class DataBrowserHeaderBar extends React.Component {
       );
     });
 
-    let finalStyle = {};
-    if (headers.length % 2) {
-      finalStyle.background = 'rgba(224,224,234,0.10)';
+    if (onAddColumn) {
+      let finalStyle = {};
+      if (headers.length % 2) {
+        finalStyle.background = 'rgba(224,224,234,0.10)';
+      }
+  
+      elements.push(
+        readonly || preventSchemaEdits ? null : (
+          <div key='add' className={styles.addColumn} style={finalStyle}>
+            <a
+              href='javascript:;'
+              role='button'
+              className={styles.addColumnButton}
+              onClick={onAddColumn}>
+              Add a new column
+            </a>
+          </div>
+        )
+      );
     }
 
-    elements.push(
-      readonly || preventSchemaEdits ? null : (
-        <div key='add' className={styles.addColumn} style={finalStyle}>
-          <a
-            href='javascript:;'
-            role='button'
-            className={styles.addColumnButton}
-            onClick={onAddColumn}>
-            Add a new column
-          </a>
-        </div>
-      )
-    );
-
     return (
       <DndProvider backend={HTML5Backend}>
         <div className={styles.bar}>{elements}</div>
diff --git a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
index 2f21ff4c88..eb38c70c29 100644
--- a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
+++ b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
@@ -64,3 +64,11 @@
   margin: 0 -4px;
   cursor: ew-resize;
 }
+
+.pickerPointer {
+  .check {
+    input {
+      display: none;
+    }
+  }
+}
diff --git a/src/components/FileEditor/FileEditor.react.js b/src/components/FileEditor/FileEditor.react.js
index a3c06cafe9..dbd839ceb6 100644
--- a/src/components/FileEditor/FileEditor.react.js
+++ b/src/components/FileEditor/FileEditor.react.js
@@ -20,6 +20,7 @@ export default class FileEditor extends React.Component {
 
     this.checkExternalClick = this.checkExternalClick.bind(this);
     this.handleKey = this.handleKey.bind(this);
+    this.removeFile = this.removeFile.bind(this);
   }
 
   componentDidMount() {
@@ -33,18 +34,20 @@ export default class FileEditor extends React.Component {
   }
 
   checkExternalClick(e) {
-    if (!hasAncestor(e.target, this.refs.input)) {
-      this.props.onCommit(this.state.value);
+    const { onCancel } = this.props;
+    if (!hasAncestor(e.target, this.refs.input) && onCancel) {
+      onCancel();
     }
   }
 
   handleKey(e) {
-    if (e.keyCode === 13) {
-      this.props.onCommit(this.state.value);
+    const { onCancel } = this.props;
+    if (e.keyCode === 13 && onCancel) {
+      onCancel();
     }
   }
 
-  getBase64(file){
+  getBase64(file) {
     return new Promise((resolve, reject) => {
       const reader = new FileReader();
       reader.readAsDataURL(file);
@@ -53,6 +56,11 @@ export default class FileEditor extends React.Component {
     });
   }
 
+  removeFile() {
+    this.refs.fileInput.value = '';
+    this.props.onCommit(undefined);
+  }
+
   async handleChange(e) {
     let file = e.target.files[0];
     if (file) {
@@ -67,10 +75,10 @@ export default class FileEditor extends React.Component {
       <div ref='input' style={{ minWidth: this.props.width }} className={styles.editor}>
         {file && file.url() ? <a href={file.url()} target='_blank' role='button' className={styles.download}>Download</a> : null}
         <a className={styles.upload}>
-          <input type='file' onChange={this.handleChange.bind(this)} />
+          <input ref='fileInput' type='file' onChange={this.handleChange.bind(this)} />
           <span>{file ? 'Replace file' : 'Upload file'}</span>
         </a>
-        {file ? <a href='javascript:;' role='button' className={styles.delete} onClick={() => this.props.onCommit(undefined)}>Delete</a> : null}
+        {file ? <a href='javascript:;' role='button' className={styles.delete} onClick={this.removeFile}>Delete</a> : null}
       </div>
     );
   }
diff --git a/src/components/FileEditor/FileEditor.scss b/src/components/FileEditor/FileEditor.scss
index 9f4245999d..5a2faf2c3b 100644
--- a/src/components/FileEditor/FileEditor.scss
+++ b/src/components/FileEditor/FileEditor.scss
@@ -41,8 +41,8 @@
     opacity: 0;
     top: 0;
     right: 0;
-    left: -100px;
     bottom: 0;
     cursor: pointer;
+    width: 100%;
   }
 }
diff --git a/src/components/GeoPointEditor/GeoPointEditor.react.js b/src/components/GeoPointEditor/GeoPointEditor.react.js
index e151cff00d..15d57f0a22 100644
--- a/src/components/GeoPointEditor/GeoPointEditor.react.js
+++ b/src/components/GeoPointEditor/GeoPointEditor.react.js
@@ -6,7 +6,6 @@
  * the root directory of this source tree.
  */
 import { GeoPoint }    from 'parse';
-import hasAncestor     from 'lib/hasAncestor';
 import React           from 'react';
 import styles          from 'components/GeoPointEditor/GeoPointEditor.scss';
 import validateNumeric from 'lib/validateNumeric';
@@ -26,23 +25,31 @@ export default class GeoPointEditor extends React.Component {
   }
 
   componentDidMount() {
-    this.refs.latitude.focus();
+    if (!this.props.disableAutoFocus) {
+      this.refs.latitude.focus();
+    }
     this.refs.latitude.setSelectionRange(0, String(this.state.latitude).length);
-    document.body.addEventListener('click', this.checkExternalClick);
     this.refs.latitude.addEventListener('keypress', this.handleKeyLatitude);
     this.refs.longitude.addEventListener('keypress', this.handleKeyLongitude);
   }
 
   componentWillUnmount() {
-    document.body.removeEventListener('click', this.checkExternalClick);
     this.refs.latitude.removeEventListener('keypress', this.handleKeyLatitude);
     this.refs.longitude.removeEventListener('keypress', this.handleKeyLongitude);
   }
 
-  checkExternalClick(e) {
-    if (!hasAncestor(e.target, this.refs.input)) {
-      this.commitValue();
-    }
+  checkExternalClick() {
+    // timeout needed because activeElement is set after onBlur event is done
+    setTimeout(function() {
+      // check if activeElement is something else from input fields,
+      // to avoid commiting new value on every switch of focus beetween latitude and longitude fields
+      if (
+        document.activeElement !== this.refs.latitude &&
+        document.activeElement !== this.refs.longitude
+      ) {
+        this.commitValue();
+      }
+    }.bind(this), 1);
   }
 
   handleKeyLatitude(e) {
@@ -112,14 +119,16 @@ export default class GeoPointEditor extends React.Component {
       this.setState({ [target]: validateNumeric(value) ? value : this.state[target] });
     };
     return (
-      <div ref='input' style={{ width: this.props.width }} className={styles.editor}>
+      <div ref='input' style={{ width: this.props.width, ...this.props.style }} className={styles.editor}>
         <input
           ref='latitude'
           value={this.state.latitude}
+          onBlur={this.checkExternalClick}
           onChange={onChange.bind(this, 'latitude')} />
         <input
           ref='longitude'
           value={this.state.longitude}
+          onBlur={this.checkExternalClick}
           onChange={onChange.bind(this, 'longitude')} />
       </div>
     );
diff --git a/src/components/Popover/Popover.react.js b/src/components/Popover/Popover.react.js
index 243aef3d1c..5b546e98f0 100644
--- a/src/components/Popover/Popover.react.js
+++ b/src/components/Popover/Popover.react.js
@@ -12,7 +12,7 @@ import ReactDOM    from 'react-dom';
 import styles      from 'components/Popover/Popover.scss';
 
 // We use this component to proxy the current tree's context (just the React Router history for now) to the new tree
-class ContextProxy extends React.Component {
+export class ContextProxy extends React.Component {
   getChildContext() {
     return this.props.cx;
   }
@@ -24,7 +24,8 @@ class ContextProxy extends React.Component {
 
 ContextProxy.childContextTypes = {
   history: PropTypes.object,
-  router: PropTypes.object
+  router: PropTypes.object,
+  currentApp: PropTypes.object
 };
 
 export default class Popover extends React.Component {
@@ -33,8 +34,8 @@ export default class Popover extends React.Component {
     this._checkExternalClick = this._checkExternalClick.bind(this);
   }
   componentWillMount() {
-    let wrapperStyle = this.props.fixed ?
-      styles.fixed_wrapper :
+    let wrapperStyle = this.props.fixed ? 
+      styles.fixed_wrapper : 
       styles.popover_wrapper;
     this._popoverWrapper = document.getElementById(wrapperStyle);
     if (!this._popoverWrapper) {
@@ -83,8 +84,16 @@ export default class Popover extends React.Component {
   }
 
   _checkExternalClick(e) {
-    if (!hasAncestor(e.target, this._popoverWrapper) &&
-      this.props.onExternalClick) {
+    const { contentId } = this.props;
+    const popoverWrapper = contentId
+      ? document.getElementById(contentId)
+      : this._popoverWrapper;
+    const isChromeDropdown = e.target.parentNode.classList.contains("chromeDropdown");
+    if (
+      !hasAncestor(e.target, popoverWrapper) &&
+      this.props.onExternalClick &&
+      !isChromeDropdown
+    ) {
       this.props.onExternalClick(e);
     }
   }
diff --git a/src/components/TextInput/TextInput.react.js b/src/components/TextInput/TextInput.react.js
index 124976410e..702bd5d66f 100644
--- a/src/components/TextInput/TextInput.react.js
+++ b/src/components/TextInput/TextInput.react.js
@@ -10,8 +10,30 @@ import React from 'react';
 import styles from 'components/TextInput/TextInput.scss';
 
 export default class TextInput extends React.Component {
+  componentWillReceiveProps(props) {
+    if (props.multiline !== this.props.multiline) {
+      const previousInput = this.refs.input;
+      // wait a little while for component to re-render
+      setTimeout(function() {
+        const newInput = previousInput ? this.refs.textarea : this.refs.input;
+        newInput.focus();
+        newInput.value = "";
+        newInput.value = props.value;
+      }.bind(this), 1);
+    }
+  }
+
   changeValue(e) {
-    this.props.onChange(e.nativeEvent.target.value);
+    const { onChange } = this.props;
+    if (onChange) {
+      onChange(e.nativeEvent.target.value);
+    }
+  }
+  updateValue(e) {
+    const { onBlur } = this.props;
+    if (onBlur) {
+      onBlur(e.nativeEvent.target.value);
+    }
   }
 
   render() {
@@ -22,16 +44,21 @@ export default class TextInput extends React.Component {
     if (this.props.multiline) {
       return (
         <textarea
+          ref="textarea"
+          id={this.props.id}
           disabled={!!this.props.disabled}
           className={classes.join(' ')}
           style={{height: this.props.height || 80}}
           placeholder={this.props.placeholder}
           value={this.props.value}
-          onChange={this.changeValue.bind(this)} />
+          onChange={this.changeValue.bind(this)}
+          onBlur={this.updateValue.bind(this)} />
       );
     }
     return (
       <input
+        ref="input"
+        id={this.props.id}
         type={this.props.hidden ? 'password' : 'text'}
         disabled={!!this.props.disabled}
         className={classes.join(' ')}
@@ -39,7 +66,7 @@ export default class TextInput extends React.Component {
         placeholder={this.props.placeholder}
         value={this.props.value}
         onChange={this.changeValue.bind(this)}
-        onBlur={this.props.onBlur} />
+        onBlur={this.updateValue.bind(this)} />
     );
   }
 }
diff --git a/src/components/Toolbar/Toolbar.scss b/src/components/Toolbar/Toolbar.scss
index c516df6469..6d6ff06820 100644
--- a/src/components/Toolbar/Toolbar.scss
+++ b/src/components/Toolbar/Toolbar.scss
@@ -5,7 +5,7 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-@import 'stylesheets/globals.scss';
+@import "stylesheets/globals.scss";
 
 .toolbar {
   position: fixed;
@@ -16,6 +16,7 @@
   height: 96px;
   color: white;
   transition: left 0.5s ease-in;
+  z-index: 5;
 }
 
 @media (max-width: 980px) {
@@ -24,6 +25,22 @@
   }
 }
 
+.objectPickerContent {
+  .toolbar {
+    background: #00db7c;
+    height: 80px;
+    right: 135px;
+
+    .nav {
+      display: none;
+    }
+
+    .titleText {
+      display: none;
+    }
+  }
+}
+
 .title {
   position: absolute;
   left: 14px;
diff --git a/src/dashboard/Data/Browser/Browser.react.js b/src/dashboard/Data/Browser/Browser.react.js
index 1838d6cbdc..c7cc09332f 100644
--- a/src/dashboard/Data/Browser/Browser.react.js
+++ b/src/dashboard/Data/Browser/Browser.react.js
@@ -19,6 +19,7 @@ import ExportDialog                       from 'dashboard/Data/Browser/ExportDia
 import AttachRowsDialog                   from 'dashboard/Data/Browser/AttachRowsDialog.react';
 import AttachSelectedRowsDialog           from 'dashboard/Data/Browser/AttachSelectedRowsDialog.react';
 import CloneSelectedRowsDialog            from 'dashboard/Data/Browser/CloneSelectedRowsDialog.react';
+import EditRowDialog                      from 'dashboard/Data/Browser/EditRowDialog.react';
 import history                            from 'dashboard/history';
 import { List, Map }                      from 'immutable';
 import Notification                       from 'dashboard/Data/Browser/Notification.react';
@@ -56,6 +57,7 @@ class Browser extends DashboardView {
       showDropClassDialog: false,
       showExportDialog: false,
       showAttachRowsDialog: false,
+      showEditRowDialog: false,
       rowsToDelete: null,
 
       relation: null,
@@ -109,11 +111,15 @@ class Browser extends DashboardView {
     this.setRelation = this.setRelation.bind(this);
     this.showAddColumn = this.showAddColumn.bind(this);
     this.addRow = this.addRow.bind(this);
+    this.addRowWithModal = this.addRowWithModal.bind(this);
     this.showCreateClass = this.showCreateClass.bind(this);
     this.createClass = this.createClass.bind(this);
     this.addColumn = this.addColumn.bind(this);
     this.removeColumn = this.removeColumn.bind(this);
     this.showNote = this.showNote.bind(this);
+    this.showEditRowDialog = this.showEditRowDialog.bind(this);
+    this.closeEditRowDialog = this.closeEditRowDialog.bind(this);
+    this.handleShowAcl = this.handleShowAcl.bind(this);
   }
 
   componentWillMount() {
@@ -287,6 +293,12 @@ class Browser extends DashboardView {
     }
   }
 
+  addRowWithModal() {
+    this.addRow();
+    this.selectRow(undefined, true);
+    this.showEditRowDialog();
+  }
+
   removeColumn(name) {
     let payload = {
       className: this.props.params.className,
@@ -705,7 +717,8 @@ class Browser extends DashboardView {
       this.state.rowsToDelete ||
       this.state.showAttachRowsDialog ||
       this.state.showAttachSelectedRowsDialog ||
-      this.state.showCloneSelectedRowsDialog
+      this.state.showCloneSelectedRowsDialog ||
+      this.state.showEditRowDialog
     );
   }
 
@@ -768,10 +781,10 @@ class Browser extends DashboardView {
     });
   }
 
-  async confirmAttachSelectedRows(className, targetObjectId, relationName, objectIds) {
+  async confirmAttachSelectedRows(className, targetObjectId, relationName, objectIds, targetClassName) {
     const parentQuery = new Parse.Query(className);
     const parent = await parentQuery.get(targetObjectId, { useMasterKey: true });
-    const query = new Parse.Query(this.props.params.className);
+    const query = new Parse.Query(targetClassName || this.props.params.className);
     query.containedIn('objectId', objectIds);
     const objects = await query.find({ useMasterKey: true });
     parent.relation(relationName).add(objects);
@@ -895,6 +908,29 @@ class Browser extends DashboardView {
     }, 3500);
   }
 
+  showEditRowDialog(isDoubleClick, objectId) {
+    // objectId is optional param which is used for doubleClick event on objectId BrowserCell
+    if (isDoubleClick) {
+      // remove all selected rows and select doubleClicked row
+      this.setState({ selection: {} });
+      this.selectRow(objectId, true);
+    }
+    this.setState({
+      showEditRowDialog: true,
+    });
+  }
+
+  closeEditRowDialog() {
+    this.setState({
+      showEditRowDialog: false,
+    });
+  }
+
+  handleShowAcl(row, col){
+    this.refs.dataBrowser.setEditing(true);
+    this.refs.dataBrowser.setCurrent({ row, col });
+  }
+
   renderContent() {
     let browser = null;
     let className = this.props.params.className;
@@ -945,6 +981,7 @@ class Browser extends DashboardView {
         }
         browser = (
           <DataBrowser
+            ref='dataBrowser'
             isUnique={this.state.isUnique}
             uniqueField={this.state.uniqueField}
             count={count}
@@ -961,6 +998,7 @@ class Browser extends DashboardView {
             onAttachRows={this.showAttachRowsDialog}
             onAttachSelectedRows={this.showAttachSelectedRowsDialog}
             onCloneSelectedRows={this.showCloneSelectedRowsDialog}
+            onEditSelectedRow={this.showEditRowDialog}
 
             columns={columns}
             className={className}
@@ -979,6 +1017,7 @@ class Browser extends DashboardView {
             setRelation={this.setRelation}
             onAddColumn={this.showAddColumn}
             onAddRow={this.addRow}
+            onAddRowWithModal={this.addRowWithModal}
             onAddClass={this.showCreateClass}
             showNote={this.showNote} />
         );
@@ -1068,6 +1107,66 @@ class Browser extends DashboardView {
           onConfirm={this.confirmCloneSelectedRows}
         />
       );
+    } else if (this.state.showEditRowDialog) {
+      const classColumns = this.getClassColumns(className, false);
+      // create object with classColumns as property keys needed for ColumnPreferences.getOrder function
+      const columnsObject = {};
+      classColumns.forEach((column) => {
+        columnsObject[column.name] = column
+      });
+      // get ordered list of class columns
+      const columns = ColumnPreferences.getOrder(
+        columnsObject,
+        this.context.currentApp.applicationId,
+        className
+      );
+      // extend columns with their type and targetClass properties
+      columns.forEach(column => {
+        const { type, targetClass } = columnsObject[column.name];
+        column.type = type;
+        column.targetClass = targetClass;
+      });
+
+      const { data, selection, newObject } = this.state;
+      // at this moment only one row must be selected, so take the first and only one
+      const selectedKey = Object.keys(selection)[0];
+      // if selectedKey is string "undefined" => new row column 'objectId' was clicked
+      let selectedId = selectedKey === "undefined" ? undefined : selectedKey;
+      // if selectedId is undefined and newObject is null it means new row was just saved and added to data array
+      const isJustSavedObject = selectedId === undefined && newObject === null;
+      // if new object just saved, remove new row selection and select new added row
+      if (isJustSavedObject) {
+        selectedId = data[0].id;
+        this.setState({ selection: {} });
+        this.selectRow(selectedId, true);
+      }
+
+      const row = data.findIndex(d => d.id === selectedId);
+
+      const attributes = selectedId
+        ? data[row].attributes
+        : newObject.attributes;
+
+      const selectedObject = {
+        row: row,
+        id: selectedId,
+        ...attributes
+      };
+
+      extras = (
+        <EditRowDialog
+          className={className}
+          columns={columns}
+          selectedObject={selectedObject}
+          handlePointerClick={this.handlePointerClick}
+          setRelation={this.setRelation}
+          handleShowAcl={this.handleShowAcl}
+          onClose={this.closeEditRowDialog}
+          updateRow={this.updateRow}
+          confirmAttachSelectedRows={this.confirmAttachSelectedRows}
+          schema={this.props.schema}
+        />
+      )
     }
 
     let notification = null;
diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss
index 7e389ed62e..4d40604b9a 100644
--- a/src/dashboard/Data/Browser/Browser.scss
+++ b/src/dashboard/Data/Browser/Browser.scss
@@ -196,3 +196,65 @@
     opacity: 0;
   }
 }
+
+.editRowDialogContent {
+  max-height: 60vh;
+  overflow-y: scroll;
+}
+
+.objectPickerContent {
+  min-height: 150px;
+  max-height: 60vh;
+  overflow-y: scroll;
+
+  .browser {
+    position: relative;
+    top: 0;
+    left: 0;
+    height: 60vh;
+    width: calc(100% - 140px);
+
+    .empty {
+      position: unset;
+    }
+  }
+
+  .toolbarButton svg {
+    fill: rgba(0, 0, 0, 0.3);
+  }
+
+  .toolbarSeparator {
+    background: rgba(0, 0, 0, 0.3);
+  }
+
+  .selectionSection {
+    position: fixed;
+    right: 0;
+    width: 142px;
+    font-size: 12px;
+    color: #0E69A1;
+    background: #F4F5F7;
+    font-family: 'Source Code Pro', 'Courier New', monospace;
+
+    .selectionHeader {
+      background: rgb(102, 99, 122);
+      color: white;
+      height: 30px;
+      padding-top: 5px;
+      padding-left: 10px;
+      line-height: 22px;
+    }
+
+    .selectionList {
+      padding-left: 12px;
+      padding-top: 4px;
+      height: calc(60vh - 30px);
+      overflow-y: scroll;
+    }
+  }
+}
+
+.selectionInputWrapper {
+  width: calc(100% - 280px);
+  float: left;
+}
diff --git a/src/dashboard/Data/Browser/BrowserTable.react.js b/src/dashboard/Data/Browser/BrowserTable.react.js
index 4b5b95255f..99ab6794ed 100644
--- a/src/dashboard/Data/Browser/BrowserTable.react.js
+++ b/src/dashboard/Data/Browser/BrowserTable.react.js
@@ -113,7 +113,7 @@ export default class BrowserTable extends React.Component {
     if (this.props.data) {
       const rowWidth = this.props.order.reduce(
         (rowWidth, { visible, width }) => visible ? rowWidth + width : rowWidth,
-        210
+        this.props.onAddRow ? 210 : 0
       );
       let newRow = null;
       if (this.props.newObject && this.state.offset <= 0) {
@@ -137,7 +137,8 @@ export default class BrowserTable extends React.Component {
               setCurrent={this.props.setCurrent}
               setEditing={this.props.setEditing}
               setRelation={this.props.setRelation}
-              setCopyableValue={this.props.setCopyableValue} />
+              setCopyableValue={this.props.setCopyableValue}
+              onEditSelectedRow={this.props.onEditSelectedRow} />
           </div>
         );
       }
@@ -170,7 +171,8 @@ export default class BrowserTable extends React.Component {
           setCurrent={this.props.setCurrent}
           setEditing={this.props.setEditing}
           setRelation={this.props.setRelation}
-          setCopyableValue={this.props.setCopyableValue} />
+          setCopyableValue={this.props.setCopyableValue}
+          onEditSelectedRow={this.props.onEditSelectedRow} />
       }
 
       if (this.props.editing) {
@@ -240,14 +242,15 @@ export default class BrowserTable extends React.Component {
                     );
                   }
                   this.props.setEditing(false);
-                }} />
+                }}
+                onCancel={() =>this.props.setEditing(false)} />
             );
           }
         }
       }
 
       let addRow = null;
-      if (!this.props.newObject) {
+      if (!this.props.newObject && this.props.onAddRow) {
         if (this.props.relation) {
           addRow = (
             <div className={styles.addRow}>
@@ -305,9 +308,9 @@ export default class BrowserTable extends React.Component {
                   icon='files-solid' /> :
                 <EmptyState
                   title='No data to display'
-                  description='Add a row to store an object in this class.'
+                  description={this.props.onAddRow && 'Add a row to store an object in this class.'}
                   icon='files-solid'
-                  cta='Add a row'
+                  cta={this.props.onAddRow && 'Add a row'}
                   action={this.props.onAddRow} />
               }
             </div>
diff --git a/src/dashboard/Data/Browser/BrowserToolbar.react.js b/src/dashboard/Data/Browser/BrowserToolbar.react.js
index 08ce5fe20c..c1e6b943c4 100644
--- a/src/dashboard/Data/Browser/BrowserToolbar.react.js
+++ b/src/dashboard/Data/Browser/BrowserToolbar.react.js
@@ -31,7 +31,9 @@ let BrowserToolbar = ({
   onFilterChange,
   onAddColumn,
   onAddRow,
+  onAddRowWithModal,
   onAddClass,
+  onEditSelectedRow,
   onAttachRows,
   onAttachSelectedRows,
   onCloneSelectedRows,
@@ -98,13 +100,20 @@ let BrowserToolbar = ({
         />
       </BrowserMenu>
     );
-  } else {
+  } else if (onAddRow) {
     menu = (
       <BrowserMenu title='Edit' icon='edit-solid' disabled={isUnique}>
         <MenuItem text='Add a row' onClick={onAddRow} />
+        <MenuItem text='Add a row with modal' onClick={onAddRowWithModal} />
         {enableColumnManipulation ? <MenuItem text='Add a column' onClick={onAddColumn} /> : <noscript />}
         {enableClassManipulation ? <MenuItem text='Add a class' onClick={onAddClass} /> : <noscript />}
         <Separator />
+        <MenuItem
+          disabled={selectionLength !== 1}
+          text={`Edit this row with modal`}
+          onClick={onEditSelectedRow}
+        />
+        <Separator />
         <MenuItem
           disabled={!selectionLength}
           text={`Attach ${selectionLength <= 1 ? 'this row' : 'these rows'} to relation`}
@@ -170,11 +179,13 @@ let BrowserToolbar = ({
       subsection={subsection}
       details={details.join(' \u2022 ')}
     >
-      <a className={classes.join(' ')} onClick={onClick}>
-        <Icon name='plus-solid' width={14} height={14} />
-        <span>Add Row</span>
-      </a>
-      <div className={styles.toolbarSeparator} />
+      {onAddRow && (
+        <a className={classes.join(" ")} onClick={onClick}>
+          <Icon name="plus-solid" width={14} height={14} />
+          <span>Add Row</span>
+        </a>
+      )}
+      {onAddRow && <div className={styles.toolbarSeparator} />}
       <ColumnsConfiguration
         handleColumnsOrder={handleColumnsOrder}
         handleColumnDragDrop={handleColumnDragDrop}
@@ -190,16 +201,17 @@ let BrowserToolbar = ({
         schema={schemaSimplifiedData}
         filters={filters}
         onChange={onFilterChange}
-        className={classNameForEditors} />
-      <div className={styles.toolbarSeparator} />
-      {enableSecurityDialog ? <SecurityDialog
+        className={classNameForEditors}
+        blacklistedFilters={onAddRow ? [] : ['unique']} />
+      {onAddRow && <div className={styles.toolbarSeparator} />}
+      {perms && enableSecurityDialog ? <SecurityDialog
         setCurrent={setCurrent}
         disabled={!!relation || !!isUnique}
         perms={perms}
         className={classNameForEditors}
         onChangeCLP={onChangeCLP}
         userPointers={userPointers} /> : <noscript />}
-      {enableSecurityDialog ? <div className={styles.toolbarSeparator} /> : <noscript/>}
+      {perms && enableSecurityDialog ? <div className={styles.toolbarSeparator} /> : <noscript/>}
       {menu}
     </Toolbar>
   );
diff --git a/src/dashboard/Data/Browser/DataBrowser.react.js b/src/dashboard/Data/Browser/DataBrowser.react.js
index 105ff4d908..f7562680ac 100644
--- a/src/dashboard/Data/Browser/DataBrowser.react.js
+++ b/src/dashboard/Data/Browser/DataBrowser.react.js
@@ -184,7 +184,9 @@ export default class DataBrowser extends React.Component {
       case 67: // C
         if ((e.ctrlKey || e.metaKey) && this.state.copyableValue !== undefined) {
           copy(this.state.copyableValue); // Copies current cell value to clipboard
-          this.props.showNote('Value copied to clipboard', false)
+          if (this.props.showNote) {
+            this.props.showNote('Value copied to clipboard', false);
+          }
           e.preventDefault()
         }
         break;
@@ -192,8 +194,10 @@ export default class DataBrowser extends React.Component {
   }
 
   setEditing(editing) {
-    if (this.state.editing !== editing) {
-      this.setState({ editing: editing });
+    if (this.props.updateRow) {
+      if (this.state.editing !== editing) {
+        this.setState({ editing: editing });
+      }
     }
   }
 
diff --git a/src/dashboard/Data/Browser/EditRowDialog.react.js b/src/dashboard/Data/Browser/EditRowDialog.react.js
new file mode 100644
index 0000000000..0e7e377fe5
--- /dev/null
+++ b/src/dashboard/Data/Browser/EditRowDialog.react.js
@@ -0,0 +1,423 @@
+import React from "react";
+import Parse from "parse";
+import { dateStringUTC } from "lib/DateUtils";
+import PropTypes from "lib/PropTypes";
+import ParseApp from "lib/ParseApp";
+import { ContextProxy } from "components/Popover/Popover.react.js";
+import Modal from "components/Modal/Modal.react";
+import Field from "components/Field/Field.react";
+import Label from "components/Label/Label.react";
+import TextInput from "components/TextInput/TextInput.react";
+import DateTimeInput from "components/DateTimeInput/DateTimeInput.react";
+import Toggle from "components/Toggle/Toggle.react";
+import Pill from "components/Pill/Pill.react";
+import GeoPointEditor from "components/GeoPointEditor/GeoPointEditor.react";
+import FileEditor from "components/FileEditor/FileEditor.react";
+import ObjectPickerDialog from "dashboard/Data/Browser/ObjectPickerDialog.react";
+import styles from "dashboard/Data/Browser/Browser.scss";
+
+export default class EditRowDialog extends React.Component {
+  constructor(props) {
+    super(props);
+
+    const { selectedObject } = this.props;
+    const { currentObject, openObjectPickers } = this.initializeState(
+      selectedObject
+    );
+    this.state = { currentObject, openObjectPickers };
+
+    this.updateCurrentObject = this.updateCurrentObject.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+    this.openAcl = this.openAcl.bind(this);
+    this.openPointer = this.openPointer.bind(this);
+    this.toggleObjectPicker = this.toggleObjectPicker.bind(this);
+    this.openRelation = this.openRelation.bind(this);
+  }
+
+  componentWillReceiveProps(props) {
+    const newSelectedObject = props.selectedObject;
+    const previousSelectedObject = this.props.selectedObject;
+    if (newSelectedObject.id !== previousSelectedObject.id) {
+      const { currentObject, openObjectPickers } = this.initializeState(
+        newSelectedObject
+      );
+      this.setState({ currentObject, openObjectPickers });
+    }
+  }
+
+  initializeState(newObject) {
+    const { columns } = this.props;
+    const currentObject = { ...newObject };
+    const openObjectPickers = {};
+    columns.forEach(column => {
+      const { name, type } = column;
+      if (["Array", "Object"].indexOf(type) >= 0) {
+        currentObject[name] = JSON.stringify(currentObject[name], null, 2);
+      }
+      if (type === "Polygon") {
+        currentObject[name] = JSON.stringify(
+          (currentObject[name] && currentObject[name].coordinates) || [
+            ["lat", "lon"]
+          ],
+          null,
+          2
+        );
+      }
+      if (type === "Pointer") {
+        currentObject[name] =
+          (currentObject[name] && currentObject[name].id) || "";
+        openObjectPickers[name] = false;
+      }
+      if (type === "Relation") {
+        openObjectPickers[name] = false;
+      }
+    });
+
+    return { currentObject, openObjectPickers };
+  }
+
+  updateCurrentObject(newValue, name) {
+    const { currentObject } = this.state;
+    currentObject[name] = newValue;
+    this.setState({ currentObject });
+  }
+
+  handleChange(newValue, name, type, targetClass, toDelete) {
+    if (name == "password") {
+      if (newValue === "") {
+        return false;
+      } else {
+        const { currentObject } = this.state;
+        currentObject.password = "";
+      }
+    }
+    const {
+      selectedObject,
+      className,
+      updateRow,
+      confirmAttachSelectedRows
+    } = this.props;
+    if (type === "Relation") {
+      if (toDelete.length > 0) {
+        selectedObject[name].remove(toDelete);
+        selectedObject[name].parent.save(null, { useMasterKey: true });
+      }
+      if (newValue.length > 0) {
+        confirmAttachSelectedRows(
+          className,
+          selectedObject.id,
+          name,
+          newValue,
+          targetClass
+        );
+      }
+      this.toggleObjectPicker(name, false);
+    } else {
+      if (["Array", "Object", "Polygon"].indexOf(type) >= 0) {
+        const { currentObject } = this.state;
+        currentObject[name] = JSON.stringify(newValue, null, 2);
+        if (type === "Polygon") {
+          newValue = {
+            __type: type,
+            coordinates: newValue
+          };
+        }
+      }
+      if (type === "Pointer") {
+        // when Pointer newValue is array with length 0 or 1
+        const pointerId = newValue[0];
+        newValue = pointerId
+          ? Parse.Object.fromJSON({
+              className: targetClass,
+              objectId: pointerId
+            })
+          : undefined;
+        this.toggleObjectPicker(name, false);
+      }
+      updateRow(selectedObject.row, name, newValue);
+    }
+  }
+
+  openAcl() {
+    const { selectedObject, columns, handleShowAcl } = this.props;
+    const { row } = selectedObject;
+    const col = columns.findIndex(c => c.name === "ACL");
+    handleShowAcl(row, col);
+  }
+
+  openPointer(className, id) {
+    const { onClose, handlePointerClick } = this.props;
+    onClose();
+    handlePointerClick({ className: className, id: id });
+  }
+
+  openRelation(relation) {
+    const { onClose, setRelation } = this.props;
+    onClose();
+    setRelation(relation);
+  }
+
+  toggleObjectPicker(name, isOpen) {
+    const { openObjectPickers } = this.state;
+    openObjectPickers[name] = isOpen;
+    this.setState({ openObjectPickers });
+  }
+
+  render() {
+    const { selectedObject, className, columns, onClose, schema } = this.props;
+    const { currentObject, openObjectPickers } = this.state;
+
+    const fields = columns.map(column => {
+      const { name, type, targetClass } = column;
+
+      const isHidden =
+        ["objectId", "createdAt", "updatedAt", "ACL"].indexOf(name) >= 0;
+
+      if (isHidden) {
+        return;
+      }
+
+      let inputComponent;
+
+      const isDisabled =
+        (className === "_User" && ["authData"].indexOf(name) >= 0) ||
+        (selectedObject.id &&
+          className === "_Role" &&
+          ["name"].indexOf(name) >= 0) ||
+        (className === "_Session" &&
+          [
+            "sessionToken",
+            "expiresAt",
+            "user",
+            "createdWith",
+            "installationId",
+            "restricted"
+          ].indexOf(name) >= 0);
+
+      switch (type) {
+        case "String":
+          inputComponent = (
+            <TextInput
+              multiline={
+                currentObject[name] && currentObject[name].length > 25
+                  ? true
+                  : false
+              }
+              disabled={isDisabled}
+              placeholder={name === "password" ? "(hidden)" : ""}
+              value={currentObject[name]}
+              onChange={newValue => this.updateCurrentObject(newValue, name)}
+              onBlur={newValue => this.handleChange(newValue, name)}
+            />
+          );
+          break;
+        case "Number":
+          inputComponent = (
+            <TextInput
+              disabled={isDisabled}
+              value={currentObject[name]}
+              onChange={newValue => this.updateCurrentObject(newValue, name)}
+              onBlur={newValue => this.handleChange(parseFloat(newValue), name)}
+            />
+          );
+          break;
+        case "Array":
+        case "Object":
+        case "Polygon":
+          inputComponent = (
+            <TextInput
+              multiline={true}
+              disabled={isDisabled}
+              value={currentObject[name]}
+              onChange={newValue => this.updateCurrentObject(newValue, name)}
+              onBlur={newValue =>
+                this.handleChange(JSON.parse(newValue), name, type)
+              }
+            />
+          );
+          break;
+        case "Boolean":
+          inputComponent = isDisabled ? (
+            <TextInput disabled={true} value={selectedObject[name]} />
+          ) : (
+            <Toggle
+              type={Toggle.Types.TRUE_FALSE}
+              value={selectedObject[name]}
+              onChange={newValue => this.handleChange(newValue, name)}
+            />
+          );
+          break;
+        case "Date":
+          inputComponent = (
+            <DateTimeInput
+              disabled={isDisabled}
+              value={selectedObject[name]}
+              onChange={newValue => this.handleChange(newValue, name)}
+            />
+          );
+          break;
+        case "GeoPoint":
+          inputComponent = (
+            <div style={{ padding: "25px" }}>
+              <GeoPointEditor
+                disableAutoFocus={true}
+                value={selectedObject[name]}
+                style={{ position: "inherit" }}
+                onCommit={newValue => this.handleChange(newValue, name)}
+              />
+            </div>
+          );
+          break;
+        case "File":
+          inputComponent = (
+            <div style={{ padding: "25px" }}>
+              <FileEditor
+                value={selectedObject[name]}
+                style={{ position: "inherit" }}
+                onCommit={newValue => this.handleChange(newValue, name)}
+              />
+            </div>
+          );
+          break;
+        case "Pointer":
+          const pointerId = selectedObject[name] && selectedObject[name].id;
+          inputComponent = openObjectPickers[name] ? (
+            <ContextProxy cx={this.context}>
+              <ObjectPickerDialog
+                schema={schema}
+                column={column}
+                className={targetClass}
+                pointerId={pointerId}
+                onConfirm={newValue =>
+                  this.handleChange(newValue, name, type, targetClass)
+                }
+                onCancel={() => this.toggleObjectPicker(name, false)}
+              />
+            </ContextProxy>
+          ) : (
+            <div
+              style={{
+                textAlign: "center",
+                cursor: "pointer",
+                paddingTop: pointerId ? "17px" : "35px"
+              }}
+            >
+              {pointerId && (
+                <Pill
+                  onClick={() => this.openPointer(targetClass, pointerId)}
+                  value={pointerId}
+                />
+              )}
+              <Pill
+                onClick={() => this.toggleObjectPicker(name, true)}
+                value={`Select ${name}`}
+              />
+            </div>
+          );
+          break;
+        case "Relation":
+          // fallback if selectedObject is just saved, so it still doesn't have relation properites set
+          const relation =
+            selectedObject[name] || new Parse.Relation(selectedObject, name);
+          relation.targetClassName = targetClass;
+
+          inputComponent = openObjectPickers[name] ? (
+            <ContextProxy cx={this.context}>
+              <ObjectPickerDialog
+                schema={schema}
+                column={column}
+                className={targetClass}
+                relation={relation}
+                onConfirm={(newValue, toDelete) =>
+                  this.handleChange(newValue, name, type, targetClass, toDelete)
+                }
+                onCancel={() => this.toggleObjectPicker(name, false)}
+              />
+            </ContextProxy>
+          ) : (
+            selectedObject.id && (
+              <div
+                style={{
+                  textAlign: "center",
+                  cursor: "pointer",
+                  paddingTop: "17px"
+                }}
+              >
+                <Pill
+                  onClick={() => this.openRelation(relation)}
+                  value={`View ${type}`}
+                />
+                <Pill
+                  onClick={() => this.toggleObjectPicker(name, true)}
+                  value={`Select ${name}`}
+                />
+              </div>
+            )
+          );
+          break;
+        default:
+          inputComponent = <div />;
+      }
+
+      return (
+        <Field
+          key={name}
+          label={
+            <Label
+              text={name}
+              description={targetClass ? `${type} <${targetClass}>` : type}
+            />
+          }
+          labelWidth={33}
+          input={inputComponent}
+        />
+      );
+    });
+
+    return (
+      <Modal
+        open
+        type={Modal.Types.INFO}
+        icon="edit-solid"
+        iconSize={30}
+        title={
+          selectedObject.id ? (
+            <span>
+              Edit <strong>{selectedObject.id}</strong>
+            </span>
+          ) : (
+            <span>
+              New <strong>{className}</strong>
+            </span>
+          )
+        }
+        subtitle={
+          <div style={{ paddingTop: "5px", fontSize: "12px" }}>
+            {selectedObject.createdAt && (
+              <p>
+                CreatedAt{" "}
+                <strong>{dateStringUTC(selectedObject.createdAt)}</strong>
+              </p>
+            )}
+            {selectedObject.updatedAt && (
+              <p>
+                UpdatedAt{" "}
+                <strong>{dateStringUTC(selectedObject.updatedAt)}</strong>
+              </p>
+            )}
+          </div>
+        }
+        onCancel={onClose}
+        onConfirm={this.openAcl}
+        confirmText="Edit ACL"
+        cancelText="Close"
+      >
+        <div className={[styles.objectPickerContent]}>{fields}</div>
+      </Modal>
+    );
+  }
+}
+
+EditRowDialog.contextTypes = {
+  currentApp: PropTypes.instanceOf(ParseApp)
+};
diff --git a/src/dashboard/Data/Browser/Editor.react.js b/src/dashboard/Data/Browser/Editor.react.js
index 5425d333bc..30758cd710 100644
--- a/src/dashboard/Data/Browser/Editor.react.js
+++ b/src/dashboard/Data/Browser/Editor.react.js
@@ -16,7 +16,7 @@ import decode         from 'parse/lib/browser/decode';
 import React          from 'react';
 import StringEditor   from 'components/StringEditor/StringEditor.react';
 
-let Editor = ({ top, left, type, targetClass, value, readonly, width, onCommit }) => {
+let Editor = ({ top, left, type, targetClass, value, readonly, width, onCommit, onCancel }) => {
   let content = null;
   if (type === 'String') {
     content = (
@@ -119,7 +119,8 @@ let Editor = ({ top, left, type, targetClass, value, readonly, width, onCommit }
       <FileEditor
         value={value}
         width={width}
-        onCommit={onCommit} />
+        onCommit={onCommit}
+        onCancel={onCancel} />
     );
   } else if (type === 'ACL') {
     content = (
diff --git a/src/dashboard/Data/Browser/ObjectPickerDialog.react.js b/src/dashboard/Data/Browser/ObjectPickerDialog.react.js
new file mode 100644
index 0000000000..ce0222af65
--- /dev/null
+++ b/src/dashboard/Data/Browser/ObjectPickerDialog.react.js
@@ -0,0 +1,411 @@
+import React from "react";
+import { List } from "immutable";
+import Parse from "parse";
+import * as ColumnPreferences from "lib/ColumnPreferences";
+import queryFromFilters from "lib/queryFromFilters";
+import PropTypes from "lib/PropTypes";
+import ParseApp from "lib/ParseApp";
+import { ContextProxy } from "components/Popover/Popover.react.js";
+import Modal from "components/Modal/Modal.react";
+import Button from "components/Button/Button.react";
+import TextInput from "components/TextInput/TextInput.react";
+import DataBrowser from "dashboard/Data/Browser/DataBrowser.react";
+import stylesBrowser from "dashboard/Data/Browser/Browser.scss";
+import stylesBrowserFilter from "components/BrowserFilter/BrowserFilter.scss";
+import stylesToolbar from "components/Toolbar/Toolbar.scss";
+import stylesColumnsConfiguration from "components/ColumnsConfiguration/ColumnsConfiguration.scss";
+import stylesDataBrowserHeaderBar from "components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss";
+import stylesFooter from "components/Modal/Modal.scss";
+
+// The initial and max amount of rows fetched by lazy loading
+const MAX_ROWS_FETCHED = 200;
+const SELECTION_INPUT_ID = "selectionInput";
+
+export default class ObjectPickerDialog extends React.Component {
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      data: null,
+      counts: {},
+      filteredCounts: {},
+      filters: new List(),
+      lastMax: -1,
+      ordering: "-createdAt",
+      selection: {},
+      // initial relation ids -> currently saved in database
+      initialRelationData: [],
+      selectionInput: "",
+      disableDataBrowserKeyControls: false
+    };
+
+    this.disableDataBrowserKeyControls = this.disableDataBrowserKeyControls.bind(
+      this
+    );
+    this.fetchNextPage = this.fetchNextPage.bind(this);
+    this.updateFilters = this.updateFilters.bind(this);
+    this.refresh = this.refresh.bind(this);
+    this.selectRow = this.selectRow.bind(this);
+    this.updateSelectionFromInput = this.updateSelectionFromInput.bind(this);
+    this.updateOrdering = this.updateOrdering.bind(this);
+    this.onConfirm = this.onConfirm.bind(this);
+  }
+
+  async componentWillMount() {
+    const { filters } = this.state;
+    const { className, pointerId, relation } = this.props;
+    await this.fetchData(className, filters);
+    if (pointerId) {
+      this.selectRow(pointerId, true);
+    }
+    if (relation) {
+      this.selectRelationRows(relation, filters);
+    }
+    document
+      .getElementById(SELECTION_INPUT_ID)
+      .addEventListener("focus", this.disableDataBrowserKeyControls);
+  }
+
+  componentWillUnmount() {
+    document
+      .getElementById(SELECTION_INPUT_ID)
+      .addEventListener("focus", this.disableDataBrowserKeyControls);
+  }
+
+  disableDataBrowserKeyControls() {
+    this.setState({ disableDataBrowserKeyControls: true });
+  }
+
+  async selectRelationRows(relation, filters) {
+    const relationData = await this.fetchParseData(relation, filters);
+    this.setState({ initialRelationData: relationData });
+    relationData.forEach(({ id }) => this.selectRow(id, true));
+  }
+
+  async fetchData(source, filters = new List()) {
+    const data = await this.fetchParseData(source, filters);
+    var filteredCounts = { ...this.state.filteredCounts };
+    if (filters.size > 0) {
+      filteredCounts[source] = await this.fetchParseDataCount(source, filters);
+    } else {
+      delete filteredCounts[source];
+    }
+    this.setState({
+      data: data,
+      filters,
+      lastMax: MAX_ROWS_FETCHED,
+      filteredCounts: filteredCounts
+    });
+  }
+
+  async fetchParseData(source, filters) {
+    const query = queryFromFilters(source, filters);
+    const sortDir = this.state.ordering[0] === "-" ? "-" : "+";
+    const field = this.state.ordering.substr(sortDir === "-" ? 1 : 0);
+
+    if (sortDir === "-") {
+      query.descending(field);
+    } else {
+      query.ascending(field);
+    }
+
+    query.limit(MAX_ROWS_FETCHED);
+
+    let promise = query.find({ useMasterKey: true });
+
+    const data = await promise;
+    return data;
+  }
+
+  async fetchParseDataCount(source, filters) {
+    const query = queryFromFilters(source, filters);
+    const count = await query.count({ useMasterKey: true });
+    return count;
+  }
+
+  fetchNextPage() {
+    if (!this.state.data) {
+      return null;
+    }
+    let className = this.props.className;
+    let source = this.state.relation || className;
+    let query = queryFromFilters(source, this.state.filters);
+    if (this.state.ordering !== "-createdAt") {
+      // Construct complex pagination query
+      let equalityQuery = queryFromFilters(source, this.state.filters);
+      let field = this.state.ordering;
+      let ascending = true;
+      let comp = this.state.data[this.state.data.length - 1].get(field);
+      if (field === "objectId" || field === "-objectId") {
+        comp = this.state.data[this.state.data.length - 1].id;
+      }
+      if (field[0] === "-") {
+        field = field.substr(1);
+        query.lessThan(field, comp);
+        ascending = false;
+      } else {
+        query.greaterThan(field, comp);
+      }
+      if (field === "createdAt") {
+        equalityQuery.greaterThan(
+          "createdAt",
+          this.state.data[this.state.data.length - 1].get("createdAt")
+        );
+      } else {
+        equalityQuery.lessThan(
+          "createdAt",
+          this.state.data[this.state.data.length - 1].get("createdAt")
+        );
+        equalityQuery.equalTo(field, comp);
+      }
+      query = Parse.Query.or(query, equalityQuery);
+      if (ascending) {
+        query.ascending(this.state.ordering);
+      } else {
+        query.descending(this.state.ordering.substr(1));
+      }
+    } else {
+      query.lessThan(
+        "createdAt",
+        this.state.data[this.state.data.length - 1].get("createdAt")
+      );
+      query.addDescending("createdAt");
+    }
+    query.limit(MAX_ROWS_FETCHED);
+
+    query.find({ useMasterKey: true }).then(nextPage => {
+      if (className === this.props.className) {
+        this.setState(state => ({
+          data: state.data.concat(nextPage)
+        }));
+      }
+    });
+    this.setState({ lastMax: this.state.lastMax + MAX_ROWS_FETCHED });
+  }
+
+  async updateFilters(filters) {
+    const { selection } = this.state;
+    const { className } = this.props;
+    await this.setState({
+      filters: filters,
+      selection: {}
+    });
+    await this.fetchData(className, filters);
+    Object.keys(selection).forEach(id => this.selectRow(id, true));
+  }
+
+  async updateOrdering(ordering) {
+    const { className } = this.props;
+    const { filters, selection } = this.state;
+    await this.setState({
+      ordering: ordering,
+      selection: {}
+    });
+    await this.fetchData(className, filters);
+    Object.keys(selection).forEach(id => this.selectRow(id, true));
+    ColumnPreferences.getColumnSort(
+      ordering,
+      this.context.currentApp.applicationId,
+      className
+    );
+  }
+
+  async refresh() {
+    const { className } = this.props;
+    const { filters, selection } = this.state;
+    await this.setState({
+      data: null,
+      lastMax: -1,
+      selection: {}
+    });
+    await this.fetchData(className, filters);
+    Object.keys(selection).forEach(id => this.selectRow(id, true));
+  }
+
+  selectRow(id, checked) {
+    const { column } = this.props;
+    this.setState(({ selection, selectionInput }) => {
+      if (checked) {
+        if (column.type === "Pointer") {
+          selection = {};
+        }
+        selection[id] = true;
+      } else {
+        delete selection[id];
+      }
+      selectionInput = Object.keys(selection).join(", ");
+      return { selection, selectionInput };
+    });
+  }
+
+  updateSelectionFromInput(newValue) {
+    const { column } = this.props;
+    const isPointer = column.type === "Pointer";
+    const newSelection = {};
+    newValue.split(", ").some(id => {
+      if (id.length === 10) {
+        newSelection[id] = true;
+        if (isPointer) {
+          this.setState({ selectionInput: id });
+          return true;
+        }
+      }
+    });
+    this.setState({
+      selection: newSelection,
+      disableDataBrowserKeyControls: false
+    });
+  }
+
+  onConfirm() {
+    const { onConfirm, column } = this.props;
+    const isRelation = column.type === "Relation";
+    const { selection, initialRelationData } = this.state;
+    const currentSelection = Object.keys(selection);
+    const newValue = isRelation
+      ? currentSelection.filter(id => !initialRelationData.includes({ id }))
+      : currentSelection;
+    const toDelete = isRelation
+      ? initialRelationData.filter(({ id }) => !currentSelection.includes(id))
+      : undefined;
+    onConfirm(newValue, toDelete);
+  }
+
+  render() {
+    const { schema, column, className, onCancel } = this.props;
+    const {
+      data,
+      counts,
+      filteredCounts,
+      filters,
+      lastMax,
+      ordering,
+      selection,
+      selectionInput,
+      disableDataBrowserKeyControls
+    } = this.state;
+
+    const columns = { objectId: { type: "String" } };
+    const classes = schema.data.get("classes");
+    classes.get(className).forEach(({ type, targetClass }, name) => {
+      if (name === "objectId") {
+        return;
+      }
+      const info = { type };
+      if (targetClass) {
+        info.targetClass = targetClass;
+      }
+      columns[name] = info;
+    });
+
+    const count =
+      className in filteredCounts
+        ? filteredCounts[className]
+        : counts[className];
+
+    return (
+      <Modal
+        open
+        type={Modal.Types.VALID}
+        icon="edit-solid"
+        iconSize={30}
+        title={`Select ${column.name}`}
+        subtitle={`${column.type} <${column.targetClass}>`}
+        width={"80vw"}
+        customFooter={
+          <div style={{ textAlign: "right" }} className={stylesFooter.footer}>
+            <div className={stylesBrowser.selectionInputWrapper}>
+              <TextInput
+                id={SELECTION_INPUT_ID}
+                monospace={true}
+                height="30px"
+                placeholder={
+                  column.type === "Relation"
+                    ? "ox0QZFl7eg, qs81Q72lTL, etc..."
+                    : "ox0QZFl7eg"
+                }
+                value={selectionInput}
+                onChange={newValue =>
+                  this.setState({
+                    selectionInput: newValue,
+                    disableDataBrowserKeyControls: true
+                  })
+                }
+                onBlur={newValue => this.updateSelectionFromInput(newValue)}
+              />
+            </div>
+            <Button value="Cancel" onClick={onCancel} />
+            <Button
+              primary={true}
+              value={`Save ${column.type}`}
+              color="green"
+              onClick={this.onConfirm}
+            />
+          </div>
+        }
+      >
+        <div
+          className={[
+            stylesBrowser.objectPickerContent,
+            stylesBrowserFilter.objectPickerContent,
+            stylesToolbar.objectPickerContent,
+            stylesColumnsConfiguration.objectPickerContent,
+            column.type === "Pointer"
+              ? stylesDataBrowserHeaderBar.pickerPointer
+              : ""
+          ].join(" ")}
+        >
+          <div className={stylesBrowser.selectionSection}>
+            <div className={stylesBrowser.selectionHeader}>
+              <p>selected</p>
+            </div>
+            <div className={stylesBrowser.selectionList}>
+              {Object.keys(selection).map(id => {
+                return (
+                  <Button
+                    key={id}
+                    value={id}
+                    color="red"
+                    width="108px"
+                    additionalStyles={{
+                      height: "22px",
+                      lineHeight: "22px",
+                      padding: "0",
+                      fontSize: "12px",
+                      marginBottom: "9px",
+                      fontFamily: "Source Code Pro, Courier New, monospace"
+                    }}
+                    onClick={() => this.selectRow(id, false)}
+                  />
+                );
+              })}
+            </div>
+          </div>
+          <ContextProxy cx={this.context}>
+            <DataBrowser
+              count={count}
+              schema={schema}
+              filters={filters}
+              onFilterChange={this.updateFilters}
+              onRefresh={this.refresh}
+              columns={columns}
+              className={className}
+              fetchNextPage={this.fetchNextPage}
+              maxFetched={lastMax}
+              selectRow={this.selectRow}
+              selection={selection}
+              data={data}
+              ordering={ordering}
+              disableKeyControls={disableDataBrowserKeyControls}
+              updateOrdering={this.updateOrdering}
+            />
+          </ContextProxy>
+        </div>
+      </Modal>
+    );
+  }
+}
+
+ObjectPickerDialog.contextTypes = {
+  currentApp: PropTypes.instanceOf(ParseApp)
+};
diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index 2a66955ac1..e33069fc31 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -11,6 +11,8 @@ import Button from "components/Button/Button.react";
 import SaveButton from "components/SaveButton/SaveButton.react";
 import Toolbar from "components/Toolbar/Toolbar.react";
 
+import styles from "./Playground.scss";
+
 export default class Playground extends DashboardView {
   constructor() {
     super();
@@ -18,10 +20,9 @@ export default class Playground extends DashboardView {
     this.subsection = "Playground";
     this.localKey = "parse-dashboard-playground-code";
     this.state = {
-      result: null,
+      results: [],
       running: false,
       saving: false,
-      initialCode: "",
       savingState: SaveButton.States.WAITING
     };
   }
@@ -38,39 +39,79 @@ export default class Playground extends DashboardView {
     );
   }
 
+  overrideConsole() {
+    const originalConsoleLog = console.log;
+    const originalConsoleError = console.error;
+
+    console.log = (...args) => {
+      this.setState(({ results }) => ({
+        results: [
+          ...results,
+          ...args.map(arg => ({
+            log:
+              typeof arg === "object"
+                ? Array.isArray(arg)
+                  ? arg.map(this.getParseObjectAttr)
+                  : this.getParseObjectAttr(arg)
+                : { result: arg },
+            name: "Log"
+          }))
+        ]
+      }));
+
+      originalConsoleLog.apply(console, args);
+    };
+    console.error = (...args) => {
+      this.setState(({ results }) => ({
+        results: [
+          ...results,
+          ...args.map(arg => ({
+            log:
+              arg instanceof Error
+                ? { message: arg.message, name: arg.name, stack: arg.stack }
+                : { result: arg },
+            name: "Error"
+          }))
+        ]
+      }));
+
+      originalConsoleError.apply(console, args);
+    };
+
+    return [originalConsoleLog, originalConsoleError];
+  }
+
   async runCode() {
+    const [originalConsoleLog, originalConsoleError] = this.overrideConsole();
+
     try {
       const {
         currentApp: { applicationId, masterKey, serverURL, javascriptKey }
       } = this.context;
-
-      const originalCode = this.editor.value.split(";");
-      originalCode[originalCode.length - 1] = `return ${
-        originalCode[originalCode.length - 1]
-      }`;
+      const originalCode = this.editor.value;
 
       const finalCode = `return (async function(){
-        Parse.initialize('${applicationId}', ${
+        try{
+          Parse.initialize('${applicationId}', ${
         javascriptKey ? `'${javascriptKey}'` : undefined
       });
-        Parse.masterKey = '${masterKey}';
-        Parse.serverUrl = '${serverURL}';
+          Parse.masterKey = '${masterKey}';
+          Parse.serverUrl = '${serverURL}';
 
-        ${originalCode.join("\n")}})()`;
+          ${originalCode}
+        } catch(e) {
+          console.error(e);
+        }
+      })()`;
 
-      this.setState({ running: true });
-      const evaluation = await new Function("Parse", finalCode)(Parse);
-      const result = Array.isArray(evaluation)
-        ? evaluation.map(this.getParseObjectAttr)
-        : this.getParseObjectAttr(evaluation);
+      this.setState({ running: true, results: [] });
 
-      this.setState({ result: { result } });
+      await new Function("Parse", finalCode)(Parse);
     } catch (e) {
-      console.error(
-        "Don't forget to separate your statements with semicolon ;"
-      );
       console.error(e);
     } finally {
+      console.log = originalConsoleLog;
+      console.error = originalConsoleError;
       this.setState({ running: false });
     }
   }
@@ -87,7 +128,7 @@ export default class Playground extends DashboardView {
       });
 
       setTimeout(
-        () => this.setState({ savingState: SaveButton.States.WAINTING }),
+        () => this.setState({ savingState: SaveButton.States.WAITING }),
         3000
       );
     } catch (e) {
@@ -114,53 +155,55 @@ export default class Playground extends DashboardView {
   }
 
   renderContent() {
-    const { result, running, saving, initialCode, savingState } = this.state;
+    const { results, running, saving, savingState } = this.state;
+
     return React.cloneElement(
-      <div style={{ padding: "96px 0 60px 0" }}>
+      <div className={styles["playground-ctn"]}>
         <Toolbar section={this.section} subsection={this.subsection} />
-        <div style={{ minHeight: "600px" }}>
+        <div style={{ minHeight: "25vh" }}>
           <CodeEditor
-            initialCode={initialCode}
-            placeHolder={
-              "Type your code here\nDon't forget to separate your statements with semicolon ;"
-            }
+            placeHolder={`//Example query to get 5 of your users
+console.log(await new Parse.Query(Parse.User).limit(5).find());`}
             ref={editor => (this.editor = editor)}
           />
-          <div
-            style={{
-              display: "flex",
-              justifyContent: "flex-end",
-              padding: 15,
-              borderTop: "#66637A 1px solid",
-              alignItems: "center"
-            }}
-          >
-            <div
-              style={{
-                display: "flex",
-                justifyContent: "flex-end",
-                width: "25%"
-              }}
-            >
-              <div style={{ marginRight: "15px" }}>
-                {window.localStorage && (
-                  <SaveButton
-                    state={savingState}
+          <div className={styles["console-ctn"]}>
+            <header>
+              <h3>Console</h3>
+              <div className={styles["buttons-ctn"]}>
+                <div>
+                  <div style={{ marginRight: "15px" }}>
+                    {window.localStorage && (
+                      <SaveButton
+                        state={savingState}
+                        primary={false}
+                        color="white"
+                        onClick={() => this.saveCode()}
+                        progress={saving}
+                      />
+                    )}
+                  </div>
+                  <Button
+                    value={"Run"}
                     primary={false}
-                    onClick={() => this.saveCode()}
-                    progress={saving}
+                    onClick={() => this.runCode()}
+                    progress={running}
+                    color="white"
                   />
-                )}
+                </div>
               </div>
-              <Button
-                value={"Run"}
-                primary={true}
-                onClick={() => this.runCode()}
-                progress={running}
-              />
-            </div>
+            </header>
+            <section>
+              {results.map(({ log, name }, i) => (
+                <ReactJson
+                  key={i + `${log}`}
+                  src={log}
+                  collapsed={1}
+                  theme="solarized"
+                  name={name}
+                />
+              ))}
+            </section>
           </div>
-          {result && <ReactJson src={result} collapsed={1} />}
         </div>
       </div>
     );
diff --git a/src/dashboard/Data/Playground/Playground.scss b/src/dashboard/Data/Playground/Playground.scss
new file mode 100644
index 0000000000..6af6efbf0b
--- /dev/null
+++ b/src/dashboard/Data/Playground/Playground.scss
@@ -0,0 +1,47 @@
+.playground-ctn {
+  padding-top: 96px;
+  background-color: #002b36;
+  height: 100vh;
+}
+
+.console-ctn {
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  flex-direction: column;
+
+  & h3 {
+    height: 28px;
+    line-height: 28px;
+    font-size: 16px;
+    font-weight: 700;
+    color: white;
+  }
+
+  & > header {
+    flex: 1;
+    padding: 0 0 0 10px;
+    background-color: #169cee;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  & > section {
+    width: 100%;
+  }
+}
+
+.buttons-ctn {
+  display: flex;
+  justify-content: flex-end;
+  padding: 15px;
+  align-items: center;
+
+  & > div {
+    display: flex;
+    justify-content: flex-end;
+    width: 25%;
+  }
+}

From ca7a6d717f5caf47e878a698c1285f7ca8e933f6 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Sat, 15 Feb 2020 15:59:50 -0300
Subject: [PATCH 09/14] feat(Playground): update CodeEditor component and show
 result just in console

---
 Parse-Dashboard/parse-dashboard-config.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Parse-Dashboard/parse-dashboard-config.json b/Parse-Dashboard/parse-dashboard-config.json
index dee857241b..e5c4decbf3 100644
--- a/Parse-Dashboard/parse-dashboard-config.json
+++ b/Parse-Dashboard/parse-dashboard-config.json
@@ -1,10 +1,10 @@
 {
   "apps": [
     {
-      "serverURL": "https://parsedev.behive.io/parse",
-      "appId": "Q2keNQdPMD2t3dzwWANyw5w5MzaT5h6TfdVAm5oC",
-      "masterKey": "tBlFocOzlsGKSad40KmLx7wckRhxSAFhgV72GlTK",
-      "appName": "Test",
+      "serverURL": "http://localhost:1338/parse",
+      "appId": "hello",
+      "masterKey": "world",
+      "appName": "",
       "iconName": "",
       "primaryBackgroundColor": "",
       "secondaryBackgroundColor": ""

From 0262c9f65bf56258f8827d40dbe00e52166dab5b Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Sat, 15 Feb 2020 16:18:49 -0300
Subject: [PATCH 10/14] fix(Playground): fix erron in test of CodeEditor
 component

---
 Parse-Dashboard/parse-dashboard-config.json   | 8 ++++----
 src/components/CodeEditor/CodeEditor.react.js | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/Parse-Dashboard/parse-dashboard-config.json b/Parse-Dashboard/parse-dashboard-config.json
index e5c4decbf3..dee857241b 100644
--- a/Parse-Dashboard/parse-dashboard-config.json
+++ b/Parse-Dashboard/parse-dashboard-config.json
@@ -1,10 +1,10 @@
 {
   "apps": [
     {
-      "serverURL": "http://localhost:1338/parse",
-      "appId": "hello",
-      "masterKey": "world",
-      "appName": "",
+      "serverURL": "https://parsedev.behive.io/parse",
+      "appId": "Q2keNQdPMD2t3dzwWANyw5w5MzaT5h6TfdVAm5oC",
+      "masterKey": "tBlFocOzlsGKSad40KmLx7wckRhxSAFhgV72GlTK",
+      "appName": "Test",
       "iconName": "",
       "primaryBackgroundColor": "",
       "secondaryBackgroundColor": ""
diff --git a/src/components/CodeEditor/CodeEditor.react.js b/src/components/CodeEditor/CodeEditor.react.js
index a27f141920..76703c811a 100644
--- a/src/components/CodeEditor/CodeEditor.react.js
+++ b/src/components/CodeEditor/CodeEditor.react.js
@@ -7,7 +7,7 @@
  */
 import React from "react";
 import Editor from "react-ace";
-import PropTypes from "lib/PropTypes";
+import PropTypes from "../../lib/PropTypes";
 
 import "ace-builds/src-noconflict/mode-javascript";
 import "ace-builds/src-noconflict/theme-solarized_dark";

From 078454b4ded96e48fb889beb60b3530eda4780e1 Mon Sep 17 00:00:00 2001
From: Pedro Mutter <pedro.mutter@gmail.com>
Date: Sat, 15 Feb 2020 21:23:07 -0300
Subject: [PATCH 11/14] Update parse-dashboard-config.json

---
 Parse-Dashboard/parse-dashboard-config.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Parse-Dashboard/parse-dashboard-config.json b/Parse-Dashboard/parse-dashboard-config.json
index dee857241b..e5c4decbf3 100644
--- a/Parse-Dashboard/parse-dashboard-config.json
+++ b/Parse-Dashboard/parse-dashboard-config.json
@@ -1,10 +1,10 @@
 {
   "apps": [
     {
-      "serverURL": "https://parsedev.behive.io/parse",
-      "appId": "Q2keNQdPMD2t3dzwWANyw5w5MzaT5h6TfdVAm5oC",
-      "masterKey": "tBlFocOzlsGKSad40KmLx7wckRhxSAFhgV72GlTK",
-      "appName": "Test",
+      "serverURL": "http://localhost:1338/parse",
+      "appId": "hello",
+      "masterKey": "world",
+      "appName": "",
       "iconName": "",
       "primaryBackgroundColor": "",
       "secondaryBackgroundColor": ""

From d9c7fb6aef9f3d3da0a2d72a546499d6804d487b Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Mon, 17 Feb 2020 11:32:33 -0300
Subject: [PATCH 12/14] fix(Playground): implemented requested changes and put
 Playground into JS Console

---
 .../parse-dashboard-config.sample.json        | 14 --------
 .../BrowserFilter/BrowserFilter.react.js      | 20 +++++------
 src/dashboard/Dashboard.js                    |  6 +++-
 src/dashboard/DashboardView.react.js          |  6 ----
 .../Data/ApiConsole/ApiConsole.react.js       | 35 ++++++++++---------
 .../Data/Playground/Playground.react.js       | 22 +++---------
 6 files changed, 37 insertions(+), 66 deletions(-)
 delete mode 100644 Parse-Dashboard/parse-dashboard-config.sample.json

diff --git a/Parse-Dashboard/parse-dashboard-config.sample.json b/Parse-Dashboard/parse-dashboard-config.sample.json
deleted file mode 100644
index e5c4decbf3..0000000000
--- a/Parse-Dashboard/parse-dashboard-config.sample.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "apps": [
-    {
-      "serverURL": "http://localhost:1338/parse",
-      "appId": "hello",
-      "masterKey": "world",
-      "appName": "",
-      "iconName": "",
-      "primaryBackgroundColor": "",
-      "secondaryBackgroundColor": ""
-    }
-  ],
-  "iconsFolder": "icons"
-}
diff --git a/src/components/BrowserFilter/BrowserFilter.react.js b/src/components/BrowserFilter/BrowserFilter.react.js
index bee4c95b31..c94a3d6b5b 100644
--- a/src/components/BrowserFilter/BrowserFilter.react.js
+++ b/src/components/BrowserFilter/BrowserFilter.react.js
@@ -5,16 +5,16 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import * as Filters from "lib/Filters";
-import Button from "components/Button/Button.react";
-import Filter from "components/Filter/Filter.react";
-import FilterRow from "components/BrowserFilter/FilterRow.react";
-import Icon from "components/Icon/Icon.react";
-import Popover from "components/Popover/Popover.react";
-import Position from "lib/Position";
-import React from "react";
-import ReactDOM from "react-dom";
-import styles from "components/BrowserFilter/BrowserFilter.scss";
+import * as Filters  from "lib/Filters";
+import Button        from "components/Button/Button.react";
+import Filter        from "components/Filter/Filter.react";
+import FilterRow     from "components/BrowserFilter/FilterRow.react";
+import Icon          from "components/Icon/Icon.react";
+import Popover       from "components/Popover/Popover.react";
+import Position      from "lib/Position";
+import React         from "react";
+import ReactDOM      from "react-dom";
+import styles        from "components/BrowserFilter/BrowserFilter.scss";
 import { List, Map } from "immutable";
 
 const BLACKLISTED_FILTERS = ["containsAny", "doesNotContainAny"];
diff --git a/src/dashboard/Dashboard.js b/src/dashboard/Dashboard.js
index 65091d27c6..d430912d2e 100644
--- a/src/dashboard/Dashboard.js
+++ b/src/dashboard/Dashboard.js
@@ -264,6 +264,11 @@ export default class Dashboard extends React.Component {
             <GraphQLConsole />
           </ApiConsole>
         )} />
+        <Route path={ props.match.path + '/js_console' } render={props => (
+          <ApiConsole {...props}>
+            <Playground />
+          </ApiConsole>
+        )} />
         <Redirect from={ props.match.path } to='/apps/:appId/api_console/rest' />
       </Switch>
     )
@@ -288,7 +293,6 @@ export default class Dashboard extends React.Component {
 
           <Route path={ match.path + '/config' } component={Config} />
           <Route path={ match.path + '/api_console' } component={ApiConsoleRoute} />
-          <Route path={ match.path + '/playground' } component={Playground} />
           <Route path={ match.path + '/migration' } component={Migration} />
 
 
diff --git a/src/dashboard/DashboardView.react.js b/src/dashboard/DashboardView.react.js
index 04f5a5ab28..849d823a1b 100644
--- a/src/dashboard/DashboardView.react.js
+++ b/src/dashboard/DashboardView.react.js
@@ -86,12 +86,6 @@ export default class DashboardView extends React.Component {
       link: '/api_console'
     });
 
-    coreSubsections.push({
-      name: 'Playground',
-      link: '/playground'
-    });
-
-
     if (this.context.currentApp.migration) {
       coreSubsections.push({
         name: 'Migration',
diff --git a/src/dashboard/Data/ApiConsole/ApiConsole.react.js b/src/dashboard/Data/ApiConsole/ApiConsole.react.js
index 37bf78ac54..3f012236ae 100644
--- a/src/dashboard/Data/ApiConsole/ApiConsole.react.js
+++ b/src/dashboard/Data/ApiConsole/ApiConsole.react.js
@@ -5,34 +5,35 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import React from 'react'
-import CategoryList from 'components/CategoryList/CategoryList.react'
-import DashboardView from 'dashboard/DashboardView.react'
+import React from "react";
+import CategoryList from "components/CategoryList/CategoryList.react";
+import DashboardView from "dashboard/DashboardView.react";
 
 export default class ApiConsole extends DashboardView {
-
   constructor() {
     super();
-    this.section = 'Core';
-    this.subsection = 'API Console';
+    this.section = "Core";
+    this.subsection = "API Console";
   }
 
   renderSidebar() {
-    const { path } = this.props.match
-    const current = path.substr(path.lastIndexOf('/') + 1, path.length - 1)
+    const { path } = this.props.match;
+    const current = path.substr(path.lastIndexOf("/") + 1, path.length - 1);
     return (
-      <CategoryList current={current} linkPrefix={'api_console/'} categories={[
-        { name: 'REST Console', id: 'rest' },
-        { name: 'GraphQL Console', id: 'graphql' }
-      ]} />
-    )
+      <CategoryList
+        current={current}
+        linkPrefix={"api_console/"}
+        categories={[
+          { name: "REST Console", id: "rest" },
+          { name: "GraphQL Console", id: "graphql" },
+          { name: "JS Console", id: "js_console" }
+        ]}
+      />
+    );
   }
 
   renderContent() {
     const child = React.Children.only(this.props.children);
-    return React.cloneElement(
-      child,
-      { ...child.props }
-    )
+    return React.cloneElement(child, { ...child.props });
   }
 }
diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index e33069fc31..9bbfa5d2ee 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -1,11 +1,9 @@
-import React from "react";
+import React, { Component } from "react";
 import ReactJson from "react-json-view";
 import Parse from "parse";
 
 import PropTypes from "lib/PropTypes";
 import ParseApp from "lib/ParseApp";
-import CategoryList from "components/CategoryList/CategoryList.react";
-import DashboardView from "dashboard/DashboardView.react";
 import CodeEditor from "components/CodeEditor/CodeEditor.react";
 import Button from "components/Button/Button.react";
 import SaveButton from "components/SaveButton/SaveButton.react";
@@ -13,11 +11,11 @@ import Toolbar from "components/Toolbar/Toolbar.react";
 
 import styles from "./Playground.scss";
 
-export default class Playground extends DashboardView {
+export default class Playground extends Component {
   constructor() {
     super();
     this.section = "Core";
-    this.subsection = "Playground";
+    this.subsection = "JS Console";
     this.localKey = "parse-dashboard-playground-code";
     this.state = {
       results: [],
@@ -27,18 +25,6 @@ export default class Playground extends DashboardView {
     };
   }
 
-  renderSidebar() {
-    const { path } = this.props.match;
-    const current = path.substr(path.lastIndexOf("/") + 1, path.length - 1);
-    return (
-      <CategoryList
-        current={current}
-        linkPrefix={"playground/"}
-        categories={[]}
-      />
-    );
-  }
-
   overrideConsole() {
     const originalConsoleLog = console.log;
     const originalConsoleError = console.error;
@@ -154,7 +140,7 @@ export default class Playground extends DashboardView {
     }
   }
 
-  renderContent() {
+  render() {
     const { results, running, saving, savingState } = this.state;
 
     return React.cloneElement(

From 457337f32d608d658684c6e7aaea6b452fa3095a Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Tue, 18 Feb 2020 18:08:20 -0300
Subject: [PATCH 13/14] fix(Playground): fix double quotes and change JS
 Console playground

---
 .eslintrc.json                                |  45 +-
 CHANGELOG.md                                  |   4 +-
 Parse-Dashboard/Authentication.js             |   2 +-
 Parse-Dashboard/app.js                        |   8 +-
 Parse-Dashboard/index.js                      |   4 +-
 .../BrowserFilter/BrowserFilter.react.js      |  34 +-
 .../ChromeDropdown/ChromeDropdown.react.js    |   2 +-
 src/components/CodeEditor/CodeEditor.react.js |  20 +-
 src/components/FormTable/FormTable.example.js |   2 +-
 .../GeoPointEditor/GeoPointEditor.react.js    |   2 +-
 src/components/Popover/Popover.react.js       |   2 +-
 .../InstallationCondition.react.js            |   2 +-
 src/components/TextInput/TextInput.react.js   |   2 +-
 .../Analytics/Retention/Retention.react.js    |   6 +-
 src/dashboard/Dashboard.js                    |   8 +-
 .../Data/ApiConsole/ApiConsole.react.js       |  20 +-
 src/dashboard/Data/Browser/Browser.react.js   |  20 +-
 .../Data/Browser/BrowserToolbar.react.js      |   4 +-
 .../Data/Browser/EditRowDialog.react.js       | 134 ++---
 .../Data/Browser/ExportDialog.react.js        |   2 +-
 .../Data/Browser/ObjectPickerDialog.react.js  | 118 ++--
 .../Config/DeleteParameterDialog.react.js     |   4 +-
 .../Data/Jobs/JobScheduleReminder.react.js    |  10 +-
 src/dashboard/Data/Jobs/Jobs.react.js         |   2 +-
 .../Data/Migration/Migration.react.js         |   2 +-
 .../Data/Playground/Playground.react.js       |  52 +-
 src/dashboard/Push/PushAudiencesData.react.js |   2 +-
 src/dashboard/Push/PushDetails.react.js       |   2 +-
 src/dashboard/Push/PushNew.react.js           |   6 +-
 .../Settings/GeneralSettings.react.js         |   2 +-
 .../Settings/HostingSettings.react.js         |  14 +-
 src/dashboard/index.js                        |   4 +-
 src/lib/AJAX.js                               |   8 +-
 src/lib/ParseApp.js                           |   2 +-
 src/lib/PushUtils.js                          |   2 +-
 src/lib/stores/JobsStore.js                   |   4 +-
 src/lib/stores/WebhookStore.js                |   4 +-
 src/lib/tests/CodeEditor.test.js              |  10 +-
 src/lib/tests/e2e.js                          |  10 +-
 src/lib/tests/e2e/dashboard.e2e.test.js       |   8 +-
 src/lib/tests/extractTime.test.js             | 520 +++++++++---------
 src/lib/validateAndSubmitConnectionString.js  |   2 +-
 testing/preprocessor.js                       |   8 +-
 webpack/base.config.js                        |   2 +-
 44 files changed, 561 insertions(+), 560 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 28cc85f416..e1cc3e6a2d 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,26 +1,25 @@
 {
-    "env": {
-        "es6": true,
-        "node": true,
-        "browser": true
+  "env": {
+    "es6": true,
+    "node": true,
+    "browser": true
+  },
+  "parser": "babel-eslint",
+  "extends": "eslint:recommended",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true
     },
-    "parser": "babel-eslint",
-    "extends": "eslint:recommended",
-    "parserOptions": {
-        "ecmaFeatures": {
-            "experimentalObjectRestSpread": true,
-            "jsx": true
-        },
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react"
-    ],
-    "rules": {
-        "react/jsx-uses-vars": 1,
-        "react/jsx-uses-react": 1,
-        "react/react-in-jsx-scope": 1,
-        "no-console": 0,
-        "no-case-declarations": 0
-    }
+    "sourceType": "module"
+  },
+  "plugins": ["react"],
+  "rules": {
+    "react/jsx-uses-vars": 1,
+    "react/jsx-uses-react": 1,
+    "react/react-in-jsx-scope": 1,
+    "no-console": 0,
+    "no-case-declarations": 0,
+    "quotes": ["error", "single"]
+  }
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 499f4be0a2..992fa1e748 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,8 +3,8 @@
 ### master
 [Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.4...master)
 
-* Feature: added playground feature to run custom queries
-* Feature: added save button on playground feature to save the custom query on the local storage
+* Feature: added JS Console feature to run custom queries
+* Feature: added save button on JS Console feature to save the custom query on the local storage
 ### 2.0.5
  [Full Changelog](https://github.com/parse-community/parse-dashboard/compare/2.0.4...2.0.5)
  * Fix: delete and regenerate package-lock to fix broken build
diff --git a/Parse-Dashboard/Authentication.js b/Parse-Dashboard/Authentication.js
index 8dd49a2a6d..ef6bf88bae 100644
--- a/Parse-Dashboard/Authentication.js
+++ b/Parse-Dashboard/Authentication.js
@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 var bcrypt = require('bcryptjs');
 var csrf = require('csurf');
 var passport = require('passport');
diff --git a/Parse-Dashboard/app.js b/Parse-Dashboard/app.js
index 52e747a368..2a793e5610 100644
--- a/Parse-Dashboard/app.js
+++ b/Parse-Dashboard/app.js
@@ -29,12 +29,12 @@ function checkIfIconsExistForApps(apps, iconsFolder) {
   for (var i in apps) {
     var currentApp = apps[i];
     var iconName = currentApp.iconName;
-    var path = iconsFolder + "/" + iconName;
+    var path = iconsFolder + '/' + iconName;
 
     fs.stat(path, function(err) {
       if (err) {
           if ('ENOENT' == err.code) {// file does not exist
-              console.warn("Icon with file name: " + iconName +" couldn't be found in icons folder!");
+              console.warn('Icon with file name: ' + iconName +' couldn\'t be found in icons folder!');
           } else {
             console.log(
               'An error occurd while checking for icons, please check permission!');
@@ -162,8 +162,8 @@ module.exports = function(config, options) {
         }
       } catch (e) {
         // Directory doesn't exist or something.
-        console.warn("Iconsfolder at path: " + config.iconsFolder +
-          " not found!");
+        console.warn('Iconsfolder at path: ' + config.iconsFolder +
+          ' not found!');
       }
     }
 
diff --git a/Parse-Dashboard/index.js b/Parse-Dashboard/index.js
index 953ae31cba..42484d5fce 100644
--- a/Parse-Dashboard/index.js
+++ b/Parse-Dashboard/index.js
@@ -6,7 +6,7 @@
  * the root directory of this source tree.
  */
 // Command line tool for npm start
-"use strict"
+'use strict'
 const path = require('path');
 const jsonFile = require('json-file-plus');
 const express = require('express');
@@ -40,7 +40,7 @@ const trustProxy = program.trustProxy || process.env.PARSE_DASHBOARD_TRUST_PROXY
 const dev = program.dev;
 
 if (trustProxy && allowInsecureHTTP) {
-  console.log("Set only trustProxy *or* allowInsecureHTTP, not both.  Only one is needed to handle being behind a proxy.");
+  console.log('Set only trustProxy *or* allowInsecureHTTP, not both.  Only one is needed to handle being behind a proxy.');
   process.exit(-1);
 }
 
diff --git a/src/components/BrowserFilter/BrowserFilter.react.js b/src/components/BrowserFilter/BrowserFilter.react.js
index c94a3d6b5b..867cb15172 100644
--- a/src/components/BrowserFilter/BrowserFilter.react.js
+++ b/src/components/BrowserFilter/BrowserFilter.react.js
@@ -5,20 +5,20 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import * as Filters  from "lib/Filters";
-import Button        from "components/Button/Button.react";
-import Filter        from "components/Filter/Filter.react";
-import FilterRow     from "components/BrowserFilter/FilterRow.react";
-import Icon          from "components/Icon/Icon.react";
-import Popover       from "components/Popover/Popover.react";
-import Position      from "lib/Position";
-import React         from "react";
-import ReactDOM      from "react-dom";
-import styles        from "components/BrowserFilter/BrowserFilter.scss";
-import { List, Map } from "immutable";
+import * as Filters  from 'lib/Filters';
+import Button        from 'components/Button/Button.react';
+import Filter        from 'components/Filter/Filter.react';
+import FilterRow     from 'components/BrowserFilter/FilterRow.react';
+import Icon          from 'components/Icon/Icon.react';
+import Popover       from 'components/Popover/Popover.react';
+import Position      from 'lib/Position';
+import React         from 'react';
+import ReactDOM      from 'react-dom';
+import styles        from 'components/BrowserFilter/BrowserFilter.scss';
+import { List, Map } from 'immutable';
 
-const BLACKLISTED_FILTERS = ["containsAny", "doesNotContainAny"];
-const POPOVER_CONTENT_ID = "browserFilterPopover";
+const BLACKLISTED_FILTERS = ['containsAny', 'doesNotContainAny'];
+const POPOVER_CONTENT_ID = 'browserFilterPopover';
 
 export default class BrowserFilter extends React.Component {
   constructor(props) {
@@ -116,14 +116,14 @@ export default class BrowserFilter extends React.Component {
           contentId={POPOVER_CONTENT_ID}
         >
           <div
-            className={popoverStyle.join(" ")}
+            className={popoverStyle.join(' ')}
             onClick={() => this.props.setCurrent(null)}
             id={POPOVER_CONTENT_ID}
           >
             <div
               onClick={this.toggle}
               style={{
-                cursor: "pointer",
+                cursor: 'pointer',
                 width: this.node.clientWidth,
                 height: this.node.clientHeight
               }}
@@ -171,9 +171,9 @@ export default class BrowserFilter extends React.Component {
     }
     return (
       <div className={styles.wrap}>
-        <div className={buttonStyle.join(" ")} onClick={this.toggle}>
+        <div className={buttonStyle.join(' ')} onClick={this.toggle}>
           <Icon name="filter-solid" width={14} height={14} />
-          <span>{this.props.filters.size ? "Filtered" : "Filter"}</span>
+          <span>{this.props.filters.size ? 'Filtered' : 'Filter'}</span>
         </div>
         {popover}
       </div>
diff --git a/src/components/ChromeDropdown/ChromeDropdown.react.js b/src/components/ChromeDropdown/ChromeDropdown.react.js
index 6f2c38ff68..07000eadd3 100644
--- a/src/components/ChromeDropdown/ChromeDropdown.react.js
+++ b/src/components/ChromeDropdown/ChromeDropdown.react.js
@@ -77,7 +77,7 @@ export default class ChromeDropdown extends React.Component {
       widthStyle = { width: measuredWidth };
       content = (
         <Popover fixed={true} position={position} onExternalClick={() => this.setState({ open: false })}>
-          <div style={widthStyle} className={[styles.menu, styles[color], "chromeDropdown"].join(' ')}>
+          <div style={widthStyle} className={[styles.menu, styles[color], 'chromeDropdown'].join(' ')}>
             {this.props.options.map((o) => {
               let key = o;
               let value = o;
diff --git a/src/components/CodeEditor/CodeEditor.react.js b/src/components/CodeEditor/CodeEditor.react.js
index 76703c811a..a3231bf9a8 100644
--- a/src/components/CodeEditor/CodeEditor.react.js
+++ b/src/components/CodeEditor/CodeEditor.react.js
@@ -5,20 +5,20 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import React from "react";
-import Editor from "react-ace";
-import PropTypes from "../../lib/PropTypes";
+import React from 'react';
+import Editor from 'react-ace';
+import PropTypes from '../../lib/PropTypes';
 
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/theme-solarized_dark";
-import "ace-builds/src-noconflict/snippets/javascript";
-import "ace-builds/src-noconflict/ext-language_tools";
+import 'ace-builds/src-noconflict/mode-javascript';
+import 'ace-builds/src-noconflict/theme-solarized_dark';
+import 'ace-builds/src-noconflict/snippets/javascript';
+import 'ace-builds/src-noconflict/ext-language_tools';
 
 export default class CodeEditor extends React.Component {
   constructor(props) {
     super(props);
 
-    this.state = { code: "" };
+    this.state = { code: '' };
   }
 
   get value() {
@@ -55,6 +55,6 @@ export default class CodeEditor extends React.Component {
 }
 
 CodeEditor.propTypes = {
-  fontSize: PropTypes.number.describe("Font size of the editor"),
-  placeHolder: PropTypes.string.describe("Code place holder")
+  fontSize: PropTypes.number.describe('Font size of the editor'),
+  placeHolder: PropTypes.string.describe('Code place holder')
 };
diff --git a/src/components/FormTable/FormTable.example.js b/src/components/FormTable/FormTable.example.js
index e969e675d9..778dbb0a6b 100644
--- a/src/components/FormTable/FormTable.example.js
+++ b/src/components/FormTable/FormTable.example.js
@@ -37,7 +37,7 @@ export const demos = [
             {
               title: 'Title',
               color: 'red',
-              onDelete: () => {alert("Delete button clicked.")},
+              onDelete: () => {alert('Delete button clicked.')},
               notes: [
                 {
                   key: 'foo',
diff --git a/src/components/GeoPointEditor/GeoPointEditor.react.js b/src/components/GeoPointEditor/GeoPointEditor.react.js
index 15d57f0a22..9fa8c490c1 100644
--- a/src/components/GeoPointEditor/GeoPointEditor.react.js
+++ b/src/components/GeoPointEditor/GeoPointEditor.react.js
@@ -92,7 +92,7 @@ export default class GeoPointEditor extends React.Component {
       let value = e.target.value;
 
       if (!validateNumeric(value)) {
-        var values = value.split(",");
+        var values = value.split(',');
 
         if (values.length == 2) {
           values = values.map(val => val.trim());
diff --git a/src/components/Popover/Popover.react.js b/src/components/Popover/Popover.react.js
index 5b546e98f0..fb5ed01b9e 100644
--- a/src/components/Popover/Popover.react.js
+++ b/src/components/Popover/Popover.react.js
@@ -88,7 +88,7 @@ export default class Popover extends React.Component {
     const popoverWrapper = contentId
       ? document.getElementById(contentId)
       : this._popoverWrapper;
-    const isChromeDropdown = e.target.parentNode.classList.contains("chromeDropdown");
+    const isChromeDropdown = e.target.parentNode.classList.contains('chromeDropdown');
     if (
       !hasAncestor(e.target, popoverWrapper) &&
       this.props.onExternalClick &&
diff --git a/src/components/PushAudienceDialog/InstallationCondition.react.js b/src/components/PushAudienceDialog/InstallationCondition.react.js
index 812cb67697..b9f3b68564 100644
--- a/src/components/PushAudienceDialog/InstallationCondition.react.js
+++ b/src/components/PushAudienceDialog/InstallationCondition.react.js
@@ -51,7 +51,7 @@ function compareValue(info, value, onChangeCompareTo) {
       return <Dropdown
         value={value ? 'True' : 'False'}
         onChange={(_value) => onChangeCompareTo(_value === 'True')} >
-          {["True", "False"].map(value => <Option value={value} key={value}>{value}</Option>)}
+          {['True', 'False'].map(value => <Option value={value} key={value}>{value}</Option>)}
         </Dropdown>
     case 'Number':
       return <TextInput placeholder='value' className={styles.conditionValue} value={value} onChange={(_value) => onChangeCompareTo(validateNumeric(_value) ? Number(_value) : Number(value))} ref={setFocus}/>;
diff --git a/src/components/TextInput/TextInput.react.js b/src/components/TextInput/TextInput.react.js
index 702bd5d66f..8c3edf752a 100644
--- a/src/components/TextInput/TextInput.react.js
+++ b/src/components/TextInput/TextInput.react.js
@@ -17,7 +17,7 @@ export default class TextInput extends React.Component {
       setTimeout(function() {
         const newInput = previousInput ? this.refs.textarea : this.refs.input;
         newInput.focus();
-        newInput.value = "";
+        newInput.value = '';
         newInput.value = props.value;
       }.bind(this), 1);
     }
diff --git a/src/dashboard/Analytics/Retention/Retention.react.js b/src/dashboard/Analytics/Retention/Retention.react.js
index b734e84a31..5fe7e4a905 100644
--- a/src/dashboard/Analytics/Retention/Retention.react.js
+++ b/src/dashboard/Analytics/Retention/Retention.react.js
@@ -139,7 +139,7 @@ export default class Retention extends DashboardView {
     let dayData = this.state.retentions['days_old_' + daysAgo]['day_' + daysAgo];
     let date = DateUtils.daysFrom(this.state.date, -daysAgo);
     let formattedDate = DateUtils.monthDayStringUTC(date);
-    let formattedDateSplit = formattedDate.split(" ");
+    let formattedDateSplit = formattedDate.split(' ');
     let formattedDateMonth = formattedDateSplit[0];
     let formattedDateDay   = formattedDateSplit[1];
 
@@ -171,9 +171,9 @@ export default class Retention extends DashboardView {
     if (!this.state.retentions || Object.keys(this.state.retentions).length === 0) {
       chart = (
         <EmptyState
-          title={`You don't have any user retention data for this period.`}
+          title={'You don\'t have any user retention data for this period.'}
           icon='analytics-outline'
-          description={`Once you start tracking user signups, we'll chart your user retention here.`}
+          description={'Once you start tracking user signups, we\'ll chart your user retention here.'}
           cta='Get started with Users'
           action={() => window.location = 'https://parse.com/apps/quickstart'} />
       );
diff --git a/src/dashboard/Dashboard.js b/src/dashboard/Dashboard.js
index d430912d2e..6ccc04bc2b 100644
--- a/src/dashboard/Dashboard.js
+++ b/src/dashboard/Dashboard.js
@@ -56,7 +56,7 @@ import {
 import { Route, Redirect } from 'react-router-dom';
 import createClass from 'create-react-class';
 import { Helmet } from 'react-helmet';
-import Playground from "./Data/Playground/Playground.react";
+import Playground from './Data/Playground/Playground.react';
 
 const ShowSchemaOverview = false; //In progress features. Change false to true to work on this feature.
 
@@ -143,21 +143,21 @@ export default class Dashboard extends React.Component {
               app.serverInfo = {
                 error: 'unable to connect to server',
                 enabledFeatures: {},
-                parseServerVersion: "unknown"
+                parseServerVersion: 'unknown'
               }
               return Promise.resolve(app);
             } else if (error.code === 107) {
               app.serverInfo = {
                 error: 'server version too low',
                 enabledFeatures: {},
-                parseServerVersion: "unknown"
+                parseServerVersion: 'unknown'
               }
               return Promise.resolve(app);
             } else {
               app.serverInfo = {
                 error: error.message || 'unknown error',
                 enabledFeatures: {},
-                parseServerVersion: "unknown"
+                parseServerVersion: 'unknown'
               }
               return Promise.resolve(app);
             }
diff --git a/src/dashboard/Data/ApiConsole/ApiConsole.react.js b/src/dashboard/Data/ApiConsole/ApiConsole.react.js
index 3f012236ae..46ab64cef9 100644
--- a/src/dashboard/Data/ApiConsole/ApiConsole.react.js
+++ b/src/dashboard/Data/ApiConsole/ApiConsole.react.js
@@ -5,28 +5,28 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import React from "react";
-import CategoryList from "components/CategoryList/CategoryList.react";
-import DashboardView from "dashboard/DashboardView.react";
+import React from 'react';
+import CategoryList from 'components/CategoryList/CategoryList.react';
+import DashboardView from 'dashboard/DashboardView.react';
 
 export default class ApiConsole extends DashboardView {
   constructor() {
     super();
-    this.section = "Core";
-    this.subsection = "API Console";
+    this.section = 'Core';
+    this.subsection = 'API Console';
   }
 
   renderSidebar() {
     const { path } = this.props.match;
-    const current = path.substr(path.lastIndexOf("/") + 1, path.length - 1);
+    const current = path.substr(path.lastIndexOf('/') + 1, path.length - 1);
     return (
       <CategoryList
         current={current}
-        linkPrefix={"api_console/"}
+        linkPrefix={'api_console/'}
         categories={[
-          { name: "REST Console", id: "rest" },
-          { name: "GraphQL Console", id: "graphql" },
-          { name: "JS Console", id: "js_console" }
+          { name: 'REST Console', id: 'rest' },
+          { name: 'GraphQL Console', id: 'graphql' },
+          { name: 'JS Console', id: 'js_console' }
         ]}
       />
     );
diff --git a/src/dashboard/Data/Browser/Browser.react.js b/src/dashboard/Data/Browser/Browser.react.js
index c7cc09332f..c2a6d04ba0 100644
--- a/src/dashboard/Data/Browser/Browser.react.js
+++ b/src/dashboard/Data/Browser/Browser.react.js
@@ -542,8 +542,8 @@ class Browser extends DashboardView {
       obj.set(attr, value);
     }
     obj.save(null, { useMasterKey: true }).then((objectSaved) => {
-      const createdOrUpdated = isNewObject ? "created" : "updated";
-      let msg = objectSaved.className + " with id '" + objectSaved.id + "' " + createdOrUpdated;
+      const createdOrUpdated = isNewObject ? 'created' : 'updated';
+      let msg = objectSaved.className + ' with id \'' + objectSaved.id + '\' ' + createdOrUpdated;
       this.showNote(msg, false);
 
       const state = { data: this.state.data };
@@ -650,9 +650,9 @@ class Browser extends DashboardView {
           let deletedNote;
 
           if (toDeleteObjectIds.length == 1) {
-            deletedNote = className + " with id '" + toDeleteObjectIds[0] + "' deleted";
+            deletedNote = className + ' with id \'' + toDeleteObjectIds[0] + '\' deleted';
           } else {
-            deletedNote = toDeleteObjectIds.length + " " + className + " objects deleted";
+            deletedNote = toDeleteObjectIds.length + ' ' + className + ' objects deleted';
           }
 
           this.showNote(deletedNote, false);
@@ -676,17 +676,17 @@ class Browser extends DashboardView {
 
           if (error.code === Parse.Error.AGGREGATE_ERROR) {
             if (error.errors.length == 1) {
-              errorDeletingNote = "Error deleting " + className + " with id '" + error.errors[0].object.id + "'";
+              errorDeletingNote = 'Error deleting ' + className + ' with id \'' + error.errors[0].object.id + '\'';
             } else if (error.errors.length < toDeleteObjectIds.length) {
-              errorDeletingNote = "Error deleting " + error.errors.length + " out of " + toDeleteObjectIds.length + " " + className + " objects";
+              errorDeletingNote = 'Error deleting ' + error.errors.length + ' out of ' + toDeleteObjectIds.length + ' ' + className + ' objects';
             } else {
-              errorDeletingNote = "Error deleting all " + error.errors.length + " " + className + " objects";
+              errorDeletingNote = 'Error deleting all ' + error.errors.length + ' ' + className + ' objects';
             }
           } else {
             if (toDeleteObjectIds.length == 1) {
-              errorDeletingNote = "Error deleting " + className + " with id '" + toDeleteObjectIds[0] + "'";
+              errorDeletingNote = 'Error deleting ' + className + ' with id \'' + toDeleteObjectIds[0] + '\'';
             } else {
-              errorDeletingNote = "Error deleting " + toDeleteObjectIds.length + " " + className + " objects";
+              errorDeletingNote = 'Error deleting ' + toDeleteObjectIds.length + ' ' + className + ' objects';
             }
           }
 
@@ -1131,7 +1131,7 @@ class Browser extends DashboardView {
       // at this moment only one row must be selected, so take the first and only one
       const selectedKey = Object.keys(selection)[0];
       // if selectedKey is string "undefined" => new row column 'objectId' was clicked
-      let selectedId = selectedKey === "undefined" ? undefined : selectedKey;
+      let selectedId = selectedKey === 'undefined' ? undefined : selectedKey;
       // if selectedId is undefined and newObject is null it means new row was just saved and added to data array
       const isJustSavedObject = selectedId === undefined && newObject === null;
       // if new object just saved, remove new row selection and select new added row
diff --git a/src/dashboard/Data/Browser/BrowserToolbar.react.js b/src/dashboard/Data/Browser/BrowserToolbar.react.js
index c1e6b943c4..ced295f249 100644
--- a/src/dashboard/Data/Browser/BrowserToolbar.react.js
+++ b/src/dashboard/Data/Browser/BrowserToolbar.react.js
@@ -110,7 +110,7 @@ let BrowserToolbar = ({
         <Separator />
         <MenuItem
           disabled={selectionLength !== 1}
-          text={`Edit this row with modal`}
+          text={'Edit this row with modal'}
           onClick={onEditSelectedRow}
         />
         <Separator />
@@ -180,7 +180,7 @@ let BrowserToolbar = ({
       details={details.join(' \u2022 ')}
     >
       {onAddRow && (
-        <a className={classes.join(" ")} onClick={onClick}>
+        <a className={classes.join(' ')} onClick={onClick}>
           <Icon name="plus-solid" width={14} height={14} />
           <span>Add Row</span>
         </a>
diff --git a/src/dashboard/Data/Browser/EditRowDialog.react.js b/src/dashboard/Data/Browser/EditRowDialog.react.js
index 0e7e377fe5..5982620d4b 100644
--- a/src/dashboard/Data/Browser/EditRowDialog.react.js
+++ b/src/dashboard/Data/Browser/EditRowDialog.react.js
@@ -1,20 +1,20 @@
-import React from "react";
-import Parse from "parse";
-import { dateStringUTC } from "lib/DateUtils";
-import PropTypes from "lib/PropTypes";
-import ParseApp from "lib/ParseApp";
-import { ContextProxy } from "components/Popover/Popover.react.js";
-import Modal from "components/Modal/Modal.react";
-import Field from "components/Field/Field.react";
-import Label from "components/Label/Label.react";
-import TextInput from "components/TextInput/TextInput.react";
-import DateTimeInput from "components/DateTimeInput/DateTimeInput.react";
-import Toggle from "components/Toggle/Toggle.react";
-import Pill from "components/Pill/Pill.react";
-import GeoPointEditor from "components/GeoPointEditor/GeoPointEditor.react";
-import FileEditor from "components/FileEditor/FileEditor.react";
-import ObjectPickerDialog from "dashboard/Data/Browser/ObjectPickerDialog.react";
-import styles from "dashboard/Data/Browser/Browser.scss";
+import React from 'react';
+import Parse from 'parse';
+import { dateStringUTC } from 'lib/DateUtils';
+import PropTypes from 'lib/PropTypes';
+import ParseApp from 'lib/ParseApp';
+import { ContextProxy } from 'components/Popover/Popover.react.js';
+import Modal from 'components/Modal/Modal.react';
+import Field from 'components/Field/Field.react';
+import Label from 'components/Label/Label.react';
+import TextInput from 'components/TextInput/TextInput.react';
+import DateTimeInput from 'components/DateTimeInput/DateTimeInput.react';
+import Toggle from 'components/Toggle/Toggle.react';
+import Pill from 'components/Pill/Pill.react';
+import GeoPointEditor from 'components/GeoPointEditor/GeoPointEditor.react';
+import FileEditor from 'components/FileEditor/FileEditor.react';
+import ObjectPickerDialog from 'dashboard/Data/Browser/ObjectPickerDialog.react';
+import styles from 'dashboard/Data/Browser/Browser.scss';
 
 export default class EditRowDialog extends React.Component {
   constructor(props) {
@@ -51,24 +51,24 @@ export default class EditRowDialog extends React.Component {
     const openObjectPickers = {};
     columns.forEach(column => {
       const { name, type } = column;
-      if (["Array", "Object"].indexOf(type) >= 0) {
+      if (['Array', 'Object'].indexOf(type) >= 0) {
         currentObject[name] = JSON.stringify(currentObject[name], null, 2);
       }
-      if (type === "Polygon") {
+      if (type === 'Polygon') {
         currentObject[name] = JSON.stringify(
           (currentObject[name] && currentObject[name].coordinates) || [
-            ["lat", "lon"]
+            ['lat', 'lon']
           ],
           null,
           2
         );
       }
-      if (type === "Pointer") {
+      if (type === 'Pointer') {
         currentObject[name] =
-          (currentObject[name] && currentObject[name].id) || "";
+          (currentObject[name] && currentObject[name].id) || '';
         openObjectPickers[name] = false;
       }
-      if (type === "Relation") {
+      if (type === 'Relation') {
         openObjectPickers[name] = false;
       }
     });
@@ -83,12 +83,12 @@ export default class EditRowDialog extends React.Component {
   }
 
   handleChange(newValue, name, type, targetClass, toDelete) {
-    if (name == "password") {
-      if (newValue === "") {
+    if (name == 'password') {
+      if (newValue === '') {
         return false;
       } else {
         const { currentObject } = this.state;
-        currentObject.password = "";
+        currentObject.password = '';
       }
     }
     const {
@@ -97,7 +97,7 @@ export default class EditRowDialog extends React.Component {
       updateRow,
       confirmAttachSelectedRows
     } = this.props;
-    if (type === "Relation") {
+    if (type === 'Relation') {
       if (toDelete.length > 0) {
         selectedObject[name].remove(toDelete);
         selectedObject[name].parent.save(null, { useMasterKey: true });
@@ -113,17 +113,17 @@ export default class EditRowDialog extends React.Component {
       }
       this.toggleObjectPicker(name, false);
     } else {
-      if (["Array", "Object", "Polygon"].indexOf(type) >= 0) {
+      if (['Array', 'Object', 'Polygon'].indexOf(type) >= 0) {
         const { currentObject } = this.state;
         currentObject[name] = JSON.stringify(newValue, null, 2);
-        if (type === "Polygon") {
+        if (type === 'Polygon') {
           newValue = {
             __type: type,
             coordinates: newValue
           };
         }
       }
-      if (type === "Pointer") {
+      if (type === 'Pointer') {
         // when Pointer newValue is array with length 0 or 1
         const pointerId = newValue[0];
         newValue = pointerId
@@ -141,7 +141,7 @@ export default class EditRowDialog extends React.Component {
   openAcl() {
     const { selectedObject, columns, handleShowAcl } = this.props;
     const { row } = selectedObject;
-    const col = columns.findIndex(c => c.name === "ACL");
+    const col = columns.findIndex(c => c.name === 'ACL');
     handleShowAcl(row, col);
   }
 
@@ -171,7 +171,7 @@ export default class EditRowDialog extends React.Component {
       const { name, type, targetClass } = column;
 
       const isHidden =
-        ["objectId", "createdAt", "updatedAt", "ACL"].indexOf(name) >= 0;
+        ['objectId', 'createdAt', 'updatedAt', 'ACL'].indexOf(name) >= 0;
 
       if (isHidden) {
         return;
@@ -180,22 +180,22 @@ export default class EditRowDialog extends React.Component {
       let inputComponent;
 
       const isDisabled =
-        (className === "_User" && ["authData"].indexOf(name) >= 0) ||
+        (className === '_User' && ['authData'].indexOf(name) >= 0) ||
         (selectedObject.id &&
-          className === "_Role" &&
-          ["name"].indexOf(name) >= 0) ||
-        (className === "_Session" &&
+          className === '_Role' &&
+          ['name'].indexOf(name) >= 0) ||
+        (className === '_Session' &&
           [
-            "sessionToken",
-            "expiresAt",
-            "user",
-            "createdWith",
-            "installationId",
-            "restricted"
+            'sessionToken',
+            'expiresAt',
+            'user',
+            'createdWith',
+            'installationId',
+            'restricted'
           ].indexOf(name) >= 0);
 
       switch (type) {
-        case "String":
+        case 'String':
           inputComponent = (
             <TextInput
               multiline={
@@ -204,14 +204,14 @@ export default class EditRowDialog extends React.Component {
                   : false
               }
               disabled={isDisabled}
-              placeholder={name === "password" ? "(hidden)" : ""}
+              placeholder={name === 'password' ? '(hidden)' : ''}
               value={currentObject[name]}
               onChange={newValue => this.updateCurrentObject(newValue, name)}
               onBlur={newValue => this.handleChange(newValue, name)}
             />
           );
           break;
-        case "Number":
+        case 'Number':
           inputComponent = (
             <TextInput
               disabled={isDisabled}
@@ -221,9 +221,9 @@ export default class EditRowDialog extends React.Component {
             />
           );
           break;
-        case "Array":
-        case "Object":
-        case "Polygon":
+        case 'Array':
+        case 'Object':
+        case 'Polygon':
           inputComponent = (
             <TextInput
               multiline={true}
@@ -236,7 +236,7 @@ export default class EditRowDialog extends React.Component {
             />
           );
           break;
-        case "Boolean":
+        case 'Boolean':
           inputComponent = isDisabled ? (
             <TextInput disabled={true} value={selectedObject[name]} />
           ) : (
@@ -247,7 +247,7 @@ export default class EditRowDialog extends React.Component {
             />
           );
           break;
-        case "Date":
+        case 'Date':
           inputComponent = (
             <DateTimeInput
               disabled={isDisabled}
@@ -256,30 +256,30 @@ export default class EditRowDialog extends React.Component {
             />
           );
           break;
-        case "GeoPoint":
+        case 'GeoPoint':
           inputComponent = (
-            <div style={{ padding: "25px" }}>
+            <div style={{ padding: '25px' }}>
               <GeoPointEditor
                 disableAutoFocus={true}
                 value={selectedObject[name]}
-                style={{ position: "inherit" }}
+                style={{ position: 'inherit' }}
                 onCommit={newValue => this.handleChange(newValue, name)}
               />
             </div>
           );
           break;
-        case "File":
+        case 'File':
           inputComponent = (
-            <div style={{ padding: "25px" }}>
+            <div style={{ padding: '25px' }}>
               <FileEditor
                 value={selectedObject[name]}
-                style={{ position: "inherit" }}
+                style={{ position: 'inherit' }}
                 onCommit={newValue => this.handleChange(newValue, name)}
               />
             </div>
           );
           break;
-        case "Pointer":
+        case 'Pointer':
           const pointerId = selectedObject[name] && selectedObject[name].id;
           inputComponent = openObjectPickers[name] ? (
             <ContextProxy cx={this.context}>
@@ -297,9 +297,9 @@ export default class EditRowDialog extends React.Component {
           ) : (
             <div
               style={{
-                textAlign: "center",
-                cursor: "pointer",
-                paddingTop: pointerId ? "17px" : "35px"
+                textAlign: 'center',
+                cursor: 'pointer',
+                paddingTop: pointerId ? '17px' : '35px'
               }}
             >
               {pointerId && (
@@ -315,7 +315,7 @@ export default class EditRowDialog extends React.Component {
             </div>
           );
           break;
-        case "Relation":
+        case 'Relation':
           // fallback if selectedObject is just saved, so it still doesn't have relation properites set
           const relation =
             selectedObject[name] || new Parse.Relation(selectedObject, name);
@@ -338,9 +338,9 @@ export default class EditRowDialog extends React.Component {
             selectedObject.id && (
               <div
                 style={{
-                  textAlign: "center",
-                  cursor: "pointer",
-                  paddingTop: "17px"
+                  textAlign: 'center',
+                  cursor: 'pointer',
+                  paddingTop: '17px'
                 }}
               >
                 <Pill
@@ -392,16 +392,16 @@ export default class EditRowDialog extends React.Component {
           )
         }
         subtitle={
-          <div style={{ paddingTop: "5px", fontSize: "12px" }}>
+          <div style={{ paddingTop: '5px', fontSize: '12px' }}>
             {selectedObject.createdAt && (
               <p>
-                CreatedAt{" "}
+                CreatedAt{' '}
                 <strong>{dateStringUTC(selectedObject.createdAt)}</strong>
               </p>
             )}
             {selectedObject.updatedAt && (
               <p>
-                UpdatedAt{" "}
+                UpdatedAt{' '}
                 <strong>{dateStringUTC(selectedObject.updatedAt)}</strong>
               </p>
             )}
diff --git a/src/dashboard/Data/Browser/ExportDialog.react.js b/src/dashboard/Data/Browser/ExportDialog.react.js
index 1bba7e155f..6a368333da 100644
--- a/src/dashboard/Data/Browser/ExportDialog.react.js
+++ b/src/dashboard/Data/Browser/ExportDialog.react.js
@@ -47,7 +47,7 @@ export default class ExportDialog extends React.Component {
         icon='down-outline'
         iconSize={40}
         title='Export this class'
-        subtitle={`We'll send you an email when your data is ready.`}
+        subtitle={'We\'ll send you an email when your data is ready.'}
         confirmText='Export'
         cancelText='Cancel'
         disabled={this.state.progress === undefined || inProgress}
diff --git a/src/dashboard/Data/Browser/ObjectPickerDialog.react.js b/src/dashboard/Data/Browser/ObjectPickerDialog.react.js
index ce0222af65..8f2df5cd68 100644
--- a/src/dashboard/Data/Browser/ObjectPickerDialog.react.js
+++ b/src/dashboard/Data/Browser/ObjectPickerDialog.react.js
@@ -1,25 +1,25 @@
-import React from "react";
-import { List } from "immutable";
-import Parse from "parse";
-import * as ColumnPreferences from "lib/ColumnPreferences";
-import queryFromFilters from "lib/queryFromFilters";
-import PropTypes from "lib/PropTypes";
-import ParseApp from "lib/ParseApp";
-import { ContextProxy } from "components/Popover/Popover.react.js";
-import Modal from "components/Modal/Modal.react";
-import Button from "components/Button/Button.react";
-import TextInput from "components/TextInput/TextInput.react";
-import DataBrowser from "dashboard/Data/Browser/DataBrowser.react";
-import stylesBrowser from "dashboard/Data/Browser/Browser.scss";
-import stylesBrowserFilter from "components/BrowserFilter/BrowserFilter.scss";
-import stylesToolbar from "components/Toolbar/Toolbar.scss";
-import stylesColumnsConfiguration from "components/ColumnsConfiguration/ColumnsConfiguration.scss";
-import stylesDataBrowserHeaderBar from "components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss";
-import stylesFooter from "components/Modal/Modal.scss";
+import React from 'react';
+import { List } from 'immutable';
+import Parse from 'parse';
+import * as ColumnPreferences from 'lib/ColumnPreferences';
+import queryFromFilters from 'lib/queryFromFilters';
+import PropTypes from 'lib/PropTypes';
+import ParseApp from 'lib/ParseApp';
+import { ContextProxy } from 'components/Popover/Popover.react.js';
+import Modal from 'components/Modal/Modal.react';
+import Button from 'components/Button/Button.react';
+import TextInput from 'components/TextInput/TextInput.react';
+import DataBrowser from 'dashboard/Data/Browser/DataBrowser.react';
+import stylesBrowser from 'dashboard/Data/Browser/Browser.scss';
+import stylesBrowserFilter from 'components/BrowserFilter/BrowserFilter.scss';
+import stylesToolbar from 'components/Toolbar/Toolbar.scss';
+import stylesColumnsConfiguration from 'components/ColumnsConfiguration/ColumnsConfiguration.scss';
+import stylesDataBrowserHeaderBar from 'components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss';
+import stylesFooter from 'components/Modal/Modal.scss';
 
 // The initial and max amount of rows fetched by lazy loading
 const MAX_ROWS_FETCHED = 200;
-const SELECTION_INPUT_ID = "selectionInput";
+const SELECTION_INPUT_ID = 'selectionInput';
 
 export default class ObjectPickerDialog extends React.Component {
   constructor(props, context) {
@@ -31,11 +31,11 @@ export default class ObjectPickerDialog extends React.Component {
       filteredCounts: {},
       filters: new List(),
       lastMax: -1,
-      ordering: "-createdAt",
+      ordering: '-createdAt',
       selection: {},
       // initial relation ids -> currently saved in database
       initialRelationData: [],
-      selectionInput: "",
+      selectionInput: '',
       disableDataBrowserKeyControls: false
     };
 
@@ -63,13 +63,13 @@ export default class ObjectPickerDialog extends React.Component {
     }
     document
       .getElementById(SELECTION_INPUT_ID)
-      .addEventListener("focus", this.disableDataBrowserKeyControls);
+      .addEventListener('focus', this.disableDataBrowserKeyControls);
   }
 
   componentWillUnmount() {
     document
       .getElementById(SELECTION_INPUT_ID)
-      .addEventListener("focus", this.disableDataBrowserKeyControls);
+      .addEventListener('focus', this.disableDataBrowserKeyControls);
   }
 
   disableDataBrowserKeyControls() {
@@ -100,10 +100,10 @@ export default class ObjectPickerDialog extends React.Component {
 
   async fetchParseData(source, filters) {
     const query = queryFromFilters(source, filters);
-    const sortDir = this.state.ordering[0] === "-" ? "-" : "+";
-    const field = this.state.ordering.substr(sortDir === "-" ? 1 : 0);
+    const sortDir = this.state.ordering[0] === '-' ? '-' : '+';
+    const field = this.state.ordering.substr(sortDir === '-' ? 1 : 0);
 
-    if (sortDir === "-") {
+    if (sortDir === '-') {
       query.descending(field);
     } else {
       query.ascending(field);
@@ -130,31 +130,31 @@ export default class ObjectPickerDialog extends React.Component {
     let className = this.props.className;
     let source = this.state.relation || className;
     let query = queryFromFilters(source, this.state.filters);
-    if (this.state.ordering !== "-createdAt") {
+    if (this.state.ordering !== '-createdAt') {
       // Construct complex pagination query
       let equalityQuery = queryFromFilters(source, this.state.filters);
       let field = this.state.ordering;
       let ascending = true;
       let comp = this.state.data[this.state.data.length - 1].get(field);
-      if (field === "objectId" || field === "-objectId") {
+      if (field === 'objectId' || field === '-objectId') {
         comp = this.state.data[this.state.data.length - 1].id;
       }
-      if (field[0] === "-") {
+      if (field[0] === '-') {
         field = field.substr(1);
         query.lessThan(field, comp);
         ascending = false;
       } else {
         query.greaterThan(field, comp);
       }
-      if (field === "createdAt") {
+      if (field === 'createdAt') {
         equalityQuery.greaterThan(
-          "createdAt",
-          this.state.data[this.state.data.length - 1].get("createdAt")
+          'createdAt',
+          this.state.data[this.state.data.length - 1].get('createdAt')
         );
       } else {
         equalityQuery.lessThan(
-          "createdAt",
-          this.state.data[this.state.data.length - 1].get("createdAt")
+          'createdAt',
+          this.state.data[this.state.data.length - 1].get('createdAt')
         );
         equalityQuery.equalTo(field, comp);
       }
@@ -166,10 +166,10 @@ export default class ObjectPickerDialog extends React.Component {
       }
     } else {
       query.lessThan(
-        "createdAt",
-        this.state.data[this.state.data.length - 1].get("createdAt")
+        'createdAt',
+        this.state.data[this.state.data.length - 1].get('createdAt')
       );
-      query.addDescending("createdAt");
+      query.addDescending('createdAt');
     }
     query.limit(MAX_ROWS_FETCHED);
 
@@ -226,23 +226,23 @@ export default class ObjectPickerDialog extends React.Component {
     const { column } = this.props;
     this.setState(({ selection, selectionInput }) => {
       if (checked) {
-        if (column.type === "Pointer") {
+        if (column.type === 'Pointer') {
           selection = {};
         }
         selection[id] = true;
       } else {
         delete selection[id];
       }
-      selectionInput = Object.keys(selection).join(", ");
+      selectionInput = Object.keys(selection).join(', ');
       return { selection, selectionInput };
     });
   }
 
   updateSelectionFromInput(newValue) {
     const { column } = this.props;
-    const isPointer = column.type === "Pointer";
+    const isPointer = column.type === 'Pointer';
     const newSelection = {};
-    newValue.split(", ").some(id => {
+    newValue.split(', ').some(id => {
       if (id.length === 10) {
         newSelection[id] = true;
         if (isPointer) {
@@ -259,7 +259,7 @@ export default class ObjectPickerDialog extends React.Component {
 
   onConfirm() {
     const { onConfirm, column } = this.props;
-    const isRelation = column.type === "Relation";
+    const isRelation = column.type === 'Relation';
     const { selection, initialRelationData } = this.state;
     const currentSelection = Object.keys(selection);
     const newValue = isRelation
@@ -285,10 +285,10 @@ export default class ObjectPickerDialog extends React.Component {
       disableDataBrowserKeyControls
     } = this.state;
 
-    const columns = { objectId: { type: "String" } };
-    const classes = schema.data.get("classes");
+    const columns = { objectId: { type: 'String' } };
+    const classes = schema.data.get('classes');
     classes.get(className).forEach(({ type, targetClass }, name) => {
-      if (name === "objectId") {
+      if (name === 'objectId') {
         return;
       }
       const info = { type };
@@ -311,18 +311,18 @@ export default class ObjectPickerDialog extends React.Component {
         iconSize={30}
         title={`Select ${column.name}`}
         subtitle={`${column.type} <${column.targetClass}>`}
-        width={"80vw"}
+        width={'80vw'}
         customFooter={
-          <div style={{ textAlign: "right" }} className={stylesFooter.footer}>
+          <div style={{ textAlign: 'right' }} className={stylesFooter.footer}>
             <div className={stylesBrowser.selectionInputWrapper}>
               <TextInput
                 id={SELECTION_INPUT_ID}
                 monospace={true}
                 height="30px"
                 placeholder={
-                  column.type === "Relation"
-                    ? "ox0QZFl7eg, qs81Q72lTL, etc..."
-                    : "ox0QZFl7eg"
+                  column.type === 'Relation'
+                    ? 'ox0QZFl7eg, qs81Q72lTL, etc...'
+                    : 'ox0QZFl7eg'
                 }
                 value={selectionInput}
                 onChange={newValue =>
@@ -350,10 +350,10 @@ export default class ObjectPickerDialog extends React.Component {
             stylesBrowserFilter.objectPickerContent,
             stylesToolbar.objectPickerContent,
             stylesColumnsConfiguration.objectPickerContent,
-            column.type === "Pointer"
+            column.type === 'Pointer'
               ? stylesDataBrowserHeaderBar.pickerPointer
-              : ""
-          ].join(" ")}
+              : ''
+          ].join(' ')}
         >
           <div className={stylesBrowser.selectionSection}>
             <div className={stylesBrowser.selectionHeader}>
@@ -368,12 +368,12 @@ export default class ObjectPickerDialog extends React.Component {
                     color="red"
                     width="108px"
                     additionalStyles={{
-                      height: "22px",
-                      lineHeight: "22px",
-                      padding: "0",
-                      fontSize: "12px",
-                      marginBottom: "9px",
-                      fontFamily: "Source Code Pro, Courier New, monospace"
+                      height: '22px',
+                      lineHeight: '22px',
+                      padding: '0',
+                      fontSize: '12px',
+                      marginBottom: '9px',
+                      fontFamily: 'Source Code Pro, Courier New, monospace'
                     }}
                     onClick={() => this.selectRow(id, false)}
                   />
diff --git a/src/dashboard/Data/Config/DeleteParameterDialog.react.js b/src/dashboard/Data/Config/DeleteParameterDialog.react.js
index 4c4d76231d..c3c4ed252e 100644
--- a/src/dashboard/Data/Config/DeleteParameterDialog.react.js
+++ b/src/dashboard/Data/Config/DeleteParameterDialog.react.js
@@ -46,10 +46,10 @@ export default class DeleteParameterDialog extends React.Component {
       <Modal
         type={Modal.Types.DANGER}
         icon='warn-outline'
-        title={`Delete parameter?`}
+        title={'Delete parameter?'}
         subtitle={'This action cannot be undone!'}
         disabled={!this.valid()}
-        confirmText={`Yes, delete`}
+        confirmText={'Yes, delete'}
         cancelText={'Never mind, don\u2019t.'}
         onCancel={this.props.onCancel}
         onConfirm={this.props.onConfirm}>
diff --git a/src/dashboard/Data/Jobs/JobScheduleReminder.react.js b/src/dashboard/Data/Jobs/JobScheduleReminder.react.js
index a430195be9..59c09d3a9c 100644
--- a/src/dashboard/Data/Jobs/JobScheduleReminder.react.js
+++ b/src/dashboard/Data/Jobs/JobScheduleReminder.react.js
@@ -6,14 +6,14 @@ export default class JobScheduleReminder extends React.Component {
     return (
       <div className={horizontalCenter}>
         <p>
-          {"Be noted that "}
-          <b>{"parse-server doesn't run the jobs in the scheduled times"}</b>
-          {" by itself."}
+          {'Be noted that '}
+          <b>{'parse-server doesn\'t run the jobs in the scheduled times'}</b>
+          {' by itself.'}
         </p>
         <p>
-          {"Please take a look at the "}
+          {'Please take a look at the '}
           <a href="http://docs.parseplatform.org/parse-server/guide/#jobs">{'docs'}</a>
-          {" on how to do that."}
+          {' on how to do that.'}
         </p>
       </div>
     );
diff --git a/src/dashboard/Data/Jobs/Jobs.react.js b/src/dashboard/Data/Jobs/Jobs.react.js
index 0a1651d989..34d23a9d41 100644
--- a/src/dashboard/Data/Jobs/Jobs.react.js
+++ b/src/dashboard/Data/Jobs/Jobs.react.js
@@ -228,7 +228,7 @@ class Jobs extends TableView {
           title='Delete job schedule?'
           subtitle='Careful, this action cannot be undone'
           confirmText='Yes, delete it'
-          cancelText={`Never mind, don't`}
+          cancelText={'Never mind, don\'t'}
           onCancel={() => this.setState({ toDelete: null })}
           onConfirm={() => {
             this.setState({ toDelete: null });
diff --git a/src/dashboard/Data/Migration/Migration.react.js b/src/dashboard/Data/Migration/Migration.react.js
index 2a36938ae1..c615a2c16d 100644
--- a/src/dashboard/Data/Migration/Migration.react.js
+++ b/src/dashboard/Data/Migration/Migration.react.js
@@ -258,7 +258,7 @@ export default class Migration extends DashboardView {
           let errorMessage = null;
           switch (this.context.currentApp.migration.wellKnownError) {
             case 1:
-              errorMessage = "This is an error state.";
+              errorMessage = 'This is an error state.';
               break;
             default:
               errorMessage = this.context.currentApp.migration.migrationState === MIGRATION_INITIALSYNC ? null : ' ';
diff --git a/src/dashboard/Data/Playground/Playground.react.js b/src/dashboard/Data/Playground/Playground.react.js
index 9bbfa5d2ee..be34ccc5e9 100644
--- a/src/dashboard/Data/Playground/Playground.react.js
+++ b/src/dashboard/Data/Playground/Playground.react.js
@@ -1,22 +1,22 @@
-import React, { Component } from "react";
-import ReactJson from "react-json-view";
-import Parse from "parse";
+import React, { Component } from 'react';
+import ReactJson from 'react-json-view';
+import Parse from 'parse';
 
-import PropTypes from "lib/PropTypes";
-import ParseApp from "lib/ParseApp";
-import CodeEditor from "components/CodeEditor/CodeEditor.react";
-import Button from "components/Button/Button.react";
-import SaveButton from "components/SaveButton/SaveButton.react";
-import Toolbar from "components/Toolbar/Toolbar.react";
+import PropTypes from 'lib/PropTypes';
+import ParseApp from 'lib/ParseApp';
+import CodeEditor from 'components/CodeEditor/CodeEditor.react';
+import Button from 'components/Button/Button.react';
+import SaveButton from 'components/SaveButton/SaveButton.react';
+import Toolbar from 'components/Toolbar/Toolbar.react';
 
-import styles from "./Playground.scss";
+import styles from './Playground.scss';
 
 export default class Playground extends Component {
   constructor() {
     super();
-    this.section = "Core";
-    this.subsection = "JS Console";
-    this.localKey = "parse-dashboard-playground-code";
+    this.section = 'Core';
+    this.subsection = 'JS Console';
+    this.localKey = 'parse-dashboard-playground-code';
     this.state = {
       results: [],
       running: false,
@@ -35,12 +35,12 @@ export default class Playground extends Component {
           ...results,
           ...args.map(arg => ({
             log:
-              typeof arg === "object"
+              typeof arg === 'object'
                 ? Array.isArray(arg)
                   ? arg.map(this.getParseObjectAttr)
                   : this.getParseObjectAttr(arg)
                 : { result: arg },
-            name: "Log"
+            name: 'Log'
           }))
         ]
       }));
@@ -56,7 +56,7 @@ export default class Playground extends Component {
               arg instanceof Error
                 ? { message: arg.message, name: arg.name, stack: arg.stack }
                 : { result: arg },
-            name: "Error"
+            name: 'Error'
           }))
         ]
       }));
@@ -92,7 +92,7 @@ export default class Playground extends Component {
 
       this.setState({ running: true, results: [] });
 
-      await new Function("Parse", finalCode)(Parse);
+      await new Function('Parse', finalCode)(Parse);
     } catch (e) {
       console.error(e);
     } finally {
@@ -144,20 +144,22 @@ export default class Playground extends Component {
     const { results, running, saving, savingState } = this.state;
 
     return React.cloneElement(
-      <div className={styles["playground-ctn"]}>
+      <div className={styles['playground-ctn']}>
         <Toolbar section={this.section} subsection={this.subsection} />
-        <div style={{ minHeight: "25vh" }}>
+        <div style={{ minHeight: '25vh' }}>
           <CodeEditor
-            placeHolder={`//Example query to get 5 of your users
-console.log(await new Parse.Query(Parse.User).limit(5).find());`}
+            placeHolder={`const myObj = new Parse.Object('MyClass');
+myObj.set('myField', 'Hello World!')
+await myObj.save();
+console.log(myObj);`}
             ref={editor => (this.editor = editor)}
           />
-          <div className={styles["console-ctn"]}>
+          <div className={styles['console-ctn']}>
             <header>
               <h3>Console</h3>
-              <div className={styles["buttons-ctn"]}>
+              <div className={styles['buttons-ctn']}>
                 <div>
-                  <div style={{ marginRight: "15px" }}>
+                  <div style={{ marginRight: '15px' }}>
                     {window.localStorage && (
                       <SaveButton
                         state={savingState}
@@ -169,7 +171,7 @@ console.log(await new Parse.Query(Parse.User).limit(5).find());`}
                     )}
                   </div>
                   <Button
-                    value={"Run"}
+                    value={'Run'}
                     primary={false}
                     onClick={() => this.runCode()}
                     progress={running}
diff --git a/src/dashboard/Push/PushAudiencesData.react.js b/src/dashboard/Push/PushAudiencesData.react.js
index c0ef783efc..b16a13fbae 100644
--- a/src/dashboard/Push/PushAudiencesData.react.js
+++ b/src/dashboard/Push/PushAudiencesData.react.js
@@ -151,7 +151,7 @@ export default class PushAudiencesData extends React.Component {
       let stateSettings = {
         newSegment: {
           createdAt: new Date(),
-          name: "New Segment",
+          name: 'New Segment',
           count: 0,
           objectId: PushConstants.NEW_SEGMENT_ID,
           query,
diff --git a/src/dashboard/Push/PushDetails.react.js b/src/dashboard/Push/PushDetails.react.js
index 2c69bed8c6..384d8b85da 100644
--- a/src/dashboard/Push/PushDetails.react.js
+++ b/src/dashboard/Push/PushDetails.react.js
@@ -398,7 +398,7 @@ class PushDetails extends DashboardView {
     } else if (statistics) {
       isFlowView = true;
 
-      let headline = statistics.confidence_interval  ? `Group {statistics.winner} is the winner!` : 'Not enough data to automatically determine the winner';
+      let headline = statistics.confidence_interval  ? 'Group {statistics.winner} is the winner!' : 'Not enough data to automatically determine the winner';
       let subline = [];
       let launchGroupFragment = 'These devices are outside test groups A & B.';
 
diff --git a/src/dashboard/Push/PushNew.react.js b/src/dashboard/Push/PushNew.react.js
index 0f9b3e6119..34ba482f2d 100644
--- a/src/dashboard/Push/PushNew.react.js
+++ b/src/dashboard/Push/PushNew.react.js
@@ -188,7 +188,7 @@ class PushNew extends DashboardView {
   handlePushSubmit(changes) {
     let payload = changes.data_type === 'json' ? JSON.parse(changes.data) : { alert: changes.data };
     if (changes.increment_badge) {
-      payload.badge = "Increment";
+      payload.badge = 'Increment';
     }
 
     const push_time = extractPushTime(changes);
@@ -213,7 +213,7 @@ class PushNew extends DashboardView {
 
     let audience_id = changes.audience_id;
     // Only set the audience ID if it is a saved audience.
-    if (audience_id != PushConstants.NEW_SEGMENT_ID && audience_id != "everyone") {
+    if (audience_id != PushConstants.NEW_SEGMENT_ID && audience_id != 'everyone') {
       body.audience_id = audience_id;
       const pushAudience = this.props.pushaudiences.data.get('audiences').toJS()
         .find((a) => a.objectId === audience_id);
@@ -682,7 +682,7 @@ class PushNew extends DashboardView {
 
     const timeFieldsDescription = hasScheduledPushSupport ?
       'We can send the campaign immediately, or any time in the next 2 weeks.' :
-      "If your push hasn't been send by this time, it won't get sent.";
+      'If your push hasn\'t been send by this time, it won\'t get sent.';
 
     const deliveryTimeFields = hasScheduledPushSupport ? <Fieldset
       legend={timeFieldsLegend}
diff --git a/src/dashboard/Settings/GeneralSettings.react.js b/src/dashboard/Settings/GeneralSettings.react.js
index 17ecccac9a..7b4ce9c9e3 100644
--- a/src/dashboard/Settings/GeneralSettings.react.js
+++ b/src/dashboard/Settings/GeneralSettings.react.js
@@ -449,7 +449,7 @@ export default class GeneralSettings extends DashboardView {
 
     let changeConnectionStringModal = <FormModal
       title='Change Connection String'
-      subtitle={"Immediately switch your connection string for your app's database."}
+      subtitle={'Immediately switch your connection string for your app\'s database.'}
       open={this.state.showChangeConnectionStringModal}
       onSubmit={() => {
         let promise = validateAndSubmitConnectionString(
diff --git a/src/dashboard/Settings/HostingSettings.react.js b/src/dashboard/Settings/HostingSettings.react.js
index 546756bf54..494cf8b800 100644
--- a/src/dashboard/Settings/HostingSettings.react.js
+++ b/src/dashboard/Settings/HostingSettings.react.js
@@ -61,7 +61,7 @@ export default class HostingSettings extends DashboardView {
 				labelWidth={62}
 				label={<Label
 					text="Host name"
-					description={"A host with a subdomain CNAME entry set to " + (fields.subdomain_name || '[your subdomain name]') + ".parseapp.com"}
+					description={'A host with a subdomain CNAME entry set to ' + (fields.subdomain_name || '[your subdomain name]') + '.parseapp.com'}
 				/>}
 				input={<TextInput
 					value={fields.host_name}
@@ -154,7 +154,7 @@ export default class HostingSettings extends DashboardView {
 				labelWidth={62}
 				label={<Label
 					text="Display name"
-					description={"The name we\u2019ll use when sending emails from your app."}/>
+					description={'The name we\u2019ll use when sending emails from your app.'}/>
 				}
 				input={<TextInput
 					value={fields.sender_display_name}
@@ -218,7 +218,7 @@ export default class HostingSettings extends DashboardView {
 			<Field
 				labelWidth={62}
 				label={<Label
-					text={"Custom “choose a new password” page"}
+					text={'Custom “choose a new password” page'}
 					//getSiteDomain() is required here and not for the other templates because this template is an erb file, as opposed to the others which are html.
 					description={<span>This page will be loaded when users click on a reset password link. <a href={getSiteDomain() + '/apps/choose_password'} download="choose_password.html">Download the template</a>.</span>} />
 				}
@@ -230,7 +230,7 @@ export default class HostingSettings extends DashboardView {
 			<Field
 				labelWidth={62}
 				label={<Label
-					text={"Custom “password changed” page"}
+					text={'Custom “password changed” page'}
 					description={<span>This page will be loaded when users successfully change their password. <a href="/apps/password_reset_success.html" download="password_updated.html">Download the template</a>.</span>} />
 				}
 				input={<TextInput
@@ -241,7 +241,7 @@ export default class HostingSettings extends DashboardView {
 			<Field
 				labelWidth={62}
 				label={<Label
-					text={"Custom “email verified” page"}
+					text={'Custom “email verified” page'}
 					description={<span>This page will be loaded when users verify their email address. <a href="/apps/verify_email_success.html" download="email_verification.html">Download the template</a>.</span>} />
 				}
 				input={<TextInput
@@ -252,7 +252,7 @@ export default class HostingSettings extends DashboardView {
 			<Field
 				labelWidth={62}
 				label={<Label
-					text={"Custom 404 page"}
+					text={'Custom 404 page'}
 					description={<span>This page will be loaded whenever users mistype the reset password or verify email links. <a href="/apps/invalid_link.html" download="invalid_link.html">Download the template</a>.</span>} />
 				}
 				input={<TextInput
@@ -268,7 +268,7 @@ export default class HostingSettings extends DashboardView {
 			<Field
 				labelWidth={62}
 				label={<Label
-					text={"Parse Frame URL"}
+					text={'Parse Frame URL'}
 					description={<span>Upload <a href="/apps/user_management" download="user_management.html">this file</a> to your server and tell us where you put it.</span>} />
 				}
 				input={<TextInput
diff --git a/src/dashboard/index.js b/src/dashboard/index.js
index 5e1bdb15d5..215004a091 100644
--- a/src/dashboard/index.js
+++ b/src/dashboard/index.js
@@ -10,8 +10,8 @@ import installDevTools from 'immutable-devtools';
 import React           from 'react';
 import ReactDOM        from 'react-dom';
 import Dashboard       from './Dashboard';
-import "core-js/stable";
-import "regenerator-runtime/runtime";
+import 'core-js/stable';
+import 'regenerator-runtime/runtime';
 
 require('stylesheets/fonts.scss');
 require('graphql-playground-react/build/static/css/index.css')
diff --git a/src/lib/AJAX.js b/src/lib/AJAX.js
index fc3c55436f..74824324ce 100644
--- a/src/lib/AJAX.js
+++ b/src/lib/AJAX.js
@@ -67,10 +67,10 @@ export function request(method, url, body, abortable = false, withCredentials =
     } else if (this.status === 403) {
       p.reject({
         success: false,
-        message: "Permission Denied",
-        error: "Permission Denied",
-        errors: ["Permission Denied"],
-        notice: "Permission Denied",
+        message: 'Permission Denied',
+        error: 'Permission Denied',
+        errors: ['Permission Denied'],
+        notice: 'Permission Denied',
       });
     } else if (this.status >= 400 && this.status < 500) {
       let json = {};
diff --git a/src/lib/ParseApp.js b/src/lib/ParseApp.js
index d84b37a54a..0065109f06 100644
--- a/src/lib/ParseApp.js
+++ b/src/lib/ParseApp.js
@@ -71,7 +71,7 @@ export default class ParseApp {
     this.graphQLServerURL = graphQLServerURL;
 
     if(!supportedPushLocales) {
-      console.warn(`Missing push locales for '` + appName + `', see this link for details on setting localizations up. https://github.com/parse-community/parse-dashboard#configuring-localized-push-notifications`);
+      console.warn('Missing push locales for \'' + appName + '\', see this link for details on setting localizations up. https://github.com/parse-community/parse-dashboard#configuring-localized-push-notifications');
     }
 
     this.settings = {
diff --git a/src/lib/PushUtils.js b/src/lib/PushUtils.js
index 0608097761..6a9e7b16b8 100644
--- a/src/lib/PushUtils.js
+++ b/src/lib/PushUtils.js
@@ -143,7 +143,7 @@ let formatConstraintComponent = (key, operation, value, schema) => {
       }
       break;
     default:
-      res = [key, `advanced operator`, `${operation} ${JSON.stringify(value)}`];
+      res = [key, 'advanced operator', `${operation} ${JSON.stringify(value)}`];
       break;
   }
   return res;
diff --git a/src/lib/stores/JobsStore.js b/src/lib/stores/JobsStore.js
index 4160568e5d..8147dbdec6 100644
--- a/src/lib/stores/JobsStore.js
+++ b/src/lib/stores/JobsStore.js
@@ -28,12 +28,12 @@ function JobsStore(state, action) {
       if (state && new Date() - state.get('lastFetch') < 60000) {
         return Promise.resolve(state);
       }
-      path = `cloud_code/jobs?per_page=50`;
+      path = 'cloud_code/jobs?per_page=50';
       return Parse._request('GET', path, {}, { useMasterKey: true}).then((results) => {
         return Map({ lastFetch: new Date(), jobs: List(results) });
       });
     case ActionTypes.CREATE:
-      path = `cloud_code/jobs`;
+      path = 'cloud_code/jobs';
       return Parse._request('POST', path, action.schedule, {useMasterKey: true}).then((result) => {
         let { ...schedule } = action.schedule.job_schedule;
         schedule.objectId = result.objectId;
diff --git a/src/lib/stores/WebhookStore.js b/src/lib/stores/WebhookStore.js
index a39cd96e57..2e390efef6 100644
--- a/src/lib/stores/WebhookStore.js
+++ b/src/lib/stores/WebhookStore.js
@@ -96,7 +96,7 @@ function WebhookStore(state, action) {
         return Parse._request(
           'PUT',
           'hooks/functions/' + action.functionName,
-          { __op: "Delete" },
+          { __op: 'Delete' },
           { useMasterKey: true }
         ).then(() => {
           return state.set('webhooks', state.get('webhooks').filter(existingHook => existingHook.functionName != action.functionName));
@@ -105,7 +105,7 @@ function WebhookStore(state, action) {
         return Parse._request(
           'PUT',
           'hooks/triggers/' + action.triggerClass + '/' + action.triggerName,
-          { __op: "Delete" },
+          { __op: 'Delete' },
           { useMasterKey: true }
         ).then(() => {
           return state.set('webhooks', state.get('webhooks').filter(existingHook =>
diff --git a/src/lib/tests/CodeEditor.test.js b/src/lib/tests/CodeEditor.test.js
index 5bdb00fe01..6cf6e7a809 100644
--- a/src/lib/tests/CodeEditor.test.js
+++ b/src/lib/tests/CodeEditor.test.js
@@ -5,12 +5,12 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-jest.dontMock("../../components/CodeEditor/CodeEditor.react");
+jest.dontMock('../../components/CodeEditor/CodeEditor.react');
 
-describe("CodeEditor", () => {
-  it("can render examples", () => {
-    jest.dontMock("../../components/CodeEditor/CodeEditor.example");
-    const example = require("../../components/CodeEditor/CodeEditor.example");
+describe('CodeEditor', () => {
+  it('can render examples', () => {
+    jest.dontMock('../../components/CodeEditor/CodeEditor.example');
+    const example = require('../../components/CodeEditor/CodeEditor.example');
     example.demos.forEach(example => {
       example.render();
     });
diff --git a/src/lib/tests/e2e.js b/src/lib/tests/e2e.js
index 0141aa5455..a1d72f6f96 100644
--- a/src/lib/tests/e2e.js
+++ b/src/lib/tests/e2e.js
@@ -13,12 +13,12 @@ var rp = require('request-promise');
 var ParseDashboard = require('../../../Parse-Dashboard/app');
 
 var dashboardSettings = {
-  "apps": [
+  'apps': [
     {
-      "serverURL": "http://localhost:5051/parse",
-      "appId": "appId",
-      "masterKey": "masterKey",
-      "appName": "MyApp"
+      'serverURL': 'http://localhost:5051/parse',
+      'appId': 'appId',
+      'masterKey': 'masterKey',
+      'appName': 'MyApp'
     }
   ]
 };
diff --git a/src/lib/tests/e2e/dashboard.e2e.test.js b/src/lib/tests/e2e/dashboard.e2e.test.js
index 0ce92b96f3..18528d2c0e 100644
--- a/src/lib/tests/e2e/dashboard.e2e.test.js
+++ b/src/lib/tests/e2e/dashboard.e2e.test.js
@@ -14,10 +14,10 @@ const puppeteer = require('puppeteer');
 
 const dashboardSettings = {
   apps: [{
-    serverURL: "http://localhost:5051/parse",
-    appId: "appId",
-    masterKey: "masterKey",
-    appName: "MyApp"
+    serverURL: 'http://localhost:5051/parse',
+    appId: 'appId',
+    masterKey: 'masterKey',
+    appName: 'MyApp'
   }]
 };
 
diff --git a/src/lib/tests/extractTime.test.js b/src/lib/tests/extractTime.test.js
index d7a20e7965..470bedadea 100644
--- a/src/lib/tests/extractTime.test.js
+++ b/src/lib/tests/extractTime.test.js
@@ -5,39 +5,39 @@ describe('extractPushTime', () => {
   describe('in user\'s timezone', () => {
     it('should return without a timezone component', () => {
       const push_time = extractPushTime({
-        "experiment_name": "",
-        "exp_size_in_percent": 50,
-        "push_time_type": "time",
-        "push_time": "2017-09-29T19:01:00.000",
-        "push_time_1": null,
-        "push_time_2": null,
-        "push_time_iso": "2017-09-29T23:01:00.000Z",
-        "push_time_1_iso": null,
-        "push_time_2_iso": null,
-        "deliveryTime": null,
-        "local_time": true,
-        "push_expires": false,
-        "expiration_time": null,
-        "expiration_time_type": "time",
-        "expiration_interval_num": "24",
-        "expiration_interval_unit": "hours",
-        "expirationInterval": null,
-        "exp_type": "message",
-        "exp_enable": null,
-        "increment_badge": null,
-        "audience_id": "new_segment",
-        "data": "adasdasd",
-        "data_type": "text",
-        "data1": "",
-        "data_type_1": "text",
-        "data2": "",
-        "data_type_2": "text",
-        "translation_enable": null,
-        "target": {
-          "where": {
-            "deviceType": {
-              "$in": [
-                "winrt"
+        'experiment_name': '',
+        'exp_size_in_percent': 50,
+        'push_time_type': 'time',
+        'push_time': '2017-09-29T19:01:00.000',
+        'push_time_1': null,
+        'push_time_2': null,
+        'push_time_iso': '2017-09-29T23:01:00.000Z',
+        'push_time_1_iso': null,
+        'push_time_2_iso': null,
+        'deliveryTime': null,
+        'local_time': true,
+        'push_expires': false,
+        'expiration_time': null,
+        'expiration_time_type': 'time',
+        'expiration_interval_num': '24',
+        'expiration_interval_unit': 'hours',
+        'expirationInterval': null,
+        'exp_type': 'message',
+        'exp_enable': null,
+        'increment_badge': null,
+        'audience_id': 'new_segment',
+        'data': 'adasdasd',
+        'data_type': 'text',
+        'data1': '',
+        'data_type_1': 'text',
+        'data2': '',
+        'data_type_2': 'text',
+        'translation_enable': null,
+        'target': {
+          'where': {
+            'deviceType': {
+              '$in': [
+                'winrt'
               ]
             }
           }
@@ -51,34 +51,34 @@ describe('extractPushTime', () => {
   describe('In absolute time', () => {
     it('should return in UTC time', () => {
       const push_time = extractPushTime({
-        "experiment_name": "",
-        "exp_size_in_percent": 50,
-        "push_time_type": "time",
-        "push_time": "2017-09-30T19:18:00.000Z",
-        "push_time_1": null,
-        "push_time_2": null,
-        "push_time_iso": "2017-09-30T19:18:00.000Z",
-        "push_time_1_iso": null,
-        "push_time_2_iso": null,
-        "deliveryTime": null,
-        "local_time": false,
-        "push_expires": false,
-        "expiration_time": null,
-        "expiration_time_type": "time",
-        "expiration_interval_num": "24",
-        "expiration_interval_unit": "hours",
-        "expirationInterval": null,
-        "exp_type": "message",
-        "exp_enable": null,
-        "increment_badge": null,
-        "audience_id": "everyone",
-        "data": "asdsadas",
-        "data_type": "text",
-        "data1": "",
-        "data_type_1": "text",
-        "data2": "",
-        "data_type_2": "text",
-        "translation_enable": null
+        'experiment_name': '',
+        'exp_size_in_percent': 50,
+        'push_time_type': 'time',
+        'push_time': '2017-09-30T19:18:00.000Z',
+        'push_time_1': null,
+        'push_time_2': null,
+        'push_time_iso': '2017-09-30T19:18:00.000Z',
+        'push_time_1_iso': null,
+        'push_time_2_iso': null,
+        'deliveryTime': null,
+        'local_time': false,
+        'push_expires': false,
+        'expiration_time': null,
+        'expiration_time_type': 'time',
+        'expiration_interval_num': '24',
+        'expiration_interval_unit': 'hours',
+        'expirationInterval': null,
+        'exp_type': 'message',
+        'exp_enable': null,
+        'increment_badge': null,
+        'audience_id': 'everyone',
+        'data': 'asdsadas',
+        'data_type': 'text',
+        'data1': '',
+        'data_type_1': 'text',
+        'data2': '',
+        'data_type_2': 'text',
+        'translation_enable': null
       });
 
       expect(push_time).toBe('2017-09-30T19:18:00.000Z');
@@ -91,34 +91,34 @@ describe('extractExpiration', () => {
     describe('In user\'s local timezone', () => {
       describe('In hours', () => {
         const changes = {
-          "experiment_name": "",
-          "exp_size_in_percent": 50,
-          "push_time_type": "time",
-          "push_time": "2017-09-28T19:40:00.000",
-          "push_time_1": null,
-          "push_time_2": null,
-          "push_time_iso": "2017-09-28T23:40:00.000Z",
-          "push_time_1_iso": null,
-          "push_time_2_iso": null,
-          "deliveryTime": null,
-          "local_time": true,
-          "push_expires": true,
-          "expiration_time": null,
-          "expiration_time_type": "interval",
-          "expiration_interval_num": "3",
-          "expiration_interval_unit": "hours",
-          "expirationInterval": null,
-          "exp_type": "message",
-          "exp_enable": null,
-          "increment_badge": null,
-          "audience_id": "everyone",
-          "data": "asdsada",
-          "data_type": "text",
-          "data1": "",
-          "data_type_1": "text",
-          "data2": "",
-          "data_type_2": "text",
-          "translation_enable": null
+          'experiment_name': '',
+          'exp_size_in_percent': 50,
+          'push_time_type': 'time',
+          'push_time': '2017-09-28T19:40:00.000',
+          'push_time_1': null,
+          'push_time_2': null,
+          'push_time_iso': '2017-09-28T23:40:00.000Z',
+          'push_time_1_iso': null,
+          'push_time_2_iso': null,
+          'deliveryTime': null,
+          'local_time': true,
+          'push_expires': true,
+          'expiration_time': null,
+          'expiration_time_type': 'interval',
+          'expiration_interval_num': '3',
+          'expiration_interval_unit': 'hours',
+          'expirationInterval': null,
+          'exp_type': 'message',
+          'exp_enable': null,
+          'increment_badge': null,
+          'audience_id': 'everyone',
+          'data': 'asdsada',
+          'data_type': 'text',
+          'data1': '',
+          'data_type_1': 'text',
+          'data2': '',
+          'data_type_2': 'text',
+          'translation_enable': null
         };
 
         it('should return the interval in seconds', () => {
@@ -129,34 +129,34 @@ describe('extractExpiration', () => {
 
       describe('In days', () => {
         const changes = {
-          "experiment_name": "",
-          "exp_size_in_percent": 50,
-          "push_time_type": "time",
-          "push_time": "2017-09-28T19:40:00.000",
-          "push_time_1": null,
-          "push_time_2": null,
-          "push_time_iso": "2017-09-28T23:40:00.000Z",
-          "push_time_1_iso": null,
-          "push_time_2_iso": null,
-          "deliveryTime": null,
-          "local_time": true,
-          "push_expires": true,
-          "expiration_time": null,
-          "expiration_time_type": "interval",
-          "expiration_interval_num": "2",
-          "expiration_interval_unit": "days",
-          "expirationInterval": null,
-          "exp_type": "message",
-          "exp_enable": null,
-          "increment_badge": null,
-          "audience_id": "everyone",
-          "data": "asdsada",
-          "data_type": "text",
-          "data1": "",
-          "data_type_1": "text",
-          "data2": "",
-          "data_type_2": "text",
-          "translation_enable": null
+          'experiment_name': '',
+          'exp_size_in_percent': 50,
+          'push_time_type': 'time',
+          'push_time': '2017-09-28T19:40:00.000',
+          'push_time_1': null,
+          'push_time_2': null,
+          'push_time_iso': '2017-09-28T23:40:00.000Z',
+          'push_time_1_iso': null,
+          'push_time_2_iso': null,
+          'deliveryTime': null,
+          'local_time': true,
+          'push_expires': true,
+          'expiration_time': null,
+          'expiration_time_type': 'interval',
+          'expiration_interval_num': '2',
+          'expiration_interval_unit': 'days',
+          'expirationInterval': null,
+          'exp_type': 'message',
+          'exp_enable': null,
+          'increment_badge': null,
+          'audience_id': 'everyone',
+          'data': 'asdsada',
+          'data_type': 'text',
+          'data1': '',
+          'data_type_1': 'text',
+          'data2': '',
+          'data_type_2': 'text',
+          'translation_enable': null
         };
 
         it('should return the interval in seconds', () => {
@@ -168,34 +168,34 @@ describe('extractExpiration', () => {
 
     describe('In absolute time', () => {
       const changes = {
-        "experiment_name": "",
-        "exp_size_in_percent": 50,
-        "push_time_type": "time",
-        "push_time": "2017-09-28T19:40:00.000Z",
-        "push_time_1": null,
-        "push_time_2": null,
-        "push_time_iso": "2017-09-28T19:40:00.000Z",
-        "push_time_1_iso": null,
-        "push_time_2_iso": null,
-        "deliveryTime": null,
-        "local_time": false,
-        "push_expires": true,
-        "expiration_time": null,
-        "expiration_time_type": "interval",
-        "expiration_interval_num": "3",
-        "expiration_interval_unit": "hours",
-        "expirationInterval": null,
-        "exp_type": "message",
-        "exp_enable": null,
-        "increment_badge": null,
-        "audience_id": "everyone",
-        "data": "asdsada",
-        "data_type": "text",
-        "data1": "",
-        "data_type_1": "text",
-        "data2": "",
-        "data_type_2": "text",
-        "translation_enable": null
+        'experiment_name': '',
+        'exp_size_in_percent': 50,
+        'push_time_type': 'time',
+        'push_time': '2017-09-28T19:40:00.000Z',
+        'push_time_1': null,
+        'push_time_2': null,
+        'push_time_iso': '2017-09-28T19:40:00.000Z',
+        'push_time_1_iso': null,
+        'push_time_2_iso': null,
+        'deliveryTime': null,
+        'local_time': false,
+        'push_expires': true,
+        'expiration_time': null,
+        'expiration_time_type': 'interval',
+        'expiration_interval_num': '3',
+        'expiration_interval_unit': 'hours',
+        'expirationInterval': null,
+        'exp_type': 'message',
+        'exp_enable': null,
+        'increment_badge': null,
+        'audience_id': 'everyone',
+        'data': 'asdsada',
+        'data_type': 'text',
+        'data1': '',
+        'data_type_1': 'text',
+        'data2': '',
+        'data_type_2': 'text',
+        'translation_enable': null
       };
 
       it('should return a UTC time in seconds', () => {
@@ -206,34 +206,34 @@ describe('extractExpiration', () => {
 
     describe('Sent immediately', () => {
       const changes = {
-        "experiment_name": "",
-        "exp_size_in_percent": 50,
-        "push_time_type": "now",
-        "push_time": null,
-        "push_time_1": null,
-        "push_time_2": null,
-        "push_time_iso": null,
-        "push_time_1_iso": null,
-        "push_time_2_iso": null,
-        "deliveryTime": null,
-        "local_time": false,
-        "push_expires": true,
-        "expiration_time": null,
-        "expiration_time_type": "interval",
-        "expiration_interval_num": "24",
-        "expiration_interval_unit": "hours",
-        "expirationInterval": null,
-        "exp_type": "message",
-        "exp_enable": null,
-        "increment_badge": null,
-        "audience_id": "everyone",
-        "data": "asdsada",
-        "data_type": "text",
-        "data1": "",
-        "data_type_1": "text",
-        "data2": "",
-        "data_type_2": "text",
-        "translation_enable": null
+        'experiment_name': '',
+        'exp_size_in_percent': 50,
+        'push_time_type': 'now',
+        'push_time': null,
+        'push_time_1': null,
+        'push_time_2': null,
+        'push_time_iso': null,
+        'push_time_1_iso': null,
+        'push_time_2_iso': null,
+        'deliveryTime': null,
+        'local_time': false,
+        'push_expires': true,
+        'expiration_time': null,
+        'expiration_time_type': 'interval',
+        'expiration_interval_num': '24',
+        'expiration_interval_unit': 'hours',
+        'expirationInterval': null,
+        'exp_type': 'message',
+        'exp_enable': null,
+        'increment_badge': null,
+        'audience_id': 'everyone',
+        'data': 'asdsada',
+        'data_type': 'text',
+        'data1': '',
+        'data_type_1': 'text',
+        'data2': '',
+        'data_type_2': 'text',
+        'translation_enable': null
       };
 
       it('should return 24 hours in seconds', () => {
@@ -246,35 +246,35 @@ describe('extractExpiration', () => {
   describe('With expiration date', () => {
     describe('In user\'s local timezone', () => {
       const changes = {
-        "experiment_name": "",
-        "exp_size_in_percent": 50,
-        "push_time_type": "time",
-        "push_time": "2017-09-28T19:40:00.000",
-        "push_time_1": null,
-        "push_time_2": null,
-        "push_time_iso": "2017-09-28T23:40:00.000Z",
-        "push_time_1_iso": null,
-        "push_time_2_iso": null,
-        "deliveryTime": null,
-        "local_time": true,
-        "push_expires": true,
-        "expiration_time": "2017-09-30T15:47:00.000",
-        "expiration_time_type": "time",
-        "expiration_interval_num": "3",
-        "expiration_interval_unit": "hours",
-        "expirationInterval": null,
-        "exp_type": "message",
-        "exp_enable": null,
-        "increment_badge": null,
-        "audience_id": "everyone",
-        "data": "asdsada",
-        "data_type": "text",
-        "data1": "",
-        "data_type_1": "text",
-        "data2": "",
-        "data_type_2": "text",
-        "translation_enable": null,
-        "expiration_time_iso": "2017-09-30T19:47:00.000Z"
+        'experiment_name': '',
+        'exp_size_in_percent': 50,
+        'push_time_type': 'time',
+        'push_time': '2017-09-28T19:40:00.000',
+        'push_time_1': null,
+        'push_time_2': null,
+        'push_time_iso': '2017-09-28T23:40:00.000Z',
+        'push_time_1_iso': null,
+        'push_time_2_iso': null,
+        'deliveryTime': null,
+        'local_time': true,
+        'push_expires': true,
+        'expiration_time': '2017-09-30T15:47:00.000',
+        'expiration_time_type': 'time',
+        'expiration_interval_num': '3',
+        'expiration_interval_unit': 'hours',
+        'expirationInterval': null,
+        'exp_type': 'message',
+        'exp_enable': null,
+        'increment_badge': null,
+        'audience_id': 'everyone',
+        'data': 'asdsada',
+        'data_type': 'text',
+        'data1': '',
+        'data_type_1': 'text',
+        'data2': '',
+        'data_type_2': 'text',
+        'translation_enable': null,
+        'expiration_time_iso': '2017-09-30T19:47:00.000Z'
       };
 
       it('should return an expiration interval', () => {
@@ -285,35 +285,35 @@ describe('extractExpiration', () => {
 
     describe('In absolute time', () => {
       const changes = {
-        "experiment_name": "",
-        "exp_size_in_percent": 50,
-        "push_time_type": "time",
-        "push_time": "2017-09-28T19:40:00.000Z",
-        "push_time_1": null,
-        "push_time_2": null,
-        "push_time_iso": "2017-09-28T19:40:00.000Z",
-        "push_time_1_iso": null,
-        "push_time_2_iso": null,
-        "deliveryTime": null,
-        "local_time": false,
-        "push_expires": true,
-        "expiration_time": "2017-09-30T15:47:00.000Z",
-        "expiration_time_type": "time",
-        "expiration_interval_num": "3",
-        "expiration_interval_unit": "hours",
-        "expirationInterval": null,
-        "exp_type": "message",
-        "exp_enable": null,
-        "increment_badge": null,
-        "audience_id": "everyone",
-        "data": "asdsada",
-        "data_type": "text",
-        "data1": "",
-        "data_type_1": "text",
-        "data2": "",
-        "data_type_2": "text",
-        "translation_enable": null,
-        "expiration_time_iso": "2017-09-30T15:47:00.000Z"
+        'experiment_name': '',
+        'exp_size_in_percent': 50,
+        'push_time_type': 'time',
+        'push_time': '2017-09-28T19:40:00.000Z',
+        'push_time_1': null,
+        'push_time_2': null,
+        'push_time_iso': '2017-09-28T19:40:00.000Z',
+        'push_time_1_iso': null,
+        'push_time_2_iso': null,
+        'deliveryTime': null,
+        'local_time': false,
+        'push_expires': true,
+        'expiration_time': '2017-09-30T15:47:00.000Z',
+        'expiration_time_type': 'time',
+        'expiration_interval_num': '3',
+        'expiration_interval_unit': 'hours',
+        'expirationInterval': null,
+        'exp_type': 'message',
+        'exp_enable': null,
+        'increment_badge': null,
+        'audience_id': 'everyone',
+        'data': 'asdsada',
+        'data_type': 'text',
+        'data1': '',
+        'data_type_1': 'text',
+        'data2': '',
+        'data_type_2': 'text',
+        'translation_enable': null,
+        'expiration_time_iso': '2017-09-30T15:47:00.000Z'
       };
 
       it('should return a relative date', () => {
@@ -324,35 +324,35 @@ describe('extractExpiration', () => {
 
     describe('Sent immediately', () => {
       const changes = {
-        "experiment_name": "",
-        "exp_size_in_percent": 50,
-        "push_time_type": "now",
-        "push_time": "2017-09-28T19:40:00.000Z",
-        "push_time_1": null,
-        "push_time_2": null,
-        "push_time_iso": "2017-09-28T19:40:00.000Z",
-        "push_time_1_iso": null,
-        "push_time_2_iso": null,
-        "deliveryTime": null,
-        "local_time": false,
-        "push_expires": true,
-        "expiration_time": "2017-09-30T15:47:00.000Z",
-        "expiration_time_type": "time",
-        "expiration_interval_num": "3",
-        "expiration_interval_unit": "hours",
-        "expirationInterval": null,
-        "exp_type": "message",
-        "exp_enable": null,
-        "increment_badge": null,
-        "audience_id": "everyone",
-        "data": "asdsada",
-        "data_type": "text",
-        "data1": "",
-        "data_type_1": "text",
-        "data2": "",
-        "data_type_2": "text",
-        "translation_enable": null,
-        "expiration_time_iso": "2017-09-30T15:47:00.000Z"
+        'experiment_name': '',
+        'exp_size_in_percent': 50,
+        'push_time_type': 'now',
+        'push_time': '2017-09-28T19:40:00.000Z',
+        'push_time_1': null,
+        'push_time_2': null,
+        'push_time_iso': '2017-09-28T19:40:00.000Z',
+        'push_time_1_iso': null,
+        'push_time_2_iso': null,
+        'deliveryTime': null,
+        'local_time': false,
+        'push_expires': true,
+        'expiration_time': '2017-09-30T15:47:00.000Z',
+        'expiration_time_type': 'time',
+        'expiration_interval_num': '3',
+        'expiration_interval_unit': 'hours',
+        'expirationInterval': null,
+        'exp_type': 'message',
+        'exp_enable': null,
+        'increment_badge': null,
+        'audience_id': 'everyone',
+        'data': 'asdsada',
+        'data_type': 'text',
+        'data1': '',
+        'data_type_1': 'text',
+        'data2': '',
+        'data_type_2': 'text',
+        'translation_enable': null,
+        'expiration_time_iso': '2017-09-30T15:47:00.000Z'
       };
 
       it('should return an absolute time', () => {
diff --git a/src/lib/validateAndSubmitConnectionString.js b/src/lib/validateAndSubmitConnectionString.js
index 78c9f0719b..2d2716ee22 100644
--- a/src/lib/validateAndSubmitConnectionString.js
+++ b/src/lib/validateAndSubmitConnectionString.js
@@ -15,7 +15,7 @@ export default function validateAndSubmitConnectionString(connectionString, igno
       // If they have already seen the current set of warnings and want to continue anyway,
       // just let them. If there are new warnings, show those warnings.
       stoppedWithWarnings(result.warnings);
-      return Promise.reject({ success: false, error: "Warnings" }); // Consumer needs to do custom handling of warnings.
+      return Promise.reject({ success: false, error: 'Warnings' }); // Consumer needs to do custom handling of warnings.
     } else {
       return submit(connectionString);
     }
diff --git a/testing/preprocessor.js b/testing/preprocessor.js
index 02fa0b4060..094cceff69 100644
--- a/testing/preprocessor.js
+++ b/testing/preprocessor.js
@@ -16,9 +16,9 @@ module.exports = {
     }
 
     // Let Jest handle our custom module resolution
-    src = src.replace(/from 'stylesheets/g, "from '../../stylesheets");
-    src = src.replace(/from 'lib/g, "from '../../lib");
-    src = src.replace(/from 'components/g, "from '../../components");
+    src = src.replace(/from 'stylesheets/g, 'from \'../../stylesheets');
+    src = src.replace(/from 'lib/g, 'from \'../../lib');
+    src = src.replace(/from 'components/g, 'from \'../../components');
 
     // Ignore all files within node_modules
     // babel files can be .js, .es, .jsx or .es6
@@ -26,7 +26,7 @@ module.exports = {
       return babel.transform(src, {
         filename: filename,
         retainLines: true,
-        plugins: [["@babel/plugin-proposal-decorators", { "legacy": true }], '@babel/transform-regenerator', '@babel/transform-runtime'],
+        plugins: [['@babel/plugin-proposal-decorators', { 'legacy': true }], '@babel/transform-regenerator', '@babel/transform-runtime'],
         presets: ['@babel/preset-react', '@babel/preset-env']
         // Remove propTypes for tests so we don't have to keep unmocking lib/PropTypes
         // Also it's more representative of the production environment
diff --git a/webpack/base.config.js b/webpack/base.config.js
index 9595730c94..f031d2453a 100644
--- a/webpack/base.config.js
+++ b/webpack/base.config.js
@@ -36,7 +36,7 @@ module.exports = {
         use: {
           loader: 'babel-loader',
           query: {
-            plugins: [["@babel/plugin-proposal-decorators", { "legacy": true }], '@babel/transform-regenerator', '@babel/transform-runtime'],
+            plugins: [['@babel/plugin-proposal-decorators', { 'legacy': true }], '@babel/transform-regenerator', '@babel/transform-runtime'],
             presets: ['@babel/preset-react', '@babel/preset-env']
           },
         },

From 1a60ed70b6f0e29ed11916bb7f405d99e5d69eb3 Mon Sep 17 00:00:00 2001
From: mutterpedro <pedro.mutter@catho.com>
Date: Tue, 18 Feb 2020 18:40:46 -0300
Subject: [PATCH 14/14] fix(Playground): fix missing dependency

---
 package-lock.json | 684 ++++++++++++++++++++++++++--------------------
 package.json      |   1 +
 2 files changed, 393 insertions(+), 292 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 00ec43fdd7..685884902f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,13 +26,22 @@
       },
       "dependencies": {
         "@types/node": {
-          "version": "10.17.13",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.13.tgz",
-          "integrity": "sha512-pMCcqU2zT4TjqYFrWtYHKal7Sl30Ims6ulZ4UFXxI4xbtQqK/qqKwkDoBFCfooRqqmRu9vY3xaJRwxSh673aYg==",
+          "version": "10.17.15",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.15.tgz",
+          "integrity": "sha512-daFGV9GSs6USfPgxceDA8nlSe48XrVCJfDeYm7eokxq/ye7iuOH87hKXgMtEAVLFapkczbZsx868PMDT1Y0a6A==",
           "dev": true
         }
       }
     },
+    "@apollographql/apollo-tools": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@apollographql/apollo-tools/-/apollo-tools-0.4.3.tgz",
+      "integrity": "sha512-CtC1bmohB1owdGMT2ZZKacI94LcPAZDN2WvCe+4ZXT5d7xO5PHOAb70EP/LcFbvnS8QI+pkYRSCGFQnUcv9efg==",
+      "dev": true,
+      "requires": {
+        "apollo-env": "^0.6.1"
+      }
+    },
     "@apollographql/graphql-playground-html": {
       "version": "1.6.24",
       "resolved": "https://registry.npmjs.org/@apollographql/graphql-playground-html/-/graphql-playground-html-1.6.24.tgz",
@@ -3690,9 +3699,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "13.7.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.1.tgz",
-      "integrity": "sha512-Zq8gcQGmn4txQEJeiXo/KiLpon8TzAl0kmKH4zdWctPj05nWwp1ClMdAVEloqrQKfaC48PNLdgN/aVaLqUrluA==",
+      "version": "13.7.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.7.2.tgz",
+      "integrity": "sha512-uvilvAQbdJvnSBFcKJ2td4016urcGvsiR+N4dHGU87ml8O2Vl6l+ErOi9w0kXSPiwJ1AYlIW+0pDXDWWMOiWbw==",
       "dev": true
     },
     "@types/node-fetch": {
@@ -4163,6 +4172,81 @@
         }
       }
     },
+    "apollo-cache-control": {
+      "version": "0.8.11",
+      "resolved": "https://registry.npmjs.org/apollo-cache-control/-/apollo-cache-control-0.8.11.tgz",
+      "integrity": "sha512-8yz4qbRBIFDWRHdT8uPh0HHh+VbQXxoFGJQRAG8hyMRvR+EuURXX1ltXYkn5J3YJ3MKEqgsvwGaq60dFZq63UQ==",
+      "dev": true,
+      "requires": {
+        "apollo-server-env": "^2.4.3",
+        "graphql-extensions": "^0.10.10"
+      }
+    },
+    "apollo-datasource": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/apollo-datasource/-/apollo-datasource-0.7.0.tgz",
+      "integrity": "sha512-Yja12BgNQhzuFGG/5Nw2MQe0hkuQy2+9er09HxeEyAf2rUDIPnhPrn1MDoZTB8MU7UGfjwITC+1ofzKkkrZobA==",
+      "dev": true,
+      "requires": {
+        "apollo-server-caching": "^0.5.1",
+        "apollo-server-env": "^2.4.3"
+      }
+    },
+    "apollo-engine-reporting": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.6.0.tgz",
+      "integrity": "sha512-prA17Tp/WYBJdCd4ey1CnGX8d4Xis1n9PsFmT7x8PV/oNpxG21/x3yNw5kPBZuKAoKz8yEggYtHhkYie1ZBjPQ==",
+      "dev": true,
+      "requires": {
+        "apollo-engine-reporting-protobuf": "^0.4.4",
+        "apollo-graphql": "^0.4.0",
+        "apollo-server-caching": "^0.5.1",
+        "apollo-server-env": "^2.4.3",
+        "apollo-server-errors": "^2.3.4",
+        "apollo-server-types": "^0.2.10",
+        "async-retry": "^1.2.1",
+        "graphql-extensions": "^0.10.10"
+      }
+    },
+    "apollo-engine-reporting-protobuf": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.4.4.tgz",
+      "integrity": "sha512-SGrIkUR7Q/VjU8YG98xcvo340C4DaNUhg/TXOtGsMlfiJDzHwVau/Bv6zifAzBafp2lj0XND6Daj5kyT/eSI/w==",
+      "dev": true,
+      "requires": {
+        "@apollo/protobufjs": "^1.0.3"
+      }
+    },
+    "apollo-env": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/apollo-env/-/apollo-env-0.6.1.tgz",
+      "integrity": "sha512-B9BgpQGR1ndeDtb4Gtor0J4CITQ+OPACZrVW6lgStnljKEe9ZB76DZ1dAd3OCeizAswW6Lo9uvfK8jhVS5nBhQ==",
+      "dev": true,
+      "requires": {
+        "@types/node-fetch": "2.5.4",
+        "core-js": "^3.0.1",
+        "node-fetch": "^2.2.0",
+        "sha.js": "^2.4.11"
+      },
+      "dependencies": {
+        "node-fetch": {
+          "version": "2.6.0",
+          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz",
+          "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==",
+          "dev": true
+        }
+      }
+    },
+    "apollo-graphql": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.4.0.tgz",
+      "integrity": "sha512-abCHcKln1EGbzSItW087EjBI5wnluikyUqEn4VsdeWHCtdENWpHCn/MnM0+jJa1prNasxN7tCukp4nMpJYYVqg==",
+      "dev": true,
+      "requires": {
+        "apollo-env": "^0.6.1",
+        "lodash.sortby": "^4.7.0"
+      }
+    },
     "apollo-link": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/apollo-link/-/apollo-link-1.2.13.tgz",
@@ -4202,6 +4286,103 @@
         "apollo-link": "^1.2.2"
       }
     },
+    "apollo-server-caching": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/apollo-server-caching/-/apollo-server-caching-0.5.1.tgz",
+      "integrity": "sha512-L7LHZ3k9Ao5OSf2WStvQhxdsNVplRQi7kCAPfqf9Z3GBEnQ2uaL0EgO0hSmtVHfXTbk5CTRziMT1Pe87bXrFIw==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^5.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
+        }
+      }
+    },
+    "apollo-server-core": {
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.10.1.tgz",
+      "integrity": "sha512-BVITSJRMnj+CWFkjt7FMcaoqg/Ni9gfyVE9iu8bUc1IebBfFDcQj652Iolr7dTqyUziN2jbf0wfcybKYJLQHQQ==",
+      "dev": true,
+      "requires": {
+        "@apollographql/apollo-tools": "^0.4.3",
+        "@apollographql/graphql-playground-html": "1.6.24",
+        "@types/graphql-upload": "^8.0.0",
+        "@types/ws": "^6.0.0",
+        "apollo-cache-control": "^0.8.11",
+        "apollo-datasource": "^0.7.0",
+        "apollo-engine-reporting": "^1.6.0",
+        "apollo-server-caching": "^0.5.1",
+        "apollo-server-env": "^2.4.3",
+        "apollo-server-errors": "^2.3.4",
+        "apollo-server-plugin-base": "^0.6.10",
+        "apollo-server-types": "^0.2.10",
+        "apollo-tracing": "^0.8.11",
+        "fast-json-stable-stringify": "^2.0.0",
+        "graphql-extensions": "^0.10.10",
+        "graphql-tag": "^2.9.2",
+        "graphql-tools": "^4.0.0",
+        "graphql-upload": "^8.0.2",
+        "sha.js": "^2.4.11",
+        "subscriptions-transport-ws": "^0.9.11",
+        "ws": "^6.0.0"
+      },
+      "dependencies": {
+        "graphql-upload": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-8.1.0.tgz",
+          "integrity": "sha512-U2OiDI5VxYmzRKw0Z2dmfk0zkqMRaecH9Smh1U277gVgVe9Qn+18xqf4skwr4YJszGIh7iQDZ57+5ygOK9sM/Q==",
+          "dev": true,
+          "requires": {
+            "busboy": "^0.3.1",
+            "fs-capacitor": "^2.0.4",
+            "http-errors": "^1.7.3",
+            "object-path": "^0.11.4"
+          }
+        },
+        "http-errors": {
+          "version": "1.7.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
+          "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "inherits": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+          "dev": true
+        },
+        "ws": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
+          "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+          "dev": true,
+          "requires": {
+            "async-limiter": "~1.0.0"
+          }
+        }
+      }
+    },
     "apollo-server-env": {
       "version": "2.4.3",
       "resolved": "https://registry.npmjs.org/apollo-server-env/-/apollo-server-env-2.4.3.tgz",
@@ -4218,6 +4399,60 @@
       "integrity": "sha512-Y0PKQvkrb2Kd18d1NPlHdSqmlr8TgqJ7JQcNIfhNDgdb45CnqZlxL1abuIRhr8tiw8OhVOcFxz2KyglBi8TKdA==",
       "dev": true
     },
+    "apollo-server-express": {
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.10.1.tgz",
+      "integrity": "sha512-NkuWGBOCTiju/aDjfvDImm+4yzfrM0dwiRxu9fKwwh2h1oYBUKJNqjQ1mzJRi0ks6Sn1egwl/fQkTBTkWwGx7Q==",
+      "dev": true,
+      "requires": {
+        "@apollographql/graphql-playground-html": "1.6.24",
+        "@types/accepts": "^1.3.5",
+        "@types/body-parser": "1.17.1",
+        "@types/cors": "^2.8.4",
+        "@types/express": "4.17.2",
+        "accepts": "^1.3.5",
+        "apollo-server-core": "^2.10.1",
+        "apollo-server-types": "^0.2.10",
+        "body-parser": "^1.18.3",
+        "cors": "^2.8.4",
+        "express": "^4.17.1",
+        "graphql-subscriptions": "^1.0.0",
+        "graphql-tools": "^4.0.0",
+        "parseurl": "^1.3.2",
+        "subscriptions-transport-ws": "^0.9.16",
+        "type-is": "^1.6.16"
+      }
+    },
+    "apollo-server-plugin-base": {
+      "version": "0.6.10",
+      "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.10.tgz",
+      "integrity": "sha512-/xT7UT/tbCDIoTQ4lcEQsJ0ACh7h7QG0BDmeSlDXjwDuENRI50bQ2QoluCMPitZXGe+FCQfLhvzFgzbsZGT0IA==",
+      "dev": true,
+      "requires": {
+        "apollo-server-types": "^0.2.10"
+      }
+    },
+    "apollo-server-types": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/apollo-server-types/-/apollo-server-types-0.2.10.tgz",
+      "integrity": "sha512-ke9ViPEWfW+2XLe66CaKGVZdS7duSLbamSKSprmmeMBd8s6tmjf0FumUVxV7X4quxPZi0OPo8x0LoLU7GWsmaA==",
+      "dev": true,
+      "requires": {
+        "apollo-engine-reporting-protobuf": "^0.4.4",
+        "apollo-server-caching": "^0.5.1",
+        "apollo-server-env": "^2.4.3"
+      }
+    },
+    "apollo-tracing": {
+      "version": "0.8.11",
+      "resolved": "https://registry.npmjs.org/apollo-tracing/-/apollo-tracing-0.8.11.tgz",
+      "integrity": "sha512-Z0wDZ5QOBmpGoajB74ZKGTM7GzG6rqZRzAph4kxud6axcyNqUDKiKZ3Eere+NSLwvvt8M3qnPW4UJSUy/wwOXg==",
+      "dev": true,
+      "requires": {
+        "apollo-server-env": "^2.4.3",
+        "graphql-extensions": "^0.10.10"
+      }
+    },
     "apollo-utilities": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/apollo-utilities/-/apollo-utilities-1.3.2.tgz",
@@ -8534,6 +8769,17 @@
         "minimatch": "^3.0.4"
       }
     },
+    "graphql-extensions": {
+      "version": "0.10.10",
+      "resolved": "https://registry.npmjs.org/graphql-extensions/-/graphql-extensions-0.10.10.tgz",
+      "integrity": "sha512-pNb1DmUk6vsGtCjCRecpKoXadKNMyKxyLyE9IX65N9aKSmLL+AF7dJOOc4MWhdaAXlzxaDDhe54GpaOfoH7AOw==",
+      "dev": true,
+      "requires": {
+        "@apollographql/apollo-tools": "^0.4.3",
+        "apollo-server-env": "^2.4.3",
+        "apollo-server-types": "^0.2.10"
+      }
+    },
     "graphql-import": {
       "version": "0.4.5",
       "resolved": "https://registry.npmjs.org/graphql-import/-/graphql-import-0.4.5.tgz",
@@ -8669,6 +8915,7 @@
         "react-helmet": "^5.2.0",
         "react-input-autosize": "^2.2.1",
         "react-modal": "^3.1.11",
+        "react-redux": "^5.0.6",
         "react-router-dom": "^4.2.2",
         "react-sortable-hoc": "^0.8.3",
         "react-transition-group": "^2.2.1",
@@ -8730,6 +8977,30 @@
             "strict-uri-encode": "^1.0.0"
           }
         },
+        "react-redux": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-5.1.2.tgz",
+          "integrity": "sha512-Ns1G0XXc8hDyH/OcBHOxNgQx9ayH3SPxBnFCOidGKSle8pKihysQw2rG/PmciUQRoclhVBO8HMhiRmGXnDja9Q==",
+          "requires": {
+            "@babel/runtime": "^7.1.2",
+            "hoist-non-react-statics": "^3.3.0",
+            "invariant": "^2.2.4",
+            "loose-envify": "^1.1.0",
+            "prop-types": "^15.6.1",
+            "react-is": "^16.6.0",
+            "react-lifecycles-compat": "^3.0.0"
+          },
+          "dependencies": {
+            "hoist-non-react-statics": {
+              "version": "3.3.2",
+              "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+              "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+              "requires": {
+                "react-is": "^16.7.0"
+              }
+            }
+          }
+        },
         "react-router": {
           "version": "4.3.1",
           "resolved": "https://registry.npmjs.org/react-router/-/react-router-4.3.1.tgz",
@@ -8804,11 +9075,51 @@
         "uuid": "^3.1.0"
       }
     },
-    "growl": {
-      "version": "1.10.5",
-      "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz",
-      "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==",
-      "dev": true
+    "graphql-upload": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/graphql-upload/-/graphql-upload-10.0.0.tgz",
+      "integrity": "sha512-8n11qujsqHWT48visvQbqLqAj8o6NCLJ35tGkI/RynhDs7E07TxlswVe4vPZaLiXJeemZA7xrxkMohwP//DOqA==",
+      "dev": true,
+      "requires": {
+        "busboy": "^0.3.1",
+        "fs-capacitor": "^6.1.0",
+        "http-errors": "^1.7.3",
+        "isobject": "^4.0.0",
+        "object-path": "^0.11.4"
+      },
+      "dependencies": {
+        "fs-capacitor": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/fs-capacitor/-/fs-capacitor-6.1.0.tgz",
+          "integrity": "sha512-YsKGCLAB40P3OKeciIa7cKzt7WkY8QT9ETa2wVIG3fQDHW2h3xtRo0770lUIbPrjCr5Sa+zFhixNJ+2xNxaraQ==",
+          "dev": true
+        },
+        "http-errors": {
+          "version": "1.7.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
+          "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "inherits": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+          "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+          "dev": true
+        },
+        "isobject": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/isobject/-/isobject-4.0.0.tgz",
+          "integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==",
+          "dev": true
+        }
+      }
     },
     "growly": {
       "version": "1.3.0",
@@ -11285,6 +11596,28 @@
       "integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==",
       "dev": true
     },
+    "mongodb": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.5.3.tgz",
+      "integrity": "sha512-II7P7A3XUdPiXRgcN96qIoRa1oesM6qLNZkzfPluNZjVkgQk3jnQwOT6/uDk4USRDTTLjNFw2vwfmbRGTA7msg==",
+      "dev": true,
+      "requires": {
+        "bl": "^2.2.0",
+        "bson": "^1.1.1",
+        "denque": "^1.4.1",
+        "require_optional": "^1.0.1",
+        "safe-buffer": "^5.1.2",
+        "saslprep": "^1.0.0"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
+          "dev": true
+        }
+      }
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -12025,9 +12358,9 @@
       }
     },
     "object-hash": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.0.2.tgz",
-      "integrity": "sha512-b+2AKjAf6uQlxxv8ChHdM+VT4eeX+ZSwv+pk2xIXZWbo+yxn4/En1iC+GHe/OFYa9on0AhFF2PvuAcFHoiiHaA==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.0.3.tgz",
+      "integrity": "sha512-JPKn0GMu+Fa3zt3Bmr66JhokJU5BaNBIh4ZeTlaCBzrBsOeXzwcKKAK1tbLiPKgvwmPXsDvvLHoWh5Bm7ofIYg==",
       "dev": true
     },
     "object-inspect": {
@@ -12424,9 +12757,9 @@
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.7.4",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.4.tgz",
-          "integrity": "sha512-r24eVUUr0QqNZa+qrImUk8fn5SPhHq+IfYvIoIMg0do3GdK9sMdiLKP3GYVVaxpPKORgm8KRKaNTEhAjgIpLMw==",
+          "version": "7.7.7",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.7.tgz",
+          "integrity": "sha512-uCnC2JEVAu8AKB5do1WRIsvrdJ0flYx/A/9f/6chdacnEZ7LmavjdsDXr5ksYBegxtuTPR5Va9/+13QF/kFkCA==",
           "requires": {
             "regenerator-runtime": "^0.13.2"
           }
@@ -12478,8 +12811,8 @@
         "@parse/push-adapter": "3.2.0",
         "@parse/s3-files-adapter": "1.4.0",
         "@parse/simple-mailgun-adapter": "1.1.0",
-        "apollo-server-express": "2.9.13",
-        "bcrypt": "3.0.7",
+        "apollo-server-express": "2.10.1",
+        "bcrypt": "3.0.8",
         "bcryptjs": "2.4.3",
         "body-parser": "1.19.0",
         "commander": "4.1.1",
@@ -12491,37 +12824,28 @@
         "graphql-list-fields": "2.0.2",
         "graphql-relay": "^0.6.0",
         "graphql-tools": "^4.0.5",
-        "graphql-upload": "9.0.0",
+        "graphql-upload": "10.0.0",
         "intersect": "1.0.1",
         "jsonwebtoken": "8.5.1",
         "ldapjs": "1.0.2",
         "lodash": "4.17.15",
         "lru-cache": "5.1.1",
         "mime": "2.4.4",
-        "mongodb": "3.4.0",
+        "mongodb": "3.5.3",
         "node-rsa": "1.0.7",
-        "parse": "2.10.0",
-        "pg-promise": "10.3.1",
+        "parse": "2.11.0",
+        "pg-promise": "10.4.3",
         "pluralize": "^8.0.0",
-        "redis": "2.8.0",
-        "semver": "7.1.0",
+        "redis": "3.0.0",
+        "semver": "7.1.3",
         "subscriptions-transport-ws": "0.9.16",
         "tv4": "1.3.0",
         "uuid": "3.3.3",
         "winston": "3.2.1",
-        "winston-daily-rotate-file": "3.10.0",
+        "winston-daily-rotate-file": "4.4.0",
         "ws": "7.2.1"
       },
       "dependencies": {
-        "@apollographql/apollo-tools": {
-          "version": "0.4.3",
-          "resolved": "https://registry.npmjs.org/@apollographql/apollo-tools/-/apollo-tools-0.4.3.tgz",
-          "integrity": "sha512-CtC1bmohB1owdGMT2ZZKacI94LcPAZDN2WvCe+4ZXT5d7xO5PHOAb70EP/LcFbvnS8QI+pkYRSCGFQnUcv9efg==",
-          "dev": true,
-          "requires": {
-            "apollo-env": "^0.6.1"
-          }
-        },
         "@babel/runtime": {
           "version": "7.6.3",
           "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.6.3.tgz",
@@ -12585,111 +12909,6 @@
           "requires": {
             "aws-sdk": "2.59.0",
             "parse": "2.10.0"
-          }
-        },
-        "apollo-cache-control": {
-          "version": "0.8.11",
-          "resolved": "https://registry.npmjs.org/apollo-cache-control/-/apollo-cache-control-0.8.11.tgz",
-          "integrity": "sha512-8yz4qbRBIFDWRHdT8uPh0HHh+VbQXxoFGJQRAG8hyMRvR+EuURXX1ltXYkn5J3YJ3MKEqgsvwGaq60dFZq63UQ==",
-          "dev": true,
-          "requires": {
-            "apollo-server-env": "^2.4.3",
-            "graphql-extensions": "^0.10.10"
-          }
-        },
-        "apollo-datasource": {
-          "version": "0.6.4",
-          "resolved": "https://registry.npmjs.org/apollo-datasource/-/apollo-datasource-0.6.4.tgz",
-          "integrity": "sha512-u4eu6Q94q6KuZacZfdo4vCevA81F4QWeTYEXUvoksQMJpiacPHHe0DJrofKVKvxngUp5kCi1RnPXSc6kBY+/oA==",
-          "dev": true,
-          "requires": {
-            "apollo-server-caching": "^0.5.1",
-            "apollo-server-env": "^2.4.3"
-          }
-        },
-        "apollo-engine-reporting": {
-          "version": "1.4.14",
-          "resolved": "https://registry.npmjs.org/apollo-engine-reporting/-/apollo-engine-reporting-1.4.14.tgz",
-          "integrity": "sha512-cCG9qDOPwbh87ZjQGHgmnP3oPqhqjIZcNmm/lNtWkWXGTlxV/jmUEqpVi+wsDbE5gR7d1OFk6GqSy2ZQh+S+Bw==",
-          "dev": true,
-          "requires": {
-            "apollo-engine-reporting-protobuf": "^0.4.4",
-            "apollo-graphql": "^0.3.7",
-            "apollo-server-caching": "^0.5.1",
-            "apollo-server-env": "^2.4.3",
-            "apollo-server-errors": "^2.3.4",
-            "apollo-server-types": "^0.2.10",
-            "async-retry": "^1.2.1",
-            "graphql-extensions": "^0.10.10"
-          }
-        },
-        "apollo-engine-reporting-protobuf": {
-          "version": "0.4.4",
-          "resolved": "https://registry.npmjs.org/apollo-engine-reporting-protobuf/-/apollo-engine-reporting-protobuf-0.4.4.tgz",
-          "integrity": "sha512-SGrIkUR7Q/VjU8YG98xcvo340C4DaNUhg/TXOtGsMlfiJDzHwVau/Bv6zifAzBafp2lj0XND6Daj5kyT/eSI/w==",
-          "dev": true,
-          "requires": {
-            "@apollo/protobufjs": "^1.0.3"
-          }
-        },
-        "apollo-env": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/apollo-env/-/apollo-env-0.6.1.tgz",
-          "integrity": "sha512-B9BgpQGR1ndeDtb4Gtor0J4CITQ+OPACZrVW6lgStnljKEe9ZB76DZ1dAd3OCeizAswW6Lo9uvfK8jhVS5nBhQ==",
-          "dev": true,
-          "requires": {
-            "@types/node-fetch": "2.5.4",
-            "core-js": "^3.0.1",
-            "node-fetch": "^2.2.0",
-            "sha.js": "^2.4.11"
-          }
-        },
-        "apollo-graphql": {
-          "version": "0.3.7",
-          "resolved": "https://registry.npmjs.org/apollo-graphql/-/apollo-graphql-0.3.7.tgz",
-          "integrity": "sha512-ghW16xx9tRcyL38Pw6G5OidMnYn+CNUGZWmvqQgEO2nRy4T0ONPZZBOvGrIMtJQ70oEykNMKGm0zm6PdHdxd8Q==",
-          "dev": true,
-          "requires": {
-            "apollo-env": "^0.6.1",
-            "lodash.sortby": "^4.7.0"
-          }
-        },
-        "apollo-server-caching": {
-          "version": "0.5.1",
-          "resolved": "https://registry.npmjs.org/apollo-server-caching/-/apollo-server-caching-0.5.1.tgz",
-          "integrity": "sha512-L7LHZ3k9Ao5OSf2WStvQhxdsNVplRQi7kCAPfqf9Z3GBEnQ2uaL0EgO0hSmtVHfXTbk5CTRziMT1Pe87bXrFIw==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^5.0.0"
-          }
-        },
-        "apollo-server-core": {
-          "version": "2.9.16",
-          "resolved": "https://registry.npmjs.org/apollo-server-core/-/apollo-server-core-2.9.16.tgz",
-          "integrity": "sha512-4ftdjSfs/3aEare9QNTVSF0yUvXETxiohuDLZ7gmMIQxNnZhUjVXiZL1rYKuIZ12uH7xLvh/DwkXRt6nLG/lZA==",
-          "dev": true,
-          "requires": {
-            "@apollographql/apollo-tools": "^0.4.3",
-            "@apollographql/graphql-playground-html": "1.6.24",
-            "@types/graphql-upload": "^8.0.0",
-            "@types/ws": "^6.0.0",
-            "apollo-cache-control": "^0.8.11",
-            "apollo-datasource": "^0.6.4",
-            "apollo-engine-reporting": "^1.4.14",
-            "apollo-server-caching": "^0.5.1",
-            "apollo-server-env": "^2.4.3",
-            "apollo-server-errors": "^2.3.4",
-            "apollo-server-plugin-base": "^0.6.10",
-            "apollo-server-types": "^0.2.10",
-            "apollo-tracing": "^0.8.11",
-            "fast-json-stable-stringify": "^2.0.0",
-            "graphql-extensions": "^0.10.10",
-            "graphql-tag": "^2.9.2",
-            "graphql-tools": "^4.0.0",
-            "graphql-upload": "^8.0.2",
-            "sha.js": "^2.4.11",
-            "subscriptions-transport-ws": "^0.9.11",
-            "ws": "^6.0.0"
           },
           "dependencies": {
             "@babel/runtime": {
@@ -12735,60 +12954,6 @@
             }
           }
         },
-        "apollo-server-express": {
-          "version": "2.9.13",
-          "resolved": "https://registry.npmjs.org/apollo-server-express/-/apollo-server-express-2.9.13.tgz",
-          "integrity": "sha512-M306e07dpZ8YpZx4VBYa0FWlt+wopj4Bwn0Iy1iJ6VjaRyGx2HCUJvLpHZ+D0TIXtQ2nX3DTYeOouVaDDwJeqQ==",
-          "dev": true,
-          "requires": {
-            "@apollographql/graphql-playground-html": "1.6.24",
-            "@types/accepts": "^1.3.5",
-            "@types/body-parser": "1.17.1",
-            "@types/cors": "^2.8.4",
-            "@types/express": "4.17.1",
-            "accepts": "^1.3.5",
-            "apollo-server-core": "^2.9.13",
-            "apollo-server-types": "^0.2.8",
-            "body-parser": "^1.18.3",
-            "cors": "^2.8.4",
-            "express": "^4.17.1",
-            "graphql-subscriptions": "^1.0.0",
-            "graphql-tools": "^4.0.0",
-            "parseurl": "^1.3.2",
-            "subscriptions-transport-ws": "^0.9.16",
-            "type-is": "^1.6.16"
-          }
-        },
-        "apollo-server-plugin-base": {
-          "version": "0.6.10",
-          "resolved": "https://registry.npmjs.org/apollo-server-plugin-base/-/apollo-server-plugin-base-0.6.10.tgz",
-          "integrity": "sha512-/xT7UT/tbCDIoTQ4lcEQsJ0ACh7h7QG0BDmeSlDXjwDuENRI50bQ2QoluCMPitZXGe+FCQfLhvzFgzbsZGT0IA==",
-          "dev": true,
-          "requires": {
-            "apollo-server-types": "^0.2.10"
-          }
-        },
-        "apollo-server-types": {
-          "version": "0.2.10",
-          "resolved": "https://registry.npmjs.org/apollo-server-types/-/apollo-server-types-0.2.10.tgz",
-          "integrity": "sha512-ke9ViPEWfW+2XLe66CaKGVZdS7duSLbamSKSprmmeMBd8s6tmjf0FumUVxV7X4quxPZi0OPo8x0LoLU7GWsmaA==",
-          "dev": true,
-          "requires": {
-            "apollo-engine-reporting-protobuf": "^0.4.4",
-            "apollo-server-caching": "^0.5.1",
-            "apollo-server-env": "^2.4.3"
-          }
-        },
-        "apollo-tracing": {
-          "version": "0.8.11",
-          "resolved": "https://registry.npmjs.org/apollo-tracing/-/apollo-tracing-0.8.11.tgz",
-          "integrity": "sha512-Z0wDZ5QOBmpGoajB74ZKGTM7GzG6rqZRzAph4kxud6axcyNqUDKiKZ3Eere+NSLwvvt8M3qnPW4UJSUy/wwOXg==",
-          "dev": true,
-          "requires": {
-            "apollo-server-env": "^2.4.3",
-            "graphql-extensions": "^0.10.10"
-          }
-        },
         "aws-sdk": {
           "version": "2.59.0",
           "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.59.0.tgz",
@@ -12814,17 +12979,6 @@
             }
           }
         },
-        "bcrypt": {
-          "version": "3.0.7",
-          "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-3.0.7.tgz",
-          "integrity": "sha512-K5UglF9VQvBMHl/1elNyyFvAfOY9Bj+rpKrCSR9sFwcW8FywAYJSRwTURNej5TaAK2TEJkcJ6r6lh1YPmspx5Q==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "nan": "2.14.0",
-            "node-pre-gyp": "0.13.0"
-          }
-        },
         "bcryptjs": {
           "version": "2.4.3",
           "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
@@ -12853,21 +13007,13 @@
           "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
           "dev": true,
           "requires": {
-            "busboy": "^0.3.1",
-            "fs-capacitor": "^4.0.1",
-            "http-errors": "^1.7.3",
-            "object-path": "^0.11.4"
+            "ms": "^2.1.1"
           },
           "dependencies": {
             "fs-capacitor": {
               "version": "4.0.1",
               "resolved": "https://registry.npmjs.org/fs-capacitor/-/fs-capacitor-4.0.1.tgz",
-              "integrity": "sha512-e0qFoKQMFe52F54dMvZLD+I1M/Gs6xB2gnZVQB5FYT/8ioP6qTb3U/tzp55O0IuPOMvSM8j4ta0bVafIFjJzxQ==",
-              "dev": true,
-              "requires": {
-                "@types/readable-stream": "^2.3.5",
-                "readable-stream": "^3.4.0"
-              }
+              "integrity": "sha512-e0qFoKQMFe52F54dMvZLD+I1M/Gs6xB2gnZVQB5FYT/8ioP6qTb3U/tzp55O0IuPOMvSM8j4ta0bVafIFjJzxQ=="
             }
           }
         },
@@ -12895,52 +13041,12 @@
           "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==",
           "dev": true
         },
-        "mongodb": {
-          "version": "3.4.0",
-          "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.4.0.tgz",
-          "integrity": "sha512-W90jm/n8F0Edm47ljkVRK9l8qGW9g8T9ZSiZWRiUP58wLhsCJCeN/JxdpVnH0CUwwAw2hITUcCo9x58udpX2Uw==",
-          "dev": true,
-          "requires": {
-            "bson": "^1.1.1",
-            "require_optional": "^1.0.1",
-            "safe-buffer": "^5.1.2",
-            "saslprep": "^1.0.0"
-          }
-        },
-        "node-fetch": {
-          "version": "2.6.0",
-          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz",
-          "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==",
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
           "dev": true
         },
-        "node-pre-gyp": {
-          "version": "0.13.0",
-          "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.13.0.tgz",
-          "integrity": "sha512-Md1D3xnEne8b/HGVQkZZwV27WUi1ZRuZBij24TNaZwUPU3ZAFtvT6xxJGaUVillfmMKnn5oD1HoGsp2Ftik7SQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "detect-libc": "^1.0.2",
-            "mkdirp": "^0.5.1",
-            "needle": "^2.2.1",
-            "nopt": "^4.0.1",
-            "npm-packlist": "^1.1.6",
-            "npmlog": "^4.0.2",
-            "rc": "^1.2.7",
-            "rimraf": "^2.6.1",
-            "semver": "^5.3.0",
-            "tar": "^4"
-          },
-          "dependencies": {
-            "semver": {
-              "version": "5.7.1",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-              "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-              "dev": true,
-              "optional": true
-            }
-          }
-        },
         "node-rsa": {
           "version": "1.0.7",
           "resolved": "https://registry.npmjs.org/node-rsa/-/node-rsa-1.0.7.tgz",
@@ -13008,7 +13114,6 @@
           "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.17.tgz",
           "integrity": "sha1-F76T6q4/O3eTWceVtBlwWogX6Gg=",
           "dev": true,
-          "optional": true,
           "requires": {
             "sax": ">=0.6.0",
             "xmlbuilder": "^4.1.0"
@@ -13023,35 +13128,6 @@
             "lodash": "^4.0.0"
           }
         },
-        "safe-buffer": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
-          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==",
-          "dev": true,
-          "optional": true
-        },
-        "semver": {
-          "version": "7.1.2",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.2.tgz",
-          "integrity": "sha512-BJs9T/H8sEVHbeigqzIEo57Iu/3DG6c4QoqTfbQB3BPA4zgzAomh/Fk9E7QtjWQ8mx2dgA9YCfSF4y9k9bHNpQ==",
-          "dev": true
-        },
-        "tar": {
-          "version": "4.4.13",
-          "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.13.tgz",
-          "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chownr": "^1.1.1",
-            "fs-minipass": "^1.2.5",
-            "minipass": "^2.8.6",
-            "minizlib": "^1.2.1",
-            "mkdirp": "^0.5.0",
-            "safe-buffer": "^5.1.2",
-            "yallist": "^3.0.3"
-          }
-        },
         "yallist": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -13244,6 +13320,24 @@
       "integrity": "sha512-kRBH0tDIW/8lfnnOyTwKD23ygJ/kexQVXZs7gEyBljw4FYqimZFxnMMx50ndZ8In77QgfGuItS5LLclC2TtjYg==",
       "dev": true
     },
+    "pg-pool": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-2.0.10.tgz",
+      "integrity": "sha512-qdwzY92bHf3nwzIUcj+zJ0Qo5lpG/YxchahxIN8+ZVmXqkahKXsnl2aiJPHLYN9o5mB/leG+Xh6XKxtP7e0sjg==",
+      "dev": true
+    },
+    "pg-promise": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/pg-promise/-/pg-promise-10.4.3.tgz",
+      "integrity": "sha512-hdZTQ/NlqSlhKM9bMgDhKFiJX+hTuxUygEu1NBjGUtdTdenvnrxjaheeob6OEIxiYSmZFMG8uIsoVCIIPMgCsg==",
+      "dev": true,
+      "requires": {
+        "assert-options": "0.6.1",
+        "pg": "7.18.1",
+        "pg-minify": "1.5.2",
+        "spex": "3.0.1"
+      }
+    },
     "pg-types": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/pg-types/-/pg-types-2.2.0.tgz",
@@ -17092,11 +17186,17 @@
       "integrity": "sha512-1JHFqpqkZphLZPUDQBoJpcBj2cy/aZkOXlcHcZa3oVcNXxuenptGGXztI07jqTJ/FJdUPm1MOLwrp09zPFIUew==",
       "dev": true,
       "requires": {
-        "file-stream-rotator": "^0.4.1",
-        "object-hash": "^1.3.0",
-        "semver": "^6.2.0",
+        "file-stream-rotator": "^0.5.5",
+        "object-hash": "^2.0.1",
         "triple-beam": "^1.3.0",
         "winston-transport": "^4.2.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        }
       }
     },
     "winston-transport": {
diff --git a/package.json b/package.json
index 79be499666..d50bbe663b 100644
--- a/package.json
+++ b/package.json
@@ -65,6 +65,7 @@
     "react-dnd-html5-backend": "10.0.2",
     "react-dom": "16.12.0",
     "react-helmet": "5.2.1",
+    "react-json-view": "^1.19.1",
     "react-redux": "7.2.0",
     "react-router": "5.1.2",
     "react-router-dom": "5.1.2",