@lingk/sync 0.1.2 → 0.1.4

package/README.md

@@ -1,10 +1,9 @@
 ### Wizard Framework
-**npm start**
-Serves a dev version from /src/lib
+__`npm start`__
+Serve a dev version from `/src/lib`. Set vars (accountId, tenantId, piGuid) in App.js
 
-**npm run build**
-Builds the entire /src/lib directory into /build and transpiles to ES5.
-Builds all themes simultaneously. Main files include shared js and css.
+__`npm run build`__
+Build /src/lib directory into `/build` and minify to ES5
 
  - reducer.js (plug into redux from here)
  - main.js    (import WizardFormLoader)
@@ -15,16 +14,12 @@ Builds all themes simultaneously. Main files include shared js and css.
 	 - lingk.css
 	 - lighning.css
 
+__`npm test`__
+Serve the `/build` version for testing
 
-**npm test**
-Serves the /build version for testing
+__`npm publish`__
+Publish `/build` directory to @lingk/sync
 
 
 
 
-### To switch themes:
-
-change the source of the inputs in App.js (eg ./lib/themes/lingk)
-change the css file in public/index.html
-
-lingk theme depends on "Lingk" font

package/build/css/lingkStyles.css

@@ -53,6 +53,7 @@ body, td {
   text-align: center;
   margin: 10px;
   display: inline-block;
+  border:1px solid #BBBBBB;
 }
 .wizard-sidebar:hover .wizard-sidebar-content::-webkit-scrollbar {
   -webkit-appearance: none;

package/build/lightning.js

@@ -45,7 +45,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(187);
+	module.exports = __webpack_require__(186);
 
 
 /***/ },
@@ -74,15 +74,14 @@ module.exports =
 	if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef
 
 /***/ },
-/* 8 */,
-/* 9 */
+/* 8 */
 /***/ function(module, exports) {
 
 	var core = module.exports = {version: '2.4.0'};
 	if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef
 
 /***/ },
-/* 10 */
+/* 9 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// Thank's IE8 for his funny defineProperty
@@ -91,6 +90,7 @@ module.exports =
 	});
 
 /***/ },
