@lingk/sync 0.0.15 → 0.0.16

package/build/main.js

@@ -3191,6 +3191,7 @@ module.exports =
 	    _this.addDefaultDataEntity = _this.addDefaultDataEntity.bind(_this);
 	    _this.selectAll = _this.selectAll.bind(_this);
 	    _this.deselectAll = _this.deselectAll.bind(_this);
+	    _this.removeEntity = _this.removeEntity.bind(_this);
 	    return _this;
 	  }
 	
@@ -3233,7 +3234,8 @@ module.exports =
 	      var obj = Object.assign({}, includedFields) || {};
 	      obj[this.state.newEntity] = {};
 	      change(step.mode + 'Schema', obj);
-	      this.setState({ selectedDataEntity: this.state.newEntity, newEntity: '' });
+	      this.pickEntity(this.state.newEntity);
+	      this.setState({ newEntity: '' });
 	    }
 	  }, {
 	    key: 'addDefaultDataEntity',
@@ -3267,7 +3269,11 @@ module.exports =
 	
 	      var includedFields = formValues[step.mode + 'Schema'] || {};
 	      var obj = Object.assign({}, includedFields) || {};
-	      obj[this.state.selectedDataEntity] = step.defaultSchema[this.state.selectedDataEntity];
+	      var rsc = obj[this.state.selectedDataEntity] || {};
+	      Object.keys(rsc).forEach(function (field) {
+	        rsc[field] = true;
+	      });
+	      obj[this.state.selectedDataEntity] = rsc;
 	      change(step.mode + 'Schema', obj);
 	    }
 	  }, {
@@ -3278,9 +3284,27 @@ module.exports =
 	          step = _props6.step,
 	          formValues = _props6.formValues;
 	
+	      var includedFields = formValues[step.mode + 'Schema'] || {};
+	      var obj = Object.assign({}, includedFields) || {};
+	      var rsc = obj[this.state.selectedDataEntity] || {};
+	      Object.keys(rsc).forEach(function (field) {
+	        rsc[field] = false;
+	      });
+	      obj[this.state.selectedDataEntity] = rsc;
+	      change(step.mode + 'Schema', obj);
+	    }
+	  }, {
+	    key: 'removeEntity',
+	    value: function removeEntity(e, entity) {
+	      e.stopPropagation();
+	      var _props7 = this.props,
+	          change = _props7.change,
+	          step = _props7.step,
+	          formValues = _props7.formValues;
+	
 	      var includedFields = formValues[step.mode + 'Schema'] || {};
 	      var obj = Object.assign({}, includedFields);
-	      obj[this.state.selectedDataEntity] = {};
+	      delete obj[entity];
 	      change(step.mode + 'Schema', obj);
 	    }
 	  }, {
@@ -3288,29 +3312,19 @@ module.exports =
 	    value: function render() {
 	      var _this2 = this;
 	
-	      var _props7 = this.props,
-	          inputs = _props7.inputs,
-	          handleSubmit = _props7.handleSubmit,
-	          nav = _props7.nav,
-	          formValues = _props7.formValues,
-	          step = _props7.step,
-	          reset = _props7.reset,
-	          change = _props7.change;
+	      var _props8 = this.props,
+	          inputs = _props8.inputs,
+	          handleSubmit = _props8.handleSubmit,
+	          nav = _props8.nav,
+	          formValues = _props8.formValues,
+	          step = _props8.step,
+	          reset = _props8.reset,
+	          change = _props8.change;
 	
 	      var includedFields = formValues[step.mode + 'Schema'] || {};
 	      var Button = inputs.Button;
 	      var Input = inputs.Input;
 	      var Select = inputs.Select;
-	      var smallButtonStyle = {
-	        marginLeft: 4,
-	        height: 22,
-	        width: 68,
-	        lineHeight: '20px',
-	        padding: 0,
-	        verticalAlign: 'middle',
-	        marginBottom: 4,
-	        fontSize: 10
-	      };
 	      return _react2.default.createElement(
 	        'form',
 	        { onKeyPress: function onKeyPress(e) {
@@ -3371,16 +3385,17 @@ module.exports =
 	          _react2.default.createElement('br', null),
 	          _react2.default.createElement('br', null)
 	        ),
-	        this.state.selectedDataEntity ? _react2.default.createElement(
+	        includedFields && Object.keys(includedFields).length > 0 ? _react2.default.createElement(
 	          'div',
 	          { style: { position: 'relative', width: 550, marginLeft: 16 } },
-	          includedFields ? _react2.default.createElement(_schemaAccordion2.default, { values: includedFields,
+	          _react2.default.createElement(_schemaAccordion2.default, { values: includedFields,
 	            pickEntity: this.pickEntity, inputs: inputs, step: step,
 	            change: change, formValues: formValues,
 	            selectedEntity: this.state.selectedDataEntity,
 	            innerSelectedEntity: this.state.innerSelectedEntity,
-	            selectAll: this.selectAll, deselectAll: this.deselectAll
-	          }) : null,
+	            selectAll: this.selectAll, deselectAll: this.deselectAll,
+	            removeEntity: this.removeEntity
+	          }),
 	          _react2.default.createElement('br', null)
 	        ) : null,
 	        _react2.default.createElement(_navButtons2.default, { handleSubmit: handleSubmit, nav: nav, reset: reset, inputs: inputs }),
@@ -3477,7 +3492,7 @@ module.exports =
 	        'div',
 	        { ref: function ref(_ref) {
 	            _this2.main = _ref;
-	          }, id: 'main',
+	          },
 	          style: {
 	            background: 'white', height: 288, width: 350, overflow: 'scroll',
 	            border: '1px solid rgb(204, 205, 207)', padding: 12
@@ -3497,7 +3512,7 @@ module.exports =
 	                style: { height: 35 },
 	                onClick: function onClick() {
 	                  _this2.setState({ innerSelectedEntity: selectedEntity === entity && _this2.state.innerSelectedEntity === entity ? '' : entity });
-	                  _this2.scrollToTop(_this2.main, 18, i * 45 + 6);
+	                  _this2.scrollToTop(_this2.main, 18, i * 43 + 6);
 	                  pickEntity(entity);
 	                }
 	              },
@@ -3507,7 +3522,7 @@ module.exports =
 	              'div',
 	              { className: 'accordion-panel-collapse',
 	                style: {
-	                  height: _this2.state.innerSelectedEntity === entity ? Object.keys(values[entity]).length * 19 + 19 : 0
+	                  height: _this2.state.innerSelectedEntity === entity ? Object.keys(values[entity]).length * 18 + 19 : 0
 	                }
 	              },
 	              _react2.default.createElement('div', { style: { height: 9 } }),
@@ -3520,7 +3535,7 @@ module.exports =
 	                    style: {
 	                      paddingLeft: 5,
 	                      background: selectedField && selectedField === field ? '#dfe0e0' : 'initial',
-	                      fontWeight: mode === 'source' && mappings && Object.keys(mappings).includes(entity + '.' + field) ? 'bold' : 'normal',
+	                      fontWeight: mode === 'source' && mappings && Object.keys(mappings).includes(entity + '.' + field) || mode === 'destination' && mappings && Object.keys(mappings).includes(entity + '.' + field) ? 'bold' : 'normal',
 	                      color: mode === 'destination' && !selectedField ? 'grey' : 'black'
 	                    },
 	                    onClick: function onClick() {
@@ -3613,7 +3628,9 @@ module.exports =
 	    value: function newFieldKeyPress(e) {
 	      if (e.charCode === 13) {
 	        e.preventDefault();
-	        this.addCustomField(e);
+	        if (this.state.newField) {
+	          this.addCustomField(e);
+	        }
 	      }
 	    }
 	  }, {
@@ -3647,7 +3664,8 @@ module.exports =
 	          pickEntity = _props2.pickEntity,
 	          values = _props2.values,
 	          selectedEntity = _props2.selectedEntity,
-	          innerSelectedEntity = _props2.innerSelectedEntity;
+	          innerSelectedEntity = _props2.innerSelectedEntity,
+	          removeEntity = _props2.removeEntity;
 	
 	      var Button = inputs.Button;
 	      var Input = inputs.Input;
@@ -3665,7 +3683,7 @@ module.exports =
 	        'div',
 	        { ref: function ref(_ref) {
 	            _this2.main = _ref;
-	          }, id: 'main',
+	          },
 	          style: {
 	            background: 'white', height: 350, width: 550, overflow: 'scroll',
 	            border: '1px solid rgb(204, 205, 207)', padding: 12
@@ -3689,28 +3707,35 @@ module.exports =
 	                { style: { paddingTop: 8, overflow: 'hidden', display: 'inline-block', width: 227, textDecoration: 'inherit' } },
 	                entity
 	              ),
-	              _react2.default.createElement(
-	                _reactAddonsCssTransitionGroup2.default,
-	                { transitionName: 'panel', transitionEnterTimeout: 300, transitionLeaveTimeout: 300 },
-	                innerSelectedEntity === entity ? _react2.default.createElement(
-	                  'div',
-	                  { style: { display: 'inline-block', verticalAlign: 'top' }, className: 'transition' },
-	                  _react2.default.createElement(Input, { type: 'text', value: _this2.state.newField, disabled: !selectedEntity,
-	                    onChange: function onChange(e) {
-	                      return !e.target.value.includes('.') && e.target.value.charAt(0) !== ' ' ? _this2.setState({ newField: e.target.value }) : {};
-	                    },
-	                    style: { width: 200, display: 'inline-block' }, placeholder: 'Add Field', onKeyPress: _this2.newFieldKeyPress,
-	                    onClick: function onClick(e) {
-	                      return e.stopPropagation();
-	                    }
-	                  }),
-	                  _react2.default.createElement(
-	                    Button,
-	                    { type: 'neutral', onClick: _this2.addCustomField, disabled: !_this2.state.newField,
-	                      style: { marginLeft: 10 } },
-	                    'Add'
-	                  )
-	                ) : null
+	              innerSelectedEntity === entity ? _react2.default.createElement(
+	                'div',
+	                { style: { display: 'inline-block', verticalAlign: 'top' }, className: 'transition' },
+	                _react2.default.createElement(Input, { type: 'text', value: _this2.state.newField, disabled: !selectedEntity,
+	                  onChange: function onChange(e) {
+	                    return !e.target.value.includes('.') && e.target.value.charAt(0) !== ' ' ? _this2.setState({ newField: e.target.value }) : {};
+	                  },
+	                  style: { width: 200, display: 'inline-block' }, placeholder: 'Add Field', onKeyPress: _this2.newFieldKeyPress,
+	                  onClick: function onClick(e) {
+	                    return e.stopPropagation();
+	                  }
+	                }),
+	                _react2.default.createElement(
+	                  Button,
+	                  { type: 'neutral', onClick: _this2.addCustomField, disabled: !_this2.state.newField,
+	                    style: { marginLeft: 10 } },
+	                  'Add'
+	                )
+	              ) : _react2.default.createElement(
+	                'div',
+	                { className: 'accordion-panel-close', onClick: function onClick(e) {
+	                    return removeEntity(e, entity);
+	                  } },
+	                _react2.default.createElement(
+	                  'svg',
+	                  { style: { width: 18, height: 18 }, viewBox: '0 0 60 60' },
+	                  _react2.default.createElement('path', { style: { stroke: 'white', fill: 'white', strokeWidth: 5, strokeLinecap: 'round' },
+	                    d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
+	                )
 	              )
 	            ),
 	            _react2.default.createElement(
@@ -3756,7 +3781,7 @@ module.exports =
 	                'div',
 	                { className: 'accordion-panel-collapse',
 	                  style: {
-	                    height: values[entity] && innerSelectedEntity === entity ? Object.keys(values[entity]).length * 19 + 9 : 0
+	                    height: Object.keys(values[entity]).length * 19 + 9
 	                  }
 	                },
 	                Object.keys(values[entity]).filter(function (f) {