@lingk/sync 1.0.69 → 1.0.71

package/build/credentialSections.js

@@ -486,6 +486,8 @@ module.exports =
 	  value: true
 	});
 	
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+	
 	var _react = __webpack_require__(1);
 	
 	var _react2 = _interopRequireDefault(_react);
@@ -494,6 +496,12 @@ module.exports =
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+	
+	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; }
+	
 	// SKIP ON SERVER-SIDE RENDERING
 	var codemirror = null;
 	if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
@@ -507,96 +515,125 @@ module.exports =
 	  });
 	}
 	
-	var Google = function Google(props) {
-	  var config = props.config,
-	      creds = props.creds,
-	      onChange = props.onChange,
-	      credsDisabledCheck = props.credsDisabledCheck,
-	      inputs = props.inputs,
-	      onCheck = props.onCheck;
+	var Google = function (_Component) {
+	  _inherits(Google, _Component);
+	
+	  function Google() {
+	    _classCallCheck(this, Google);
 	
-	  var Input = inputs.Input;
-	  var Button = inputs.Button;
-	  var Select = inputs.Select;
-	  var CodeMirror = codemirror && codemirror.Controlled;
+	    var _this = _possibleConstructorReturn(this, (Google.__proto__ || Object.getPrototypeOf(Google)).call(this));
 	
-	  var CloudSQLTypes = [{ name: 'Postgres', satisfiesSearch: true }, { name: 'MySQL', satisfiesSearch: true }];
+	    _this.state = {
+	      showPass: false
+	    };
+	    return _this;
+	  }
 	
-	  var onlyJson = config.credentials && config.credentials.length === 1 && config.credentials[0] === 'json';
+	  _createClass(Google, [{
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
 	
-	  return _react2.default.createElement(
-	    'div',
-	    null,
-	    config.credentials && _react2.default.createElement(
-	      'div',
-	      { style: { marginLeft: 1 } },
-	      _react2.default.createElement(
-	        'label',
-	        { htmlFor: 'creds' },
-	        config.label || config.type,
-	        ' Credentials'
-	      ),
-	      _react2.default.createElement('br', null),
-	      _react2.default.createElement(
+	      var _props = this.props,
+	          config = _props.config,
+	          creds = _props.creds,
+	          onChange = _props.onChange,
+	          credsDisabledCheck = _props.credsDisabledCheck,
+	          inputs = _props.inputs,
+	          onCheck = _props.onCheck;
+	
+	      var Input = inputs.Input;
+	      var Button = inputs.Button;
+	      var Select = inputs.Select;
+	      var CodeMirror = codemirror && codemirror.Controlled;
+	
+	      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';
+	
+	      return _react2.default.createElement(
 	        'div',
-	        { style: { display: 'inline-block', marginLeft: 16, width: '100%' } },
-	        config.credentials.map(function (credType, index) {
-	          return _react2.default.createElement(
+	        null,
+	        config.credentials && _react2.default.createElement(
+	          'div',
+	          { style: { marginLeft: 1 } },
+	          _react2.default.createElement(
+	            'label',
+	            { htmlFor: 'creds' },
+	            config.label || config.type,
+	            ' Credentials'
+	          ),
+	          _react2.default.createElement('br', null),
+	          _react2.default.createElement(
 	            '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)'
-	            ),
-	            _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,
-	                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' }
-	              })
-	            ) : _react2.default.createElement(CodeMirror, { value: creds[credType],
-	              className: 'env-creds-json-codemirror',
-	              options: {
-	                lineNumbers: true,
-	                theme: 'default',
-	                mode: 'javascript',
-	                dragDrop: true
-	              },
-	              onBeforeChange: function onBeforeChange(e, d, v) {
-	                return onChange({ target: { name: credType, value: v } });
-	              }
-	            }),
-	            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)
-	            )
-	          );
-	        })
-	      )
-	    )
-	  );
-	};
+	            { 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%' } },
+	                _react2.default.createElement(
+	                  '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',
+	                    onSelect: function onSelect(v) {
+	                      return onChange({ target: { name: credType, value: v } });
+	                    },
+	                    size: 'small', style: { width: 160, height: 31, textAlign: 'left' }
+	                  })
+	                ) : _react2.default.createElement(CodeMirror, { value: creds[credType],
+	                  className: 'env-creds-json-codemirror',
+	                  options: {
+	                    lineNumbers: true,
+	                    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,
+	                  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)
+	                )
+	              );
+	            })
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return Google;
+	}(_react.Component);
 	
 	var Loop = function Loop() {
 	  return _react2.default.createElement(
@@ -608,6 +645,19 @@ module.exports =
 	  );
 	};
 	
+	var Key = function Key(_ref) {
+	  var onClick = _ref.onClick,
+	      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' })
+	  );
+	};
+	
 	exports.default = Google;
 
 /***/ },