@lingk/sync 0.1.55 → 0.1.56

package/build/main.js

@@ -68,7 +68,7 @@ module.exports =
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(124);
+	module.exports = __webpack_require__(125);
 
 
 /***/ },
@@ -335,7 +335,7 @@ module.exports =
 	                    provider: resourceProvider
 	                  }, deNestedJoinKey.property && { joinKeyName: deNestedJoinKey.property }, deNestedJoinKey.parentsArray && deNestedJoinKey.parentsArray.length > 0 && { joinKeyParents: deNestedJoinKey.parentsArray }, deNestedPrimaryKey.property && { primaryKeyName: deNestedPrimaryKey.property }, deNestedPrimaryKey.parentsArray && deNestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: deNestedPrimaryKey.parentsArray }, {
 	                    joinType: rsc.joinType || 'LEFT JOIN'
-	                  }));
+	                  }, rscResource.parentRef && { parentRef: rscResource.parentRef }));
 	                }
 	              }); // end bundle.resource.forEach
 	
@@ -480,7 +480,16 @@ module.exports =
 	  }
 	
 	  //actions.setWizardDataLoaded(true)
-	}
+	} /**************************
+	  
+	  Loads data from the 'wizard' reducer in the Redux-Form.
+	  Runs when the first step of the wizard mounts.
+	  
+	  The code in if(!formValues['resourceGroups']){ is especially important:
+	    it converts the values stored in DB into human-readable labels.
+	    if a value exists in DB but not in the pulled metadata, then it skips that value
+	  
+	  **************************/
 	
 	function deNest(prop, parents, rsc) {
 	  var property = '';
@@ -720,7 +729,7 @@ module.exports =
 	
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 	
-	var _propertyUtils = __webpack_require__(167);
+	var _propertyUtils = __webpack_require__(168);
 	
 	var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
 	
@@ -1580,7 +1589,7 @@ module.exports =
 	} else {
 	  // By explicitly using `prop-types` you are opting into new production behavior.
 	  // http://fb.me/prop-types-in-prod
-	  module.exports = __webpack_require__(173)();
+	  module.exports = __webpack_require__(174)();
 	}
 
 
@@ -1602,11 +1611,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _TransitionGroup = __webpack_require__(200);
+	var _TransitionGroup = __webpack_require__(201);
 	
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 	
-	var _CSSTransitionGroupChild = __webpack_require__(199);
+	var _CSSTransitionGroupChild = __webpack_require__(200);
 	
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 	
@@ -1716,7 +1725,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _assign = __webpack_require__(126);
+	var _assign = __webpack_require__(127);
 	
 	var _assign2 = _interopRequireDefault(_assign);
 	
@@ -2380,6 +2389,16 @@ module.exports =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
+	/**************************
+	
+	Saves data from the Redux-Form and converts it to apiNames, which are used 
+	to generate the recipe and are stored in our DB.
+	
+	Runs when user click "submit"
+	
+	If a new dropdown with fields is added to the UI, it must be added to this function as well
+	
+	**************************/
 	
 	function saveData(resourceGroups, targetProvider, sourceMetadata, destinationMetadata, sourceEndpoint) {
 	  var bundles = resourceGroups || [];
@@ -2553,7 +2572,9 @@ module.exports =
 	          }, nestedPrimaryKey.parentsArray && nestedPrimaryKey.parentsArray.length > 0 && { primaryKeyParents: nestedPrimaryKey.parentsArray }, {
 	            provider: rsc.provider.toLowerCase() + 'Reader',
 	            joinType: rsc.joinType
-	          }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId });
+	          }, rsc.recordTypeId && { recordTypeId: rsc.recordTypeId }, rsc.parameterFilters && { parameterFilters: rsc.parameterFilters.filter(function (pf) {
+	              return pf.val;
+	            }) });
 	        } else return null;
 	      });
 	    }
@@ -2608,7 +2629,7 @@ module.exports =
 	
 	exports.__esModule = true;
 	
-	var _defineProperty = __webpack_require__(127);
+	var _defineProperty = __webpack_require__(128);
 	
 	var _defineProperty2 = _interopRequireDefault(_defineProperty);
 	
@@ -2743,7 +2764,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _objectWithoutProperties2 = __webpack_require__(129);
+	var _objectWithoutProperties2 = __webpack_require__(130);
 	
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 	
@@ -4579,7 +4600,7 @@ module.exports =
 	
 	var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
 	
-	var _objectAssign = __webpack_require__(172);
+	var _objectAssign = __webpack_require__(173);
 	
 	var _objectAssign2 = _interopRequireDefault(_objectAssign);
 	
@@ -4953,7 +4974,7 @@ module.exports =
 	exports.callInit = callInit;
 	exports.callGetPiConfig = callGetPiConfig;
 	exports.tryGetMetadataIntro = tryGetMetadataIntro;
-	exports.callGetCredentialsAndMetadatas = callGetCredentialsAndMetadatas;
+	exports.callGetCredentials = callGetCredentials;
 	exports.tryGetCredentials = tryGetCredentials;
 	exports.tryGetMetadata = tryGetMetadata;
 	exports.callGetBundles = callGetBundles;
@@ -4978,16 +4999,13 @@ module.exports =
 	
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 	
-	// bug: when reloading a wizard that has no creds saved, the metadata will be called
-	// automatically, because it assumes it doesnt need creds.
-	// need to check "credentials" config object AND creds in tryCheckConnection
-	function callGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, credsConfig) {
+	function callGetMetadata(tenantId, appId, mode, providerType, urlSuffix, apiUrl, endpoint, credsConfig, isFramework) {
 	  return function (dispatch) {
 	    dispatch({
 	      type: types.START_WIZARD_ENV_CHECK,
 	      mode: mode
 	    });
-	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig)).then(function (r) {
+	    return dispatch(tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework)).then(function (r) {
 	      return dispatch(callGetProviderMetadata(tenantId, appId, urlSuffix, apiUrl, mode, providerType, endpoint));
 	    }).then(function (res) {
 	      dispatch({
@@ -5003,14 +5021,14 @@ module.exports =
 	  };
 	}
 	
-	function tryCheckConnection(tenantId, appId, providerType, credsConfig) {
+	function tryCheckConnection(tenantId, appId, providerType, credsConfig, isFramework) {
 	  return function (dispatch, getState, api) {
 	    var needsCredentials = credsConfig && credsConfig.length > 0 && credsConfig[0] !== 'Oauth';
 	
 	    var _getState = getState(),
 	        config = _getState.config;
 	
-	    if (needsCredentials) {
+	    if (needsCredentials && !isFramework) {
 	      return api.post(tenantId + '/' + appId + '/testconnection/' + providerType.toLowerCase(), {
 	        endpoint: config.TRANS_API_URL
 	      });
@@ -5022,6 +5040,8 @@ module.exports =
 	  return function (dispatch, getState, api) {
 	    var _getState2 = getState(),
 	        config = _getState2.config;
+	    // 'testconnection ' GET route is for adapter only. Should be called 'metadata/adapter'
+	
 	
 	    if (urlSuffix === 'testconnection') {
 	      urlSuffix = 'testconnection?url=' + endpoint;
@@ -5422,13 +5442,14 @@ module.exports =
 	
 	/* LOADING PROCESS */
 	
-	function callInit(tenantId, accountId, piGuid, providers, metadataEndpoints) {
+	function callInit(tenantId, accountId, piGuid, wiz) {
+	  //"wiz" is the full piType configuration, with providers and scenarios
 	  return function (dispatch, getState, api) {
 	    dispatch({
 	      type: types.SET_WIZARD_LOADED,
 	      bool: false
 	    });
-	    dispatch(callGetPiConfig(tenantId, accountId, piGuid, providers, metadataEndpoints)).then(function () {
+	    dispatch(callGetPiConfig(tenantId, accountId, piGuid, wiz)).then(function () {
 	      setTimeout(function () {
 	        dispatch({
 	          type: types.SET_WIZARD_LOADED,
@@ -5439,9 +5460,9 @@ module.exports =
 	  };
 	}
 	
-	function callGetPiConfig(tenantId, accountId, piGuid, wizardConfig) {
-	  var source = wizardConfig.source,
-	      destination = wizardConfig.destination;
+	function callGetPiConfig(tenantId, accountId, piGuid, wiz) {
+	  var source = wiz.source,
+	      destination = wiz.destination;
 	
 	
 	  if (piGuid && piGuid !== '_') {
@@ -5452,21 +5473,21 @@ module.exports =
 	      return api.get(tenantId + '/' + accountId + '/productizedintegration/' + piGuid, {
 	        endpoint: config.TRANS_API_URL
 	      }).then(function (pi) {
-	        var config = pi.configuration;
-	        config['title'] = pi.name;
+	        var piconfig = pi.configuration;
+	        piconfig['title'] = pi.name;
 	        var savedSourceEndpoint = null;
 	        var savedDestinationEndpoint = null;
-	        if (config.hasOwnProperty('sourceEndpoint')) {
-	          savedSourceEndpoint = config.sourceEndpoint;
+	        if (piconfig.hasOwnProperty('sourceEndpoint')) {
+	          savedSourceEndpoint = piconfig.sourceEndpoint;
 	        }
-	        if (config.hasOwnProperty('destinationEndpoint')) {
-	          savedDestinationEndpoint = config.destinationEndpoint;
+	        if (piconfig.hasOwnProperty('destinationEndpoint')) {
+	          savedDestinationEndpoint = piconfig.destinationEndpoint;
 	        }
 	        dispatch({
 	          type: types.SET_WIZARD_SAVED_CONFIGURATION,
-	          data: config
+	          data: piconfig
 	        });
-	        return Promise.all([dispatch(callGetMapping(tenantId, accountId, pi.schemaMappingGuid)), dispatch(callGetBundles(tenantId, accountId, pi.bundlePackGuid)), dispatch(callGetCredentialsAndMetadatas(tenantId, accountId, wizardConfig, savedSourceEndpoint, savedDestinationEndpoint)), dispatch(callGetTrigger(pi.transformerBaseId))]);
+	        return Promise.all([dispatch(callGetMapping(tenantId, accountId, pi.schemaMappingGuid)), dispatch(callGetBundles(tenantId, accountId, pi.bundlePackGuid)), dispatch(callGetCredentials(tenantId, accountId, wiz)), dispatch(tryGetMetadata(tenantId, accountId, 'source', source, savedSourceEndpoint)), dispatch(tryGetMetadata(tenantId, accountId, 'destination', destination, savedDestinationEndpoint)), dispatch(callGetTrigger(pi.transformerBaseId))]);
 	      });
 	    };
 	  } else return function (dispatch) {
@@ -5476,25 +5497,26 @@ module.exports =
 	}
 	
 	// this function runs when a NEW wizard first loads ONLY in Salesforce App (no env step)
-	function tryGetMetadataIntro(tenantId, appId, mode, config) {
-	  var type = config.type,
-	      metadataEndpoint = config.metadataEndpoint,
-	      metadataApi = config.metadataApi,
-	      skipEnvStep = config.skipEnvStep;
+	function tryGetMetadataIntro(tenantId, appId, mode, wiz) {
+	  var type = wiz.type,
+	      metadataEndpoint = wiz.metadataEndpoint,
+	      metadataApi = wiz.metadataApi,
+	      skipEnvStep = wiz.skipEnvStep,
+	      credentials = wiz.credentials;
 	  // automatically pull metadata (SF app)
 	
 	  if (skipEnvStep) {
 	    return function (dispatch) {
-	      return dispatch(callGetProviderMetadata(tenantId, appId, metadataEndpoint, metadataApi, mode, type));
+	      return dispatch(callGetMetadata(tenantId, appId, mode, type, metadataEndpoint, metadataApi, '_blank', credentials));
 	    };
 	  } else return function () {
 	    return Promise.resolve(null);
 	  };
 	}
 	
-	function callGetCredentialsAndMetadatas(tenantId, appId, config, savedSourceEndpoint, savedDestinationEndpoint) {
-	  var source = config.source,
-	      destination = config.destination;
+	function callGetCredentials(tenantId, appId, wiz) {
+	  var source = wiz.source,
+	      destination = wiz.destination;
 	
 	  return function (dispatch, getState, api) {
 	    return Promise.all([dispatch(tryGetCredentials(tenantId, appId, source.type, source.credentials)), dispatch(tryGetCredentials(tenantId, appId, destination.type, destination.credentials))]).then(function (res) {
@@ -5505,7 +5527,6 @@ module.exports =
 	          destination: res[1] && res[1].credentialsJson
 	        }
 	      });
-	      return Promise.all([dispatch(tryGetMetadata(tenantId, appId, 'source', source, savedSourceEndpoint, source.credentials)), dispatch(tryGetMetadata(tenantId, appId, 'destination', destination, savedDestinationEndpoint, destination.credentials))]);
 	    });
 	  };
 	}
@@ -5523,11 +5544,16 @@ module.exports =
 	  };
 	}
 	
-	function tryGetMetadata(tenantId, appId, mode, config, savedEndpoint, credsConfig) {
+	function tryGetMetadata(tenantId, appId, mode, wiz, savedEndpoint) {
 	  return function (dispatch, getState, api) {
 	    // if skipEnvStep (as in SF App), auto pull SF metadata
-	    if (savedEndpoint && savedEndpoint.length > 8 || config.skipEnvStep) {
-	      return dispatch(callGetMetadata(tenantId, appId, mode, config.type, config.metadataEndpoint, config.metadataApi, savedEndpoint, credsConfig));
+	    var type = wiz.type,
+	        credentials = wiz.credentials,
+	        metadataEndpoint = wiz.metadataEndpoint,
+	        metadataApi = wiz.metadataApi;
+	
+	    if (savedEndpoint && savedEndpoint.length > 8 || wiz.skipEnvStep) {
+	      return dispatch(callGetMetadata(tenantId, appId, mode, type, metadataEndpoint, metadataApi, savedEndpoint, credentials));
 	    } else return Promise.resolve(null);
 	  };
 	}
@@ -6088,7 +6114,13 @@ module.exports =
 	
 	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); } }
+	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); } } /**************************
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    Modal that opens when the link icon is clicked in the Object Mapping table
+	                                                                                                                                                                                                    links the source with the destination, so on subsequent runs, we know 
+	                                                                                                                                                                                                    whether to Update or Insert data.
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    **************************/
 	
 	var ConnectModal = function ConnectModal(props) {
 	  var inputs = props.inputs,
@@ -6377,7 +6409,7 @@ module.exports =
 	                  } },
 	                _react2.default.createElement(
 	                  'svg',
-	                  { xmlns: 'http://www.w3.org/2000/svg', className: 'delete-external-key-svg',
+	                  { className: 'delete-external-key-svg',
 	                    style: { width: 18, height: 18 }, viewBox: '0 0 60 60' },
 	                  _react2.default.createElement('path', { style: { strokeWidth: 5, strokeLinecap: 'round' },
 	                    d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
@@ -6511,7 +6543,7 @@ module.exports =
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 	
-	var _nestedField = __webpack_require__(119);
+	var _nestedField = __webpack_require__(120);
 	
 	var _nestedField2 = _interopRequireDefault(_nestedField);
 	
@@ -7185,6 +7217,242 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+	
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	
+	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); } } /**************************
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    Modal that opens when the gear icon of a resource is clicked in the object mappings step.
+	                                                                                                                                                                                                    If a resource has parameters, then their values can be filtered here
+	                                                                                                                                                                                                    
+	                                                                                                                                                                                                    **************************/
+	
+	var ParameterModal = function ParameterModal(props) {
+	  var inputs = props.inputs,
+	      resourceIndex = props.resourceIndex,
+	      resourceGroups = props.resourceGroups,
+	      resourceGroupIndex = props.resourceGroupIndex,
+	      hideModal = props.hideModal,
+	      change = props.change;
+	
+	  var Modal = inputs.Modal;
+	
+	  var rgs = [].concat(_toConsumableArray(resourceGroups));
+	  var group = rgs[resourceGroupIndex];
+	  var resource = group.resources[resourceIndex];
+	
+	  var addRow = function addRow(e, param, filterIndex) {
+	    if (e) {
+	      e.target.blur();
+	    }
+	    if (!resource.parameterFilters) resource.parameterFilters = [];
+	    resource.parameterFilters.splice(filterIndex, 0, {
+	      param: param, val: ''
+	    });
+	    change('resourceGroups', rgs);
+	    props.update();
+	  };
+	
+	  var updateParam = function updateParam(val, param, filterIndex) {
+	    resource.parameterFilters[filterIndex] = { param: param, val: val };
+	    change('resourceGroups', rgs);
+	    props.update();
+	  };
+	
+	  var deleteRow = function deleteRow(param, filterIndex) {
+	    resource.parameterFilters.splice(filterIndex, 1);
+	    change('resourceGroups', rgs);
+	    props.update();
+	  };
+	
+	  var pasteIntoParamTable = function pasteIntoParamTable(e, param, filterIndex) {
+	    e.clipboardData.items[0].getAsString(function (txt) {
+	      if (txt) {
+	        var columns = txt.split('\n');
+	        columns.forEach(function (c, idx) {
+	          var rows = c.split('\t');
+	          resource.parameterFilters[filterIndex + idx] = rows[0] ? {
+	            param: param, val: rows[0].trim()
+	          } : { param: param, val: '' };
+	        });
+	        change('resourceGroups', rgs);
+	        props.update();
+	      }
+	    });
+	  };
+	
+	  // do we need "parent rsc" of each foreign key field?
+	  var params = [];
+	  resource.parentRef.forEach(function (pr) {
+	    pr.foreignKeyFields.forEach(function (fkf) {
+	      params.push(fkf);
+	    });
+	  });
+	
+	  var totalFilterIndex = 0;
+	
+	  return _react2.default.createElement(
+	    Modal,
+	    { opened: resource ? true : false, hideModal: hideModal, submitModal: hideModal,
+	      title: resource.name + ' Parameters' },
+	    _react2.default.createElement(
+	      'div',
+	      { style: { overflow: 'scroll', maxHeight: '69vh', padding: '1em 2em' } },
+	      params.map(function (param, i) {
+	        var filtersForThisParam = resource.parameterFilters && resource.parameterFilters.filter(function (pf) {
+	          return pf.param === param;
+	        }) || [];
+	        totalFilterIndex += filtersForThisParam.length;
+	        return _react2.default.createElement(FilterGroup, { key: i, filtersForThisParam: filtersForThisParam,
+	          param: param, addRow: addRow, totalFilterIndex: totalFilterIndex,
+	          deleteRow: deleteRow, updateParam: updateParam, inputs: inputs,
+	          pasteIntoParamTable: pasteIntoParamTable });
+	      })
+	    )
+	  );
+	};
+	
+	var FilterGroup = function FilterGroup(props) {
+	  var filtersForThisParam = props.filtersForThisParam,
+	      param = props.param,
+	      addRow = props.addRow,
+	      updateParam = props.updateParam,
+	      deleteRow = props.deleteRow,
+	      pasteIntoParamTable = props.pasteIntoParamTable,
+	      inputs = props.inputs,
+	      totalFilterIndex = props.totalFilterIndex;
+	
+	  var Button = inputs.Button;
+	
+	  var addDisabled = filtersForThisParam && filtersForThisParam[filtersForThisParam.length - 1] && !filtersForThisParam[filtersForThisParam.length - 1].val ? true : false;
+	
+	  var groupStartIndex = totalFilterIndex - filtersForThisParam.length;
+	
+	  var addNewRowToEnd = function addNewRowToEnd(e, param) {
+	    return addRow(e, param, totalFilterIndex);
+	  };
+	
+	  return _react2.default.createElement(
+	    'div',
+	    { style: { marginBottom: 8 }, className: 'add-param-filter' },
+	    _react2.default.createElement(
+	      Button,
+	      {
+	        onClick: function onClick() {
+	          return addNewRowToEnd(null, param);
+	        },
+	        disabled: addDisabled },
+	      'Add ',
+	      param,
+	      ' Filter'
+	    ),
+	    filtersForThisParam && filtersForThisParam.map(function (pf, ii) {
+	      return _react2.default.createElement(ParameterFilter, { key: ii, addRow: addNewRowToEnd,
+	        updateParam: updateParam, pf: pf,
+	        filterIndex: groupStartIndex + ii,
+	        inputs: inputs, addDisabled: addDisabled, deleteRow: deleteRow,
+	        pasteIntoParamTable: pasteIntoParamTable });
+	    })
+	  );
+	};
+	
+	var ParameterFilter = function (_Component) {
+	  _inherits(ParameterFilter, _Component);
+	
+	  function ParameterFilter() {
+	    _classCallCheck(this, ParameterFilter);
+	
+	    return _possibleConstructorReturn(this, (ParameterFilter.__proto__ || Object.getPrototypeOf(ParameterFilter)).apply(this, arguments));
+	  }
+	
+	  _createClass(ParameterFilter, [{
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      this.incoming.focus();
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+	
+	      var _props = this.props,
+	          addRow = _props.addRow,
+	          updateParam = _props.updateParam,
+	          inputs = _props.inputs,
+	          filterIndex = _props.filterIndex,
+	          pf = _props.pf,
+	          pasteIntoParamTable = _props.pasteIntoParamTable,
+	          addDisabled = _props.addDisabled,
+	          deleteRow = _props.deleteRow;
+	
+	      var Input = inputs.Input;
+	      return _react2.default.createElement(
+	        'div',
+	        { style: { margin: '2px 0 3px 9px' } },
+	        _react2.default.createElement(
+	          'span',
+	          null,
+	          pf.param,
+	          '\xA0\xA0=\xA0\xA0'
+	        ),
+	        _react2.default.createElement(Input, { type: 'text', style: { display: 'inline-block', width: 200 },
+	          onChange: function onChange(e, v) {
+	            return updateParam(v, pf.param, filterIndex);
+	          }, value: pf.val,
+	          onKeyPress: function onKeyPress(e) {
+	            if (e.key === 'Enter' && !addDisabled) addRow(e, pf.param);
+	          },
+	          inputRef: function inputRef(ref) {
+	            return _this2.incoming = ref;
+	          },
+	          onPaste: function onPaste(e) {
+	            return pasteIntoParamTable(e, pf.param, filterIndex);
+	          }
+	        }),
+	        _react2.default.createElement(
+	          'div',
+	          { className: 'delete-parameter-row',
+	            onClick: function onClick() {
+	              return deleteRow(pf.param, filterIndex);
+	            } },
+	          _react2.default.createElement(
+	            'svg',
+	            { className: 'delete-parameter-row-svg',
+	              style: { width: 18, height: 18 }, viewBox: '0 0 60 60' },
+	            _react2.default.createElement('path', { style: { strokeWidth: 5, strokeLinecap: 'round' },
+	              d: 'M 15.674663,15.572746 L 44.587629,44.485711 M 45.118838,15.420972 L 15.522889,45.016920' })
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	
+	  return ParameterFilter;
+	}(_react.Component);
+	
+	exports.default = ParameterModal;
+
+/***/ },
+/* 107 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+	
+	var _react = __webpack_require__(1);
+	
+	var _react2 = _interopRequireDefault(_react);
+	
 	var _CSSTransitionGroup = __webpack_require__(39);
 	
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
@@ -7195,7 +7463,7 @@ module.exports =
 	
 	var _reduxForm = __webpack_require__(2);
 	
-	var _joinVenn = __webpack_require__(118);
+	var _joinVenn = __webpack_require__(119);
 	
 	var _joinVenn2 = _interopRequireDefault(_joinVenn);
 	
@@ -7203,6 +7471,10 @@ module.exports =
 	
 	var _selectWrapper2 = _interopRequireDefault(_selectWrapper);
 	
+	var _parameterModal = __webpack_require__(106);
+	
+	var _parameterModal2 = _interopRequireDefault(_parameterModal);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -7222,16 +7494,25 @@ module.exports =
 	    _this.state = {
 	      yPositions: [],
 	      currentlyBeingDragged: null,
-	      zIndexes: []
+	      zIndexes: [],
+	      parameterModalResourceIndex: null
 	    };
 	    _this.handleDragStart = _this.handleDragStart.bind(_this);
 	    _this.handleDrag = _this.handleDrag.bind(_this);
 	    _this.handleDragEnd = _this.handleDragEnd.bind(_this);
 	    _this.raiseUp = _this.raiseUp.bind(_this);
+	    _this.hideModal = _this.hideModal.bind(_this);
 	    return _this;
 	  }
 	
 	  _createClass(SchemaAccordion, [{
+	    key: 'hideModal',
+	    value: function hideModal() {
+	      this.setState({
+	        parameterModalResourceIndex: null
+	      });
+	    }
+	  }, {
 	    key: 'raiseUp',
 	    value: function raiseUp(index) {
 	      var _props = this.props,
@@ -7348,6 +7629,7 @@ module.exports =
 	          overflowHidden = _props3.overflowHidden,
 	          showOverflow = _props3.showOverflow,
 	          step = _props3.step;
+	      var parameterModalResourceIndex = this.state.parameterModalResourceIndex;
 	
 	
 	      var Tooltip = inputs.Tooltip;
@@ -7519,8 +7801,30 @@ module.exports =
 	                          ),
 	                          _react2.default.createElement(
 	                            'div',
-	                            { style: { padding: '7px 0px 0px 5px', fontSize: '14px', overflow: 'hidden', display: 'inline-block', width: 300, textOverflow: 'ellipsis', whiteSpace: 'nowrap' } },
-	                            rsc.provider === step.destinationProvider ? rsc.name + ' (' + step.destinationProvider + ')' : rsc.name
+	                            { style: { padding: '7px 0px 0px 5px', fontSize: '14px',
+	                                display: 'inline-block' } },
+	                            _react2.default.createElement(
+	                              'span',
+	                              { style: { maxWidth: 260, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'inline-block' } },
+	                              rsc.provider === step.destinationProvider ? rsc.name + ' (' + step.destinationProvider + ')' : rsc.name
+	                            ),
+	                            rsc.parentRef && rsc.parentRef.length > 0 && rsc.parentRef.some(function (pr) {
+	                              return pr.foreignKeyFields && pr.foreignKeyFields.length > 0;
+	                            }) && _react2.default.createElement(
+	                              'div',
+	                              { className: 'accordion-panel-parameters',
+	                                onClick: function onClick() {
+	                                  return _this3.setState({
+	                                    parameterModalResourceIndex: i
+	                                  });
+	                                } },
+	                              _react2.default.createElement(
+	                                'svg',
+	                                { fill: '#FFFFFF', height: '28', viewBox: '0 0 24 24', width: '28' },
+	                                _react2.default.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' }),
+	                                _react2.default.createElement('path', { d: 'M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09.15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85c-.03.17-.18.3-.35.3h-2.8c-.17 0-.32-.13-.35-.29l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.74.7c-.16.06-.34 0-.43-.15l-1.4-2.42c-.09-.15-.05-.34.08-.45l1.48-1.16c-.03-.23-.05-.46-.05-.69 0-.23.02-.46.05-.68l-1.48-1.16c-.13-.11-.17-.3-.08-.45l1.4-2.42c.09-.15.27-.21.43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .32.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z' })
+	                              )
+	                            )
 	                          ),
 	                          _react2.default.createElement(
 	                            'div',
@@ -7734,6 +8038,17 @@ module.exports =
 	              )
 	            ) : null
 	          )
+	        ),
+	        _react2.default.createElement(
+	          'div',
+	          { className: 'parameter-modal' },
+	          resourceGroups && resourceGroups.length > 0 && (parameterModalResourceIndex || parameterModalResourceIndex === 0) && _react2.default.createElement(_parameterModal2.default, { inputs: inputs, hideModal: this.hideModal,
+	            resourceIndex: parameterModalResourceIndex,
+	            resourceGroups: resourceGroups, step: step, update: function update() {
+	              return _this3.forceUpdate();
+	            },
+	            resourceGroupIndex: resourceGroupIndex, change: this.props.change
+	          })
 	        )
 	      );
 	    }
@@ -7745,7 +8060,7 @@ module.exports =
 	exports.default = SchemaAccordion;
 
 /***/ },
-/* 107 */
+/* 108 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -7774,7 +8089,13 @@ module.exports =
 	
 	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 	
-	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**************************
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               Modal that opens when a transformation icon is clicked in the Field Mapping table
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               transformations are an array on the mapping object
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               each transformation also has an array of args
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
+	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               **************************/
 	
 	var TransformModal = function (_Component) {
 	  _inherits(TransformModal, _Component);
@@ -8256,7 +8577,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 108 */
+/* 109 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8459,7 +8780,7 @@ module.exports =
 	})(AdapterStep);
 
 /***/ },
-/* 109 */
+/* 110 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8492,11 +8813,11 @@ module.exports =
 	
 	var _moment2 = _interopRequireDefault(_moment);
 	
-	__webpack_require__(208);
+	__webpack_require__(209);
 	
-	__webpack_require__(168);
+	__webpack_require__(169);
 	
-	var _rcTimePicker = __webpack_require__(189);
+	var _rcTimePicker = __webpack_require__(190);
 	
 	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
 	
@@ -8707,7 +9028,7 @@ module.exports =
 	})(DeployStep);
 
 /***/ },
-/* 110 */
+/* 111 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -8736,7 +9057,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _previewTabContent = __webpack_require__(122);
+	var _previewTabContent = __webpack_require__(123);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -8843,10 +9164,10 @@ module.exports =
 	
 	      if (credentials) {
 	        actions.postCredentials(tenantId, accountId, step.providerType, endpoint, credentials, step.mode).then(function () {
-	          actions.callGetMetadata(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials);
+	          actions.callGetMetadata(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework);
 	        });
 	      } else {
-	        actions.callGetMetadata(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials);
+	        actions.callGetMetadata(tenantId, accountId, step.mode, step.providerType, step.metadataEndpoint, step.metadataApi, endpoint || '_blank', step.credentials, step.isFramework);
 	      }
 	    }
 	  }, {
@@ -9081,7 +9402,12 @@ module.exports =
 	            { className: 'labelz' },
 	            'Available ',
 	            step[step.mode + 'Provider'],
-	            ' Data Objects (click to preview data):'
+	            ' Data Objects',
+	            step.metadataEndpoint === 'testconnection' && _react2.default.createElement(
+	              'span',
+	              null,
+	              '\xA0(click to preview data):'
+	            )
 	          ),
 	          _react2.default.createElement(
 	            'ul',
@@ -9092,12 +9418,16 @@ module.exports =
 	              return _react2.default.createElement(
 	                'li',
 	                { key: i, style: { paddingLeft: rsc.parentRef ? rsc.parentRef.length * 12 + 10 : 10 } },
-	                _react2.default.createElement(
+	                step.metadataEndpoint === 'testconnection' ? _react2.default.createElement(
 	                  'a',
 	                  { onClick: function onClick() {
 	                      return _this2.seeFields(rsc);
 	                    }, style: { textDecoration: 'none', cursor: 'pointer' } },
 	                  rsc.name
+	                ) : _react2.default.createElement(
+	                  'div',
+	                  null,
+	                  rsc.name
 	                )
 	              );
 	            })
@@ -9158,7 +9488,7 @@ module.exports =
 	})(EnvironmentStep);
 
 /***/ },
-/* 111 */
+/* 112 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9383,7 +9713,7 @@ module.exports =
 	})(FilterStep);
 
 /***/ },
-/* 112 */
+/* 113 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9416,7 +9746,7 @@ module.exports =
 	
 	var _groupNav2 = _interopRequireDefault(_groupNav);
 	
-	var _transformModal = __webpack_require__(107);
+	var _transformModal = __webpack_require__(108);
 	
 	var _transformModal2 = _interopRequireDefault(_transformModal);
 	
@@ -9428,7 +9758,7 @@ module.exports =
 	
 	var Rows = _interopRequireWildcard(_mapTableRows);
 	
-	var _newScenarioModal = __webpack_require__(120);
+	var _newScenarioModal = __webpack_require__(121);
 	
 	var _newScenarioModal2 = _interopRequireDefault(_newScenarioModal);
 	
@@ -9672,7 +10002,7 @@ module.exports =
 	})(MapStep);
 
 /***/ },
-/* 113 */
+/* 114 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9798,7 +10128,7 @@ module.exports =
 	})(NameStep);
 
 /***/ },
-/* 114 */
+/* 115 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -9896,7 +10226,7 @@ module.exports =
 	})(PhaseStep);
 
 /***/ },
-/* 115 */
+/* 116 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10031,7 +10361,7 @@ module.exports =
 	})(PreviewStep);
 
 /***/ },
-/* 116 */
+/* 117 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10267,7 +10597,7 @@ module.exports =
 	})(DefaultDatasetStep);
 
 /***/ },
-/* 117 */
+/* 118 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10296,7 +10626,7 @@ module.exports =
 	
 	var _loadData2 = _interopRequireDefault(_loadData);
 	
-	var _schemaAccordion = __webpack_require__(106);
+	var _schemaAccordion = __webpack_require__(107);
 	
 	var _schemaAccordion2 = _interopRequireDefault(_schemaAccordion);
 	
@@ -10565,7 +10895,6 @@ module.exports =
 	  }, {
 	    key: 'selectPrimaryKey',
 	    value: function selectPrimaryKey(v, field, rgi, i) {
-	      console.log(field.parents);
 	      var _props10 = this.props,
 	          change = _props10.change,
 	          formValues = _props10.formValues;
@@ -10708,7 +11037,7 @@ module.exports =
 	})(SchemaStep);
 
 /***/ },
-/* 118 */
+/* 119 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10759,7 +11088,7 @@ module.exports =
 	exports.default = JoinVenn;
 
 /***/ },
-/* 119 */
+/* 120 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10871,7 +11200,7 @@ module.exports =
 	exports.default = SourceField;
 
 /***/ },
-/* 120 */
+/* 121 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -10890,7 +11219,7 @@ module.exports =
 	
 	var _saveData3 = _interopRequireDefault(_saveData2);
 	
-	var _objectAssignDeep = __webpack_require__(121);
+	var _objectAssignDeep = __webpack_require__(122);
 	
 	var _objectAssignDeep2 = _interopRequireDefault(_objectAssignDeep);
 	
@@ -11159,7 +11488,7 @@ module.exports =
 	exports.default = TransformModal;
 
 /***/ },
-/* 121 */
+/* 122 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -11299,7 +11628,7 @@ module.exports =
 	exports.default = objectAssignDeep;
 
 /***/ },
-/* 122 */
+/* 123 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -11315,7 +11644,7 @@ module.exports =
 	}
 
 /***/ },
-/* 123 */
+/* 124 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11340,43 +11669,43 @@ module.exports =
 	
 	var _accountStep2 = _interopRequireDefault(_accountStep);
 	
-	var _phaseStep = __webpack_require__(114);
+	var _phaseStep = __webpack_require__(115);
 	
 	var _phaseStep2 = _interopRequireDefault(_phaseStep);
 	
-	var _environmentStep = __webpack_require__(110);
+	var _environmentStep = __webpack_require__(111);
 	
 	var _environmentStep2 = _interopRequireDefault(_environmentStep);
 	
-	var _schemaStep = __webpack_require__(117);
+	var _schemaStep = __webpack_require__(118);
 	
 	var _schemaStep2 = _interopRequireDefault(_schemaStep);
 	
-	var _filterStep = __webpack_require__(111);
+	var _filterStep = __webpack_require__(112);
 	
 	var _filterStep2 = _interopRequireDefault(_filterStep);
 	
-	var _mapStep = __webpack_require__(112);
+	var _mapStep = __webpack_require__(113);
 	
 	var _mapStep2 = _interopRequireDefault(_mapStep);
 	
-	var _previewStep = __webpack_require__(115);
+	var _previewStep = __webpack_require__(116);
 	
 	var _previewStep2 = _interopRequireDefault(_previewStep);
 	
-	var _deployStep = __webpack_require__(109);
+	var _deployStep = __webpack_require__(110);
 	
 	var _deployStep2 = _interopRequireDefault(_deployStep);
 	
-	var _nameStep = __webpack_require__(113);
+	var _nameStep = __webpack_require__(114);
 	
 	var _nameStep2 = _interopRequireDefault(_nameStep);
 	
-	var _adapterStep = __webpack_require__(108);
+	var _adapterStep = __webpack_require__(109);
 	
 	var _adapterStep2 = _interopRequireDefault(_adapterStep);
 	
-	var _scenarioStep = __webpack_require__(116);
+	var _scenarioStep = __webpack_require__(117);
 	
 	var _scenarioStep2 = _interopRequireDefault(_scenarioStep);
 	
@@ -11642,7 +11971,7 @@ module.exports =
 	exports.default = WizardForm;
 
 /***/ },
-/* 124 */
+/* 125 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -11657,7 +11986,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _redux = __webpack_require__(209);
+	var _redux = __webpack_require__(210);
 	
 	var _reactRedux = __webpack_require__(64);
 	
@@ -11665,9 +11994,9 @@ module.exports =
 	
 	var wizardActions = _interopRequireWildcard(_wizard);
 	
-	__webpack_require__(169);
+	__webpack_require__(170);
 	
-	var _wizardForm = __webpack_require__(123);
+	var _wizardForm = __webpack_require__(124);
 	
 	var _wizardForm2 = _interopRequireDefault(_wizardForm);
 	
@@ -11832,21 +12161,21 @@ module.exports =
 	exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LingkSync);
 
 /***/ },
-/* 125 */,
-/* 126 */
+/* 126 */,
+/* 127 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(131), __esModule: true };
+	module.exports = { "default": __webpack_require__(132), __esModule: true };
 
 /***/ },
-/* 127 */
+/* 128 */
 /***/ function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(132), __esModule: true };
+	module.exports = { "default": __webpack_require__(133), __esModule: true };
 
 /***/ },
-/* 128 */,
-/* 129 */
+/* 129 */,
+/* 130 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -11866,39 +12195,39 @@ module.exports =
 	};
 
 /***/ },
-/* 130 */,
-/* 131 */
+/* 131 */,
+/* 132 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(152);
+	__webpack_require__(153);
 	module.exports = __webpack_require__(8).Object.assign;
 
 /***/ },
-/* 132 */
+/* 133 */
 /***/ function(module, exports, __webpack_require__) {
 
-	__webpack_require__(153);
+	__webpack_require__(154);
 	var $Object = __webpack_require__(8).Object;
 	module.exports = function defineProperty(it, key, desc){
 	  return $Object.defineProperty(it, key, desc);
 	};
 
 /***/ },
-/* 133 */,
 /* 134 */,
 /* 135 */,
 /* 136 */,
 /* 137 */,
 /* 138 */,
 /* 139 */,
-/* 140 */
+/* 140 */,
+/* 141 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
 	var getKeys  = __webpack_require__(32)
-	  , gOPS     = __webpack_require__(143)
-	  , pIE      = __webpack_require__(145)
+	  , gOPS     = __webpack_require__(144)
+	  , pIE      = __webpack_require__(146)
 	  , toObject = __webpack_require__(35)
 	  , IObject  = __webpack_require__(30)
 	  , $assign  = Object.assign;
@@ -11929,37 +12258,37 @@ module.exports =
 	} : $assign;
 
 /***/ },
-/* 141 */,
 /* 142 */,
-/* 143 */
+/* 143 */,
+/* 144 */
 /***/ function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 /***/ },
-/* 144 */,
-/* 145 */
+/* 145 */,
+/* 146 */
 /***/ function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 /***/ },
-/* 146 */,
 /* 147 */,
 /* 148 */,
 /* 149 */,
 /* 150 */,
 /* 151 */,
-/* 152 */
+/* 152 */,
+/* 153 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// 19.1.3.1 Object.assign(target, source)
 	var $export = __webpack_require__(23);
 	
-	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(140)});
+	$export($export.S + $export.F, 'Object', {assign: __webpack_require__(141)});
 
 /***/ },
-/* 153 */
+/* 154 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var $export = __webpack_require__(23);
@@ -11967,10 +12296,10 @@ module.exports =
 	$export($export.S + $export.F * !__webpack_require__(9), 'Object', {defineProperty: __webpack_require__(18).f});
 
 /***/ },
-/* 154 */,
 /* 155 */,
 /* 156 */,
-/* 157 */
+/* 157 */,
+/* 158 */
 /***/ function(module, exports) {
 
 	
@@ -11996,7 +12325,7 @@ module.exports =
 
 
 /***/ },
-/* 158 */
+/* 159 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -12193,7 +12522,7 @@ module.exports =
 
 
 /***/ },
-/* 159 */
+/* 160 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -12286,7 +12615,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 160 */
+/* 161 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12297,11 +12626,11 @@ module.exports =
 	
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 	
-	var _Event = __webpack_require__(159);
+	var _Event = __webpack_require__(160);
 	
 	var _Event2 = _interopRequireDefault(_Event);
 	
-	var _componentClasses = __webpack_require__(158);
+	var _componentClasses = __webpack_require__(159);
 	
 	var _componentClasses2 = _interopRequireDefault(_componentClasses);
 	
@@ -12481,7 +12810,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 161 */
+/* 162 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12541,7 +12870,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 162 */
+/* 163 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -12586,7 +12915,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 163 */
+/* 164 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12595,7 +12924,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _getAlignOffset = __webpack_require__(162);
+	var _getAlignOffset = __webpack_require__(163);
 	
 	var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
 	
@@ -12627,7 +12956,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 164 */
+/* 165 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12668,7 +12997,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 165 */
+/* 166 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12749,7 +13078,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 166 */
+/* 167 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -12766,19 +13095,19 @@ module.exports =
 	
 	var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
 	
-	var _getVisibleRectForElement = __webpack_require__(165);
+	var _getVisibleRectForElement = __webpack_require__(166);
 	
 	var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
 	
-	var _adjustForViewport = __webpack_require__(161);
+	var _adjustForViewport = __webpack_require__(162);
 	
 	var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
 	
-	var _getRegion = __webpack_require__(164);
+	var _getRegion = __webpack_require__(165);
 	
 	var _getRegion2 = _interopRequireDefault(_getRegion);
 	
-	var _getElFuturePos = __webpack_require__(163);
+	var _getElFuturePos = __webpack_require__(164);
 	
 	var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
 	
@@ -12980,7 +13309,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 167 */
+/* 168 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13095,17 +13424,17 @@ module.exports =
 	}
 
 /***/ },
-/* 168 */
+/* 169 */
 /***/ function(module, exports) {
 
 	// removed by extract-text-webpack-plugin
 
 /***/ },
-/* 169 */
-168,
-/* 170 */,
+/* 170 */
+169,
 /* 171 */,
-/* 172 */
+/* 172 */,
+/* 173 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -13194,7 +13523,7 @@ module.exports =
 
 
 /***/ },
-/* 173 */
+/* 174 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13208,9 +13537,9 @@ module.exports =
 	
 	'use strict';
 	
-	var emptyFunction = __webpack_require__(175);
-	var invariant = __webpack_require__(176);
-	var ReactPropTypesSecret = __webpack_require__(174);
+	var emptyFunction = __webpack_require__(176);
+	var invariant = __webpack_require__(177);
+	var ReactPropTypesSecret = __webpack_require__(175);
 	
 	module.exports = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
@@ -13259,7 +13588,7 @@ module.exports =
 
 
 /***/ },
-/* 174 */
+/* 175 */
 /***/ function(module, exports) {
 
 	/**
@@ -13279,7 +13608,7 @@ module.exports =
 
 
 /***/ },
-/* 175 */
+/* 176 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -13322,7 +13651,7 @@ module.exports =
 	module.exports = emptyFunction;
 
 /***/ },
-/* 176 */
+/* 177 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -13382,7 +13711,7 @@ module.exports =
 	module.exports = invariant;
 
 /***/ },
-/* 177 */
+/* 178 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13399,7 +13728,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _domAlign = __webpack_require__(166);
+	var _domAlign = __webpack_require__(167);
 	
 	var _domAlign2 = _interopRequireDefault(_domAlign);
 	
@@ -13407,7 +13736,7 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _isWindow = __webpack_require__(179);
+	var _isWindow = __webpack_require__(180);
 	
 	var _isWindow2 = _interopRequireDefault(_isWindow);
 	
@@ -13541,7 +13870,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 178 */
+/* 179 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13550,7 +13879,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _Align = __webpack_require__(177);
+	var _Align = __webpack_require__(178);
 	
 	var _Align2 = _interopRequireDefault(_Align);
 	
@@ -13561,7 +13890,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 179 */
+/* 180 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -13578,7 +13907,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 180 */
+/* 181 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13593,9 +13922,9 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _ChildrenUtils = __webpack_require__(182);
+	var _ChildrenUtils = __webpack_require__(183);
 	
-	var _AnimateChild = __webpack_require__(181);
+	var _AnimateChild = __webpack_require__(182);
 	
 	var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
 	
@@ -13914,7 +14243,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 181 */
+/* 182 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -13933,7 +14262,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _cssAnimation = __webpack_require__(160);
+	var _cssAnimation = __webpack_require__(161);
 	
 	var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
 	
@@ -14025,7 +14354,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 182 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14147,16 +14476,16 @@ module.exports =
 	}
 
 /***/ },
-/* 183 */
+/* 184 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
 	// export this package's api
-	module.exports = __webpack_require__(180);
+	module.exports = __webpack_require__(181);
 
 /***/ },
-/* 184 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14169,7 +14498,7 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Select = __webpack_require__(187);
+	var _Select = __webpack_require__(188);
 	
 	var _Select2 = _interopRequireDefault(_Select);
 	
@@ -14393,7 +14722,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 185 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14589,7 +14918,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 186 */
+/* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14606,11 +14935,11 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _Header = __webpack_require__(185);
+	var _Header = __webpack_require__(186);
 	
 	var _Header2 = _interopRequireDefault(_Header);
 	
-	var _Combobox = __webpack_require__(184);
+	var _Combobox = __webpack_require__(185);
 	
 	var _Combobox2 = _interopRequireDefault(_Combobox);
 	
@@ -14783,7 +15112,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 187 */
+/* 188 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14944,7 +15273,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 188 */
+/* 189 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -14957,15 +15286,15 @@ module.exports =
 	
 	var _react2 = _interopRequireDefault(_react);
 	
-	var _rcTrigger = __webpack_require__(194);
+	var _rcTrigger = __webpack_require__(195);
 	
 	var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
 	
-	var _Panel = __webpack_require__(186);
+	var _Panel = __webpack_require__(187);
 	
 	var _Panel2 = _interopRequireDefault(_Panel);
 	
-	var _placements = __webpack_require__(190);
+	var _placements = __webpack_require__(191);
 	
 	var _placements2 = _interopRequireDefault(_placements);
 	
@@ -15247,7 +15576,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 189 */
+/* 190 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15256,7 +15585,7 @@ module.exports =
 	  value: true
 	});
 	
-	var _TimePicker = __webpack_require__(188);
+	var _TimePicker = __webpack_require__(189);
 	
 	var _TimePicker2 = _interopRequireDefault(_TimePicker);
 	
@@ -15266,7 +15595,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 190 */
+/* 191 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -15312,7 +15641,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 191 */
+/* 192 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15333,15 +15662,15 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _rcAlign = __webpack_require__(178);
+	var _rcAlign = __webpack_require__(179);
 	
 	var _rcAlign2 = _interopRequireDefault(_rcAlign);
 	
-	var _rcAnimate = __webpack_require__(183);
+	var _rcAnimate = __webpack_require__(184);
 	
 	var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
 	
-	var _PopupInner = __webpack_require__(192);
+	var _PopupInner = __webpack_require__(193);
 	
 	var _PopupInner2 = _interopRequireDefault(_PopupInner);
 	
@@ -15543,7 +15872,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 192 */
+/* 193 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15600,7 +15929,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 193 */
+/* 194 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -15621,7 +15950,7 @@ module.exports =
 	
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 	
-	var _contains = __webpack_require__(196);
+	var _contains = __webpack_require__(197);
 	
 	var _contains2 = _interopRequireDefault(_contains);
 	
@@ -15629,13 +15958,13 @@ module.exports =
 	
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 	
-	var _Popup = __webpack_require__(191);
+	var _Popup = __webpack_require__(192);
 	
 	var _Popup2 = _interopRequireDefault(_Popup);
 	
-	var _utils = __webpack_require__(195);
+	var _utils = __webpack_require__(196);
 	
-	var _getContainerRenderMixin = __webpack_require__(197);
+	var _getContainerRenderMixin = __webpack_require__(198);
 	
 	var _getContainerRenderMixin2 = _interopRequireDefault(_getContainerRenderMixin);
 	
@@ -16099,15 +16428,15 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 194 */
+/* 195 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
 	
-	module.exports = __webpack_require__(193);
+	module.exports = __webpack_require__(194);
 
 /***/ },
-/* 195 */
+/* 196 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16147,7 +16476,7 @@ module.exports =
 	}
 
 /***/ },
-/* 196 */
+/* 197 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -16170,7 +16499,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 197 */
+/* 198 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16275,8 +16604,8 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 198 */,
-/* 199 */
+/* 199 */,
+/* 200 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16285,19 +16614,19 @@ module.exports =
 	
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 	
-	var _addClass = __webpack_require__(201);
+	var _addClass = __webpack_require__(202);
 	
 	var _addClass2 = _interopRequireDefault(_addClass);
 	
-	var _removeClass = __webpack_require__(203);
+	var _removeClass = __webpack_require__(204);
 	
 	var _removeClass2 = _interopRequireDefault(_removeClass);
 	
-	var _requestAnimationFrame = __webpack_require__(205);
+	var _requestAnimationFrame = __webpack_require__(206);
 	
 	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
 	
-	var _properties = __webpack_require__(204);
+	var _properties = __webpack_require__(205);
 	
 	var _react = __webpack_require__(1);
 	
@@ -16510,7 +16839,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 200 */
+/* 201 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16519,7 +16848,7 @@ module.exports =
 	
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 	
-	var _chainFunction = __webpack_require__(157);
+	var _chainFunction = __webpack_require__(158);
 	
 	var _chainFunction2 = _interopRequireDefault(_chainFunction);
 	
@@ -16531,11 +16860,11 @@ module.exports =
 	
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 	
-	var _warning = __webpack_require__(207);
+	var _warning = __webpack_require__(208);
 	
 	var _warning2 = _interopRequireDefault(_warning);
 	
-	var _ChildMapping = __webpack_require__(206);
+	var _ChildMapping = __webpack_require__(207);
 	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
@@ -16787,7 +17116,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 201 */
+/* 202 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16797,7 +17126,7 @@ module.exports =
 	});
 	exports.default = addClass;
 	
-	var _hasClass = __webpack_require__(202);
+	var _hasClass = __webpack_require__(203);
 	
 	var _hasClass2 = _interopRequireDefault(_hasClass);
 	
@@ -16809,7 +17138,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 202 */
+/* 203 */
 /***/ function(module, exports) {
 
 	"use strict";
@@ -16824,7 +17153,7 @@ module.exports =
 	module.exports = exports["default"];
 
 /***/ },
-/* 203 */
+/* 204 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -16834,7 +17163,7 @@ module.exports =
 	};
 
 /***/ },
-/* 204 */
+/* 205 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -16949,7 +17278,7 @@ module.exports =
 	}
 
 /***/ },
-/* 205 */
+/* 206 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17007,7 +17336,7 @@ module.exports =
 	module.exports = exports['default'];
 
 /***/ },
-/* 206 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -17103,7 +17432,7 @@ module.exports =
 	}
 
 /***/ },
-/* 207 */
+/* 208 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/**
@@ -17169,13 +17498,13 @@ module.exports =
 
 
 /***/ },
-/* 208 */
+/* 209 */
 /***/ function(module, exports) {
 
 	module.exports = require("moment-timezone");
 
 /***/ },
-/* 209 */
+/* 210 */
 /***/ function(module, exports) {
 
 	module.exports = require("redux");