@lingk/sync 0.0.39 → 0.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -45,7 +45,7 @@ module.exports =
45
45
  /* 0 */
46
46
  /***/ function(module, exports, __webpack_require__) {
47
47
 
48
- module.exports = __webpack_require__(19);
48
+ module.exports = __webpack_require__(25);
49
49
 
50
50
 
51
51
  /***/ },
@@ -55,17 +55,25 @@ module.exports =
55
55
  module.exports = require("react");
56
56
 
57
57
  /***/ },
58
- /* 2 */,
59
- /* 3 */
58
+ /* 2 */
60
59
  /***/ function(module, exports) {
61
60
 
62
61
  module.exports = require("react-lightning-design-system");
63
62
 
64
63
  /***/ },
64
+ /* 3 */,
65
65
  /* 4 */,
66
66
  /* 5 */,
67
67
  /* 6 */,
68
- /* 7 */
68
+ /* 7 */,
69
+ /* 8 */,
70
+ /* 9 */,
71
+ /* 10 */,
72
+ /* 11 */,
73
+ /* 12 */,
74
+ /* 13 */,
75
+ /* 14 */,
76
+ /* 15 */
69
77
  /***/ function(module, exports, __webpack_require__) {
70
78
 
71
79
  'use strict';
@@ -78,21 +86,18 @@ module.exports =
78
86
 
79
87
  var _react2 = _interopRequireDefault(_react);
80
88
 
81
- var _reactLightningDesignSystem = __webpack_require__(3);
89
+ var _reactLightningDesignSystem = __webpack_require__(2);
82
90
 
83
91
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
84
92
 
85
- var I = function I(props) {
86
- return _react2.default.createElement(_reactLightningDesignSystem.Input, props);
93
+ var B = function B(props) {
94
+ return _react2.default.createElement(_reactLightningDesignSystem.Button, props);
87
95
  };
88
96
 
89
- exports.default = I;
97
+ exports.default = B;
90
98
 
91
99
  /***/ },
92
- /* 8 */,
93
- /* 9 */,
94
- /* 10 */,
95
- /* 11 */
100
+ /* 16 */
96
101
  /***/ function(module, exports, __webpack_require__) {
97
102
 
98
103
  'use strict';
@@ -105,18 +110,18 @@ module.exports =
105
110
 
106
111
  var _react2 = _interopRequireDefault(_react);
107
112
 
108
- var _reactLightningDesignSystem = __webpack_require__(3);
113
+ var _reactLightningDesignSystem = __webpack_require__(2);
109
114
 
110
115
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
111
116
 
112
- var B = function B(props) {
113
- return _react2.default.createElement(_reactLightningDesignSystem.Button, props);
117
+ var I = function I(props) {
118
+ return _react2.default.createElement(_reactLightningDesignSystem.Input, props);
114
119
  };
115
120
 
116
- exports.default = B;
121
+ exports.default = I;
117
122
 
118
123
  /***/ },
119
- /* 12 */
124
+ /* 17 */
120
125
  /***/ function(module, exports, __webpack_require__) {
121
126
 
122
127
  'use strict';
@@ -125,174 +130,156 @@ module.exports =
125
130
  value: true
126
131
  });
127
132
 
128
- 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; }; }();
129
-
130
133
  var _react = __webpack_require__(1);
131
134
 
132
135
  var _react2 = _interopRequireDefault(_react);
133
136
 
134
- var _reactLightningDesignSystem = __webpack_require__(3);
137
+ var _reactLightningDesignSystem = __webpack_require__(2);
135
138
 
136
- var _TransformationModal = __webpack_require__(18);
139
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
137
140
 
138
- var _TransformationModal2 = _interopRequireDefault(_TransformationModal);
141
+ var Header = _reactLightningDesignSystem.Modal.Header,
142
+ Content = _reactLightningDesignSystem.Modal.Content,
143
+ Footer = _reactLightningDesignSystem.Modal.Footer;
139
144
 
140
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
141
145
 
142
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
146
+ var MapModal = function MapModal(_ref) {
147
+ var children = _ref.children,
148
+ opened = _ref.opened,
149
+ hideModal = _ref.hideModal;
143
150
 
144
- 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; }
151
+ return _react2.default.createElement(
152
+ 'div',
153
+ null,
154
+ _react2.default.createElement(
155
+ _reactLightningDesignSystem.Modal,
156
+ {
157
+ opened: opened,
158
+ onHide: hideModal
159
+ },
160
+ _react2.default.createElement(Header, { title: 'Transform Data', closeButton: true }),
161
+ _react2.default.createElement(
162
+ Content,
163
+ { style: { padding: '1em' } },
164
+ _react2.default.isValidElement(children) ? _react2.default.cloneElement(children) : null
165
+ ),
166
+ _react2.default.createElement(
167
+ Footer,
168
+ null,
169
+ _react2.default.createElement(_reactLightningDesignSystem.Button, { type: 'brand', label: 'Done', onClick: hideModal })
170
+ )
171
+ )
172
+ );
173
+ };
145
174
 
146
- 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; }
175
+ exports.default = MapModal;
176
+
177
+ /***/ },
178
+ /* 18 */
179
+ /***/ function(module, exports, __webpack_require__) {
180
+
181
+ 'use strict';
182
+
183
+ Object.defineProperty(exports, "__esModule", {
184
+ value: true
185
+ });
147
186
 
148
- var MapTable = function (_Component) {
149
- _inherits(MapTable, _Component);
187
+ var _react = __webpack_require__(1);
188
+
189
+ var _react2 = _interopRequireDefault(_react);
190
+
191
+ var _reactLightningDesignSystem = __webpack_require__(2);
192
+
193
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
150
194
 
151
- function MapTable() {
152
- _classCallCheck(this, MapTable);
195
+ var MapTable = function MapTable(_ref) {
196
+ var resourceGroups = _ref.resourceGroups,
197
+ clearOneMapping = _ref.clearOneMapping,
198
+ selectMapping = _ref.selectMapping,
199
+ children = _ref.children;
153
200
 
154
- var _this = _possibleConstructorReturn(this, (MapTable.__proto__ || Object.getPrototypeOf(MapTable)).call(this));
155
201
 
156
- _this.state = {
157
- modal: false,
158
- key: '',
159
- val: ''
160
- };
161
- _this.hideModal = _this.hideModal.bind(_this);
162
- return _this;
202
+ var childs;
203
+ if (_react2.default.Children.count(children) > 0) {
204
+ childs = _react2.default.Children.toArray(children);
205
+ } else {
206
+ return _react2.default.createElement('div', null);
163
207
  }
164
208
 
165
- _createClass(MapTable, [{
166
- key: 'hideModal',
167
- value: function hideModal() {
168
- this.setState({
169
- modal: false
170
- });
171
- }
172
- }, {
173
- key: 'render',
174
- value: function render() {
175
- var _this2 = this;
176
-
177
- var _props = this.props,
178
- mappings = _props.mappings,
179
- clearOneMapping = _props.clearOneMapping;
180
-
181
- return _react2.default.createElement(
182
- 'div',
209
+ return _react2.default.createElement(
210
+ 'div',
211
+ null,
212
+ _react2.default.createElement(
213
+ _reactLightningDesignSystem.Table,
214
+ { striped: true, bordered: true },
215
+ _react2.default.createElement(
216
+ _reactLightningDesignSystem.TableHeader,
183
217
  null,
184
218
  _react2.default.createElement(
185
- _reactLightningDesignSystem.Table,
186
- { striped: true, bordered: true },
219
+ _reactLightningDesignSystem.TableRow,
220
+ null,
187
221
  _react2.default.createElement(
188
- _reactLightningDesignSystem.TableHeader,
222
+ _reactLightningDesignSystem.TableHeaderColumn,
189
223
  null,
190
- _react2.default.createElement(
191
- _reactLightningDesignSystem.TableRow,
192
- null,
193
- _react2.default.createElement(
194
- _reactLightningDesignSystem.TableHeaderColumn,
195
- null,
196
- 'Source Entity'
197
- ),
198
- _react2.default.createElement(
199
- _reactLightningDesignSystem.TableHeaderColumn,
200
- null,
201
- 'Source Field'
202
- ),
203
- _react2.default.createElement(
204
- _reactLightningDesignSystem.TableHeaderColumn,
205
- null,
206
- 'Transform'
207
- ),
208
- _react2.default.createElement(
209
- _reactLightningDesignSystem.TableHeaderColumn,
210
- null,
211
- 'Destination Entity'
212
- ),
213
- _react2.default.createElement(
214
- _reactLightningDesignSystem.TableHeaderColumn,
215
- null,
216
- 'Destination Field'
217
- ),
218
- _react2.default.createElement(
219
- _reactLightningDesignSystem.TableHeaderColumn,
220
- null,
221
- _react2.default.createElement(
222
- 'div',
223
- { style: { fontWeight: 'bold', textAlign: 'center' } },
224
- 'X'
225
- )
226
- )
227
- )
224
+ 'Source'
228
225
  ),
229
226
  _react2.default.createElement(
230
- _reactLightningDesignSystem.TableBody,
227
+ _reactLightningDesignSystem.TableHeaderColumn,
231
228
  null,
232
- Object.keys(mappings).reverse().map(function (key, i) {
233
- return _react2.default.createElement(
234
- _reactLightningDesignSystem.TableRow,
235
- { key: i },
236
- _react2.default.createElement(
237
- _reactLightningDesignSystem.TableRowColumn,
238
- null,
239
- key.split('.')[0]
240
- ),
241
- _react2.default.createElement(
242
- _reactLightningDesignSystem.TableRowColumn,
243
- null,
244
- key.split('.')[1]
245
- ),
246
- _react2.default.createElement(
247
- _reactLightningDesignSystem.TableRowColumn,
248
- null,
249
- _react2.default.createElement(
250
- 'div',
251
- { style: { cursor: 'pointer', textAlign: 'center' },
252
- onClick: function onClick() {
253
- return _this2.setState({ modal: true, key: key, val: mappings[key] });
254
- } },
255
- '\u25B6'
256
- )
257
- ),
258
- _react2.default.createElement(
259
- _reactLightningDesignSystem.TableRowColumn,
260
- null,
261
- mappings[key].split('.')[0]
262
- ),
263
- _react2.default.createElement(
264
- _reactLightningDesignSystem.TableRowColumn,
265
- null,
266
- mappings[key].split('.')[1]
267
- ),
268
- _react2.default.createElement(
269
- _reactLightningDesignSystem.TableRowColumn,
270
- null,
271
- _react2.default.createElement(
272
- 'div',
273
- { style: { cursor: "pointer", textAlign: 'center', color: '#d43f3a', fontWeight: 'bold' },
274
- onClick: function onClick() {
275
- clearOneMapping(key);
276
- } },
277
- 'X'
278
- )
279
- )
280
- );
281
- })
229
+ '\xA0\xA0\xA0\xA0\xA0\xA0\xA0Mapping'
230
+ ),
231
+ _react2.default.createElement(
232
+ _reactLightningDesignSystem.TableHeaderColumn,
233
+ null,
234
+ 'Transform'
235
+ ),
236
+ _react2.default.createElement(
237
+ _reactLightningDesignSystem.TableHeaderColumn,
238
+ null,
239
+ 'Destination'
282
240
  )
283
- ),
284
- this.state.modal ? _react2.default.createElement(_TransformationModal2.default, { hideModal: this.hideModal, field: this.state.key, val: this.state.val, opened: this.state.modal }) : null
285
- );
286
- }
287
- }]);
288
-
289
- return MapTable;
290
- }(_react.Component);
241
+ )
242
+ ),
243
+ _react2.default.createElement(
244
+ _reactLightningDesignSystem.TableBody,
245
+ null,
246
+ resourceGroups && resourceGroups.filter(function (g) {
247
+ return g.resources;
248
+ }).map(function (group, i) {
249
+ return _react2.default.createElement(
250
+ _reactLightningDesignSystem.TableRow,
251
+ { key: i },
252
+ _react2.default.createElement(
253
+ _reactLightningDesignSystem.TableRowColumn,
254
+ null,
255
+ _react2.default.Children.count(children) > 0 ? _react2.default.cloneElement(childs[0], { group: group }) : null
256
+ ),
257
+ _react2.default.createElement(
258
+ _reactLightningDesignSystem.TableRowColumn,
259
+ null,
260
+ _react2.default.Children.count(children) > 1 ? _react2.default.cloneElement(childs[1], { group: group, i: i, clearOneMapping: clearOneMapping }) : null
261
+ ),
262
+ _react2.default.createElement(
263
+ _reactLightningDesignSystem.TableRowColumn,
264
+ null,
265
+ _react2.default.Children.count(children) > 2 ? _react2.default.cloneElement(childs[2], { group: group, selectMapping: selectMapping }) : null
266
+ ),
267
+ _react2.default.createElement(
268
+ _reactLightningDesignSystem.TableRowColumn,
269
+ null,
270
+ _react2.default.Children.count(children) > 3 ? _react2.default.cloneElement(childs[3], { group: group }) : null
271
+ )
272
+ );
273
+ })
274
+ )
275
+ )
276
+ );
277
+ };
291
278
 
292
279
  exports.default = MapTable;
293
280
 
294
281
  /***/ },
295
- /* 13 */
282
+ /* 19 */
296
283
  /***/ function(module, exports, __webpack_require__) {
297
284
 
298
285
  'use strict';
@@ -305,7 +292,7 @@ module.exports =
305
292
 
306
293
  var _react2 = _interopRequireDefault(_react);
307
294
 
308
- var _reactLightningDesignSystem = __webpack_require__(3);
295
+ var _reactLightningDesignSystem = __webpack_require__(2);
309
296
 
310
297
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
311
298
 
@@ -369,7 +356,7 @@ module.exports =
369
356
  exports.default = PreviewTable;
370
357
 
371
358
  /***/ },
372
- /* 14 */
359
+ /* 20 */
373
360
  /***/ function(module, exports, __webpack_require__) {
374
361
 
375
362
  'use strict';
@@ -382,16 +369,16 @@ module.exports =
382
369
 
383
370
  var _react2 = _interopRequireDefault(_react);
384
371
 
385
- var _reactLightningDesignSystem = __webpack_require__(3);
372
+ var _reactLightningDesignSystem = __webpack_require__(2);
386
373
 
387
374
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
388
375
 
389
- var RadioGroupy = function RadioGroupy(props) {
390
- var label = props.label,
391
- name = props.name,
392
- _onChange = props.onChange,
393
- options = props.options,
394
- selected = props.selected;
376
+ var RadioGroupy = function RadioGroupy(_ref) {
377
+ var label = _ref.label,
378
+ name = _ref.name,
379
+ _onChange = _ref.onChange,
380
+ options = _ref.options,
381
+ selected = _ref.selected;
395
382
 
396
383
  return _react2.default.createElement(
397
384
  _reactLightningDesignSystem.RadioGroup,
@@ -407,7 +394,7 @@ module.exports =
407
394
  exports.default = RadioGroupy;
408
395
 
409
396
  /***/ },
410
- /* 15 */
397
+ /* 21 */
411
398
  /***/ function(module, exports, __webpack_require__) {
412
399
 
413
400
  'use strict';
@@ -420,7 +407,7 @@ module.exports =
420
407
 
421
408
  var _react2 = _interopRequireDefault(_react);
422
409
 
423
- var _reactLightningDesignSystem = __webpack_require__(3);
410
+ var _reactLightningDesignSystem = __webpack_require__(2);
424
411
 
425
412
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
426
413
 
@@ -430,38 +417,49 @@ module.exports =
430
417
  onSelect = props.onSelect,
431
418
  label = props.label,
432
419
  title = props.title,
433
- selectedValues = props.selectedValues;
420
+ minWidth = props.minWidth,
421
+ selectedValues = props.selectedValues,
422
+ type = props.type,
423
+ menuAlign = props.menuAlign,
424
+ style = props.style,
425
+ onClick = props.onClick,
426
+ extraClass = props.extraClass;
427
+
434
428
 
429
+ var extraClassy = extraClass ? ' extra-select-button-class' : '';
435
430
 
436
431
  return _react2.default.createElement(
437
432
  'div',
438
- null,
439
- _react2.default.createElement(
433
+ { onClick: onClick },
434
+ title && _react2.default.createElement(
440
435
  'label',
441
436
  { className: 'slds-form-element__label' },
442
437
  title
443
438
  ),
444
- _react2.default.createElement('br', null),
445
439
  _react2.default.createElement(
446
440
  'div',
447
441
  { style: { marginLeft: '-.25rem' } },
448
442
  _react2.default.createElement(
449
443
  _reactLightningDesignSystem.DropdownButton,
450
- { menuSize: 'small', value: selectedDataEntity,
451
- onMenuItemClick: function onMenuItemClick(e) {
452
- onSelect(e.value);
453
- },
454
- type: 'brand', required: true,
455
- label: label,
456
- menuStyle: { maxHeight: 297, overflowY: 'scroll' },
457
- style: { width: 245 }
444
+ { menuSize: 'small', value: selectedDataEntity, style: style,
445
+ type: type, required: true, menuAlign: menuAlign, label: label, className: 'select-dropdown-button' + extraClassy,
446
+ menuStyle: { maxHeight: 273, overflowY: 'scroll', marginBottom: 5,
447
+ boxShadow: '0 2px 3px 0 rgba(0, 0, 0, 0.36)', zIndex: 6001, minWidth: minWidth ? minWidth : '15rem' }
458
448
  },
459
- values && Object.keys(values).map(function (key, i) {
449
+ values && values.map(function (val, i) {
460
450
  return _react2.default.createElement(
461
451
  _reactLightningDesignSystem.MenuItem,
462
- { value: key, key: i,
463
- icon: selectedValues && Object.keys(selectedValues).includes(key) ? 'check' : 'none' },
464
- key
452
+ { value: val.name, key: i, onClick: function onClick() {
453
+ if (!selectedValues || !selectedValues.find(function (sel) {
454
+ return sel.name === val.name;
455
+ })) {
456
+ onSelect(val.name, i, val.recordTypeId ? val.recordTypeId : null);
457
+ }
458
+ },
459
+ icon: selectedValues && selectedValues.some(function (rsc) {
460
+ return rsc.name === val.name;
461
+ }) ? 'check' : 'none' },
462
+ val.name
465
463
  );
466
464
  })
467
465
  )
@@ -472,7 +470,7 @@ module.exports =
472
470
  exports.default = Select;
473
471
 
474
472
  /***/ },
475
- /* 16 */
473
+ /* 22 */
476
474
  /***/ function(module, exports, __webpack_require__) {
477
475
 
478
476
  'use strict';
@@ -485,13 +483,13 @@ module.exports =
485
483
 
486
484
  var _react2 = _interopRequireDefault(_react);
487
485
 
488
- var _reactLightningDesignSystem = __webpack_require__(3);
486
+ var _reactLightningDesignSystem = __webpack_require__(2);
489
487
 
490
488
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
491
489
 
492
- var Sidebar = function Sidebar(props) {
493
- var steps = props.steps,
494
- currentPage = props.currentPage;
490
+ var Sidebar = function Sidebar(_ref) {
491
+ var steps = _ref.steps,
492
+ currentPage = _ref.currentPage;
495
493
 
496
494
  return _react2.default.createElement(
497
495
  _reactLightningDesignSystem.Tree,
@@ -515,7 +513,7 @@ module.exports =
515
513
  exports.default = Sidebar;
516
514
 
517
515
  /***/ },
518
- /* 17 */
516
+ /* 23 */
519
517
  /***/ function(module, exports, __webpack_require__) {
520
518
 
521
519
  'use strict';
@@ -546,7 +544,7 @@ module.exports =
546
544
  exports.default = Spinner;
547
545
 
548
546
  /***/ },
549
- /* 18 */
547
+ /* 24 */
550
548
  /***/ function(module, exports, __webpack_require__) {
551
549
 
552
550
  'use strict';
@@ -555,195 +553,44 @@ module.exports =
555
553
  value: true
556
554
  });
557
555
 
558
- 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; }; }();
559
-
560
556
  var _react = __webpack_require__(1);
561
557
 
562
558
  var _react2 = _interopRequireDefault(_react);
563
559
 
564
- var _reactLightningDesignSystem = __webpack_require__(3);
565
-
566
- var _RadioGroup = __webpack_require__(14);
567
-
568
- var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
569
-
570
- var _Input = __webpack_require__(7);
571
-
572
- var _Input2 = _interopRequireDefault(_Input);
560
+ var _reactLightningDesignSystem = __webpack_require__(2);
573
561
 
574
562
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
575
563
 
576
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
564
+ var Tooltip = function Tooltip(_ref) {
565
+ var children = _ref.children;
577
566
 
578
- 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; }
579
567
 
580
- 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; }
581
-
582
- var Header = _reactLightningDesignSystem.Modal.Header,
583
- Content = _reactLightningDesignSystem.Modal.Content,
584
- Footer = _reactLightningDesignSystem.Modal.Footer;
585
-
586
- var TransformationModal = function (_Component) {
587
- _inherits(TransformationModal, _Component);
588
-
589
- function TransformationModal() {
590
- _classCallCheck(this, TransformationModal);
591
-
592
- var _this = _possibleConstructorReturn(this, (TransformationModal.__proto__ || Object.getPrototypeOf(TransformationModal)).call(this));
593
-
594
- _this.state = {
595
- transformSelected: 'Data Type',
596
- dataTypeSelected: '',
597
- dateFormatSelected: ''
598
- };
599
- _this.transformOptions = {
600
- 'Data Type': 'Data Type',
601
- 'Truncate': 'Truncate',
602
- 'Date Format': 'Date Format',
603
- 'Lookup Table': 'Lookup Table'
604
- };
605
- _this.dataTypes = ['String', 'Number', 'Date', 'Boolean'];
606
- _this.dateFormats = {
607
- 'ISO': "2015-03-25",
608
- 'Short': "03/25/2015",
609
- 'Long': "25 Mar 2015",
610
- 'Full': "Wednesday March 25 2015"
611
- };
612
- return _this;
613
- }
614
-
615
- _createClass(TransformationModal, [{
616
- key: 'render',
617
- value: function render() {
618
- var _this2 = this;
619
-
620
- var _props = this.props,
621
- opened = _props.opened,
622
- field = _props.field,
623
- val = _props.val,
624
- hideModal = _props.hideModal;
625
-
626
-
627
- return _react2.default.createElement(
628
- 'div',
629
- null,
630
- _react2.default.createElement(
631
- _reactLightningDesignSystem.Modal,
632
- {
633
- opened: opened,
634
- onHide: hideModal
635
- },
636
- _react2.default.createElement(Header, { title: 'Transform Data', closeButton: true }),
637
- _react2.default.createElement(
638
- Content,
639
- { style: { padding: '1em' } },
640
- _react2.default.createElement(
641
- 'div',
642
- null,
643
- _react2.default.createElement(
644
- 'div',
645
- null,
646
- field.replace('.', ': '),
647
- '\xA0\xA0\u2192\xA0\xA0',
648
- val.replace('.', ': ')
649
- ),
650
- _react2.default.createElement('br', null),
651
- _react2.default.createElement(
652
- 'div',
653
- { style: { width: 150, display: 'inline-block', marginBottom: 20 } },
654
- _react2.default.createElement(_RadioGroup2.default, { onChange: function onChange(e) {
655
- return _this2.setState({ transformSelected: e.target.value });
656
- }, options: this.transformOptions,
657
- selected: this.state.transformSelected, name: 'transformationOptions', label: 'Transformation Options' })
658
- ),
659
- _react2.default.createElement(
660
- 'div',
661
- { style: { display: 'inline-block', verticalAlign: 'top', marginLeft: 20, width: 'calc(100% - 170px)' } },
662
- this.state.transformSelected === 'Data Type' && _react2.default.createElement(
663
- 'div',
664
- null,
665
- 'Convert Source Field to:',
666
- _react2.default.createElement('br', null),
667
- this.dataTypes.map(function (type) {
668
- return _react2.default.createElement(
669
- 'div',
670
- { key: type, onClick: function onClick() {
671
- return _this2.setState({ dataTypeSelected: type });
672
- },
673
- className: _this2.state.dataTypeSelected === type ? "transform-data-type transform-data-type-sel" : "transform-data-type"
674
- },
675
- type
676
- );
677
- })
678
- ),
679
- this.state.transformSelected === 'Truncate' && _react2.default.createElement(
680
- 'div',
681
- null,
682
- _react2.default.createElement(
683
- 'div',
684
- { style: { marginBottom: 8 } },
685
- 'Limit final field length:'
686
- ),
687
- _react2.default.createElement(_Input2.default, { style: { width: 52 }, label: 'Character Count' })
688
- ),
689
- this.state.transformSelected === 'Date Format' && _react2.default.createElement(
690
- 'div',
691
- null,
692
- _react2.default.createElement(
693
- 'div',
694
- { style: { marginBottom: 8 } },
695
- 'Format Date field'
696
- ),
697
- Object.keys(this.dateFormats).map(function (format, i) {
698
- return _react2.default.createElement(
699
- 'div',
700
- { key: i, onClick: function onClick() {
701
- return _this2.setState({ dateFormatSelected: format });
702
- },
703
- className: _this2.state.dateFormatSelected === format ? "transform-data-type transform-data-type-sel" : "transform-data-type"
704
- },
705
- format
706
- );
707
- }),
708
- _react2.default.createElement('br', null),
709
- this.state.dateFormatSelected && _react2.default.createElement(
710
- 'div',
711
- { style: { marginTop: 6, color: 'grey' } },
712
- 'Example: ',
713
- this.dateFormats[this.state.dateFormatSelected]
714
- )
715
- ),
716
- this.state.transformSelected === 'Lookup Table' && _react2.default.createElement(
717
- 'div',
718
- null,
719
- _react2.default.createElement(
720
- 'div',
721
- { style: { marginBottom: 8 } },
722
- 'Convert field name:'
723
- ),
724
- _react2.default.createElement(_Input2.default, { style: { width: 150 }, label: 'Field Name' })
725
- )
726
- )
727
- )
728
- ),
729
- _react2.default.createElement(
730
- Footer,
731
- null,
732
- _react2.default.createElement(_reactLightningDesignSystem.Button, { type: 'neutral', label: 'Cancel', onClick: hideModal }),
733
- _react2.default.createElement(_reactLightningDesignSystem.Button, { type: 'brand', label: 'Done', onClick: hideModal })
734
- )
735
- )
736
- );
737
- }
738
- }]);
739
-
740
- return TransformationModal;
741
- }(_react.Component);
568
+ return _react2.default.createElement(
569
+ 'div',
570
+ { className: 'help-tooltip' },
571
+ _react2.default.createElement(
572
+ 'div',
573
+ { className: 'help-tooltip-q' },
574
+ '?'
575
+ ),
576
+ _react2.default.createElement(
577
+ 'div',
578
+ { className: 'help-tooltip-pop' },
579
+ _react2.default.createElement(
580
+ _reactLightningDesignSystem.Popover,
581
+ { hidden: false, position: 'right-top', tooltip: true },
582
+ _react2.default.Children.count(children) > 0 ? _react2.default.Children.map(children, function (child) {
583
+ return _react2.default.cloneElement(child);
584
+ }) : null
585
+ )
586
+ )
587
+ );
588
+ };
742
589
 
743
- exports.default = TransformationModal;
590
+ exports.default = Tooltip;
744
591
 
745
592
  /***/ },
746
- /* 19 */
593
+ /* 25 */
747
594
  /***/ function(module, exports, __webpack_require__) {
748
595
 
749
596
  'use strict';
@@ -752,7 +599,7 @@ module.exports =
752
599
  value: true
753
600
  });
754
601
 
755
- var _Sidebar = __webpack_require__(16);
602
+ var _Sidebar = __webpack_require__(22);
756
603
 
757
604
  Object.defineProperty(exports, 'Sidebar', {
758
605
  enumerable: true,
@@ -761,7 +608,7 @@ module.exports =
761
608
  }
762
609
  });
763
610
 
764
- var _Button = __webpack_require__(11);
611
+ var _Button = __webpack_require__(15);
765
612
 
766
613
  Object.defineProperty(exports, 'Button', {
767
614
  enumerable: true,
@@ -770,7 +617,7 @@ module.exports =
770
617
  }
771
618
  });
772
619
 
773
- var _Input = __webpack_require__(7);
620
+ var _Input = __webpack_require__(16);
774
621
 
775
622
  Object.defineProperty(exports, 'Input', {
776
623
  enumerable: true,
@@ -779,7 +626,7 @@ module.exports =
779
626
  }
780
627
  });
781
628
 
782
- var _Spinner = __webpack_require__(17);
629
+ var _Spinner = __webpack_require__(23);
783
630
 
784
631
  Object.defineProperty(exports, 'Spinner', {
785
632
  enumerable: true,
@@ -788,7 +635,7 @@ module.exports =
788
635
  }
789
636
  });
790
637
 
791
- var _Select = __webpack_require__(15);
638
+ var _Select = __webpack_require__(21);
792
639
 
793
640
  Object.defineProperty(exports, 'Select', {
794
641
  enumerable: true,
@@ -797,7 +644,7 @@ module.exports =
797
644
  }
798
645
  });
799
646
 
800
- var _rfInput = __webpack_require__(21);
647
+ var _rfInput = __webpack_require__(27);
801
648
 
802
649
  Object.defineProperty(exports, 'rfInput', {
803
650
  enumerable: true,
@@ -806,7 +653,7 @@ module.exports =
806
653
  }
807
654
  });
808
655
 
809
- var _rfRadioGroup = __webpack_require__(22);
656
+ var _rfRadioGroup = __webpack_require__(28);
810
657
 
811
658
  Object.defineProperty(exports, 'rfRadioGroup', {
812
659
  enumerable: true,
@@ -815,7 +662,7 @@ module.exports =
815
662
  }
816
663
  });
817
664
 
818
- var _rfCheckbox = __webpack_require__(20);
665
+ var _rfCheckbox = __webpack_require__(26);
819
666
 
820
667
  Object.defineProperty(exports, 'rfCheckbox', {
821
668
  enumerable: true,
@@ -824,7 +671,16 @@ module.exports =
824
671
  }
825
672
  });
826
673
 
827
- var _MapTable = __webpack_require__(12);
674
+ var _rfSelect = __webpack_require__(29);
675
+
676
+ Object.defineProperty(exports, 'rfSelect', {
677
+ enumerable: true,
678
+ get: function get() {
679
+ return _interopRequireDefault(_rfSelect).default;
680
+ }
681
+ });
682
+
683
+ var _MapTable = __webpack_require__(18);
828
684
 
829
685
  Object.defineProperty(exports, 'MapTable', {
830
686
  enumerable: true,
@@ -833,7 +689,7 @@ module.exports =
833
689
  }
834
690
  });
835
691
 
836
- var _PreviewTable = __webpack_require__(13);
692
+ var _PreviewTable = __webpack_require__(19);
837
693
 
838
694
  Object.defineProperty(exports, 'PreviewTable', {
839
695
  enumerable: true,
@@ -842,7 +698,25 @@ module.exports =
842
698
  }
843
699
  });
844
700
 
845
- var _theme = __webpack_require__(53);
701
+ var _Tooltip = __webpack_require__(24);
702
+
703
+ Object.defineProperty(exports, 'Tooltip', {
704
+ enumerable: true,
705
+ get: function get() {
706
+ return _interopRequireDefault(_Tooltip).default;
707
+ }
708
+ });
709
+
710
+ var _MapModal = __webpack_require__(17);
711
+
712
+ Object.defineProperty(exports, 'MapModal', {
713
+ enumerable: true,
714
+ get: function get() {
715
+ return _interopRequireDefault(_MapModal).default;
716
+ }
717
+ });
718
+
719
+ var _theme = __webpack_require__(62);
846
720
 
847
721
  Object.defineProperty(exports, 'styles', {
848
722
  enumerable: true,
@@ -850,11 +724,20 @@ module.exports =
850
724
  return _interopRequireDefault(_theme).default;
851
725
  }
852
726
  });
727
+
728
+ var _RadioGroup = __webpack_require__(20);
729
+
730
+ Object.defineProperty(exports, 'RadioGroup', {
731
+ enumerable: true,
732
+ get: function get() {
733
+ return _interopRequireDefault(_RadioGroup).default;
734
+ }
735
+ });
853
736
 
854
737
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
855
738
 
856
739
  /***/ },
857
- /* 20 */
740
+ /* 26 */
858
741
  /***/ function(module, exports, __webpack_require__) {
859
742
 
860
743
  'use strict';
@@ -867,7 +750,7 @@ module.exports =
867
750
 
868
751
  var _react2 = _interopRequireDefault(_react);
869
752
 
870
- var _reactLightningDesignSystem = __webpack_require__(3);
753
+ var _reactLightningDesignSystem = __webpack_require__(2);
871
754
 
872
755
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
873
756
 
@@ -876,13 +759,14 @@ module.exports =
876
759
  disabled = _ref.disabled,
877
760
  label = _ref.label,
878
761
  required = _ref.required,
762
+ externalKey = _ref.externalKey,
879
763
  _ref$meta = _ref.meta,
880
764
  touched = _ref$meta.touched,
881
765
  error = _ref$meta.error;
882
766
 
883
767
  return _react2.default.createElement(
884
768
  'div',
885
- null,
769
+ { className: 'schema-checkbox' },
886
770
  _react2.default.createElement(
887
771
  'div',
888
772
  { style: { width: 20, display: 'inline-block' } },
@@ -902,7 +786,7 @@ module.exports =
902
786
  { style: {
903
787
  verticalAlign: 'middle',
904
788
  color: input.checked ? '#16325c' : 'grey'
905
- } },
789
+ }, className: externalKey === label ? "schema-field-bold" : "" },
906
790
  label
907
791
  ),
908
792
  input.checked && false ? _react2.default.createElement(
@@ -916,7 +800,7 @@ module.exports =
916
800
  exports.default = rfCheckbox;
917
801
 
918
802
  /***/ },
919
- /* 21 */
803
+ /* 27 */
920
804
  /***/ function(module, exports, __webpack_require__) {
921
805
 
922
806
  'use strict';
@@ -929,7 +813,7 @@ module.exports =
929
813
 
930
814
  var _react2 = _interopRequireDefault(_react);
931
815
 
932
- var _reactLightningDesignSystem = __webpack_require__(3);
816
+ var _reactLightningDesignSystem = __webpack_require__(2);
933
817
 
934
818
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
935
819
 
@@ -965,7 +849,7 @@ module.exports =
965
849
  exports.default = rfInput;
966
850
 
967
851
  /***/ },
968
- /* 22 */
852
+ /* 28 */
969
853
  /***/ function(module, exports, __webpack_require__) {
970
854
 
971
855
  'use strict';
@@ -978,21 +862,22 @@ module.exports =
978
862
 
979
863
  var _react2 = _interopRequireDefault(_react);
980
864
 
981
- var _reactLightningDesignSystem = __webpack_require__(3);
865
+ var _reactLightningDesignSystem = __webpack_require__(2);
982
866
 
983
867
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
984
868
 
985
- var rfRadioGroup = function rfRadioGroup(props) {
986
- var input = props.input,
987
- label = props.label;
869
+ var rfRadioGroup = function rfRadioGroup(_ref) {
870
+ var input = _ref.input,
871
+ label = _ref.label,
872
+ options = _ref.options;
988
873
 
989
874
  return _react2.default.createElement(
990
875
  _reactLightningDesignSystem.RadioGroup,
991
876
  { name: input.name, label: label, onChange: function onChange(e) {
992
877
  return input.onChange(e);
993
878
  } },
994
- Object.keys(props.options).map(function (name, i) {
995
- return _react2.default.createElement(_reactLightningDesignSystem.Radio, { value: name, label: props.options[name], key: i, checked: input.value === name, style: { cursor: 'pointer' } });
879
+ Object.keys(options).map(function (name, i) {
880
+ return _react2.default.createElement(_reactLightningDesignSystem.Radio, { value: name, label: options[name], key: i, checked: input.value === name, style: { cursor: 'pointer' } });
996
881
  })
997
882
  );
998
883
  };
@@ -1000,13 +885,75 @@ module.exports =
1000
885
  exports.default = rfRadioGroup;
1001
886
 
1002
887
  /***/ },
1003
- /* 23 */,
1004
- /* 24 */,
1005
- /* 25 */,
1006
- /* 26 */,
1007
- /* 27 */,
1008
- /* 28 */,
1009
- /* 29 */,
888
+ /* 29 */
889
+ /***/ function(module, exports, __webpack_require__) {
890
+
891
+ 'use strict';
892
+
893
+ Object.defineProperty(exports, "__esModule", {
894
+ value: true
895
+ });
896
+
897
+ var _react = __webpack_require__(1);
898
+
899
+ var _react2 = _interopRequireDefault(_react);
900
+
901
+ var _reactLightningDesignSystem = __webpack_require__(2);
902
+
903
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
904
+
905
+ var rfSelect = function rfSelect(_ref) {
906
+ var values = _ref.values,
907
+ selectedDataEntity = _ref.selectedDataEntity,
908
+ defaultLabel = _ref.defaultLabel,
909
+ title = _ref.title,
910
+ selectedValue = _ref.selectedValue,
911
+ menuAlign = _ref.menuAlign,
912
+ input = _ref.input,
913
+ onClick = _ref.onClick;
914
+
915
+ return _react2.default.createElement(
916
+ 'div',
917
+ { onClick: onClick },
918
+ title && _react2.default.createElement(
919
+ 'label',
920
+ { className: 'slds-form-element__label' },
921
+ title
922
+ ),
923
+ _react2.default.createElement(
924
+ 'div',
925
+ { style: { marginLeft: '-.25rem' } },
926
+ _react2.default.createElement(
927
+ _reactLightningDesignSystem.DropdownButton,
928
+ { menuSize: 'small', value: selectedDataEntity, type: 'brand',
929
+ required: true, menuAlign: menuAlign,
930
+ label: selectedValue ? selectedValue : defaultLabel,
931
+ menuStyle: { maxHeight: 273, overflowY: 'scroll', marginBottom: 5, boxShadow: '0 2px 3px 0 rgba(0, 0, 0, 0.36)' },
932
+ className: 'rf-select-dropdown-button' + (selectedValue ? "" : " rf-select-button-unselected")
933
+ },
934
+ _react2.default.createElement(
935
+ _reactLightningDesignSystem.MenuItem,
936
+ { disabled: true, style: { height: 20, padding: '1px 8px', color: '#AAAAAA', fontWeight: 'bold', marginBottom: 4 } },
937
+ 'Choose Group Key'
938
+ ),
939
+ values && values.map(function (val, i) {
940
+ return _react2.default.createElement(
941
+ _reactLightningDesignSystem.MenuItem,
942
+ { value: val.label, key: i, onClick: function onClick() {
943
+ return input.onChange(val.label);
944
+ },
945
+ icon: selectedValue === val.label ? 'check' : 'none', style: { height: 20, padding: '1px 8px' } },
946
+ val.label
947
+ );
948
+ })
949
+ )
950
+ )
951
+ );
952
+ };
953
+
954
+ exports.default = rfSelect;
955
+
956
+ /***/ },
1010
957
  /* 30 */,
1011
958
  /* 31 */,
1012
959
  /* 32 */,
@@ -1030,7 +977,16 @@ module.exports =
1030
977
  /* 50 */,
1031
978
  /* 51 */,
1032
979
  /* 52 */,
1033
- /* 53 */
980
+ /* 53 */,
981
+ /* 54 */,
982
+ /* 55 */,
983
+ /* 56 */,
984
+ /* 57 */,
985
+ /* 58 */,
986
+ /* 59 */,
987
+ /* 60 */,
988
+ /* 61 */,
989
+ /* 62 */
1034
990
  /***/ function(module, exports) {
1035
991
 
1036
992
  // removed by extract-text-webpack-plugin