@lingk/sync 0.0.38 → 0.0.40

package/build/lightning.js

@@ -45,7 +45,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(19);
+	module.exports = __webpack_require__(25);
 
 
 /***/ },
@@ -55,17 +55,18 @@ module.exports =
 	module.exports = require("react");
 
 /***/ },
-/* 2 */,
-/* 3 */
+/* 2 */
 /***/ function(module, exports) {
 
 	module.exports = require("react-lightning-design-system");
 
 /***/ },
+/* 3 */,
 /* 4 */,
 /* 5 */,
 /* 6 */,
-/* 7 */
+/* 7 */,
+/* 8 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -78,7 +79,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -89,10 +90,14 @@ module.exports =
 	exports.default = I;
 
 /***/ },
-/* 8 */,
 /* 9 */,
 /* 10 */,
-/* 11 */
+/* 11 */,
+/* 12 */,
+/* 13 */,
+/* 14 */,
+/* 15 */,
+/* 16 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -105,7 +110,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -116,7 +121,7 @@ module.exports =
 	exports.default = B;
 
 /***/ },
-/* 12 */
+/* 17 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -131,9 +136,9 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
-	var _TransformationModal = __webpack_require__(18);
+	var _TransformationModal = __webpack_require__(24);
 	
 	var _TransformationModal2 = _interopRequireDefault(_TransformationModal);
 	
@@ -159,6 +164,59 @@ module.exports =
 	      val: ''
 	    };
 	    _this.hideModal = _this.hideModal.bind(_this);
+	    _this.icons = {
+	      forward: _react2.default.createElement(
+	        'svg',
+	        { fill: '#CCCCCC', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M12 8V4l8 8-8 8v-4H4V8z' }),
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })
+	      ),
+	      trim: _react2.default.createElement(
+	        'svg',
+	        { fill: '#000000', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	        _react2.default.createElement('circle', { cx: '6', cy: '18', fill: 'none', r: '2' }),
+	        _react2.default.createElement('circle', { cx: '12', cy: '12', fill: 'none', r: '.5' }),
+	        _react2.default.createElement('circle', { cx: '6', cy: '6', fill: 'none', r: '2' }),
+	        _react2.default.createElement('path', { d: 'M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z' })
+	      ),
+	      split: _react2.default.createElement(
+	        'svg',
+	        { fill: '#000000', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	        _react2.default.createElement('path', { d: 'M14 4l2.29 2.29-2.88 2.88 1.42 1.42 2.88-2.88L20 10V4zm-4 0H4v6l2.29-2.29 4.71 4.7V20h2v-8.41l-5.29-5.3z' })
+	      ),
+	      merge: _react2.default.createElement(
+	        'svg',
+	        { fill: '#000000', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	        _react2.default.createElement('path', { d: 'M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z' })
+	      ),
+	      date: _react2.default.createElement(
+	        'svg',
+	        { fill: '#000000', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z' }),
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })
+	      ),
+	      sigma: _react2.default.createElement(
+	        'svg',
+	        { fill: '#000000', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	        _react2.default.createElement('path', { d: 'M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z' })
+	      ),
+	      link: _react2.default.createElement(
+	        'svg',
+	        { fill: '#000000', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	        _react2.default.createElement('path', { d: 'M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z' })
+	      ),
+	      swap: _react2.default.createElement(
+	        'svg',
+	        { fill: '#000000', height: '19', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+	        _react2.default.createElement('path', { d: 'M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z' }),
+	        _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })
+	      )
+	    };
 	    return _this;
 	  }
 	
@@ -175,9 +233,10 @@ module.exports =
 	      var _this2 = this;
 	
 	      var _props = this.props,
-	          mappings = _props.mappings,
+	          resourceGroups = _props.resourceGroups,
 	          clearOneMapping = _props.clearOneMapping;
 	
+	
 	      return _react2.default.createElement(
 	        'div',
 	        null,
@@ -193,12 +252,12 @@ module.exports =
 	              _react2.default.createElement(
 	                _reactLightningDesignSystem.TableHeaderColumn,
 	                null,
-	                'Source Entity'
+	                'Source'
 	              ),
 	              _react2.default.createElement(
 	                _reactLightningDesignSystem.TableHeaderColumn,
 	                null,
-	                'Source Field'
+	                '\xA0\xA0\xA0\xA0\xA0\xA0\xA0Mapping'
 	              ),
 	              _react2.default.createElement(
 	                _reactLightningDesignSystem.TableHeaderColumn,
@@ -208,80 +267,122 @@ module.exports =
 	              _react2.default.createElement(
 	                _reactLightningDesignSystem.TableHeaderColumn,
 	                null,
-	                'Destination Entity'
-	              ),
-	              _react2.default.createElement(
-	                _reactLightningDesignSystem.TableHeaderColumn,
-	                null,
-	                'Destination Field'
-	              ),
-	              _react2.default.createElement(
-	                _reactLightningDesignSystem.TableHeaderColumn,
-	                null,
-	                _react2.default.createElement(
-	                  'div',
-	                  { style: { fontWeight: 'bold', textAlign: 'center' } },
-	                  'X'
-	                )
+	                'Destination'
 	              )
 	            )
 	          ),
 	          _react2.default.createElement(
 	            _reactLightningDesignSystem.TableBody,
 	            null,
-	            Object.keys(mappings).reverse().map(function (key, i) {
+	            resourceGroups && resourceGroups.filter(function (g) {
+	              return g.resources;
+	            }).map(function (group, i) {
 	              return _react2.default.createElement(
 	                _reactLightningDesignSystem.TableRow,
 	                { key: i },
-	                _react2.default.createElement(
-	                  _reactLightningDesignSystem.TableRowColumn,
-	                  null,
-	                  key.split('.')[0]
-	                ),
-	                _react2.default.createElement(
-	                  _reactLightningDesignSystem.TableRowColumn,
-	                  null,
-	                  key.split('.')[1]
-	                ),
 	                _react2.default.createElement(
 	                  _reactLightningDesignSystem.TableRowColumn,
 	                  null,
 	                  _react2.default.createElement(
 	                    'div',
-	                    { style: { cursor: 'pointer', textAlign: 'center' },
-	                      onClick: function onClick() {
-	                        return _this2.setState({ modal: true, key: key, val: mappings[key] });
+	                    { style: {
+	                        minHeight: group.resources.length * 19
 	                      } },
-	                    '\u25B6'
+	                    group.resources && group.resources.map(function (rsc, ii) {
+	                      var mapz = group.mappings && group.mappings.filter(function (m) {
+	                        return m.resourceFromName === rsc.name;
+	                      });
+	                      var fieldNum = mapz ? mapz.length : 0;
+	                      return _react2.default.createElement(
+	                        'div',
+	                        { key: ii, style: {
+	                            marginTop: ii !== 0 ? 10 : 0,
+	                            height: fieldNum * 19,
+	                            minHeight: 18
+	                          } },
+	                        _react2.default.createElement(
+	                          'strong',
+	                          null,
+	                          rsc.name
+	                        )
+	                      );
+	                    })
 	                  )
 	                ),
 	                _react2.default.createElement(
 	                  _reactLightningDesignSystem.TableRowColumn,
 	                  null,
-	                  mappings[key].split('.')[0]
+	                  group.resources && group.resources.map(function (rsc, iii) {
+	                    var mapz = group.mappings && group.mappings.filter(function (m) {
+	                      return m.resourceFromName === rsc.name;
+	                    });
+	                    return _react2.default.createElement(
+	                      'div',
+	                      { key: iii, style: {
+	                          marginTop: iii !== 0 ? 10 : 0,
+	                          minHeight: 18
+	                        } },
+	                      mapz && mapz.map(function (m, iv) {
+	                        return _react2.default.createElement(
+	                          'div',
+	                          { key: iv, style: { height: 19 } },
+	                          _react2.default.createElement(
+	                            'div',
+	                            { className: 'x-clear-mapping',
+	                              onClick: function onClick() {
+	                                clearOneMapping(i, m);
+	                              } },
+	                            'x'
+	                          ),
+	                          _react2.default.createElement(
+	                            'div',
+	                            { className: 'mapping-entry' },
+	                            m.propertyFromName + ' \u2192 ' + m.propertyToName
+	                          )
+	                        );
+	                      })
+	                    );
+	                  })
 	                ),
 	                _react2.default.createElement(
 	                  _reactLightningDesignSystem.TableRowColumn,
 	                  null,
-	                  mappings[key].split('.')[1]
+	                  group.resources && group.resources.map(function (rsc, iii) {
+	                    var mapz = group.mappings && group.mappings.filter(function (m) {
+	                      return m.resourceFromName === rsc.name;
+	                    });
+	                    return _react2.default.createElement(
+	                      'div',
+	                      { key: iii, style: {
+	                          marginTop: iii !== 0 ? 10 : 0,
+	                          minHeight: 18
+	                        } },
+	                      mapz && mapz.map(function (m, iv) {
+	                        return _react2.default.createElement(
+	                          'div',
+	                          { key: iv, className: 'map-table-transform-icon', onClick: function onClick() {
+	                              return _this2.setState({ modal: true, mapping: m });
+	                            } },
+	                          _this2.icons.forward
+	                        );
+	                      })
+	                    );
+	                  })
 	                ),
 	                _react2.default.createElement(
 	                  _reactLightningDesignSystem.TableRowColumn,
 	                  null,
 	                  _react2.default.createElement(
-	                    'div',
-	                    { style: { cursor: "pointer", textAlign: 'center', color: '#d43f3a', fontWeight: 'bold' },
-	                      onClick: function onClick() {
-	                        clearOneMapping(key);
-	                      } },
-	                    'X'
+	                    'strong',
+	                    { style: { fontSize: 16, whiteSpace: 'wrap' } },
+	                    group.name
 	                  )
 	                )
 	              );
 	            })
 	          )
 	        ),
-	        this.state.modal ? _react2.default.createElement(_TransformationModal2.default, { hideModal: this.hideModal, field: this.state.key, val: this.state.val, opened: this.state.modal }) : null
+	        this.state.modal ? _react2.default.createElement(_TransformationModal2.default, { hideModal: this.hideModal, mapping: this.state.mapping, opened: this.state.modal }) : null
 	      );
 	    }
 	  }]);
@@ -292,7 +393,7 @@ module.exports =
 	exports.default = MapTable;
 
 /***/ },
-/* 13 */
+/* 18 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -305,7 +406,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -369,7 +470,7 @@ module.exports =
 	exports.default = PreviewTable;
 
 /***/ },
-/* 14 */
+/* 19 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -382,7 +483,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -407,7 +508,7 @@ module.exports =
 	exports.default = RadioGroupy;
 
 /***/ },
-/* 15 */
+/* 20 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -420,7 +521,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -430,38 +531,47 @@ module.exports =
 	      onSelect = props.onSelect,
 	      label = props.label,
 	      title = props.title,
-	      selectedValues = props.selectedValues;
+	      selectedValues = props.selectedValues,
+	      type = props.type,
+	      menuAlign = props.menuAlign,
+	      style = props.style,
+	      onClick = props.onClick,
+	      extraClass = props.extraClass;
+	
 	
+	  var extraClassy = extraClass ? ' extra-select-button-class' : '';
 	
 	  return _react2.default.createElement(
 	    'div',
-	    null,
-	    _react2.default.createElement(
+	    { onClick: onClick },
+	    title && _react2.default.createElement(
 	      'label',
 	      { className: 'slds-form-element__label' },
 	      title
 	    ),
-	    _react2.default.createElement('br', null),
 	    _react2.default.createElement(
 	      'div',
 	      { style: { marginLeft: '-.25rem' } },
 	      _react2.default.createElement(
 	        _reactLightningDesignSystem.DropdownButton,
-	        { menuSize: 'small', value: selectedDataEntity,
-	          onMenuItemClick: function onMenuItemClick(e) {
-	            onSelect(e.value);
-	          },
-	          type: 'brand', required: true,
-	          label: label,
-	          menuStyle: { maxHeight: 297, overflowY: 'scroll' },
-	          style: { width: 245 }
+	        { menuSize: 'small', value: selectedDataEntity, style: style,
+	          type: type, required: true, menuAlign: menuAlign, label: label, className: 'select-dropdown-button' + extraClassy,
+	          menuStyle: { maxHeight: 273, overflowY: 'scroll', marginBottom: 5, boxShadow: '0 2px 3px 0 rgba(0, 0, 0, 0.36)' }
 	        },
-	        values && Object.keys(values).map(function (key, i) {
+	        values && values.map(function (val, i) {
 	          return _react2.default.createElement(
 	            _reactLightningDesignSystem.MenuItem,
-	            { value: key, key: i,
-	              icon: selectedValues && Object.keys(selectedValues).includes(key) ? 'check' : 'none' },
-	            key
+	            { value: val.name, key: i, onClick: function onClick() {
+	                if (!selectedValues || !selectedValues.find(function (sel) {
+	                  return sel.name === val.name;
+	                })) {
+	                  onSelect(val.name, i);
+	                }
+	              },
+	              icon: selectedValues && selectedValues.some(function (rsc) {
+	                return rsc.name === val.name;
+	              }) ? 'check' : 'none' },
+	            val.name
 	          );
 	        })
 	      )
@@ -472,7 +582,7 @@ module.exports =
 	exports.default = Select;
 
 /***/ },
-/* 16 */
+/* 21 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -485,7 +595,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -515,7 +625,7 @@ module.exports =
 	exports.default = Sidebar;
 
 /***/ },
-/* 17 */
+/* 22 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -546,7 +656,51 @@ module.exports =
 	exports.default = Spinner;
 
 /***/ },
-/* 18 */
+/* 23 */
+/***/ 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 Tooltip = function Tooltip(props) {
+	
+	  return _react2.default.createElement(
+	    'div',
+	    { className: 'help-tooltip' },
+	    _react2.default.createElement(
+	      'div',
+	      { className: 'help-tooltip-q' },
+	      '?'
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      { className: 'help-tooltip-pop' },
+	      _react2.default.createElement(
+	        _reactLightningDesignSystem.Popover,
+	        { hidden: false, position: 'right-top', tooltip: true },
+	        _react2.default.Children.count(props.children) > 0 ? _react2.default.Children.map(props.children, function (child) {
+	          return _react2.default.cloneElement(child);
+	        }) : null
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = Tooltip;
+
+/***/ },
+/* 24 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -561,13 +715,13 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
-	var _RadioGroup = __webpack_require__(14);
+	var _RadioGroup = __webpack_require__(19);
 	
 	var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
 	
-	var _Input = __webpack_require__(7);
+	var _Input = __webpack_require__(8);
 	
 	var _Input2 = _interopRequireDefault(_Input);
 	
@@ -619,8 +773,7 @@ module.exports =
 	
 	      var _props = this.props,
 	          opened = _props.opened,
-	          field = _props.field,
-	          val = _props.val,
+	          mapping = _props.mapping,
 	          hideModal = _props.hideModal;
 	
 	
@@ -643,9 +796,9 @@ module.exports =
 	              _react2.default.createElement(
 	                'div',
 	                null,
-	                field.replace('.', ': '),
+	                mapping.resourceFromName + ': ' + mapping.propertyFromName,
 	                '\xA0\xA0\u2192\xA0\xA0',
-	                val.replace('.', ': ')
+	                mapping.resourceToName + ': ' + mapping.propertyToName
 	              ),
 	              _react2.default.createElement('br', null),
 	              _react2.default.createElement(
@@ -743,7 +896,7 @@ module.exports =
 	exports.default = TransformationModal;
 
 /***/ },
-/* 19 */
+/* 25 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -752,7 +905,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Sidebar = __webpack_require__(16);
+	var _Sidebar = __webpack_require__(21);
 	
 	Object.defineProperty(exports, 'Sidebar', {
 	  enumerable: true,
@@ -761,7 +914,7 @@ module.exports =
 	  }
 	});
 	
-	var _Button = __webpack_require__(11);
+	var _Button = __webpack_require__(16);
 	
 	Object.defineProperty(exports, 'Button', {
 	  enumerable: true,
@@ -770,7 +923,7 @@ module.exports =
 	  }
 	});
 	
-	var _Input = __webpack_require__(7);
+	var _Input = __webpack_require__(8);
 	
 	Object.defineProperty(exports, 'Input', {
 	  enumerable: true,
@@ -779,7 +932,7 @@ module.exports =
 	  }
 	});
 	
-	var _Spinner = __webpack_require__(17);
+	var _Spinner = __webpack_require__(22);
 	
 	Object.defineProperty(exports, 'Spinner', {
 	  enumerable: true,
@@ -788,7 +941,7 @@ module.exports =
 	  }
 	});
 	
-	var _Select = __webpack_require__(15);
+	var _Select = __webpack_require__(20);
 	
 	Object.defineProperty(exports, 'Select', {
 	  enumerable: true,
@@ -797,7 +950,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfInput = __webpack_require__(21);
+	var _rfInput = __webpack_require__(27);
 	
 	Object.defineProperty(exports, 'rfInput', {
 	  enumerable: true,
@@ -806,7 +959,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfRadioGroup = __webpack_require__(22);
+	var _rfRadioGroup = __webpack_require__(28);
 	
 	Object.defineProperty(exports, 'rfRadioGroup', {
 	  enumerable: true,
@@ -815,7 +968,7 @@ module.exports =
 	  }
 	});
 	
-	var _rfCheckbox = __webpack_require__(20);
+	var _rfCheckbox = __webpack_require__(26);
 	
 	Object.defineProperty(exports, 'rfCheckbox', {
 	  enumerable: true,
@@ -824,7 +977,16 @@ module.exports =
 	  }
 	});
 	
-	var _MapTable = __webpack_require__(12);
+	var _rfSelect = __webpack_require__(29);
+	
+	Object.defineProperty(exports, 'rfSelect', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_rfSelect).default;
+	  }
+	});
+	
+	var _MapTable = __webpack_require__(17);
 	
 	Object.defineProperty(exports, 'MapTable', {
 	  enumerable: true,
@@ -833,7 +995,7 @@ module.exports =
 	  }
 	});
 	
-	var _PreviewTable = __webpack_require__(13);
+	var _PreviewTable = __webpack_require__(18);
 	
 	Object.defineProperty(exports, 'PreviewTable', {
 	  enumerable: true,
@@ -842,7 +1004,16 @@ module.exports =
 	  }
 	});
 	
-	var _theme = __webpack_require__(53);
+	var _Tooltip = __webpack_require__(23);
+	
+	Object.defineProperty(exports, 'Tooltip', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_Tooltip).default;
+	  }
+	});
+	
+	var _theme = __webpack_require__(60);
 	
 	Object.defineProperty(exports, 'styles', {
 	  enumerable: true,
@@ -854,7 +1025,7 @@ module.exports =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
-/* 20 */
+/* 26 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -867,7 +1038,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -876,13 +1047,14 @@ module.exports =
 	      disabled = _ref.disabled,
 	      label = _ref.label,
 	      required = _ref.required,
+	      externalKey = _ref.externalKey,
 	      _ref$meta = _ref.meta,
 	      touched = _ref$meta.touched,
 	      error = _ref$meta.error;
 	
 	  return _react2.default.createElement(
 	    'div',
-	    null,
+	    { className: 'schema-checkbox' },
 	    _react2.default.createElement(
 	      'div',
 	      { style: { width: 20, display: 'inline-block' } },
@@ -902,7 +1074,7 @@ module.exports =
 	      { style: {
 	          verticalAlign: 'middle',
 	          color: input.checked ? '#16325c' : 'grey'
-	        } },
+	        }, className: externalKey === label ? "schema-field-bold" : "" },
 	      label
 	    ),
 	    input.checked && false ? _react2.default.createElement(
@@ -916,7 +1088,7 @@ module.exports =
 	exports.default = rfCheckbox;
 
 /***/ },
-/* 21 */
+/* 27 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -929,7 +1101,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -965,7 +1137,7 @@ module.exports =
 	exports.default = rfInput;
 
 /***/ },
-/* 22 */
+/* 28 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -978,7 +1150,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(2);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -1000,13 +1172,75 @@ module.exports =
 	exports.default = rfRadioGroup;
 
 /***/ },
-/* 23 */,
-/* 24 */,
-/* 25 */,
-/* 26 */,
-/* 27 */,
-/* 28 */,
-/* 29 */,
+/* 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 rfSelect = function rfSelect(props) {
+	  var values = props.values,
+	      selectedDataEntity = props.selectedDataEntity,
+	      defaultLabel = props.defaultLabel,
+	      title = props.title,
+	      selectedValue = props.selectedValue,
+	      menuAlign = props.menuAlign,
+	      input = props.input,
+	      onClick = props.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' } },
+	      _react2.default.createElement(
+	        _reactLightningDesignSystem.DropdownButton,
+	        { menuSize: 'small', value: selectedDataEntity, type: 'brand',
+	          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)' },
+	          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'
+	        ),
+	        values && values.map(function (val, i) {
+	          return _react2.default.createElement(
+	            _reactLightningDesignSystem.MenuItem,
+	            { value: val.name, key: i, onClick: function onClick() {
+	                return input.onChange(val.name);
+	              },
+	              icon: selectedValue === val.name ? 'check' : 'none', style: { height: 20, padding: '1px 8px' } },
+	            val.name
+	          );
+	        })
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = rfSelect;
+
+/***/ },
 /* 30 */,
 /* 31 */,
 /* 32 */,
@@ -1030,7 +1264,14 @@ module.exports =
 /* 50 */,
 /* 51 */,
 /* 52 */,
-/* 53 */
+/* 53 */,
+/* 54 */,
+/* 55 */,
+/* 56 */,
+/* 57 */,
+/* 58 */,
+/* 59 */,
+/* 60 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin