@lingk/sync 0.0.42 → 0.0.43

package/build/css/lightning.css

@@ -114,4 +114,37 @@ ul li, ol li {
 }
 
 
+.rf-picklist-dropdown-button{
+  font-weight:normal;
+}
+.rf-picklist-dropdown-button > button{
+  max-width: 124px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  padding-right:30px;
+  border: 1px solid transparent;
+  background: transparent;
+}
+.rf-picklist-dropdown-button > button > svg{
+  float: right;
+  position: absolute;
+  right: 10px;
+  top: 9px;
+}
+.rf-picklist-button-unselected > button{
+  font-weight: bold;
+}
+
+.rf-picklist-wrap .slds-dropdown{
+  max-height: 273px;
+  overflow-y: scroll;
+  margin-bottom: 12px;
+  right: 0;
+  left: auto;
+}
+
+
+
+
 /*# sourceMappingURL=lightning.css.map*/

package/build/css/main.css

@@ -134,6 +134,7 @@ body{
   border-bottom: 1px solid rgb(204, 205, 207);
   border-top: 1px solid rgb(204, 205, 207);
   margin-top:-1px;
+  padding: 8px 16px 5px 16px;
 }
 .bundle-table-row:hover{
   background:#f4f6f9;
@@ -145,10 +146,6 @@ body{
   position: absolute;
 }
 
-.bundle-table-dragger{
-  padding:8px 16px 5px 16px;
-}
-
 .schema-checkbox{
   display: inline-block;
 }
@@ -216,12 +213,12 @@ body{
           user-select:none;
 }
 .schema-group-dots{
-  width: 72%;
+  width: 63%;
   margin: 28px 0px 0px 120px;
 }
 .schema-group-dot{
   width:6px;
-  height:6px;
+  height:7px;
   margin:2px;
   display: inline-block;
   background:#0070d2;
@@ -250,8 +247,7 @@ body{
   cursor: pointer;
   display: inline-block;
   vertical-align: top;
-  margin-top: -5px;
-  margin-right: 8px;
+  float:right;
 }
 .remove-resource-group:hover + .schema-group-nav{
   color: #AA0000;
@@ -336,28 +332,28 @@ body{
 }
 
 .help-tooltip{
-  position: absolute;
-  right:40px;
-  top:27px;
+  display: inline-block;
+  margin-left:8px;
+  position: relative;
 }
 .help-tooltip-q{
-  float: right;
-  height: 32px;
-  width: 32px;
-  background: black;
-  border-radius: 50%;
+  height: 14px;
+  width: 14px;
+  background: #54698d;
+  border-radius: 100%;
   color: white;
-  font-size: 18px;
-  padding: 3px;
+  font-size: 10px;
   text-align: center;
-  cursor: pointer;
-  margin-top:8px;
+  cursor: default;
+  font-weight: bold;
 }
 .help-tooltip-q:hover{
   background: #0070d2;
 }
 .help-tooltip-pop{
-  margin-right:48px;
+  position: absolute;
+  left:32px;
+  top:-16px;
 }
 .help-tooltip-q + .help-tooltip-pop{
   display:none;
@@ -487,5 +483,4 @@ body{
   z-index: 9999 !important;
   position:relative;
 }
-
 /*# sourceMappingURL=main.css.map*/

package/build/lightning.js

@@ -72,7 +72,99 @@ module.exports =
 /* 11 */,
 /* 12 */,
 /* 13 */,
-/* 14 */,
+/* 14 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _reactLightningDesignSystem = __webpack_require__(2);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var BundleTable = function BundleTable(_ref) {
+	  var resourceGroups = _ref.resourceGroups,
+	      resourceGroupIndex = _ref.resourceGroupIndex,
+	      removeResourceGroup = _ref.removeResourceGroup,
+	      clickTableRow = _ref.clickTableRow,
+	      children = _ref.children;
+	
+	
+	  var childs;
+	  if (_react2.default.Children.count(children) > 0) {
+	    childs = _react2.default.Children.toArray(children);
+	  } else {
+	    return _react2.default.createElement('div', null);
+	  }
+	
+	  return _react2.default.createElement(
+	    'div',
+	    null,
+	    _react2.default.createElement('br', null),
+	    _react2.default.createElement(
+	      _reactLightningDesignSystem.Table,
+	      { bordered: true, wrapperStyle: { overflow: 'visible' } },
+	      _react2.default.createElement(
+	        _reactLightningDesignSystem.TableHeader,
+	        null,
+	        _react2.default.createElement(
+	          _reactLightningDesignSystem.TableRow,
+	          null,
+	          _react2.default.createElement(
+	            _reactLightningDesignSystem.TableHeaderColumn,
+	            null,
+	            'Source Objects'
+	          ),
+	          _react2.default.createElement(
+	            _reactLightningDesignSystem.TableHeaderColumn,
+	            null,
+	            'Destination Objects'
+	          ),
+	          _react2.default.createElement(_reactLightningDesignSystem.TableHeaderColumn, null)
+	        )
+	      ),
+	      _react2.default.createElement(
+	        _reactLightningDesignSystem.TableBody,
+	        null,
+	        resourceGroups && resourceGroups.map(function (group, i) {
+	          return _react2.default.createElement(
+	            _reactLightningDesignSystem.TableRow,
+	            { key: i, onClick: function onClick() {
+	                return clickTableRow(i);
+	              },
+	              style: { background: i === 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.createElement(
+	              _reactLightningDesignSystem.TableRowColumn,
+	              { truncate: false },
+	              _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i }) : null
+	            ),
+	            _react2.default.createElement(
+	              _reactLightningDesignSystem.TableRowColumn,
+	              null,
+	              _react2.default.Children.count(children) > 2 ? _react2.default.cloneElement(childs[2], { group: group, i: i, removeResourceGroup: removeResourceGroup }) : null
+	            )
+	          );
+	        })
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = BundleTable;
+
+/***/ },
 /* 15 */
 /***/ function(module, exports, __webpack_require__) {
 
@@ -194,6 +286,8 @@ module.exports =
 	
 	var MapTable = function MapTable(_ref) {
 	  var resourceGroups = _ref.resourceGroups,
+	      resourceGroupIndex = _ref.resourceGroupIndex,
+	      clickTableRow = _ref.clickTableRow,
 	      clearOneMapping = _ref.clearOneMapping,
 	      selectMapping = _ref.selectMapping,
 	      children = _ref.children;
@@ -209,9 +303,10 @@ module.exports =
 	  return _react2.default.createElement(
 	    'div',
 	    null,
+	    _react2.default.createElement('br', null),
 	    _react2.default.createElement(
 	      _reactLightningDesignSystem.Table,
-	      { striped: true, bordered: true },
+	      { bordered: true },
 	      _react2.default.createElement(
 	        _reactLightningDesignSystem.TableHeader,
 	        null,
@@ -248,7 +343,11 @@ module.exports =
 	        }).map(function (group, i) {
 	          return _react2.default.createElement(
 	            _reactLightningDesignSystem.TableRow,
-	            { key: i },
+	            { key: i, onClick: function onClick() {
+	                return clickTableRow(i);
+	              },
+	              style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white', cursor: 'pointer' } },
+	            '>',
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
 	              null,
@@ -562,12 +661,15 @@ module.exports =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	var Tooltip = function Tooltip(_ref) {
-	  var children = _ref.children;
+	  var children = _ref.children,
+	      nubbin = _ref.nubbin,
+	      popStyle = _ref.popStyle,
+	      wrapStyle = _ref.wrapStyle;
 	
 	
 	  return _react2.default.createElement(
 	    'div',
-	    { className: 'help-tooltip' },
+	    { className: 'help-tooltip', style: wrapStyle },
 	    _react2.default.createElement(
 	      'div',
 	      { className: 'help-tooltip-q' },
@@ -578,7 +680,7 @@ module.exports =
 	      { className: 'help-tooltip-pop' },
 	      _react2.default.createElement(
 	        _reactLightningDesignSystem.Popover,
-	        { hidden: false, position: 'right-top', tooltip: true },
+	        { hidden: false, position: nubbin, tooltip: true, style: popStyle },
 	        _react2.default.Children.count(children) > 0 ? _react2.default.Children.map(children, function (child) {
 	          return _react2.default.cloneElement(child);
 	        }) : null
@@ -653,7 +755,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfRadioGroup = __webpack_require__(28);
+	var _rfRadioGroup = __webpack_require__(29);
 	
 	Object.defineProperty(exports, 'rfRadioGroup', {
 	  enumerable: true,
@@ -671,7 +773,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfSelect = __webpack_require__(29);
+	var _rfSelect = __webpack_require__(30);
 	
 	Object.defineProperty(exports, 'rfSelect', {
 	  enumerable: true,
@@ -689,6 +791,15 @@ module.exports =
 	  }
 	});
 	
+	var _BundleTable = __webpack_require__(14);
+	
+	Object.defineProperty(exports, 'BundleTable', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_BundleTable).default;
+	  }
+	});
+	
 	var _PreviewTable = __webpack_require__(19);
 	
 	Object.defineProperty(exports, 'PreviewTable', {
@@ -716,7 +827,7 @@ module.exports =
 	  }
 	});
 	
-	var _theme = __webpack_require__(62);
+	var _theme = __webpack_require__(63);
 	
 	Object.defineProperty(exports, 'styles', {
 	  enumerable: true,
@@ -733,6 +844,15 @@ module.exports =
 	    return _interopRequireDefault(_RadioGroup).default;
 	  }
 	});
+	
+	var _rfPicklist = __webpack_require__(28);
+	
+	Object.defineProperty(exports, 'rfPicklist', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_rfPicklist).default;
+	  }
+	});
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -866,6 +986,70 @@ module.exports =
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
+	var rfSelect = function rfSelect(_ref) {
+	  var values = _ref.values,
+	      defaultLabel = _ref.defaultLabel,
+	      title = _ref.title,
+	      selectedValue = _ref.selectedValue,
+	      input = _ref.input,
+	      onClick = _ref.onClick;
+	
+	  return _react2.default.createElement(
+	    'div',
+	    { onClick: onClick },
+	    title && _react2.default.createElement(
+	      'label',
+	      { className: 'slds-form-element__label' },
+	      title
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      { style: { marginLeft: '-.25rem' }, className: 'rf-picklist-wrap' },
+	      _react2.default.createElement(
+	        _reactLightningDesignSystem.Picklist,
+	        { menuSize: 'small', value: selectedValue ? selectedValue : defaultLabel,
+	          className: 'rf-picklist-dropdown-button' + (selectedValue ? "" : " rf-picklist-button-unselected")
+	        },
+	        _react2.default.createElement(
+	          _reactLightningDesignSystem.PicklistItem,
+	          { disabled: true, style: { height: 20, padding: '1px 8px', color: '#AAAAAA', fontWeight: 'bold', marginBottom: 4 } },
+	          defaultLabel
+	        ),
+	        values && values.map(function (val, i) {
+	          return _react2.default.createElement(
+	            _reactLightningDesignSystem.PicklistItem,
+	            { value: val.label, key: i, onClick: function onClick() {
+	                return input.onChange(val.label);
+	              },
+	              icon: selectedValue === val.label ? 'check' : 'none', style: { height: 20, padding: '1px 8px' } },
+	            val.label
+	          );
+	        })
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = rfSelect;
+
+/***/ },
+/* 29 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _reactLightningDesignSystem = __webpack_require__(2);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
 	var rfRadioGroup = function rfRadioGroup(_ref) {
 	  var input = _ref.input,
 	      label = _ref.label,
@@ -885,7 +1069,7 @@ module.exports =
 	exports.default = rfRadioGroup;
 
 /***/ },
-/* 29 */
+/* 30 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -910,7 +1094,8 @@ module.exports =
 	      selectedValue = _ref.selectedValue,
 	      menuAlign = _ref.menuAlign,
 	      input = _ref.input,
-	      onClick = _ref.onClick;
+	      onClick = _ref.onClick,
+	      colorType = _ref.colorType;
 	
 	  return _react2.default.createElement(
 	    'div',
@@ -925,16 +1110,17 @@ module.exports =
 	      { style: { marginLeft: '-.25rem' } },
 	      _react2.default.createElement(
 	        _reactLightningDesignSystem.DropdownButton,
-	        { menuSize: 'small', value: selectedDataEntity, type: 'brand',
+	        { menuSize: 'small', value: selectedDataEntity, type: colorType,
 	          required: true, menuAlign: menuAlign,
 	          label: selectedValue ? selectedValue : defaultLabel,
-	          menuStyle: { maxHeight: 273, overflowY: 'scroll', marginBottom: 5, boxShadow: '0 2px 3px 0 rgba(0, 0, 0, 0.36)' },
+	          menuStyle: { maxHeight: 273, overflowY: 'scroll', marginBottom: 5,
+	            boxShadow: '0 2px 3px 0 rgba(0, 0, 0, 0.36)' },
 	          className: 'rf-select-dropdown-button' + (selectedValue ? "" : " rf-select-button-unselected")
 	        },
 	        _react2.default.createElement(
 	          _reactLightningDesignSystem.MenuItem,
 	          { disabled: true, style: { height: 20, padding: '1px 8px', color: '#AAAAAA', fontWeight: 'bold', marginBottom: 4 } },
-	          'Choose Group Key'
+	          defaultLabel
 	        ),
 	        values && values.map(function (val, i) {
 	          return _react2.default.createElement(
@@ -954,7 +1140,6 @@ module.exports =
 	exports.default = rfSelect;
 
 /***/ },
-/* 30 */,
 /* 31 */,
 /* 32 */,
 /* 33 */,
@@ -986,7 +1171,8 @@ module.exports =
 /* 59 */,
 /* 60 */,
 /* 61 */,
-/* 62 */
+/* 62 */,
+/* 63 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin