@lingk/sync 0.0.74 → 0.0.76

package/build/lingk.js

@@ -46,7 +46,7 @@ module.exports =
 /***/ 0:
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(172);
+	module.exports = __webpack_require__(171);
 
 
 /***/ },
@@ -58,14 +58,14 @@ module.exports =
 
 /***/ },
 
-/***/ 140:
+/***/ 7:
 /***/ function(module, exports) {
 
 	module.exports = require("react-bootstrap");
 
 /***/ },
 
-/***/ 165:
+/***/ 161:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -78,47 +78,161 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	var _reactBootstrap = __webpack_require__(7);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
-	var Button = function Button(props) {
+	var BundleTable = function BundleTable(_ref) {
+	  var resourceGroups = _ref.resourceGroups,
+	      resourceGroupIndex = _ref.resourceGroupIndex,
+	      removeResourceGroup = _ref.removeResourceGroup,
+	      showConnectionModal = _ref.showConnectionModal,
+	      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(
+	      'div',
+	      { style: { fontSize: '16px' } },
+	      'Object Mappings'
+	    ),
+	    _react2.default.createElement(
+	      _reactBootstrap.Table,
+	      { bordered: true, className: 'lingk-wizard-bundle-table' },
+	      _react2.default.createElement(
+	        'thead',
+	        null,
+	        _react2.default.createElement(
+	          'tr',
+	          null,
+	          _react2.default.createElement(
+	            'th',
+	            null,
+	            'Source Objects'
+	          ),
+	          _react2.default.createElement(
+	            'th',
+	            null,
+	            'Connection'
+	          ),
+	          _react2.default.createElement(
+	            'th',
+	            null,
+	            'Target Object'
+	          ),
+	          _react2.default.createElement('th', null)
+	        )
+	      ),
+	      _react2.default.createElement(
+	        'tbody',
+	        null,
+	        resourceGroups && resourceGroups.map(function (group, i) {
+	          return _react2.default.createElement(
+	            'tr',
+	            { key: i, onClick: function onClick() {
+	                return clickTableRow(i);
+	              },
+	              style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white', cursor: 'pointer' } },
+	            _react2.default.createElement(
+	              'td',
+	              { style: { paddingLeft: 15 } },
+	              _react2.default.Children.count(children) > 0 ? _react2.default.cloneElement(childs[0], { group: group }) : null
+	            ),
+	            _react2.default.createElement(
+	              'td',
+	              { style: { paddingLeft: 6 } },
+	              _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i, showConnectionModal: showConnectionModal }) : null
+	            ),
+	            _react2.default.createElement(
+	              'td',
+	              null,
+	              _react2.default.Children.count(children) > 2 ? _react2.default.cloneElement(childs[2], { group: group, i: i }) : null
+	            ),
+	            _react2.default.createElement(
+	              'td',
+	              null,
+	              _react2.default.Children.count(children) > 3 ? _react2.default.cloneElement(childs[3], { group: group, i: i, removeResourceGroup: removeResourceGroup, resourceGroups: resourceGroups }) : null
+	            )
+	          );
+	        })
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = BundleTable;
+
+/***/ },
+
+/***/ 162:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _react = __webpack_require__(2);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _reactBootstrap = __webpack_require__(7);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var B = function B(props) {
 	  var style = props.style,
 	      onClick = props.onClick,
 	      icon = props.icon,
 	      iconAlign = props.iconAlign,
-	      children = props.children;
+	      children = props.children,
+	      type = props.type;
 	
 	  var icons = {
 	    forward: '→',
 	    back: '←'
 	  };
+	  var types = {
+	    brand: 'primary',
+	    neutral: 'default',
+	    destructive: 'danger'
+	  };
 	  return _react2.default.createElement(
-	    'span',
-	    null,
-	    _react2.default.createElement(
-	      'button',
-	      { style: style, type: 'button', onClick: onClick, className: 'btn btn-primary' },
-	      icon && icons[icon] && iconAlign && iconAlign === "left" ? _react2.default.createElement(
-	        'span',
-	        null,
-	        icons[icon],
-	        '\xA0\xA0'
-	      ) : null,
-	      children,
-	      icon && icons[icon] && iconAlign && iconAlign === "right" ? _react2.default.createElement(
-	        'span',
-	        null,
-	        '\xA0\xA0',
-	        icons[icon]
-	      ) : null
-	    )
+	    _reactBootstrap.Button,
+	    { style: style, onClick: onClick, bsStyle: types[type] },
+	    icon && icons[icon] && iconAlign && iconAlign === "left" ? _react2.default.createElement(
+	      'span',
+	      null,
+	      icons[icon],
+	      '\xA0\xA0'
+	    ) : null,
+	    children,
+	    icon && icons[icon] && iconAlign && iconAlign === "right" ? _react2.default.createElement(
+	      'span',
+	      null,
+	      '\xA0\xA0',
+	      icons[icon]
+	    ) : null
 	  );
 	};
 	
-	exports.default = Button;
+	exports.default = B;
 
 /***/ },
 
-/***/ 166:
+/***/ 163:
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -141,7 +255,7 @@ module.exports =
 
 /***/ },
 
-/***/ 167:
+/***/ 164:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -154,93 +268,101 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactBootstrap = __webpack_require__(140);
+	var _reactBootstrap = __webpack_require__(7);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	var MapTable = function MapTable(_ref) {
-	  var mappings = _ref.mappings,
-	      clearOneMapping = _ref.clearOneMapping;
+	  var resourceGroups = _ref.resourceGroups,
+	      resourceGroupIndex = _ref.resourceGroupIndex,
+	      clickTableRow = _ref.clickTableRow,
+	      clearOneMapping = _ref.clearOneMapping,
+	      selectMapping = _ref.selectMapping,
+	      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(
-	    _reactBootstrap.Table,
-	    { striped: true, bordered: true, condensed: true, hover: true },
+	    'div',
+	    null,
+	    _react2.default.createElement('br', null),
 	    _react2.default.createElement(
-	      'thead',
-	      null,
+	      'div',
+	      { style: { fontSize: '16px' } },
+	      'Field Mappings'
+	    ),
+	    _react2.default.createElement(
+	      _reactBootstrap.Table,
+	      { bordered: true, condensed: true, hover: true },
 	      _react2.default.createElement(
-	        'tr',
+	        'thead',
 	        null,
 	        _react2.default.createElement(
-	          'th',
-	          null,
-	          'Source Entity'
-	        ),
-	        _react2.default.createElement(
-	          'th',
-	          null,
-	          'Source Field'
-	        ),
-	        _react2.default.createElement(
-	          'th',
-	          null,
-	          'Destination Entity'
-	        ),
-	        _react2.default.createElement(
-	          'th',
-	          null,
-	          'Destination Field'
-	        ),
-	        _react2.default.createElement(
-	          'th',
-	          null,
-	          _react2.default.createElement(
-	            'div',
-	            { style: { fontWeight: 'bold', textAlign: 'center' } },
-	            'X'
-	          )
-	        )
-	      )
-	    ),
-	    _react2.default.createElement(
-	      'tbody',
-	      null,
-	      Object.keys(mappings).reverse().map(function (key, i) {
-	        return _react2.default.createElement(
 	          'tr',
-	          { key: i },
-	          _react2.default.createElement(
-	            'td',
-	            null,
-	            key.split('.')[0]
-	          ),
+	          null,
 	          _react2.default.createElement(
-	            'td',
+	            'th',
 	            null,
-	            key.split('.')[1]
+	            'Source Entity'
 	          ),
 	          _react2.default.createElement(
-	            'td',
+	            'th',
 	            null,
-	            mappings[key].split('.')[0]
+	            'Source Field'
 	          ),
 	          _react2.default.createElement(
-	            'td',
+	            'th',
 	            null,
-	            mappings[key].split('.')[1]
+	            'Destination Entity'
 	          ),
 	          _react2.default.createElement(
-	            'td',
+	            'th',
 	            null,
+	            'Destination Field'
+	          )
+	        )
+	      ),
+	      _react2.default.createElement(
+	        'tbody',
+	        null,
+	        resourceGroups && resourceGroups.filter(function (g) {
+	          return g.resources;
+	        }).map(function (group, i) {
+	          return _react2.default.createElement(
+	            'tr',
+	            { key: i, onClick: function onClick() {
+	                return clickTableRow(i);
+	              },
+	              style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white', cursor: 'pointer' } },
 	            _react2.default.createElement(
-	              'div',
-	              { style: { cursor: "pointer", textAlign: 'center', color: '#d43f3a', fontWeight: 'bold' }, onClick: function onClick() {
-	                  clearOneMapping(key);
-	                } },
-	              'X'
+	              'th',
+	              null,
+	              _react2.default.Children.count(children) > 0 ? _react2.default.cloneElement(childs[0], { group: group }) : null
+	            ),
+	            _react2.default.createElement(
+	              'th',
+	              null,
+	              _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i, clearOneMapping: clearOneMapping }) : null
+	            ),
+	            _react2.default.createElement(
+	              'th',
+	              null,
+	              _react2.default.Children.count(children) > 2 ? _react2.default.cloneElement(childs[2], { group: group, i: i, selectMapping: selectMapping }) : null
+	            ),
+	            _react2.default.createElement(
+	              'th',
+	              null,
+	              _react2.default.Children.count(children) > 3 ? _react2.default.cloneElement(childs[3], { group: group }) : null
 	            )
-	          )
-	        );
-	      })
+	          );
+	        })
+	      )
 	    )
 	  );
 	};
