@complat/react-spectra-editor 1.0.0-rc2 → 1.0.0-rc20.patch-1

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.
Files changed (202) hide show
  1. package/README.md +16 -0
  2. package/dist/__tests__/fixtures/aif_jcamp_1.js +136 -0
  3. package/dist/__tests__/fixtures/aif_jcamp_2.js +122 -0
  4. package/dist/__tests__/fixtures/backup/nmr1h_a.js +3518 -0
  5. package/dist/__tests__/fixtures/backup/xrd_jcamp_1.js +10705 -0
  6. package/dist/__tests__/fixtures/cds_jcamp.js +861 -0
  7. package/dist/__tests__/fixtures/compare_ir_1_jcamp.js +585 -0
  8. package/dist/__tests__/fixtures/compare_ir_2_jcamp.js +515 -0
  9. package/dist/__tests__/fixtures/compare_uv_vis_jcamp.js +640 -0
  10. package/dist/__tests__/fixtures/cyclic_voltammetry_1.js +778 -0
  11. package/dist/__tests__/fixtures/cyclic_voltammetry_2.js +758 -0
  12. package/dist/__tests__/fixtures/cyclic_voltammetry_3.js +759 -0
  13. package/dist/__tests__/fixtures/dls_acf_jcamp.js +148 -0
  14. package/dist/__tests__/fixtures/dls_intensity_jcamp.js +151 -0
  15. package/dist/__tests__/fixtures/emissions_jcamp.js +883 -0
  16. package/dist/__tests__/fixtures/hplc_uvvis_jcamp.js +638 -0
  17. package/dist/__tests__/fixtures/hplc_uvvis_jcamp_2.js +221 -0
  18. package/dist/__tests__/fixtures/ir_jcamp.js +148 -0
  19. package/dist/__tests__/fixtures/ir_result.js +46 -0
  20. package/dist/__tests__/fixtures/ir_svg.js +8 -0
  21. package/dist/__tests__/fixtures/ms_jcamp.js +64 -0
  22. package/dist/__tests__/fixtures/nmr13c_dept_jcamp.js +3543 -0
  23. package/dist/__tests__/fixtures/nmr13c_jcamp.js +1229 -0
  24. package/dist/__tests__/fixtures/nmr15n_jcamp.js +7177 -0
  25. package/dist/__tests__/fixtures/nmr19f_jcamp.js +6560 -0
  26. package/dist/__tests__/fixtures/nmr1h_2_jcamp.js +2005 -0
  27. package/dist/__tests__/fixtures/nmr1h_jcamp.js +4516 -0
  28. package/dist/__tests__/fixtures/nmr29si_jcamp.js +3029 -0
  29. package/dist/__tests__/fixtures/nmr31p_jcamp.js +3418 -0
  30. package/dist/__tests__/fixtures/nmr_result.js +68 -0
  31. package/dist/__tests__/fixtures/nmr_svg.js +8 -0
  32. package/dist/__tests__/fixtures/phenylalanin.js +142 -0
  33. package/dist/__tests__/fixtures/qDescValue.js +65 -0
  34. package/dist/__tests__/fixtures/raman_jcamp.js +410 -0
  35. package/dist/__tests__/fixtures/sec_1_jcamp.js +425 -0
  36. package/dist/__tests__/fixtures/sec_2_jcamp.js +407 -0
  37. package/dist/__tests__/fixtures/sec_3_jcamp.js +408 -0
  38. package/dist/__tests__/fixtures/sec_4_jcamp.js +407 -0
  39. package/dist/__tests__/fixtures/tga_jcamp.js +4157 -0
  40. package/dist/__tests__/fixtures/uv_vis_jcamp.js +249 -0
  41. package/dist/__tests__/fixtures/xrd_jcamp_1.js +436 -0
  42. package/dist/__tests__/fixtures/xrd_jcamp_2.js +955 -0
  43. package/dist/__tests__/fixtures/xrd_jcamp_3.js +1871 -0
  44. package/dist/__tests__/units/components/panel/graph_selection.test.js +72 -0
  45. package/dist/__tests__/units/components/panel/peaks.test.js +87 -0
  46. package/dist/actions/curve.js +15 -14
  47. package/dist/actions/cyclic_voltammetry.js +40 -60
  48. package/dist/actions/edit_peak.js +8 -12
  49. package/dist/actions/forecast.js +16 -24
  50. package/dist/actions/integration.js +12 -18
  51. package/dist/actions/jcamp.js +16 -24
  52. package/dist/actions/layout.js +4 -6
  53. package/dist/actions/manager.js +20 -30
  54. package/dist/actions/meta.js +4 -6
  55. package/dist/actions/multiplicity.js +24 -36
  56. package/dist/actions/scan.js +12 -18
  57. package/dist/actions/shift.js +8 -12
  58. package/dist/actions/status.js +12 -18
  59. package/dist/actions/submit.js +16 -24
  60. package/dist/actions/threshold.js +20 -30
  61. package/dist/actions/ui.js +25 -31
  62. package/dist/actions/wavelength.js +4 -6
  63. package/dist/app.js +25 -23
  64. package/dist/components/cmd_bar/01_viewer.js +24 -34
  65. package/dist/components/cmd_bar/02_zoom.js +18 -28
  66. package/dist/components/cmd_bar/03_peak.js +50 -66
  67. package/dist/components/cmd_bar/04_integration.js +70 -84
  68. package/dist/components/cmd_bar/05_multiplicity.js +42 -56
  69. package/dist/components/cmd_bar/06_undo_redo.js +22 -36
  70. package/dist/components/cmd_bar/07_pecker.js +24 -34
  71. package/dist/components/cmd_bar/common.js +11 -7
  72. package/dist/components/cmd_bar/index.js +17 -23
  73. package/dist/components/cmd_bar/r01_layout.js +79 -56
  74. package/dist/components/cmd_bar/r02_scan.js +70 -87
  75. package/dist/components/cmd_bar/r03_threshold.js +54 -68
  76. package/dist/components/cmd_bar/r04_submit.js +71 -83
  77. package/dist/components/cmd_bar/r05_submit_btn.js +64 -72
  78. package/dist/components/cmd_bar/r06_predict_btn.js +142 -152
  79. package/dist/components/cmd_bar/r07_wavelength_btn.js +28 -36
  80. package/dist/components/cmd_bar/tri_btn.js +91 -113
  81. package/dist/components/common/chem.js +2 -3
  82. package/dist/components/common/comps.js +2 -2
  83. package/dist/components/common/draw.js +30 -11
  84. package/dist/components/d3_line/index.js +154 -176
  85. package/dist/components/d3_line/line_focus.js +595 -739
  86. package/dist/components/d3_multi/index.js +153 -174
  87. package/dist/components/d3_multi/multi_focus.js +725 -850
  88. package/dist/components/d3_rect/index.js +112 -134
  89. package/dist/components/d3_rect/rect_focus.js +163 -208
  90. package/dist/components/forecast/comps.js +60 -68
  91. package/dist/components/forecast/ir_comps.js +49 -56
  92. package/dist/components/forecast/ir_viewer.js +61 -68
  93. package/dist/components/forecast/nmr_comps.js +62 -72
  94. package/dist/components/forecast/nmr_viewer.js +59 -68
  95. package/dist/components/forecast/section_loading.js +39 -63
  96. package/dist/components/forecast_viewer.js +109 -119
  97. package/dist/components/multi_jcamps_viewer.js +97 -113
  98. package/dist/components/panel/compare.js +183 -192
  99. package/dist/components/panel/cyclic_voltamery_data.js +149 -165
  100. package/dist/components/panel/graph_selection.js +143 -132
  101. package/dist/components/panel/index.js +112 -144
  102. package/dist/components/panel/info.js +125 -132
  103. package/dist/components/panel/multiplicity.js +215 -223
  104. package/dist/components/panel/multiplicity_coupling.js +108 -136
  105. package/dist/components/panel/multiplicity_select.js +43 -51
  106. package/dist/components/panel/peaks.js +130 -132
  107. package/dist/constants/action_type.js +23 -39
  108. package/dist/constants/list_layout.js +7 -4
  109. package/dist/constants/list_shift.js +117 -103
  110. package/dist/constants/list_ui.js +3 -6
  111. package/dist/constants/list_wavelength.js +7 -8
  112. package/dist/fn.js +2 -3
  113. package/dist/helpers/brush.js +49 -65
  114. package/dist/helpers/calc.js +2 -4
  115. package/dist/helpers/carbonFeatures.js +22 -20
  116. package/dist/helpers/cfg.js +49 -67
  117. package/dist/helpers/chem.js +450 -393
  118. package/dist/helpers/compass.js +92 -83
  119. package/dist/helpers/converter.js +52 -65
  120. package/dist/helpers/extractParams.js +60 -52
  121. package/dist/helpers/extractPeaksEdit.js +29 -25
  122. package/dist/helpers/focus.js +2 -6
  123. package/dist/helpers/format.js +416 -361
  124. package/dist/helpers/init.js +41 -37
  125. package/dist/helpers/integration.js +18 -21
  126. package/dist/helpers/mount.js +57 -61
  127. package/dist/helpers/multiplicity.js +19 -24
  128. package/dist/helpers/multiplicity_calc.js +39 -50
  129. package/dist/helpers/multiplicity_complat.js +21 -47
  130. package/dist/helpers/multiplicity_manual.js +49 -55
  131. package/dist/helpers/multiplicity_verify_basic.js +108 -111
  132. package/dist/helpers/shift.js +15 -23
  133. package/dist/helpers/zoom.js +7 -11
  134. package/dist/index.js +680 -630
  135. package/dist/layer_content.js +40 -43
  136. package/dist/layer_init.js +162 -184
  137. package/dist/layer_prism.js +38 -41
  138. package/dist/reducers/index.js +2 -3
  139. package/dist/reducers/reducer_curve.js +35 -26
  140. package/dist/reducers/reducer_edit_peak.js +122 -98
  141. package/dist/reducers/reducer_forecast.js +57 -44
  142. package/dist/reducers/reducer_integration.js +135 -103
  143. package/dist/reducers/reducer_jcamp.js +49 -44
  144. package/dist/reducers/reducer_layout.js +5 -6
  145. package/dist/reducers/reducer_manager.js +5 -6
  146. package/dist/reducers/reducer_meta.js +5 -6
  147. package/dist/reducers/reducer_multiplicity.js +100 -77
  148. package/dist/reducers/reducer_scan.js +17 -20
  149. package/dist/reducers/reducer_shift.js +115 -70
  150. package/dist/reducers/reducer_simulation.js +7 -8
  151. package/dist/reducers/reducer_status.js +5 -6
  152. package/dist/reducers/reducer_submit.js +12 -15
  153. package/dist/reducers/reducer_threshold.js +5 -6
  154. package/dist/reducers/reducer_ui.js +5 -6
  155. package/dist/reducers/reducer_voltammetry.js +156 -96
  156. package/dist/reducers/reducer_wavelength.js +5 -6
  157. package/dist/reducers/undo_redo_config.js +3 -5
  158. package/dist/sagas/index.js +2 -15
  159. package/dist/sagas/saga_edit_peak.js +54 -68
  160. package/dist/sagas/saga_manager.js +86 -130
  161. package/dist/sagas/saga_meta.js +25 -31
  162. package/dist/sagas/saga_multi_entities.js +40 -103
  163. package/dist/sagas/saga_multiplicity.js +336 -406
  164. package/dist/sagas/saga_ui.js +296 -475
  165. package/dist/setupTests.js +8 -0
  166. package/dist/third_party/jAnalyzer.js +66 -67
  167. package/dist/third_party/peakInterval.js +34 -34
  168. package/package.json +14 -14
  169. package/dist/components/cmd_bar/03_peak_bk.js +0 -139
  170. package/dist/components/cmd_bar/04_integration_bk.js +0 -180
  171. package/dist/components/cmd_bar/05_multiplicity_bk.js +0 -131
  172. package/dist/components/cmd_bar/r01_layout_bk.js +0 -186
  173. package/dist/components/cmd_bar/r06_predict_btn_bk.js +0 -220
  174. package/dist/components/d3_line/line_focus_bk.js +0 -825
  175. package/dist/components/d3_multi/index_bk.js +0 -210
  176. package/dist/components/d3_multi/multi_focus_bk.js +0 -533
  177. package/dist/components/panel/compare_bk.js +0 -256
  178. package/dist/components/panel/cyclic_voltamery_data_bk.js +0 -292
  179. package/dist/components/panel/index_bk.js +0 -178
  180. package/dist/components/panel/info_bk.js +0 -235
  181. package/dist/components/panel/multiplicity_bk.js +0 -280
  182. package/dist/helpers/carbonFeatures_bk.js +0 -45
  183. package/dist/helpers/cfg_bk.js +0 -80
  184. package/dist/helpers/chem_bk.js +0 -787
  185. package/dist/helpers/compass_bk.js +0 -149
  186. package/dist/helpers/converter_bk.js +0 -96
  187. package/dist/helpers/extractPeaksEdit_bk.js +0 -53
  188. package/dist/helpers/format_bk.js +0 -497
  189. package/dist/index_bk.js +0 -640
  190. package/dist/layer_content_bk.js +0 -105
  191. package/dist/layer_init_bk.js +0 -235
  192. package/dist/layer_prism_bk.js +0 -133
  193. package/dist/reducers/reducer_edit_peak_bk.js +0 -108
  194. package/dist/reducers/reducer_integration_bk.js +0 -134
  195. package/dist/reducers/reducer_jcamp_bk.js +0 -71
  196. package/dist/reducers/reducer_multiplicity_bk.js +0 -126
  197. package/dist/reducers/reducer_shift_bk.js +0 -88
  198. package/dist/reducers/reducer_voltammetry_bk.js +0 -287
  199. package/dist/sagas/saga_edit_peak_bk.js +0 -73
  200. package/dist/sagas/saga_multi_entities_bk.js +0 -106
  201. package/dist/sagas/saga_multiplicity_bk.js +0 -351
  202. package/dist/sagas/saga_ui_bk.js +0 -453
@@ -23,40 +23,50 @@ var _list_layout = require("../../constants/list_layout");
23
23
  var _list_shift = require("../../constants/list_shift");
24
24
  var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
25
25
  var _common = require("./common");
26
+ var _format = _interopRequireDefault(require("../../helpers/format"));
26
27
  /* eslint-disable prefer-object-spread, function-paren-newline,
27
28
  react/function-component-definition */
28
29
 
29
- var styles = function styles() {
30
- return Object.assign({
31
- fieldShift: {
32
- width: 160
33
- },
34
- fieldLayout: {
35
- width: 100
36
- }
37
- }, _common.commonStyle);
38
- };
39
- var shiftSelect = function shiftSelect(classes, layoutSt, shiftRefSt, setShiftRefAct) {
30
+ const styles = () => Object.assign({
31
+ fieldShift: {
32
+ width: 160
33
+ },
34
+ fieldLayout: {
35
+ width: 100
36
+ }
37
+ }, _common.commonStyle);
38
+ const shiftSelect = (classes, layoutSt, setShiftRefAct, shiftSt, curveSt) => {
40
39
  if (_cfg.default.hideSolvent(layoutSt)) return null;
41
- var onChange = function onChange(e) {
42
- return setShiftRefAct(e.target.value);
40
+ // const onChange = (e) => setShiftRefAct(e.target.value);
41
+ const {
42
+ curveIdx
43
+ } = curveSt;
44
+ const {
45
+ shifts
46
+ } = shiftSt;
47
+ const selectedShift = shifts[curveIdx];
48
+ const shiftRef = selectedShift.ref;
49
+ const onChange = e => {
50
+ const payload = {
51
+ dataToSet: e.target.value,
52
+ curveIdx
53
+ };
54
+ setShiftRefAct(payload);
43
55
  };
44
- var listShift = (0, _list_shift.getListShift)(layoutSt);
45
- var content = listShift.map(function (ref) {
46
- return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
47
- value: ref,
48
- key: ref.name
49
- }, /*#__PURE__*/_react.default.createElement("span", {
50
- className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-shift')
51
- }, "".concat(ref.name, ": ").concat(ref.value, " ppm")));
52
- });
56
+ const listShift = (0, _list_shift.getListShift)(layoutSt);
57
+ const content = listShift.map(ref => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
58
+ value: ref,
59
+ key: ref.name
60
+ }, /*#__PURE__*/_react.default.createElement("span", {
61
+ className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-shift')
62
+ }, `${ref.name}: ${_format.default.strNumberFixedDecimal(ref.value, 2)} ppm`)));
53
63
  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
54
64
  className: (0, _classnames.default)(classes.fieldShift),
55
65
  variant: "outlined"
56
66
  }, /*#__PURE__*/_react.default.createElement(_InputLabel.default, {
57
67
  className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
58
68
  }, "Solvent"), /*#__PURE__*/_react.default.createElement(_Select.default, {
59
- value: shiftRefSt,
69
+ value: shiftRef,
60
70
  onChange: onChange,
61
71
  input: /*#__PURE__*/_react.default.createElement(_OutlinedInput.default, {
62
72
  className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-shift'),
@@ -64,10 +74,8 @@ var shiftSelect = function shiftSelect(classes, layoutSt, shiftRefSt, setShiftRe
64
74
  })
65
75
  }, content));
66
76
  };
67
- var layoutSelect = function layoutSelect(classes, layoutSt, updateLayoutAct) {
68
- var onChange = function onChange(e) {
69
- return updateLayoutAct(e.target.value);
70
- };
77
+ const layoutSelect = (classes, layoutSt, updateLayoutAct) => {
78
+ const onChange = e => updateLayoutAct(e.target.value);
71
79
  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
72
80
  className: (0, _classnames.default)(classes.fieldLayout),
73
81
  variant: "outlined"
@@ -148,46 +156,61 @@ var layoutSelect = function layoutSelect(classes, layoutSt, updateLayoutAct) {
148
156
  value: _list_layout.LIST_LAYOUT.SEC
149
157
  }, /*#__PURE__*/_react.default.createElement("span", {
150
158
  className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
151
- }, "SEC"))));
159
+ }, "SEC")), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
160
+ value: _list_layout.LIST_LAYOUT.AIF
161
+ }, /*#__PURE__*/_react.default.createElement("span", {
162
+ className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
163
+ }, "SORPTION-DESORPTION")), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
164
+ value: _list_layout.LIST_LAYOUT.EMISSIONS
165
+ }, /*#__PURE__*/_react.default.createElement("span", {
166
+ className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
167
+ }, "EMISSIONS")), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
168
+ value: _list_layout.LIST_LAYOUT.DLS_ACF
169
+ }, /*#__PURE__*/_react.default.createElement("span", {
170
+ className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
171
+ }, "DLS ACF")), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
172
+ value: _list_layout.LIST_LAYOUT.DLS_INTENSITY
173
+ }, /*#__PURE__*/_react.default.createElement("span", {
174
+ className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
175
+ }, "DLS INTENSITY"))));
152
176
  };
153
- var Layout = function Layout(_ref) {
154
- var classes = _ref.classes,
155
- feature = _ref.feature,
156
- hasEdit = _ref.hasEdit,
157
- layoutSt = _ref.layoutSt,
158
- shiftRefSt = _ref.shiftRefSt,
159
- setShiftRefAct = _ref.setShiftRefAct,
160
- updateLayoutAct = _ref.updateLayoutAct;
177
+ const Layout = _ref => {
178
+ let {
179
+ classes,
180
+ feature,
181
+ hasEdit,
182
+ layoutSt,
183
+ setShiftRefAct,
184
+ updateLayoutAct,
185
+ curveSt,
186
+ shiftSt
187
+ } = _ref;
161
188
  return /*#__PURE__*/_react.default.createElement("span", {
162
189
  className: classes.groupRight
163
- }, layoutSelect(classes, layoutSt, updateLayoutAct), shiftSelect(classes, layoutSt, shiftRefSt, setShiftRefAct), /*#__PURE__*/_react.default.createElement(_r02_scan.default, {
190
+ }, layoutSelect(classes, layoutSt, updateLayoutAct), shiftSelect(classes, layoutSt, setShiftRefAct, shiftSt, curveSt), /*#__PURE__*/_react.default.createElement(_r02_scan.default, {
164
191
  feature: feature,
165
192
  hasEdit: hasEdit
166
193
  }));
167
194
  };
168
- var mapStateToProps = function mapStateToProps(state, props) {
169
- return (
170
- // eslint-disable-line
171
- {
172
- layoutSt: state.layout,
173
- shiftRefSt: state.shift.ref
174
- }
175
- );
176
- };
177
- var mapDispatchToProps = function mapDispatchToProps(dispatch) {
178
- return (0, _redux.bindActionCreators)({
179
- setShiftRefAct: _shift.setShiftRef,
180
- updateLayoutAct: _layout.updateLayout
181
- }, dispatch);
182
- };
195
+ const mapStateToProps = (state, props) => (
196
+ // eslint-disable-line
197
+ {
198
+ layoutSt: state.layout,
199
+ curveSt: state.curve,
200
+ shiftSt: state.shift
201
+ });
202
+ const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
203
+ setShiftRefAct: _shift.setShiftRef,
204
+ updateLayoutAct: _layout.updateLayout
205
+ }, dispatch);
183
206
  Layout.propTypes = {
184
207
  classes: _propTypes.default.object.isRequired,
185
208
  feature: _propTypes.default.object.isRequired,
186
209
  hasEdit: _propTypes.default.bool.isRequired,
187
210
  layoutSt: _propTypes.default.string.isRequired,
188
- shiftRefSt: _propTypes.default.object.isRequired,
189
211
  setShiftRefAct: _propTypes.default.func.isRequired,
190
- updateLayoutAct: _propTypes.default.func.isRequired
212
+ updateLayoutAct: _propTypes.default.func.isRequired,
213
+ curveSt: _propTypes.default.object.isRequired,
214
+ shiftSt: _propTypes.default.object.isRequired
191
215
  };