+/* 10 */,
 /* 11 */,
 /* 12 */
 /***/ function(module, exports) {
@@ -109,7 +109,7 @@ module.exports =
 
 	var dP         = __webpack_require__(18)
 	  , createDesc = __webpack_require__(32);
-	module.exports = __webpack_require__(10) ? function(object, key, value){
+	module.exports = __webpack_require__(9) ? function(object, key, value){
 	  return dP.f(object, key, createDesc(1, value));
 	} : function(object, key, value){
 	  object[key] = value;
@@ -162,7 +162,7 @@ module.exports =
 	  , toPrimitive    = __webpack_require__(48)
 	  , dP             = Object.defineProperty;
 	
-	exports.f = __webpack_require__(10) ? Object.defineProperty : function defineProperty(O, P, Attributes){
+	exports.f = __webpack_require__(9) ? Object.defineProperty : function defineProperty(O, P, Attributes){
 	  anObject(O);
 	  P = toPrimitive(P, true);
 	  anObject(Attributes);
@@ -218,7 +218,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	var global    = __webpack_require__(7)
-	  , core      = __webpack_require__(9)
+	  , core      = __webpack_require__(8)
 	  , ctx       = __webpack_require__(43)
 	  , hide      = __webpack_require__(13)
 	  , PROTOTYPE = 'prototype';
@@ -515,7 +515,7 @@ module.exports =
 /* 44 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = !__webpack_require__(10) && !__webpack_require__(12)(function(){
+	module.exports = !__webpack_require__(9) && !__webpack_require__(12)(function(){
 	  return Object.defineProperty(__webpack_require__(27)('div'), 'a', {get: function(){ return 7; }}).a != 7;
 	});
 
@@ -836,61 +836,6 @@ module.exports =
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
-	var C = function C(_ref) {
-	  var disabled = _ref.disabled,
-	      required = _ref.required,
-	      _onChange = _ref.onChange,
-	      style = _ref.style,
-	      checked = _ref.checked,
-	      label = _ref.label;
-	  return _react2.default.createElement(
-	    'div',
-	    { style: style },
-	    _react2.default.createElement(
-	      'div',
-	      { style: { display: 'inline-block' } },
-	      _react2.default.createElement(_reactLightningDesignSystem.Checkbox, {
-	        required: required,
-	        error: '',
-	        disabled: disabled
-	        //checked={checked}
-	        , onChange: function onChange(e) {
-	          return _onChange(e);
-	        }
-	      })
-	    ),
-	    _react2.default.createElement(
-	      'span',
-	      { style: {
-	          verticalAlign: 'middle',
-	          color: '#16325c',
-	          fontWeight: 'normal'
-	        } },
-	      label
-	    )
-	  );
-	};
-	
-	exports.default = C;
-
-/***/ },
-/* 179 */
-/***/ 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__(4);
-	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-	
 	var I = function I(props) {
 	  return _react2.default.createElement(_reactLightningDesignSystem.Input, props);
 	};
@@ -898,7 +843,7 @@ module.exports =
 	exports.default = I;
 
 /***/ },
-/* 180 */
+/* 179 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -921,7 +866,9 @@ module.exports =
 	      clickTableRow = _ref.clickTableRow,
 	      clearOneMapping = _ref.clearOneMapping,
 	      selectMapping = _ref.selectMapping,
-	      children = _ref.children;
+	      children = _ref.children,
+	      mode = _ref.mode,
+	      step = _ref.step;
 	
 	
 	  var childs;
@@ -931,6 +878,24 @@ module.exports =
 	    return _react2.default.createElement('div', null);
 	  }
 	
+	  var normalGroup = resourceGroups.filter(function (g) {
+	    return step.destinationProvider === g.provider;
+	  });
+	  var reverseGroup = resourceGroups.filter(function (g) {
+	    return step.sourceProvider === g.provider;
+	  });
+	
+	  var groups = mode === 'reverse' ? reverseGroup : normalGroup;
+	  var extraIndex = mode === 'reverse' ? normalGroup.length : 0;
+	
+	  var title = mode === 'reverse' ? step.destinationProvider + ' to ' + step.sourceProvider + ' Field Mappings' : step.sourceProvider + ' to ' + step.destinationProvider + ' Field Mappings';
+	
+	  var clearMapping = function clearMapping(i, mapping) {
+	    return clearOneMapping(i + extraIndex, mapping);
+	  };
+	
+	  if (mode === 'reverse' && !(reverseGroup && reverseGroup.length > 0)) return _react2.default.createElement('div', null);
+	
 	  return _react2.default.createElement(
 	    'div',
 	    null,
@@ -938,7 +903,7 @@ module.exports =
 	    _react2.default.createElement(
 	      'div',
 	      { style: { fontSize: '16px' } },
-	      'Field Mappings'
+	      title
 	    ),
 	    _react2.default.createElement(
 	      _reactLightningDesignSystem.Table,
@@ -974,24 +939,25 @@ module.exports =
 	      _react2.default.createElement(
 	        _reactLightningDesignSystem.TableBody,
 	        null,
-	        resourceGroups && resourceGroups.filter(function (g) {
+	        groups && groups.filter(function (g) {
 	          return g.resources;
 	        }).map(function (group, i) {
 	          return _react2.default.createElement(
 	            _reactLightningDesignSystem.TableRow,
 	            { key: i, onClick: function onClick() {
-	                return clickTableRow(i);
+	                return clickTableRow(i + extraIndex);
 	              },
-	              style: { background: i === resourceGroupIndex ? '#f4f6f9' : 'white', cursor: 'pointer' } },
+	              style: { background: i + extraIndex === resourceGroupIndex ? '#f4f6f9' : 'white',
+	                cursor: 'pointer' } },
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
 	              null,
-	              _react2.default.Children.count(children) > 0 ? _react2.default.cloneElement(childs[0], { group: group }) : null
+	              _react2.default.Children.count(children) > 0 ? _react2.default.cloneElement(childs[0], { group: group, step: step }) : null
 	            ),
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
 	              null,
-	              _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i, clearOneMapping: clearOneMapping }) : null
+	              _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i, clearMapping: clearMapping }) : null
 	            ),
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
@@ -1001,7 +967,7 @@ module.exports =
 	            _react2.default.createElement(
 	              _reactLightningDesignSystem.TableRowColumn,
 	              null,
-	              _react2.default.Children.count(children) > 3 ? _react2.default.cloneElement(childs[3], { group: group }) : null
+	              _react2.default.Children.count(children) > 3 ? _react2.default.cloneElement(childs[3], { group: group, step: step }) : null
 	            )
 	          );
 	        })
@@ -1013,7 +979,7 @@ module.exports =
 	exports.default = MapTable;
 
 /***/ },
-/* 181 */
+/* 180 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1072,7 +1038,7 @@ module.exports =
 	exports.default = M;
 
 /***/ },
-/* 182 */
+/* 181 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1096,7 +1062,7 @@ module.exports =
 	exports.default = R;
 
 /***/ },
-/* 183 */
+/* 182 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1482,7 +1448,7 @@ module.exports =
 	};
 
 /***/ },
-/* 184 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1531,7 +1497,7 @@ module.exports =
 	exports.default = Sidebar;
 
 /***/ },
-/* 185 */
+/* 184 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1562,7 +1528,7 @@ module.exports =
 	exports.default = Spinner;
 
 /***/ },
-/* 186 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1611,7 +1577,7 @@ module.exports =
 	exports.default = Tooltip;
 
 /***/ },
-/* 187 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -1629,7 +1595,7 @@ module.exports =
 	  }
 	});
 	
-	var _Radio = __webpack_require__(182);
+	var _Radio = __webpack_require__(181);
 	
 	Object.defineProperty(exports, 'Radio', {
 	  enumerable: true,
@@ -1638,7 +1604,7 @@ module.exports =
 	  }
 	});
 	
-	var _Input = __webpack_require__(179);
+	var _Input = __webpack_require__(178);
 	
 	Object.defineProperty(exports, 'Input', {
 	  enumerable: true,
@@ -1647,7 +1613,7 @@ module.exports =
 	  }
 	});
 	
-	var _Select = __webpack_require__(183);
+	var _Select = __webpack_require__(182);
 	
 	Object.defineProperty(exports, 'Select', {
 	  enumerable: true,
@@ -1656,16 +1622,7 @@ module.exports =
 	  }
 	});
 	
-	var _Checkbox = __webpack_require__(178);
-	
-	Object.defineProperty(exports, 'Checkbox', {
-	  enumerable: true,
-	  get: function get() {
-	    return _interopRequireDefault(_Checkbox).default;
-	  }
-	});
-	
-	var _Tooltip = __webpack_require__(186);
+	var _Tooltip = __webpack_require__(185);
 	
 	Object.defineProperty(exports, 'Tooltip', {
 	  enumerable: true,
@@ -1674,7 +1631,7 @@ module.exports =
 	  }
 	});
 	
-	var _Spinner = __webpack_require__(185);
+	var _Spinner = __webpack_require__(184);
 	
 	Object.defineProperty(exports, 'Spinner', {
 	  enumerable: true,
@@ -1683,7 +1640,7 @@ module.exports =
 	  }
 	});
 	
-	var _Modal = __webpack_require__(181);
+	var _Modal = __webpack_require__(180);
 	
 	Object.defineProperty(exports, 'Modal', {
 	  enumerable: true,
@@ -1692,7 +1649,7 @@ module.exports =
 	  }
 	});
 	
-	var _Sidebar = __webpack_require__(184);
+	var _Sidebar = __webpack_require__(183);
 	
 	Object.defineProperty(exports, 'Sidebar', {
 	  enumerable: true,
@@ -1701,7 +1658,7 @@ module.exports =
 	  }
 	});
 	
-	var _MapTable = __webpack_require__(180);
+	var _MapTable = __webpack_require__(179);
 	
 	Object.defineProperty(exports, 'MapTable', {
 	  enumerable: true,
@@ -1736,8 +1693,76 @@ module.exports =
 	    return _interopRequireDefault(_rfSelect).default;
 	  }
 	});
+	
+	var _rfCheckbox = __webpack_require__(187);
+	
+	Object.defineProperty(exports, 'rfCheckbox', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_rfCheckbox).default;
+	  }
+	});
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/***/ },
+/* 187 */
+/***/ 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__(4);
+	
 	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,
+	      _ref$meta = _ref.meta,
+	      touched = _ref$meta.touched,
+	      error = _ref$meta.error,
+	      checked = _ref.checked,
+	      style = _ref.style;
+	
+	  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: checked,
+	        onChange: function onChange(e) {
+	          return input.onChange(e);
+	        }
+	      })
+	    ),
+	    '\xA0\xA0',
+	    _react2.default.createElement(
+	      'span',
+	      { style: {
+	          verticalAlign: 'middle',
+	          color: style && style.color || '#16325c'
+	        } },
+	      label
+	    )
+	  );
+	};
+	
+	exports.default = rfCheckbox;
 
 /***/ },
 /* 188 */
@@ -1968,7 +1993,7 @@ module.exports =
 /***/ function(module, exports, __webpack_require__) {
 
 	__webpack_require__(257);
-	module.exports = __webpack_require__(9).Object.keys;
+	module.exports = __webpack_require__(8).Object.keys;
 
 /***/ },
 /* 237 */
@@ -2098,7 +2123,7 @@ module.exports =
 	  , anObject = __webpack_require__(15)
 	  , getKeys  = __webpack_require__(31);
 	
-	module.exports = __webpack_require__(10) ? Object.defineProperties : function defineProperties(O, Properties){
+	module.exports = __webpack_require__(9) ? Object.defineProperties : function defineProperties(O, Properties){
 	  anObject(O);
 	  var keys   = getKeys(Properties)
 	    , length = keys.length
@@ -2134,7 +2159,7 @@ module.exports =
 
 	// most Object methods by ES6 should accept primitives
 	var $export = __webpack_require__(23)
-	  , core    = __webpack_require__(9)
+	  , core    = __webpack_require__(8)
 	  , fails   = __webpack_require__(12);
 	module.exports = function(KEY, exec){
 	  var fn  = (core.Object || {})[KEY] || Object[KEY]
@@ -2178,7 +2203,7 @@ module.exports =
 	var classof   = __webpack_require__(238)
 	  , ITERATOR  = __webpack_require__(21)('iterator')
 	  , Iterators = __webpack_require__(30);
-	module.exports = __webpack_require__(9).getIteratorMethod = function(it){
+	module.exports = __webpack_require__(8).getIteratorMethod = function(it){
 	  if(it != undefined)return it[ITERATOR]
 	    || it['@@iterator']
 	    || Iterators[classof(it)];
@@ -2190,7 +2215,7 @@ module.exports =
 
 	var anObject = __webpack_require__(15)
 	  , get      = __webpack_require__(252);
-	module.exports = __webpack_require__(9).getIterator = function(it){
+	module.exports = __webpack_require__(8).getIterator = function(it){
 	  var iterFn = get(it);
 	  if(typeof iterFn != 'function')throw TypeError(it + ' is not iterable!');
 	  return anObject(iterFn.call(it));