@lingk/sync 0.0.74 → 0.0.76

package/README.md

@@ -17,4 +17,12 @@ Builds all themes simultaneously. Main files include shared js and css.
 
 
 **npm test**
-Serves the /build version for testing
+Serves the /build version for testing
+
+
+
+
+### To switch themes:
+
+change the source of the inputs in App.js (eg ./lib/themes/lingk)
+change the css file in public/index.html

package/build/css/lingk.css

@@ -7,6 +7,10 @@ body, td {
   font-family: "Helvetica Neue", Arial, sans-serif !important;
 }
 
+.modal{
+  z-index:9999 !important;
+}
+
 .wizard-body{
   background: #dfe0e0;
 }
@@ -41,15 +45,74 @@ body, td {
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
 }
 
+.btn-primary  {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
+  color: #fff;
+}
+
+.schema-panel{
+  border: 1px solid #2e6da4;
+}
+.schema-panel:first-child{
+  border: 1px solid #337ab7;
+}
+.schema-panel-header{
+  background: #3a91dc;
+}
+.schema-panel:first-child .schema-panel-header{
+  background: #337ab7;
+}
 .accordion-panel{
   border: 1px solid #2e6da4;
 }
 .accordion-panel-header{
   background: #337ab7;
+  -webkit-transition: all .2s;
+  transition: all .2s;
 }
-.btn-primary  {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-  color: #fff;
+.accordion-panel-header-selected{
+  background: #005fb2;
+}
+.accordion-panel-header:hover{
+  background: #005fb2;
+}
+
+.transform-data-type{
+  border: 1px solid #d8dde6;
+}
+.transform-data-type:hover{
+  border: 1px solid #0070d2;
+}
+.transform-data-type-sel{
+  color: white;
+  background: #0070d2;
+  border: 1px solid #0070d2;
 }
 
+.rf-select{
+  max-width: 150px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  padding-right:30px;
+  font-weight:normal;
+  cursor: pointer;
+}
+.rf-select-unselected{
+  font-weight: bold;
+}
+.select-button{
+  max-width: 150px;
+  cursor:pointer;
+}
+
+.labelz{
+  color: #54698d;
+}
+.lingk-wizard-bundle-table td{
+  vertical-align: middle !important;
+}
+.remove-resource-group{
+  padding-top:7px;
+}
 /*# sourceMappingURL=lingk.css.map*/

package/build/lightning.js

@@ -46,7 +46,7 @@ module.exports =
 /***/ 0:
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(159);
+	module.exports = __webpack_require__(157);
 
 
 /***/ },
@@ -58,7 +58,7 @@ module.exports =
 
 /***/ },
 
-/***/ 3:
+/***/ 4:
 /***/ function(module, exports) {
 
 	module.exports = require("react-lightning-design-system");
@@ -78,7 +78,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -105,7 +105,7 @@ module.exports =
 	    _react2.default.createElement(
 	      'div',
 	      { style: { fontSize: '16px' } },
-	      'Sync Operations'
+	      'Object Mappings'
 	    ),
 	    _react2.default.createElement(
 	      _reactLightningDesignSystem.Table,
@@ -188,7 +188,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -213,7 +213,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -238,7 +238,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -354,7 +354,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -414,85 +414,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
-	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-	
-	var PreviewTable = function PreviewTable(_ref) {
-	  var step = _ref.step,
-	      mappings = _ref.mappings;
-	  return _react2.default.createElement(
-	    _reactLightningDesignSystem.Table,
-	    { striped: true, bordered: true, wrapperStyle: { width: window.innerWidth - 250 } },
-	    _react2.default.createElement(
-	      _reactLightningDesignSystem.TableHeader,
-	      null,
-	      _react2.default.createElement(
-	        _reactLightningDesignSystem.TableRow,
-	        null,
-	        _react2.default.createElement(
-	          _reactLightningDesignSystem.TableHeaderColumn,
-	          null,
-	          'Source Field'
-	        ),
-	        _react2.default.createElement(
-	          _reactLightningDesignSystem.TableHeaderColumn,
-	          null,
-	          'Destination Field'
-	        ),
-	        _react2.default.createElement(
-	          _reactLightningDesignSystem.TableHeaderColumn,
-	          null,
-	          'Preview Data'
-	        )
-	      )
-	    ),
-	    _react2.default.createElement(
-	      _reactLightningDesignSystem.TableBody,
-	      null,
-	      Object.keys(mappings).map(function (key, i) {
-	        return _react2.default.createElement(
-	          _reactLightningDesignSystem.TableRow,
-	          { key: i },
-	          _react2.default.createElement(
-	            _reactLightningDesignSystem.TableRowColumn,
-	            null,
-	            key.replace('.', ': ')
-	          ),
-	          _react2.default.createElement(
-	            _reactLightningDesignSystem.TableRowColumn,
-	            null,
-	            mappings[key].replace('.', ': ')
-	          ),
-	          _react2.default.createElement(
-	            _reactLightningDesignSystem.TableRowColumn,
-	            null,
-	            step.dummyData && step.dummyData[key]
-	          )
-	        );
-	      })
-	    )
-	  );
-	};
-	
-	exports.default = PreviewTable;
-
-/***/ },
-
-/***/ 153:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	
-	var _react = __webpack_require__(2);
-	
-	var _react2 = _interopRequireDefault(_react);
-	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -504,46 +426,7 @@ module.exports =
 
 /***/ },
 
-/***/ 154:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	
-	var _react = __webpack_require__(2);
-	
-	var _react2 = _interopRequireDefault(_react);
-	
-	var _reactLightningDesignSystem = __webpack_require__(3);
-	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-	
-	var RadioGroupy = function RadioGroupy(_ref) {
-	  var label = _ref.label,
-	      onChange = _ref.onChange,
-	      options = _ref.options,
-	      selected = _ref.selected;
-	
-	  return _react2.default.createElement(
-	    _reactLightningDesignSystem.RadioGroup,
-	    { label: label },
-	    options.map(function (name, i) {
-	      return _react2.default.createElement(_reactLightningDesignSystem.Radio, { value: name, label: name, key: i, checked: name === selected,
-	        style: { cursor: 'pointer' }, onClick: function onClick() {
-	          return onChange(name);
-	        } });
-	    })
-	  );
-	};
-	
-	exports.default = RadioGroupy;
-
-/***/ },
-
-/***/ 155:
+/***/ 153:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -556,7 +439,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -668,7 +551,7 @@ module.exports =
 
 /***/ },
 
-/***/ 156:
+/***/ 154:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -681,7 +564,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -718,7 +601,7 @@ module.exports =
 
 /***/ },
 
-/***/ 157:
+/***/ 155:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -750,7 +633,7 @@ module.exports =
 
 /***/ },
 
-/***/ 158:
+/***/ 156:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -763,7 +646,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -800,7 +683,7 @@ module.exports =
 
 /***/ },
 
-/***/ 159:
+/***/ 157:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -809,15 +692,6 @@ module.exports =
 	  value: true
 	});
 	
-	var _Sidebar = __webpack_require__(156);
-	
-	Object.defineProperty(exports, 'Sidebar', {
-	  enumerable: true,
-	  get: function get() {
-	    return _interopRequireDefault(_Sidebar).default;
-	  }
-	});
-	
 	var _Button = __webpack_require__(148);
 	
 	Object.defineProperty(exports, 'Button', {
@@ -827,7 +701,7 @@ module.exports =
 	  }
 	});
 	
-	var _Radio = __webpack_require__(153);
+	var _Radio = __webpack_require__(152);
 	
 	Object.defineProperty(exports, 'Radio', {
 	  enumerable: true,
@@ -845,16 +719,7 @@ module.exports =
 	  }
 	});
 	
-	var _Spinner = __webpack_require__(157);
-	
-	Object.defineProperty(exports, 'Spinner', {
-	  enumerable: true,
-	  get: function get() {
-	    return _interopRequireDefault(_Spinner).default;
-	  }
-	});
-	
-	var _Select = __webpack_require__(155);
+	var _Select = __webpack_require__(153);
 	
 	Object.defineProperty(exports, 'Select', {
 	  enumerable: true,
@@ -863,39 +728,39 @@ module.exports =
 	  }
 	});
 	
-	var _rfInput = __webpack_require__(161);
+	var _Tooltip = __webpack_require__(156);
 	
-	Object.defineProperty(exports, 'rfInput', {
+	Object.defineProperty(exports, 'Tooltip', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_rfInput).default;
+	    return _interopRequireDefault(_Tooltip).default;
 	  }
 	});
 	
-	var _rfRadioGroup = __webpack_require__(163);
+	var _Spinner = __webpack_require__(155);
 	
-	Object.defineProperty(exports, 'rfRadioGroup', {
+	Object.defineProperty(exports, 'Spinner', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_rfRadioGroup).default;
+	    return _interopRequireDefault(_Spinner).default;
 	  }
 	});
 	
-	var _rfCheckbox = __webpack_require__(160);
+	var _Modal = __webpack_require__(151);
 	
-	Object.defineProperty(exports, 'rfCheckbox', {
+	Object.defineProperty(exports, 'Modal', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_rfCheckbox).default;
+	    return _interopRequireDefault(_Modal).default;
 	  }
 	});
 	
