@lingk/sync 2.0.14 → 2.0.16

package/build/main.js

@@ -6988,29 +6988,6 @@ module.exports =
 	            },
 	            "Production"
 	          ),
-	          _react2.default.createElement(
-	            Button,
-	            {
-	              type: "brand",
-	              onClick: function onClick() {
-	                return onCheck(creds);
-	              },
-	              style: Object.assign({ marginLeft: 8 }, btnStyle)
-	            },
-	            _react2.default.createElement(
-	              "span",
-	              {
-	                style: {
-	                  display: "inline-block",
-	                  verticalAlign: "top",
-	                  marginTop: 3
-	                }
-	              },
-	              "Test Connection"
-	            ),
-	            "\xA0\xA0",
-	            _react2.default.createElement(Loop, null)
-	          ),
 	          _react2.default.createElement(
 	            "div",
 	            { style: { display: "inline-block", marginLeft: 12 } },
@@ -7018,8 +6995,6 @@ module.exports =
 	            envCheckResult && _react2.default.createElement(
 	              "span",
 	              null,
-	              envCheckResult,
-	              " ",
 	              _react2.default.createElement(EnvCheckIcons, { result: envCheckResult })
 	            )
 	          )
@@ -7131,7 +7106,7 @@ module.exports =
 /* 69 */
 /***/ function(module, exports, __webpack_require__) {
 
-	'use strict';
+	"use strict";
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -7174,13 +7149,15 @@ module.exports =
 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 	
 	function formatBytes(a, b) {
-	  if (0 === a) return "0 Bytes";var c = 1024,
+	  if (0 === a) return "0 Bytes";
+	  var c = 1024,
 	      d = b || 2,
 	      e = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
-	      f = Math.floor(Math.log(a) / Math.log(c));return parseFloat((a / Math.pow(c, f)).toFixed(d)) + " " + e[f];
+	      f = Math.floor(Math.log(a) / Math.log(c));
+	  return parseFloat((a / Math.pow(c, f)).toFixed(d)) + " " + e[f];
 	}
 	
-	var extensionBlacklist = ['zip', 'tar', 'gz'];
+	var extensionBlacklist = ["zip", "tar", "gz"];
 	
 	var FlatFile = function (_Component) {
 	  _inherits(FlatFile, _Component);
@@ -7196,7 +7173,7 @@ module.exports =
 	      try {
 	        json = JSON.parse(content);
 	      } catch (err) {
-	        console.log('err when trying to parse json = ' + err);
+	        console.log("err when trying to parse json = " + err);
 	      }
 	      if (json) {
 	        var fields = [];
@@ -7215,7 +7192,7 @@ module.exports =
 	        });
 	        var meta = {
 	          name: file.name,
-	          type: file.name.substr(0, file.name.lastIndexOf('.')).split(' ').join(''),
+	          type: file.name.substr(0, file.name.lastIndexOf(".")).split(" ").join(""),
 	          byteSize: file.size,
 	          properties: fields
 	        };
@@ -7224,13 +7201,13 @@ module.exports =
 	    };
 	
 	    _this.parseJsonLines = function (content) {
-	      var firstLine = content.substring(0, content.indexOf('\n'));
-	      return '[' + firstLine + ']';
+	      var firstLine = content.substring(0, content.indexOf("\n"));
+	      return "[" + firstLine + "]";
 	    };
 	
 	    _this.parseCSV = function (file, csv, isXLS) {
 	      if (isXLS && (!csv || csv === null)) {
-	        var err = 'Remove empty sheets- ' + file.name;
+	        var err = "Remove empty sheets- " + file.name;
 	        alert(err);
 	        throw new Error(err);
 	      } else {
@@ -7241,7 +7218,7 @@ module.exports =
 	            complete: function complete(result) {
 	              resolve({
 	                name: file.name,
-	                type: file.name.substr(0, file.name.lastIndexOf('.')).split(' ').join(''),
+	                type: file.name.substr(0, file.name.lastIndexOf(".")).split(" ").join(""),
 	                byteSize: file.size,
 	                properties: result.meta.fields.map(function (f) {
 	                  return {
@@ -7267,13 +7244,12 @@ module.exports =
 	      var fileContents = [].concat(_toConsumableArray(_this.state.fileContents));
 	      var contentCounter = 0;
 	      fs.forEach(function (file) {
-	        var extension = file.name.substr(file.name.lastIndexOf('.') + 1, file.name.length);
+	        var extension = file.name.substr(file.name.lastIndexOf(".") + 1, file.name.length);
 	        var blacklisted = extensionBlacklist.includes(extension);
 	        if (!blacklisted) {
-	          var isXLS = extension === 'xlsx' || extension === 'xls';
+	          var isXLS = extension === "xlsx" || extension === "xls";
 	          var reader = new FileReader();
 	          reader.onload = function (e) {
-	
 	            // PARSE METADATA
 	            var data = e.target.result;
 	            var csv = null;
@@ -7284,9 +7260,9 @@ module.exports =
 	              for (var i = 0; i < length; i++) {
 	                binary += String.fromCharCode(bytes[i]);
 	              }*/
-	              var workbook = _xlsx2.default.read(binary, { type: 'binary' });
+	              var workbook = _xlsx2.default.read(binary, { type: "binary" });
 	              var sheetNames = workbook.SheetNames.filter(function (sn) {
-	                return sn !== 'Export Summary';
+	                return sn !== "Export Summary";
 	              });
 	              sheetNames.forEach(function (sn) {
 	                csv = _xlsx2.default.utils.sheet_to_csv(workbook.Sheets[sn]);
@@ -7303,7 +7279,7 @@ module.exports =
 	                  }
 	                });
 	              });
-	            } else if (extension === 'csv') {
+	            } else if (extension === "csv") {
 	              _this.parseCSV(file, csv, null).then(function (csvMeta) {
 	                meta = meta.concat(Object.assign({}, csvMeta, { fileType: extension }));
 	                counter += 1;
@@ -7312,9 +7288,9 @@ module.exports =
 	                  _this.props.onDrop();
 	                }
 	              });
-	            } else if (extension === 'json' || extension === 'jsonl') {
+	            } else if (extension === "json" || extension === "jsonl") {
 	              var d = data;
-	              if (extension === 'jsonl') {
+	              if (extension === "jsonl") {
 	                d = _this.parseJsonLines(data);
 	              }
 	              var fileMeta = _this.parseJsonFile(d, file);
@@ -7323,13 +7299,13 @@ module.exports =
 	                counter += 1;
 	                if (counter === fs.length) {
 	                  _this.setState({ meta: meta });
-	                  _this.props.onDrop();
+	                  // this.props.onDrop();
 	                }
 	              }
-	            } else if (extension === 'txt' || extension === 'xml') {
+	            } else if (extension === "txt" || extension === "xml" || extension === "hdr") {
 	              var csvMeta = {
 	                name: file.name,
-	                type: file.name.substr(0, file.name.lastIndexOf('.')).split(' ').join(''),
+	                type: file.name.substr(0, file.name.lastIndexOf(".")).split(" ").join(""),
 	                byteSize: file.size
 	              };
 	              meta = meta.concat(Object.assign({}, csvMeta, { fileType: extension }));
@@ -7354,7 +7330,7 @@ module.exports =
 	            reader.readAsText(file);
 	          }
 	        } else {
-	          _this.setState({ dropError: 'File type not accepted.' });
+	          _this.setState({ dropError: "File type not accepted." });
 	          setTimeout(function () {
 	            _this.setState({ dropError: null });
 	          }, 3500);
@@ -7363,7 +7339,7 @@ module.exports =
 	    };
 	
 	    _this.onReject = function () {
-	      _this.setState({ dropError: 'File is too big!' });
+	      _this.setState({ dropError: "File is too big!" });
 	      setTimeout(function () {
 	        _this.setState({ dropError: null });
 	      }, 3500);
@@ -7404,7 +7380,7 @@ module.exports =
 	      fileContents: [],
 	      uploading: false,
 	      dropError: null,
-	      sortFileTableBy: 'uploadedTime', // name, byteSize, uploadedTime
+	      sortFileTableBy: "uploadedTime", // name, byteSize, uploadedTime
 	      isDeletingFile: null,
 	      deleteModalOpen: false
 	    };
@@ -7412,7 +7388,7 @@ module.exports =
 	  }
 	
 	  _createClass(FlatFile, [{
-	    key: 'render',
+	    key: "render",
 	    value: function render() {
 	      var _this2 = this;
 	
@@ -7441,7 +7417,7 @@ module.exports =
 	      if (fileSchema && fileSchema.length) {
 	        fileSchema = fileSchema.sort(function (a, b) {
 	          var term = sortFileTableBy;
-	          if (term === 'uploadedTime') {
+	          if (term === "uploadedTime") {
 	            return a[term] < b[term];
 	          }
 	          return a[term] > b[term];
@@ -7458,71 +7434,105 @@ module.exports =
 	      });
 	
 	      return _react2.default.createElement(
-	        'div',
+	        "div",
 	        null,
 	        _react2.default.createElement(
-	          'div',
-	          { style: { display: 'inline-block' } },
+	          "div",
+	          { style: { display: "inline-block" } },
 	          _react2.default.createElement(
 	            _reactDropzone2.default,
-	            { onDropAccepted: this.onDrop, onDropRejected: this.onReject,
-	              className: 'dropzone', maxSize: 1000000 * 1000 * 5 /*5 GB*/ },
+	            {
+	              onDropAccepted: this.onDrop,
+	              onDropRejected: this.onReject,
+	              className: "dropzone",
+	              maxSize: 1000000 * 1000 * 5 /*5 GB*/
+	            },
 	            !dropError ? _react2.default.createElement(
-	              'p',
+	              "p",
 	              null,
-	              'Drop one or more files here, or click to select files to upload.'
+	              "Drop one or more files here, or click to select files to upload."
 	            ) : _react2.default.createElement(
-	              'p',
-	              { style: { color: '#c9302c', fontWeight: 'bold' } },
+	              "p",
+	              { style: { color: "#c9302c", fontWeight: "bold" } },
 	              dropError
 	            )
 	          )
 	        ),
 	        _react2.default.createElement(
-	          'div',
-	          { style: { marginLeft: 30, display: 'inline-block', verticalAlign: 'top',
-	              maxWidth: '60%' } },
+	          "div",
+	          {
+	            style: {
+	              marginLeft: 30,
+	              display: "inline-block",
+	              verticalAlign: "top",
+	              maxWidth: "60%"
+	            }
+	          },
 	          hasFile && _react2.default.createElement(
-	            'aside',
+	            "aside",
 	            null,
 	            _react2.default.createElement(
-	              'div',
+	              "div",
 	              null,
 	              _react2.default.createElement(
-	                'h3',
-	                { style: { marginTop: 10, display: 'inline-block', verticalAlign: 'top' } },
-	                'Dropped files'
+	                "h3",
+	                {
+	                  style: {
+	                    marginTop: 10,
+	                    display: "inline-block",
+	                    verticalAlign: "top"
+	                  }
+	                },
+	                "Dropped files"
 	              ),
 	              _react2.default.createElement(
 	                Button,
 	                {
-	                  type: 'brand',
+	                  type: "brand",
 	                  onClick: this.upload,
-	                  style: { marginTop: 4, marginLeft: 20, verticalAlign: 'top', height: 36 },
-	                  disabled: uploading },
+	                  style: {
+	                    marginTop: 4,
+	                    marginLeft: 20,
+	                    verticalAlign: "top",
+	                    height: 36
+	                  },
+	                  disabled: uploading
+	                },
 	                _react2.default.createElement(
-	                  'span',
-	                  { style: { display: 'inline-block', verticalAlign: 'top', marginTop: 3 } },
-	                  'Upload'
+	                  "span",
+	                  {
+	                    style: {
+	                      display: "inline-block",
+	                      verticalAlign: "top",
+	                      marginTop: 3
+	                    }
+	                  },
+	                  "Upload"
 	                ),
-	                '\xA0\xA0',
+	                "\xA0\xA0",
 	                _react2.default.createElement(UploadIcon, null)
 	              ),
 	              uploading && _react2.default.createElement(
-	                'div',
-	                { style: { paddingLeft: 12, paddingTop: 12, display: 'inline-block' } },
+	                "div",
+	                {
+	                  style: {
+	                    paddingLeft: 12,
+	                    paddingTop: 12,
+	                    display: "inline-block"
+	                  }
+	                },
 	                _react2.default.createElement(Spinner, null)
 	              )
 	            ),
 	            _react2.default.createElement(
-	              'ul',
+	              "ul",
 	              { style: { padding: 0 } },
 	              droppedFiles.map(function (f, i) {
 	                return _react2.default.createElement(
-	                  'li',
-	                  { key: i, style: { listStyle: 'none' } },
+	                  "li",
+	                  { key: i, style: { listStyle: "none" } },
 	                  f.name,
-	                  ' - ',
+	                  " - ",
 	                  formatBytes(f.byteSize)
 	                );
 	              })
@@ -7530,124 +7540,144 @@ module.exports =
 	          )
 	        ),
 	        fileSchema && fileSchema.length > 0 && _react2.default.createElement(
-	          'div',
-	          { style: {
-	              marginTop: 20, width: '100%'
-	            } },
+	          "div",
+	          {
+	            style: {
+	              marginTop: 20,
+	              width: "100%"
+	            }
+	          },
 	          _react2.default.createElement(
-	            'div',
+	            "div",
 	            { style: { marginBottom: 4 } },
 	            _react2.default.createElement(
-	              'strong',
+	              "strong",
 	              null,
-	              fileSchema.length + ' file' + (fileSchema.length === 1 ? '' : 's')
+	              fileSchema.length + " file" + (fileSchema.length === 1 ? "" : "s")
 	            ),
 	            _react2.default.createElement(
-	              'strong',
+	              "strong",
 	              null,
-	              ' uploaded'
+	              " uploaded"
 	            )
 	          ),
 	          _react2.default.createElement(
-	            _reactBootstrap.Table,
-	            { bordered: true, condensed: true, className: 'file-manager-table' },
+	            "div",
+	            { style: { height: 395, overflow: "auto" } },
 	            _react2.default.createElement(
-	              'thead',
-	              null,
+	              _reactBootstrap.Table,
+	              { bordered: true, condensed: true, className: "file-manager-table" },
 	              _react2.default.createElement(
-	                'tr',
+	                "thead",
 	                null,
 	                _react2.default.createElement(
-	                  'th',
-	                  { onClick: function onClick() {
-	                      return _this2.setState({ sortFileTableBy: 'name' });
-	                    } },
-	                  'Name'
-	                ),
-	                _react2.default.createElement(
-	                  'th',
-	                  { onClick: function onClick() {
-	                      return _this2.setState({ sortFileTableBy: 'byteSize' });
-	                    } },
-	                  'Size'
-	                ),
-	                _react2.default.createElement(
-	                  'th',
-	                  { onClick: function onClick() {
-	                      return _this2.setState({ sortFileTableBy: 'uploadedTime' });
-	                    } },
-	                  'Date uploaded'
-	                )
-	              )
-	            ),
-	            _react2.default.createElement(
-	              'tbody',
-	              null,
-	              fileSchema.map(function (file, i) {
-	                return _react2.default.createElement(
-	                  'tr',
-	                  { key: i },
-	                  _react2.default.createElement(
-	                    'td',
-	                    null,
-	                    _react2.default.createElement(
-	                      'a',
-	                      { onClick: function onClick(e) {
-	                          return _this2.downloadFile(e, file);
-	                        } },
-	                      file.name
-	                    )
-	                  ),
+	                  "tr",
+	                  null,
 	                  _react2.default.createElement(
-	                    'td',
-	                    null,
-	                    _react2.default.createElement(
-	                      'span',
-	                      null,
-	                      formatBytes(file.byteSize)
-	                    )
+	                    "th",
+	                    {
+	                      onClick: function onClick() {
+	                        return _this2.setState({ sortFileTableBy: "name" });
+	                      }
+	                    },
+	                    "Name"
 	                  ),
 	                  _react2.default.createElement(
-	                    'td',
-	                    null,
-	                    (0, _moment2.default)(file.uploadedTime).format('MMM Do, h:mm a')
+	                    "th",
+	                    {
+	                      onClick: function onClick() {
+	                        return _this2.setState({ sortFileTableBy: "byteSize" });
+	                      }
+	                    },
+	                    "Size"
 	                  ),
 	                  _react2.default.createElement(
-	                    'td',
-	                    { style: { width: 24 } },
-	                    !(isDeletingFile === file.name) && _react2.default.createElement(
-	                      'svg',
-	                      { style: { width: 18, height: 18 },
-	                        onClick: function onClick() {
-	                          return _this2.deleteFlatFile(file.name);
+	                    "th",
+	                    {
+	                      onClick: function onClick() {
+	                        return _this2.setState({ sortFileTableBy: "uploadedTime" });
+	                      }
+	                    },
+	                    "Date uploaded"
+	                  )
+	                )
+	              ),
+	              _react2.default.createElement(
+	                "tbody",
+	                null,
+	                fileSchema.map(function (file, i) {
+	                  return _react2.default.createElement(
+	                    "tr",
+	                    { key: i },
+	                    _react2.default.createElement(
+	                      "td",
+	                      null,
+	                      _react2.default.createElement(
+	                        "a",
+	                        { onClick: function onClick(e) {
+	                            return _this2.downloadFile(e, file);
+	                          } },
+	                        file.name
+	                      )
+	                    ),
+	                    _react2.default.createElement(
+	                      "td",
+	                      null,
+	                      _react2.default.createElement(
+	                        "span",
+	                        null,
+	                        formatBytes(file.byteSize)
+	                      )
+	                    ),
+	                    _react2.default.createElement(
+	                      "td",
+	                      null,
+	                      (0, _moment2.default)(file.uploadedTime).format("MMM Do, h:mm a")
+	                    ),
+	                    _react2.default.createElement(
+	                      "td",
+	                      { style: { width: 24 } },
+	                      !(isDeletingFile === file.name) && _react2.default.createElement(
+	                        "svg",
+	                        {
+	                          style: { width: 18, height: 18 },
+	                          onClick: function onClick() {
+	                            return _this2.deleteFlatFile(file.name);
+	                          },
+	                          className: "delete-flat-file",
+	                          viewBox: "0 0 60 60"
 	                        },
-	                        className: 'delete-flat-file', viewBox: '0 0 60 60' },
-	                      _react2.default.createElement('path', { d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
+	                        _react2.default.createElement("path", { d: "M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920" })
+	                      )
 	                    )
-	                  )
-	                );
-	              })
+	                  );
+	                })
+	              )
 	            )
 	          )
 	        ),
 	        _react2.default.createElement(
 	          Modal,
-	          { opened: deleteModalOpenFile ? true : false,
+	          {
+	            opened: deleteModalOpenFile ? true : false,
 	            hideModal: this.closeDeleteModal,
 	            submitModal: this.actuallyDeleteFile,
-	            title: 'Delete File', danger: true,
-	            showCancel: true, submitLabel: 'Delete' },
+	            title: "Delete File",
+	            danger: true,
+	            showCancel: true,
+	            submitLabel: "Delete"
+	          },
 	          _react2.default.createElement(
-	            'div',
-	            { style: { padding: 24, textAlign: 'center' } },
-	            'Are you sure you want to delete',
+	            "div",
+	            { style: { padding: 24, textAlign: "center" } },
+	            "Are you sure you want to delete",
 	            _react2.default.createElement(
-	              'strong',
+	              "strong",
 	              null,
-	              ' ',
+	              " ",
 	              deleteModalOpenFile
 	            ),
-	            '?'
+	            "?"
 	          )
 	        )
 	      );
@@ -7659,10 +7689,10 @@ module.exports =
 	
 	var UploadIcon = function UploadIcon() {
 	  return _react2.default.createElement(
-	    'svg',
-	    { fill: '#FFF', height: '24', viewBox: '0 0 24 24', width: '24' },
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
-	    _react2.default.createElement('path', { d: 'M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z' })
+	    "svg",
+	    { fill: "#FFF", height: "24", viewBox: "0 0 24 24", width: "24" },
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	    _react2.default.createElement("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" })
 	  );
 	};
 	
@@ -7672,7 +7702,7 @@ module.exports =
 /* 70 */
 /***/ function(module, exports, __webpack_require__) {
 
-	'use strict';
+	"use strict";
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -7696,13 +7726,13 @@ module.exports =
 	
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
-	if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
+	if (typeof window !== "undefined" && typeof window.navigator !== "undefined") {
 	  codemirror = __webpack_require__(39);
 	  __webpack_require__(30);
 	}
 	
 	function unCamelize(text) {
-	  return text.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
+	  return text.replace(/([A-Z])/g, " $1").replace(/^./, function (str) {
 	    return str.toUpperCase();
 	  });
 	}
@@ -7722,7 +7752,7 @@ module.exports =
 	  }
 	
 	  _createClass(Google, [{
-	    key: 'render',
+	    key: "render",
 	    value: function render() {
 	      var _this2 = this;
 	
@@ -7743,93 +7773,101 @@ module.exports =
 	      var Spinner = inputs.Spinner;
 	      var CodeMirror = codemirror && codemirror.Controlled;
 	
-	      var CloudSQLTypes = [{ name: 'Postgres', satisfiesSearch: true, type: 'Postgres', title: 'Postgres' }, { name: 'MySQL', satisfiesSearch: true, type: 'MySQL', title: 'MySQL' }];
+	      var CloudSQLTypes = [{
+	        name: "Postgres",
+	        satisfiesSearch: true,
+	        type: "Postgres",
+	        title: "Postgres"
+	      }, { name: "MySQL", satisfiesSearch: true, type: "MySQL", title: "MySQL" }];
 	
-	      var onlyJson = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'json';
+	      var onlyJson = config.credentials && config.credentials.length === 1 && config.credentials[0] === "json";
 	
 	      return _react2.default.createElement(
-	        'div',
+	        "div",
 	        null,
 	        config.credentials && _react2.default.createElement(
-	          'div',
+	          "div",
 	          { style: { marginLeft: 1 } },
 	          _react2.default.createElement(
-	            'label',
-	            { htmlFor: 'creds' },
+	            "label",
+	            { htmlFor: "creds" },
 	            config.label || config.type,
-	            ' Credentials'
+	            " Credentials"
 	          ),
-	          _react2.default.createElement('br', null),
+	          _react2.default.createElement("br", null),
 	          _react2.default.createElement(
-	            'div',
-	            { style: { display: 'inline-block', marginLeft: 16, width: '100%' } },
+	            "div",
+	            {
+	              style: { display: "inline-block", marginLeft: 16, width: "100%" }
+	            },
 	            config.credentials.map(function (credType, index) {
 	              return _react2.default.createElement(
-	                'div',
-	                { key: index, style: { marginTop: 8, width: '100%' } },
+	                "div",
+	                { key: index, style: { marginTop: 8, width: "100%" } },
 	                _react2.default.createElement(
-	                  'label',
-	                  { htmlFor: credType, className: 'labelz', style: { fontWeight: 'normal' } },
-	                  credType !== 'json' ? unCamelize(credType) : 'API key (paste json or drag-and-drop file)'
+	                  "label",
+	                  {
+	                    htmlFor: credType,
+	                    className: "labelz",
+	                    style: { fontWeight: "normal" }
+	                  },
+	                  credType !== "json" ? unCamelize(credType) : "API key (paste json or drag-and-drop file)"
 	                ),
-	                _react2.default.createElement('br', null),
-	                credType !== 'json' ? _react2.default.createElement(
-	                  'div',
-	                  { style: { display: 'inline-block', width: credType !== 'databaseType' ? 300 : 164 } },
-	                  credType !== 'databaseType' ? _react2.default.createElement(Input, { name: credType,
-	                    datatype: credType === 'password' && !_this2.state.showPass ? 'password' : null,
-	                    value: creds[credType] || '', onChange: onChange }) : _react2.default.createElement(Select, { vals: CloudSQLTypes, fieldPropLabel: 'name',
-	                    label: creds[credType] || 'Database Types',
+	                _react2.default.createElement("br", null),
+	                credType !== "json" ? _react2.default.createElement(
+	                  "div",
+	                  {
+	                    style: {
+	                      display: "inline-block",
+	                      width: credType !== "databaseType" ? 300 : 164
+	                    }
+	                  },
+	                  credType !== "databaseType" ? _react2.default.createElement(Input, {
+	                    name: credType,
+	                    datatype: credType === "password" && !_this2.state.showPass ? "password" : null,
+	                    value: creds[credType] || "",
+	                    onChange: onChange
+	                  }) : _react2.default.createElement(Select, {
+	                    vals: CloudSQLTypes,
+	                    fieldPropLabel: "name",
+	                    label: creds[credType] || "Database Types",
 	                    onSelect: function onSelect(v) {
 	                      return onChange({ target: { name: credType, value: v } });
 	                    },
-	                    size: 'small', style: { width: 160, height: 31, textAlign: 'left' }
+	                    size: "small",
+	                    style: {
+	                      width: 160,
+	                      height: 31,
+	                      textAlign: "left"
+	                    }
 	                  })
-	                ) : _react2.default.createElement(CodeMirror, { value: creds[credType],
-	                  className: 'env-creds-json-codemirror',
+	                ) : _react2.default.createElement(CodeMirror, {
+	                  value: creds[credType],
+	                  className: "env-creds-json-codemirror",
 	                  options: {
 	                    lineNumbers: true,
-	                    theme: 'default',
-	                    mode: 'javascript',
+	                    theme: "default",
+	                    mode: "javascript",
 	                    dragDrop: true
 	                  },
 	                  onBeforeChange: function onBeforeChange(e, d, v) {
 	                    return onChange({ target: { name: credType, value: v } });
 	                  }
 	                }),
-	                credType === 'password' && _react2.default.createElement(Key, { showPass: _this2.state.showPass,
+	                credType === "password" && _react2.default.createElement(Key, {
+	                  showPass: _this2.state.showPass,
 	                  onClick: function onClick() {
 	                    return _this2.setState({ showPass: !_this2.state.showPass });
 	                  }
 	                }),
-	                index === 0 && _react2.default.createElement(
-	                  Button,
-	                  { type: 'brand',
-	                    onClick: function onClick() {
-	                      return onCheck(creds);
-	                    },
-	                    style: { marginLeft: onlyJson ? 0 : 8, marginTop: onlyJson ? 8 : 0,
-	                      marginBottom: 2, height: 30, lineHeight: '10px'
-	                    },
-	                    disabled: credsDisabledCheck },
-	                  _react2.default.createElement(
-	                    'span',
-	                    { style: { display: 'inline-block', verticalAlign: 'top', marginTop: 3 } },
-	                    'Test Connection'
-	                  ),
-	                  '\xA0\xA0',
-	                  _react2.default.createElement(Loop, null)
-	                ),
 	                index === 0 && checking && _react2.default.createElement(
-	                  'span',
+	                  "span",
 	                  { style: { marginLeft: 10 } },
 	                  _react2.default.createElement(Spinner, null)
 	                ),
 	                index === 0 && envCheckResult && _react2.default.createElement(
-	                  'span',
+	                  "span",
 	                  { style: { marginLeft: 10 } },
-	                  envCheckResult,
-	                  ' ',
 	                  _react2.default.createElement(EnvCheckIcons, { result: envCheckResult })
 	                )
 	              );
@@ -7845,11 +7883,16 @@ module.exports =
 	
 	var Loop = function Loop() {
 	  return _react2.default.createElement(
-	    'svg',
-	    { fill: '#FFFFFF', height: '18', viewBox: '0 0 24 24', width: '18',
-	      style: { marginTop: -1 } },
-	    _react2.default.createElement('path', { d: 'M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z' }),
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })
+	    "svg",
+	    {
+	      fill: "#FFFFFF",
+	      height: "18",
+	      viewBox: "0 0 24 24",
+	      width: "18",
+	      style: { marginTop: -1 }
+	    },
+	    _react2.default.createElement("path", { d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z" }),
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
 	  );
 	};
 	
@@ -7858,11 +7901,17 @@ module.exports =
 	      showPass = _ref.showPass;
 	
 	  return _react2.default.createElement(
-	    'svg',
-	    { onClick: onClick, style: showPass ? { fill: '#3a91dcb3' } : {},
-	      height: '24', width: '24', className: 'pass-key-svg', viewBox: '0 0 24 24' },
-	    _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
-	    _react2.default.createElement('path', { d: 'M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z' })
+	    "svg",
+	    {
+	      onClick: onClick,
+	      style: showPass ? { fill: "#3a91dcb3" } : {},
+	      height: "24",
+	      width: "24",
+	      className: "pass-key-svg",
+	      viewBox: "0 0 24 24"
+	    },
+	    _react2.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+	    _react2.default.createElement("path", { d: "M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" })
 	  );
 	};
 	
@@ -8251,36 +8300,6 @@ module.exports =
 	                  onChange: this.onChange
 	                })
 	              ),
-	              _react2.default.createElement(
-	                Button,
-	                {
-	                  type: "brand",
-	                  onClick: function onClick() {
-	                    return check(_this2.state.actualCreds);
-	                  },
-	                  style: {
-	                    marginLeft: 8,
-	                    marginBottom: 2,
-	                    height: 30,
-	                    lineHeight: "10px",
-	                    marginTop: -1
-	                  },
-	                  disabled: !hasEndpoint || credsDisabledCheck
-	                },
-	                _react2.default.createElement(
-	                  "span",
-	                  {
-	                    style: {
-	                      display: "inline-block",
-	                      verticalAlign: "top",
-	                      marginTop: 3
-	                    }
-	                  },
-	                  "Test Connection"
-	                ),
-	                "\xA0\xA0",
-	                _react2.default.createElement(Loop, null)
-	              ),
 	              _react2.default.createElement(
 	                "div",
 	                { style: { display: "inline-block", marginLeft: 12 } },
@@ -8288,8 +8307,6 @@ module.exports =
 	                envCheckResult && _react2.default.createElement(
 	                  "span",
 	                  null,
-	                  envCheckResult,
-	                  " ",
 	                  _react2.default.createElement(EnvCheckIcons, { result: envCheckResult }),
 	                  " "
 	                )
@@ -8346,36 +8363,6 @@ module.exports =
 	                    value: _this2.state.actualCreds[credType] || "",
 	                    onChange: _this2.onChange
 	                  }),
-	                  index === 0 && noRootUrl && _react2.default.createElement(
-	                    Button,
-	                    {
-	                      type: "brand",
-	                      onClick: function onClick() {
-	                        return check(_this2.state.actualCreds);
-	                      },
-	                      style: {
-	                        marginLeft: 8,
-	                        marginBottom: 4,
-	                        height: 30,
-	                        lineHeight: "10px",
-	                        marginTop: -1
-	                      },
-	                      disabled: credsDisabledCheck
-	                    },
-	                    _react2.default.createElement(
-	                      "span",
-	                      {
-	                        style: {
-	                          display: "inline-block",
-	                          verticalAlign: "top",
-	                          marginTop: 3
-	                        }
-	                      },
-	                      "Test Connection"
-	                    ),
-	                    "\xA0\xA0",
-	                    _react2.default.createElement(Loop, null)
-	                  ),
 	                  index === 0 && noRootUrl && checking && _react2.default.createElement(
 	                    "span",
 	                    { style: { marginLeft: 10 } },
@@ -8384,8 +8371,6 @@ module.exports =
 	                  index === 0 && noRootUrl && envCheckResult && _react2.default.createElement(
 	                    "span",
 	                    { style: { marginLeft: 10 } },
-	                    envCheckResult,
-	                    " ",
 	                    _react2.default.createElement(EnvCheckIcons, { result: envCheckResult })
 	                  ),
 	                  credType === "password" && _react2.default.createElement(Key, {
@@ -8662,29 +8647,6 @@ module.exports =
 	            },
 	            "Production"
 	          ),
-	          _react2.default.createElement(
-	            Button,
-	            {
-	              type: "brand",
-	              onClick: function onClick() {
-	                return onCheck(creds, formValues && formValues.includeSystemResources ? "?all=true" : "");
-	              },
-	              style: Object.assign({ marginLeft: 8 }, btnStyle)
-	            },
-	            _react2.default.createElement(
-	              "span",
-	              {
-	                style: {
-	                  display: "inline-block",
-	                  verticalAlign: "top",
-	                  marginTop: 3
-	                }
-	              },
-	              "Test Connection"
-	            ),
-	            "\xA0\xA0",
-	            _react2.default.createElement(Loop, null)
-	          ),
 	          _react2.default.createElement(
 	            "div",
 	            { style: { display: "inline-block", marginLeft: 12 } },
@@ -8692,8 +8654,6 @@ module.exports =
 	            envCheckResult && _react2.default.createElement(
 	              "span",
 	              null,
-	              envCheckResult,
-	              " ",
 	              _react2.default.createElement(EnvCheckIcons, { result: envCheckResult })
 	            )
 	          ),
@@ -8995,8 +8955,6 @@ module.exports =
 	            envCheckResult && _react2.default.createElement(
 	              "span",
 	              null,
-	              envCheckResult,
-	              " ",
 	              _react2.default.createElement(EnvCheckIcons, { result: envCheckResult }),
 	              " "
 	            )
@@ -9059,36 +9017,6 @@ module.exports =
 	                  value: creds[credType] || "",
 	                  onChange: onChange
 	                }),
-	                index === 0 && _react2.default.createElement(
-	                  Button,
-	                  {
-	                    type: "brand",
-	                    onClick: function onClick() {
-	                      return onCheck(creds);
-	                    },
-	                    style: {
-	                      marginLeft: 8,
-	                      marginBottom: 4,
-	                      height: 30,
-	                      lineHeight: "10px",
-	                      marginTop: -1
-	                    },
-	                    disabled: credsDisabledCheck
-	                  },
-	                  _react2.default.createElement(
-	                    "span",
-	                    {
-	                      style: {
-	                        display: "inline-block",
-	                        verticalAlign: "top",
-	                        marginTop: 3
-	                      }
-	                    },
-	                    "Test Connection"
-	                  ),
-	                  "\xA0\xA0",
-	                  _react2.default.createElement(Loop, null)
-	                ),
 	                credType === "password" && _react2.default.createElement(Key, {
 	                  showPass: _this2.state.showPass,
 	                  onClick: function onClick() {