192
- var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Layout));
193
- exports.default = _default;
216
+ var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Layout));
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
8
  var _react = _interopRequireDefault(require("react"));
10
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
10
  var _classnames = _interopRequireDefault(require("classnames"));
@@ -26,62 +25,52 @@ var _common = require("./common");
26
25
  /* eslint-disable prefer-object-spread, function-paren-newline,
27
26
  react/function-component-definition */
28
27
 
29
- var styles = function styles() {
30
- return Object.assign({
31
- fieldScan: {
32
- width: 90
33
- }
34
- }, _common.commonStyle);
35
- };
36
- var restoreIcon = function restoreIcon(classes, hasEdit, isEdit) {
37
- return hasEdit && isEdit ? /*#__PURE__*/_react.default.createElement(_HowToRegOutlined.default, {
38
- className: classes.icon
39
- }) : /*#__PURE__*/_react.default.createElement(_CloudDoneOutlined.default, {
40
- className: classes.icon
41
- });
42
- };
43
- var restoreTp = function restoreTp(hasEdit, isEdit) {
44
- return hasEdit && isEdit ? 'User Defined Scan' : 'Auto Picked Scan';
45
- };
46
- var btnRestore = function btnRestore(classes, hasEdit, isEdit, toggleEditAct) {
47
- return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
48
- title: /*#__PURE__*/_react.default.createElement("span", {
49
- className: "txt-sv-tp"
50
- }, restoreTp(hasEdit, isEdit))
51
- }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
52
- className: (0, _classnames.default)('btn-sv-bar-scanrst'),
53
- disabled: !hasEdit,
54
- onClick: toggleEditAct
55
- }, restoreIcon(classes, hasEdit, isEdit)));
56
- };
57
- var btnRrfresh = function btnRrfresh(classes, disabled, refreshAct) {
58
- return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
59
- title: /*#__PURE__*/_react.default.createElement("span", {
60
- className: "txt-sv-tp"
61
- }, "Refresh Scan")
62
- }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
63
- className: (0, _classnames.default)('btn-sv-bar-scanrfs'),
64
- disabled: disabled,
65
- onClick: refreshAct
66
- }, /*#__PURE__*/_react.default.createElement(_RefreshOutlined.default, {
67
- className: classes.icon
68
- })));
69
- };
70
- var scanSelect = function scanSelect(classes, feature, layoutSt, scanSt, onChange) {
71
- var target = scanSt.target,
72
- count = scanSt.count;
28
+ const styles = () => Object.assign({
29
+ fieldScan: {
30
+ width: 90
31
+ }
32
+ }, _common.commonStyle);
33
+ const restoreIcon = (classes, hasEdit, isEdit) => hasEdit && isEdit ? /*#__PURE__*/_react.default.createElement(_HowToRegOutlined.default, {
34
+ className: classes.icon
35
+ }) : /*#__PURE__*/_react.default.createElement(_CloudDoneOutlined.default, {
36
+ className: classes.icon
37
+ });
38
+ const restoreTp = (hasEdit, isEdit) => hasEdit && isEdit ? 'User Defined Scan' : 'Auto Picked Scan';
39
+ const btnRestore = (classes, hasEdit, isEdit, toggleEditAct) => /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
40
+ title: /*#__PURE__*/_react.default.createElement("span", {
41
+ className: "txt-sv-tp"
42
+ }, restoreTp(hasEdit, isEdit))
43
+ }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
44
+ className: (0, _classnames.default)('btn-sv-bar-scanrst'),
45
+ disabled: !hasEdit,
46
+ onClick: toggleEditAct
47
+ }, restoreIcon(classes, hasEdit, isEdit)));
48
+ const btnRrfresh = (classes, disabled, refreshAct) => /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
49
+ title: /*#__PURE__*/_react.default.createElement("span", {
50
+ className: "txt-sv-tp"
51
+ }, "Refresh Scan")
52
+ }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
53
+ className: (0, _classnames.default)('btn-sv-bar-scanrfs'),
54
+ disabled: disabled,
55
+ onClick: refreshAct
56
+ }, /*#__PURE__*/_react.default.createElement(_RefreshOutlined.default, {
57
+ className: classes.icon
58
+ })));
59
+ const scanSelect = (classes, feature, layoutSt, scanSt, onChange) => {
60
+ const {
61
+ target,
62
+ count
63
+ } = scanSt;
73
64
  if (!count) return null;
74
- var range = (0, _toConsumableArray2.default)(Array(count + 1).keys()).slice(1);
75
- var content = range.map(function (num) {
76
- return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
77
- value: num,
78
- key: num
79
- }, /*#__PURE__*/_react.default.createElement("span", {
80
- className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-scan')
81
- }, "scan ".concat(num)));
82
- });
83
- var defaultValue = scanSt.isAuto || !feature.scanEditTarget ? feature.scanAutoTarget : feature.scanEditTarget;
84
- var selValue = target || defaultValue || 1;
65
+ const range = [...Array(count + 1).keys()].slice(1);
66
+ const content = range.map(num => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
67
+ value: num,
68
+ key: num
69
+ }, /*#__PURE__*/_react.default.createElement("span", {
70
+ className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-scan')
71
+ }, `scan ${num}`)));
72
+ const defaultValue = scanSt.isAuto || !feature.scanEditTarget ? feature.scanAutoTarget : feature.scanEditTarget;
73
+ const selValue = target || defaultValue || 1;
85
74
  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
86
75
  className: (0, _classnames.default)(classes.fieldScan),
87
76
  variant: "outlined"
@@ -96,38 +85,33 @@ var scanSelect = function scanSelect(classes, feature, layoutSt, scanSt, onChang
96
85
  })
97
86
  }, content));
98
87
  };
99
- var Scan = function Scan(_ref) {
100
- var classes = _ref.classes,
101
- feature = _ref.feature,
102
- hasEdit = _ref.hasEdit,
103
- layoutSt = _ref.layoutSt,
104
- scanSt = _ref.scanSt,
105
- setScanTargetAct = _ref.setScanTargetAct,
106
- resetScanTargetAct = _ref.resetScanTargetAct,
107
- toggleScanIsAutoAct = _ref.toggleScanIsAutoAct;
108
- var isMs = ['MS'].indexOf(layoutSt) >= 0;
88
+ const Scan = _ref => {
89
+ let {
90
+ classes,
91
+ feature,
92
+ hasEdit,
93
+ layoutSt,
94
+ scanSt,
95
+ setScanTargetAct,
96
+ resetScanTargetAct,
97
+ toggleScanIsAutoAct
98
+ } = _ref;
99
+ const isMs = ['MS'].indexOf(layoutSt) >= 0;
109
100
  if (!isMs) return null;
110
- var onChange = function onChange(e) {
111
- return setScanTargetAct(e.target.value);
112
- };
101
+ const onChange = e => setScanTargetAct(e.target.value);
113
102
  return /*#__PURE__*/_react.default.createElement("span", null, scanSelect(classes, feature, layoutSt, scanSt, onChange), btnRrfresh(classes, false, resetScanTargetAct), btnRestore(classes, hasEdit, !scanSt.isAuto, toggleScanIsAutoAct));
114
103
  };
115
- var mapStateToProps = function mapStateToProps(state, props) {
116
- return (
117
- // eslint-disable-line
118
- {
119
- layoutSt: state.layout,
120
- scanSt: state.scan
121
- }
122
- );
123
- };
124
- var mapDispatchToProps = function mapDispatchToProps(dispatch) {
125
- return (0, _redux.bindActionCreators)({
126
- setScanTargetAct: _scan.setScanTarget,
127
- resetScanTargetAct: _scan.resetScanTarget,
128
- toggleScanIsAutoAct: _scan.toggleScanIsAuto
129
- }, dispatch);
130
- };
104
+ const mapStateToProps = (state, props) => (
105
+ // eslint-disable-line
106
+ {
107
+ layoutSt: state.layout,
108
+ scanSt: state.scan
109
+ });
110
+ const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
111
+ setScanTargetAct: _scan.setScanTarget,
112
+ resetScanTargetAct: _scan.resetScanTarget,
113
+ toggleScanIsAutoAct: _scan.toggleScanIsAuto
114
+ }, dispatch);
131
115
  Scan.propTypes = {
132
116
  classes: _propTypes.default.object.isRequired,
133
117
  feature: _propTypes.default.object.isRequired,
@@ -138,5 +122,4 @@ Scan.propTypes = {
138
122
  resetScanTargetAct: _propTypes.default.func.isRequired,
139
123
  toggleScanIsAutoAct: _propTypes.default.func.isRequired
140
124
  };
141
- var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Scan);
142
- exports.default = _default;
125
+ var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Scan);
@@ -12,6 +12,7 @@ var _reactRedux = require("react-redux");
12
12
  var _redux = require("redux");
13
13
  var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
14
14
  var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
15
+ var _core = require("@material-ui/core");
15
16
  var _styles = require("@material-ui/core/styles");
16
17
  var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
17
18
  var _CloudDoneOutlined = _interopRequireDefault(require("@material-ui/icons/CloudDoneOutlined"));
@@ -23,34 +24,28 @@ var _common = require("./common");
23
24
  /* eslint-disable prefer-object-spread, function-paren-newline,
24
25
  react/function-component-definition */
25
26
 
26
- var styles = function styles() {
27
- return Object.assign({
28
- field: {
29
- width: 110
30
- },
31
- txtIcon: {}
32
- }, _common.commonStyle);
33
- };
34
- var txtPercent = function txtPercent() {
35
- return /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
36
- position: "end"
37
- }, /*#__PURE__*/_react.default.createElement("span", {
38
- className: "txt-percent"
39
- }, "%"));
40
- };
41
- var setThreshold = function setThreshold(classes, thresVal, updateThresholdValueAct) {
42
- var onBlur = function onBlur(e) {
43
- return updateThresholdValueAct(e.target.value);
44
- };
45
- var onChange = function onChange(e) {
46
- return updateThresholdValueAct(e.target.value);
47
- };
48
- var onEnterPress = function onEnterPress(e) {
27
+ const styles = () => Object.assign({
28
+ field: {
29
+ width: 110
30
+ },
31
+ txtIcon: {}
32
+ }, _common.commonStyle);
33
+ const txtPercent = () => /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
34
+ position: "end"
35
+ }, /*#__PURE__*/_react.default.createElement("span", {
36
+ className: "txt-percent"
37
+ }, "%"));
38
+ const setThreshold = (classes, thresVal, updateThresholdValueAct) => {
39
+ const onBlur = e => updateThresholdValueAct(e.target.value);
40
+ const onChange = e => updateThresholdValueAct(e.target.value);
41
+ const onEnterPress = e => {
49
42
  if (e.key === 'Enter') {
50
43
  updateThresholdValueAct(e.target.value);
51
44
  }
52
45
  };
53
- return /*#__PURE__*/_react.default.createElement(_TextField.default, {
46
+ return /*#__PURE__*/_react.default.createElement(_core.FormControl, {
47
+ variant: "outlined"
48
+ }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
54
49
  className: classes.field,
55
50
  id: "outlined-name",
56
51
  placeholder: "N.A.",
@@ -64,36 +59,33 @@ var setThreshold = function setThreshold(classes, thresVal, updateThresholdValue
64
59
  min: 0.01
65
60
  }
66
61
  },
67
- label: /*#__PURE__*/_react.default.createElement("span", {
68
- className: (0, _classnames.default)(classes.txtLabel, 'txtfield-sv-bar-label')
69
- }, "Threshold"),
70
62
  onChange: onChange,
71
63
  onBlur: onBlur,
72
64
  onKeyPress: onEnterPress,
73
65
  variant: "outlined"
74
- });
66
+ }), /*#__PURE__*/_react.default.createElement(_core.InputLabel, {
67
+ className: (0, _classnames.default)(classes.txtLabelBottomInput)
68
+ }, "Threshold"));
75
69
  };
76
- var restoreIcon = function restoreIcon(classes, hasEdit, isEdit) {
77
- return hasEdit && isEdit ? /*#__PURE__*/_react.default.createElement(_HowToRegOutlined.default, {
78
- className: classes.icon
79
- }) : /*#__PURE__*/_react.default.createElement(_CloudDoneOutlined.default, {
80
- className: classes.icon
81
- });
82
- };
83
- var restoreTp = function restoreTp(hasEdit, isEdit) {
84
- return hasEdit && isEdit ? 'User Defined Threshold' : 'Auto Picked Threshold';
85
- };
86
- var Threshold = function Threshold(_ref) {
87
- var classes = _ref.classes,
88
- feature = _ref.feature,
89
- hasEdit = _ref.hasEdit,
90
- hideThresSt = _ref.hideThresSt,
91
- thresValSt = _ref.thresValSt,
92
- isEditSt = _ref.isEditSt,
93
- updateThresholdValueAct = _ref.updateThresholdValueAct,
94
- resetThresholdValueAct = _ref.resetThresholdValueAct,
95
- toggleThresholdIsEditAct = _ref.toggleThresholdIsEditAct;
96
- var thresVal = thresValSt || feature.thresRef;
70
+ const restoreIcon = (classes, hasEdit, isEdit) => hasEdit && isEdit ? /*#__PURE__*/_react.default.createElement(_HowToRegOutlined.default, {
71
+ className: classes.icon
72
+ }) : /*#__PURE__*/_react.default.createElement(_CloudDoneOutlined.default, {
73
+ className: classes.icon
74
+ });
75
+ const restoreTp = (hasEdit, isEdit) => hasEdit && isEdit ? 'User Defined Threshold' : 'Auto Picked Threshold';
76
+ const Threshold = _ref => {
77
+ let {
78
+ classes,
79
+ feature,
80
+ hasEdit,
81
+ hideThresSt,
82
+ thresValSt,
83
+ isEditSt,
84
+ updateThresholdValueAct,
85
+ resetThresholdValueAct,
86
+ toggleThresholdIsEditAct
87
+ } = _ref;
88
+ const thresVal = thresValSt || feature.thresRef;
97
89
  return /*#__PURE__*/_react.default.createElement("span", {
98
90
  className: classes.groupRight
99
91
  }, setThreshold(classes, thresVal, updateThresholdValueAct), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -116,23 +108,18 @@ var Threshold = function Threshold(_ref) {
116
108
  onClick: toggleThresholdIsEditAct
117
109
  }, restoreIcon(classes, hasEdit, isEditSt))));
118
110
  };
119
- var mapStateToProps = function mapStateToProps(state, props) {
120
- return (
121
- // eslint-disable-line
122
- {
123
- hideThresSt: _cfg.default.hideCmdThres(state.layout),
124
- isEditSt: state.threshold.isEdit,
125
- thresValSt: parseFloat(state.threshold.value) || 0
126
- }
127
- );
128
- };
129
- var mapDispatchToProps = function mapDispatchToProps(dispatch) {
130
- return (0, _redux.bindActionCreators)({
131
- updateThresholdValueAct: _threshold.updateThresholdValue,
132
- resetThresholdValueAct: _threshold.resetThresholdValue,
133
- toggleThresholdIsEditAct: _threshold.toggleThresholdIsEdit
134
- }, dispatch);
135
- };
111
+ const mapStateToProps = (state, props) => (
112
+ // eslint-disable-line
113
+ {
114
+ hideThresSt: _cfg.default.hideCmdThres(state.layout),
115
+ isEditSt: state.threshold.isEdit,
116
+ thresValSt: parseFloat(state.threshold.value) || 0
117
+ });
118
+ const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
119
+ updateThresholdValueAct: _threshold.updateThresholdValue,
120
+ resetThresholdValueAct: _threshold.resetThresholdValue,
121
+ toggleThresholdIsEditAct: _threshold.toggleThresholdIsEdit
122
+ }, dispatch);
136
123
  Threshold.propTypes = {
137
124
  classes: _propTypes.default.object.isRequired,
138
125
  feature: _propTypes.default.object.isRequired,
@@ -144,5 +131,4 @@ Threshold.propTypes = {
144
131
  resetThresholdValueAct: _propTypes.default.func.isRequired,
145
132
  toggleThresholdIsEditAct: _propTypes.default.func.isRequired
146
133
  };
147
- var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Threshold));
148
- exports.default = _default;
134
+ var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Threshold));