-	var _rfSelect = __webpack_require__(164);
+	var _Sidebar = __webpack_require__(154);
 	
-	Object.defineProperty(exports, 'rfSelect', {
+	Object.defineProperty(exports, 'Sidebar', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_rfSelect).default;
+	    return _interopRequireDefault(_Sidebar).default;
 	  }
 	});
 	
@@ -917,34 +782,34 @@ module.exports =
 	  }
 	});
 	
-	var _PreviewTable = __webpack_require__(152);
+	var _rfInput = __webpack_require__(158);
 	
-	Object.defineProperty(exports, 'PreviewTable', {
+	Object.defineProperty(exports, 'rfInput', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_PreviewTable).default;
+	    return _interopRequireDefault(_rfInput).default;
 	  }
 	});
 	
-	var _Tooltip = __webpack_require__(158);
+	var _rfRadioGroup = __webpack_require__(159);
 	
-	Object.defineProperty(exports, 'Tooltip', {
+	Object.defineProperty(exports, 'rfRadioGroup', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_Tooltip).default;
+	    return _interopRequireDefault(_rfRadioGroup).default;
 	  }
 	});
 	
-	var _Modal = __webpack_require__(151);
+	var _rfSelect = __webpack_require__(160);
 	
-	Object.defineProperty(exports, 'Modal', {
+	Object.defineProperty(exports, 'rfSelect', {
 	  enumerable: true,
 	  get: function get() {
-	    return _interopRequireDefault(_Modal).default;
+	    return _interopRequireDefault(_rfSelect).default;
 	  }
 	});
 	
-	var _theme = __webpack_require__(240);
+	var _theme = __webpack_require__(239);
 	
 	Object.defineProperty(exports, 'styles', {
 	  enumerable: true,
@@ -952,94 +817,12 @@ module.exports =
 	    return _interopRequireDefault(_theme).default;
 	  }
 	});
-	
-	var _RadioGroup = __webpack_require__(154);
-	
-	Object.defineProperty(exports, 'RadioGroup', {
-	  enumerable: true,
-	  get: function get() {
-	    return _interopRequireDefault(_RadioGroup).default;
-	  }
-	});
-	
-	var _rfPicklist = __webpack_require__(162);
-	
-	Object.defineProperty(exports, 'rfPicklist', {
-	  enumerable: true,
-	  get: function get() {
-	    return _interopRequireDefault(_rfPicklist).default;
-	  }
-	});
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ },
 
-/***/ 160:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	
-	var _react = __webpack_require__(2);
-	
-	var _react2 = _interopRequireDefault(_react);
-	
-	var _reactLightningDesignSystem = __webpack_require__(3);
-	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-	
-	var rfCheckbox = function rfCheckbox(_ref) {
-	  var input = _ref.input,
-	      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',
-	    { className: 'schema-checkbox' },
-	    _react2.default.createElement(
-	      'div',
-	      { style: { width: 20, display: 'inline-block' } },
-	      _react2.default.createElement(_reactLightningDesignSystem.Checkbox, {
-	        required: required,
-	        error: '',
-	        disabled: disabled,
-	        checked: input.checked,
-	        onChange: function onChange(e) {
-	          return input.onChange(e);
-	        }
-	      })
-	    ),
-	    '\xA0\xA0',
-	    _react2.default.createElement(
-	      'span',
-	      { style: {
-	          verticalAlign: 'middle',
-	          color: input.checked ? '#16325c' : 'grey'
-	        }, className: externalKey === label ? "schema-field-bold" : "" },
-	      label
-	    ),
-	    input.checked && false ? _react2.default.createElement(
-	      'div',
-	      { className: 'schema-accordion-type' },
-	      'string'
-	    ) : null
-	  );
-	};
-	
-	exports.default = rfCheckbox;
-
-/***/ },
-
-/***/ 161:
+/***/ 158:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1052,7 +835,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -1090,72 +873,7 @@ module.exports =
 
 /***/ },
 
-/***/ 162:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	
-	var _react = __webpack_require__(2);
-	
-	var _react2 = _interopRequireDefault(_react);
-	
-	var _reactLightningDesignSystem = __webpack_require__(3);
-	
-	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;
-
-/***/ },
-
-/***/ 163:
+/***/ 159:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1168,7 +886,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -1196,7 +914,7 @@ module.exports =
 
 /***/ },
 
-/***/ 164:
+/***/ 160:
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1209,7 +927,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _reactLightningDesignSystem = __webpack_require__(3);
+	var _reactLightningDesignSystem = __webpack_require__(4);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -1269,7 +987,7 @@ module.exports =
 
 /***/ },
 
-/***/ 240:
+/***/ 239:
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin