@lingk/sync 0.1.3 → 0.1.4

package/build/lightning.js

@@ -866,7 +866,9 @@ module.exports =
 	      clickTableRow = _ref.clickTableRow,
 	      clearOneMapping = _ref.clearOneMapping,
 	      selectMapping = _ref.selectMapping,
-	      children = _ref.children;
+	      children = _ref.children,
+	      mode = _ref.mode,
+	      step = _ref.step;
 	
 	
 	  var childs;
@@ -876,6 +878,24 @@ module.exports =
 	    return _react2.default.createElement('div', null);
 	  }
 	
+	  var normalGroup = resourceGroups.filter(function (g) {
+	    return step.destinationProvider === g.provider;
+	  });
+	  var reverseGroup = resourceGroups.filter(function (g) {
+	    return step.sourceProvider === g.provider;
+	  });
+	
+	  var groups = mode === 'reverse' ? reverseGroup : normalGroup;
+	  var extraIndex = mode === 'reverse' ? normalGroup.length : 0;
+	
+	  var title = mode === 'reverse' ? step.destinationProvider + ' to ' + step.sourceProvider + ' Field Mappings' : step.sourceProvider + ' to ' + step.destinationProvider + ' Field Mappings';
+	
+	  var clearMapping = function clearMapping(i, mapping) {
+	    return clearOneMapping(i + extraIndex, mapping);
+	  };
+	
+	  if (mode === 'reverse' && !(reverseGroup && reverseGroup.length > 0)) return _react2.default.createElement('div', null);
+	
 	  return _react2.default.createElement(
 	    'div',
 	    null,
@@ -883,7 +903,7 @@ module.exports =
 	    _react2.default.createElement(
 	      'div',
 	      { style: { fontSize: '16px' } },
-	      'Field Mappings'
+	      title
 	    ),
 	    _react2.default.createElement(
 	      _reactLightningDesignSystem.Table,
@@ -919,24 +939,25 @@ module.exports =
 	      _react2.default.createElement(
 	        _reactLightningDesignSystem.TableBody,
 	        null,
-	        resourceGroups && resourceGroups.filter(function (g) {
+	        groups && groups.filter(function (g) {
 	          return g.resources;
 	        }).map(function (group, i) {
 	          return _react2.default.createElement(
 	            _reactLightningDesignSystem.TableRow,
 	            { key: i, onClick: function onClick() {
-	                return clickTableRow(i);
+	                return clickTableRow(i + extraIndex);
 	              },
-	              style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white', cursor: 'pointer' } },
+	              style: { background: i + extraIndex === resourceGroupIndex ? '#f4f6f9' : 'white',
+	                cursor: 'pointer' } },
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
 	              null,
-	              _react2.default.Children.count(children) > 0 ? _react2.default.cloneElement(childs[0], { group: group }) : null
+	              _react2.default.Children.count(children) > 0 ? _react2.default.cloneElement(childs[0], { group: group, step: step }) : null
 	            ),
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
 	              null,
-	              _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i, clearOneMapping: clearOneMapping }) : null
+	              _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i, clearMapping: clearMapping }) : null
 	            ),
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
@@ -946,7 +967,7 @@ module.exports =
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
 	              null,
-	              _react2.default.Children.count(children) > 3 ? _react2.default.cloneElement(childs[3], { group: group }) : null
+	              _react2.default.Children.count(children) > 3 ? _react2.default.cloneElement(childs[3], { group: group, step: step }) : null
 	            )
 	          );
 	        })
@@ -1710,7 +1731,8 @@ module.exports =
 	      _ref$meta = _ref.meta,
 	      touched = _ref$meta.touched,
 	      error = _ref$meta.error,
-	      checked = _ref.checked;
+	      checked = _ref.checked,
+	      style = _ref.style;
 	
 	  return _react2.default.createElement(
 	    'div',
@@ -1733,7 +1755,7 @@ module.exports =
 	      'span',
 	      { style: {
 	          verticalAlign: 'middle',
-	          color: input.checked ? '#16325c' : 'grey'
+	          color: style && style.color || '#16325c'
 	        } },
 	      label
 	    )