@@ -249,7 +371,7 @@ module.exports =
 
 /***/ },
 
-/***/ 168:
+/***/ 165:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -262,72 +384,107 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactBootstrap = __webpack_require__(140);
+	var _reactBootstrap = __webpack_require__(7);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
-	var PreviewTable = function PreviewTable(_ref) {
-	  var step = _ref.step,
-	      mappings = _ref.mappings;
+	var Header = _reactBootstrap.Modal.Header,
+	    Body = _reactBootstrap.Modal.Body,
+	    Footer = _reactBootstrap.Modal.Footer;
+	
+	
+	var M = function M(_ref) {
+	  var children = _ref.children,
+	      opened = _ref.opened,
+	      hideModal = _ref.hideModal,
+	      submitModal = _ref.submitModal,
+	      submitLabel = _ref.submitLabel,
+	      showCancel = _ref.showCancel,
+	      title = _ref.title;
+	
 	  return _react2.default.createElement(
-	    _reactBootstrap.Table,
-	    { striped: true, bordered: true, condensed: true, hover: true },
+	    'div',
+	    null,
 	    _react2.default.createElement(
-	      'thead',
-	      null,
+	      _reactBootstrap.Modal,
+	      {
+	        show: opened,
+	        onHide: hideModal
+	      },
 	      _react2.default.createElement(
-	        'tr',
-	        null,
-	        _react2.default.createElement(
-	          'th',
-	          null,
-	          'Source Field'
-	        ),
+	        Header,
+	        { closeButton: true },
 	        _react2.default.createElement(
-	          'th',
+	          _reactBootstrap.Modal.Title,
 	          null,
-	          'Destination Field'
+	          title
+	        )
+	      ),
+	      _react2.default.createElement(
+	        Body,
+	        { style: { padding: '1em' } },
+	        _react2.default.isValidElement(children) ? _react2.default.cloneElement(children) : null
+	      ),
+	      _react2.default.createElement(
+	        Footer,
+	        null,
+	        showCancel && _react2.default.createElement(
+	          _reactBootstrap.Button,
+	          { bsStyle: 'default', onClick: hideModal },
+	          'Cancel'
 	        ),
 	        _react2.default.createElement(
-	          'th',
-	          null,
-	          'Preview Data'
+	          _reactBootstrap.Button,
+	          { bsStyle: 'primary', onClick: submitModal },
+	          submitLabel || 'Done'
 	        )
 	      )
-	    ),
+	    )
+	  );
+	};
+	
+	exports.default = M;
+
+/***/ },
+
+/***/ 166:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _react = __webpack_require__(2);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _reactBootstrap = __webpack_require__(7);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var R = function R(props) {
+	  var label = props.label,
+	      checked = props.checked,
+	      onChange = props.onChange;
+	
+	  return _react2.default.createElement(
+	    _reactBootstrap.Radio,
+	    { checked: checked, inline: true, onChange: onChange },
 	    _react2.default.createElement(
-	      'tbody',
+	      'strong',
 	      null,
-	      Object.keys(mappings).map(function (key, i) {
-	        return _react2.default.createElement(
-	          'tr',
-	          { key: i },
-	          _react2.default.createElement(
-	            'td',
-	            null,
-	            key.replace('.', ': ')
-	          ),
-	          _react2.default.createElement(
-	            'td',
-	            null,
-	            mappings[key].replace('.', ': ')
-	          ),
-	          _react2.default.createElement(
-	            'td',
-	            null,
-	            step.dummyData && step.dummyData[key]
-	          )
-	        );
-	      })
+	      label
 	    )
 	  );
 	};
 	
-	exports.default = PreviewTable;
+	exports.default = R;
 
 /***/ },
 
-/***/ 169:
+/***/ 167:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -340,36 +497,111 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	var _reactBootstrap = __webpack_require__(7);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
+	function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+	
 	var Select = function Select(props) {
 	  var values = props.values,
 	      selectedDataEntity = props.selectedDataEntity,
 	      onSelect = props.onSelect,
-	      title = props.title;
+	      label = props.label,
+	      title = props.title,
+	      menuItemStyle = props.menuItemStyle,
+	      sectionLabelSuffix = props.sectionLabelSuffix,
+	      selectedValues = props.selectedValues,
+	      style = props.style,
+	      onClick = props.onClick,
+	      extraClass = props.extraClass,
+	      sectionLabels = props.sectionLabels,
+	      fieldPropLabel = props.fieldPropLabel;
+	
+	
+	  var extraClassy = extraClass ? ' extra-select-button-class' : '';
+	
+	  var vals = [].concat(_toConsumableArray(values));
+	  if (sectionLabels) {
+	    var v = [];
+	    sectionLabels.forEach(function (s, i) {
+	      if (values[i] && values[i].length > 0) {
+	        v = v.concat(sectionLabels[i]);
+	        v = v.concat(values[i].map(function (entity) {
+	          return Object.assign({}, entity, {
+	            section: sectionLabels[i]
+	          });
+	        }));
+	      }
+	    });
+	    vals = v;
+	  }
 	
+	  var selectOption = function selectOption(e) {
+	    if (!selectedValues || !selectedValues.find(function (sel) {
+	      return sel[fieldPropLabel] === e.target.value;
+	    })) {
+	      var vs = [].concat(_toConsumableArray(values));
+	      if (sectionLabels) {
+	        vs = vals;
+	      }
+	      var option = vs.find(function (v) {
+	        return v[fieldPropLabel] === e.target.value;
+	      });
+	      var index = vs.indexOf(option);
+	      onSelect(option[fieldPropLabel], index, option.recordTypeId ? option.recordTypeId : null);
+	    }
+	  };
 	
 	  return _react2.default.createElement(
 	    'div',
-	    { style: { display: 'inline-block', marginRight: 12 } },
-	    _react2.default.createElement(
-	      'select',
-	      { value: selectedDataEntity,
-	        className: 'form-control', onChange: function onChange(e) {
-	          return onSelect(e.target.value);
-	        } },
+	    { onClick: onClick, style: { display: 'inline-block', marginRight: 12 } },
+	    title && _react2.default.createElement(
+	      'span',
+	      null,
 	      _react2.default.createElement(
-	        'option',
-	        { value: '', disabled: true },
+	        'label',
+	        { className: 'labelz', style: { marginLeft: 4 } },
 	        title
 	      ),
-	      values && Object.keys(values).map(function (key, i) {
-	        return _react2.default.createElement(
+	      _react2.default.createElement('br', null)
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      null,
+	      _react2.default.createElement(
+	        _reactBootstrap.FormControl,
+	        { componentClass: 'select', placeholder: label, value: label,
+	          style: style, className: 'select-button' + extraClassy,
+	          onChange: selectOption
+	        },
+	        _react2.default.createElement(
 	          'option',
-	          { value: key, key: i },
-	          key
-	        );
-	      })
+	          { disabled: true, value: label },
+	          label
+	        ),
+	        !sectionLabels ? values && values.map(function (val, i) {
+	          return _react2.default.createElement(
+	            'option',
+	            { value: val[fieldPropLabel], key: i },
+	            val[fieldPropLabel]
+	          );
+	        }) : vals && vals.map(function (val, i) {
+	          if (!val[fieldPropLabel]) {
+	            return _react2.default.createElement(
+	              'option',
+	              { key: i, value: '', disabled: true, icon: 'none',
+	                style: { background: '#EEEEEE', color: '#AAAAAA', fontWeight: 'bold' } },
+	              val + ' ' + sectionLabelSuffix
+	            );
+	          } else return _react2.default.createElement(
+	            'option',
+	            { value: val[fieldPropLabel], key: i,
+	              style: menuItemStyle || {} },
+	            val[fieldPropLabel]
+	          );
+	        })
+	      )
 	    )
 	  );
 	};
@@ -378,7 +610,7 @@ module.exports =
 
 /***/ },
 
-/***/ 170:
+/***/ 168:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -442,7 +674,7 @@ module.exports =
 	                className: 'wizard-step-circle',
 	                style: {
 	                  marginLeft: 16,
-	                  background: currentPage === i + 1 ? '#5bc0de' : '#E7E7E7',
+	                  background: currentPage === i + 1 ? 'rgba(58, 145, 220, 0.7)' : '#E7E7E7',
 	                  fontWeight: 'bold'
 	                }
 	              },
@@ -471,7 +703,7 @@ module.exports =
 
 /***/ },
 
-/***/ 171:
+/***/ 169:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -503,7 +735,7 @@ module.exports =
 
 /***/ },
 
-/***/ 172:
+/***/ 170:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -512,25 +744,75 @@ module.exports =
 	  value: true
 	});
 	
-	var _Sidebar = __webpack_require__(170);
+	var _react = __webpack_require__(2);
+	
+	var _react2 = _interopRequireDefault(_react);
 	
-	Object.defineProperty(exports, 'Sidebar', {
+	var _reactBootstrap = __webpack_require__(7);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var T = function T(_ref) {
+	  var children = _ref.children,
+	      nubbin = _ref.nubbin,
+	      popStyle = _ref.popStyle,
+	      wrapStyle = _ref.wrapStyle;
+	
+	
+	  return _react2.default.createElement(
+	    'div',
+	    { className: 'help-tooltip', style: wrapStyle },
+	    _react2.default.createElement(
+	      'div',
+	      { className: 'help-tooltip-q' },
+	      '?'
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      { className: 'help-tooltip-pop' },
+	      _react2.default.createElement(
+	        _reactBootstrap.Tooltip,
+	        { hidden: false, placement: nubbin.split('-')[0], style: popStyle, className: 'in', id: 'help' },
+	        _react2.default.Children.count(children) > 0 ? _react2.default.Children.map(children, function (child) {
+	          return _react2.default.cloneElement(child);
+	        }) : null
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = T;
+
+/***/ },
+
+/***/ 171:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _Button = __webpack_require__(162);
+	
+	Object.defineProperty(exports, 'Button', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_Sidebar).default;
+	    return _interopRequireDefault(_Button).default;
 	  }
 	});
 	
-	var _Button = __webpack_require__(165);
+	var _Radio = __webpack_require__(166);
 	
-	Object.defineProperty(exports, 'Button', {
+	Object.defineProperty(exports, 'Radio', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_Button).default;
+	    return _interopRequireDefault(_Radio).default;
 	  }
 	});
 	
-	var _Input = __webpack_require__(166);
+	var _Input = __webpack_require__(163);
 	
 	Object.defineProperty(exports, 'Input', {
 	  enumerable: true,
@@ -539,52 +821,52 @@ module.exports =
 	  }
 	});
 	
-	var _Spinner = __webpack_require__(171);
+	var _Select = __webpack_require__(167);
 	
-	Object.defineProperty(exports, 'Spinner', {
+	Object.defineProperty(exports, 'Select', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_Spinner).default;
+	    return _interopRequireDefault(_Select).default;
 	  }
 	});
 	
-	var _Select = __webpack_require__(169);
+	var _Tooltip = __webpack_require__(170);
 	
-	Object.defineProperty(exports, 'Select', {
+	Object.defineProperty(exports, 'Tooltip', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_Select).default;
+	    return _interopRequireDefault(_Tooltip).default;
 	  }
 	});
 	
-	var _rfInput = __webpack_require__(174);
+	var _Spinner = __webpack_require__(169);
 	
-	Object.defineProperty(exports, 'rfInput', {
+	Object.defineProperty(exports, 'Spinner', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_rfInput).default;
+	    return _interopRequireDefault(_Spinner).default;
 	  }
 	});
 	
-	var _rfRadioGroup = __webpack_require__(175);
+	var _Modal = __webpack_require__(165);
 	
-	Object.defineProperty(exports, 'rfRadioGroup', {
+	Object.defineProperty(exports, 'Modal', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_rfRadioGroup).default;
+	    return _interopRequireDefault(_Modal).default;
 	  }
 	});
 	
-	var _rfCheckbox = __webpack_require__(173);
+	var _Sidebar = __webpack_require__(168);
 	
-	Object.defineProperty(exports, 'rfCheckbox', {
+	Object.defineProperty(exports, 'Sidebar', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_rfCheckbox).default;
+	    return _interopRequireDefault(_Sidebar).default;
 	  }
 	});
 	
-	var _MapTable = __webpack_require__(167);
+	var _MapTable = __webpack_require__(164);
 	
 	Object.defineProperty(exports, 'MapTable', {
 	  enumerable: true,
@@ -593,84 +875,56 @@ module.exports =
 	  }
 	});
 	
-	var _PreviewTable = __webpack_require__(168);
+	var _BundleTable = __webpack_require__(161);
 	
-	Object.defineProperty(exports, 'PreviewTable', {
+	Object.defineProperty(exports, 'BundleTable', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_PreviewTable).default;
+	    return _interopRequireDefault(_BundleTable).default;
 	  }
 	});
 	
-	var _theme = __webpack_require__(241);
+	var _rfInput = __webpack_require__(172);
 	
-	Object.defineProperty(exports, 'styles', {
+	Object.defineProperty(exports, 'rfInput', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_theme).default;
+	    return _interopRequireDefault(_rfInput).default;
 	  }
 	});
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/***/ },
-
-/***/ 173:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
 	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	
-	var _react = __webpack_require__(2);
+	var _rfRadioGroup = __webpack_require__(173);
 	
-	var _react2 = _interopRequireDefault(_react);
+	Object.defineProperty(exports, 'rfRadioGroup', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_rfRadioGroup).default;
+	  }
+	});
 	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	var _rfSelect = __webpack_require__(174);
 	
-	var rfCheckbox = function rfCheckbox(_ref) {
-	  var input = _ref.input,
-	      disabled = _ref.disabled,
-	      label = _ref.label,
-	      required = _ref.required,
-	      _ref$meta = _ref.meta,
-	      touched = _ref$meta.touched,
-	      error = _ref$meta.error;
+	Object.defineProperty(exports, 'rfSelect', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_rfSelect).default;
+	  }
+	});
 	
-	  return _react2.default.createElement(
-	    'div',
-	    null,
-	    _react2.default.createElement('input', {
-	      type: 'checkbox',
-	      disabled: disabled,
-	      checked: input.checked,
-	      onChange: function onChange(e) {
-	        return input.onChange(e);
-	      }
-	    }),
-	    '\xA0\xA0',
-	    _react2.default.createElement(
-	      'span',
-	      { style: {
-	          color: input.checked ? 'black' : 'grey'
-	        } },
-	      label
-	    ),
-	    touched && error && _react2.default.createElement(
-	      'span',
-	      null,
-	      error
-	    )
-	  );
-	};
+	var _theme = __webpack_require__(240);
 	
-	exports.default = rfCheckbox;
+	Object.defineProperty(exports, 'styles', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_theme).default;
+	  }
+	});
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
 
-/***/ 174:
+/***/ 172:
 /***/ function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -723,7 +977,7 @@ module.exports =
 
 /***/ },
 
-/***/ 175:
+/***/ 173:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -736,27 +990,38 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	var _reactBootstrap = __webpack_require__(7);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
-	var rfRadioGroup = function rfRadioGroup(props) {
-	  var input = props.input,
-	      label = props.label;
+	var rfRadioGroup = function rfRadioGroup(_ref) {
+	  var input = _ref.input,
+	      label = _ref.label,
+	      options = _ref.options;
 	
+	  var changeRadio = function changeRadio(e) {
+	    input.onChange(e.target.name);
+	  };
 	  return _react2.default.createElement(
 	    'div',
-	    { name: input.name, label: label, onChange: function onChange(e) {
-	        return input.onChange(e);
-	      } },
-	    Object.keys(props.options).map(function (name, i) {
+	    null,
+	    _react2.default.createElement(
+	      'label',
+	      { className: 'labelz' },
+	      label
+	    ),
+	    Object.keys(options).map(function (name, i) {
 	      return _react2.default.createElement(
 	        'div',
 	        { key: i },
 	        _react2.default.createElement(
-	          'label',
-	          null,
-	          _react2.default.createElement('input', { type: 'radio', value: name, checked: input.value === name, style: { cursor: 'pointer' } }),
-	          '\xA0\xA0',
-	          props.options[name]
+	          _reactBootstrap.Radio,
+	          { onChange: changeRadio, name: name, checked: input.value === name, inline: true },
+	          _react2.default.createElement(
+	            'span',
+	            { style: { color: 'black' } },
+	            options[name]
+	          )
 	        )
 	      );
 	    })
@@ -767,7 +1032,78 @@ module.exports =
 
 /***/ },
 
-/***/ 241:
+/***/ 174:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _react = __webpack_require__(2);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
+	var _reactBootstrap = __webpack_require__(7);
+	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	var rfSelect = function rfSelect(_ref) {
+	  var values = _ref.values,
+	      selectedDataEntity = _ref.selectedDataEntity,
+	      defaultLabel = _ref.defaultLabel,
+	      buttonLabel = _ref.buttonLabel,
+	      title = _ref.title,
+	      selectedValue = _ref.selectedValue,
+	      menuAlign = _ref.menuAlign,
+	      input = _ref.input,
+	      onClick = _ref.onClick,
+	      colorType = _ref.colorType;
+	
+	
+	  var selectOption = function selectOption(e) {
+	    input.onChange(e.target.value);
+	  };
+	  return _react2.default.createElement(
+	    'div',
+	    { onClick: onClick },
+	    title && _react2.default.createElement(
+	      'label',
+	      { className: 'labelz' },
+	      title
+	    ),
+	    _react2.default.createElement(
+	      'div',
+	      { style: { marginLeft: '-.25rem' } },
+	      _react2.default.createElement(
+	        _reactBootstrap.FormControl,
+	        { componentClass: 'select', value: selectedValue || "choose", onChange: selectOption,
+	          className: 'rf-select' + (selectedValue ? "" : " rf-select-unselected")
+	        },
+	        _react2.default.createElement(
+	          'option',
+	          { disabled: true, style: { height: 20, padding: '1px 8px', color: '#AAAAAA', fontWeight: 'bold', marginBottom: 4 }, value: 'choose' },
+	          defaultLabel
+	        ),
+	        values && values.map(function (val, i) {
+	          return _react2.default.createElement(
+	            'option',
+	            { value: val.label, key: i,
+	              style: { height: 20, padding: '1px 8px' } },
+	            val.label
+	          );
+	        })
+	      )
+	    )
+	  );
+	};
+	
+	exports.default = rfSelect;
+
+/***/ },
+
+/***/ 240:
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin