@complat/react-spectra-editor 1.3.5 → 1.4.0

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 (95) hide show
  1. package/dist/__tests__/fixtures/nmr1h_2_jcamp.js +3199 -1944
  2. package/dist/__tests__/units/components/cmd_bar/01_viewer.test.js +21 -18
  3. package/dist/__tests__/units/components/cmd_bar/02_zoom.test.js +15 -13
  4. package/dist/__tests__/units/components/cmd_bar/03_peak.test.js +35 -26
  5. package/dist/__tests__/units/components/cmd_bar/07_pecker.test.js +17 -14
  6. package/dist/__tests__/units/components/cmd_bar/r08_change_axes.test.js +15 -13
  7. package/dist/__tests__/units/components/common/comps.test.js +9 -8
  8. package/dist/__tests__/units/components/common/draw.test.js +26 -34
  9. package/dist/__tests__/units/components/panel/graph_selection.test.js +25 -22
  10. package/dist/__tests__/units/components/panel/info.test.js +30 -25
  11. package/dist/__tests__/units/components/panel/peaks.test.js +29 -24
  12. package/dist/actions/manager.js +6 -2
  13. package/dist/actions/ui.js +13 -21
  14. package/dist/app.js +45 -45
  15. package/dist/components/cmd_bar/01_viewer.js +38 -31
  16. package/dist/components/cmd_bar/02_zoom.js +34 -27
  17. package/dist/components/cmd_bar/03_peak.js +85 -64
  18. package/dist/components/cmd_bar/04_integration.js +97 -76
  19. package/dist/components/cmd_bar/05_multiplicity.js +94 -67
  20. package/dist/components/cmd_bar/06_undo_redo.js +41 -32
  21. package/dist/components/cmd_bar/07_pecker.js +70 -47
  22. package/dist/components/cmd_bar/common.js +8 -8
  23. package/dist/components/cmd_bar/index.js +20 -21
  24. package/dist/components/cmd_bar/r01_layout.js +201 -137
  25. package/dist/components/cmd_bar/r02_scan.js +63 -51
  26. package/dist/components/cmd_bar/r03_threshold.js +95 -69
  27. package/dist/components/cmd_bar/r04_submit.js +155 -133
  28. package/dist/components/cmd_bar/r05_submit_btn.js +39 -36
  29. package/dist/components/cmd_bar/r06_predict_btn.js +66 -52
  30. package/dist/components/cmd_bar/r07_wavelength_btn.js +35 -31
  31. package/dist/components/cmd_bar/r08_change_axes.js +65 -56
  32. package/dist/components/cmd_bar/r09_detector.js +38 -33
  33. package/dist/components/cmd_bar/tri_btn.js +37 -25
  34. package/dist/components/common/comps.js +5 -6
  35. package/dist/components/d3_line/index.js +2 -1
  36. package/dist/components/d3_line/line_focus.js +32 -34
  37. package/dist/components/d3_multi/index.js +2 -1
  38. package/dist/components/d3_multi/multi_focus.js +60 -37
  39. package/dist/components/d3_rect/index.js +2 -1
  40. package/dist/components/d3_rect/rect_focus.js +18 -20
  41. package/dist/components/forecast/comps.js +169 -132
  42. package/dist/components/forecast/ir_comps.js +88 -69
  43. package/dist/components/forecast/ir_viewer.js +35 -28
  44. package/dist/components/forecast/nmr_comps.js +105 -76
  45. package/dist/components/forecast/nmr_viewer.js +36 -29
  46. package/dist/components/forecast/section_loading.js +22 -17
  47. package/dist/components/forecast_viewer.js +19 -17
  48. package/dist/components/multi_jcamps_viewer.js +44 -38
  49. package/dist/components/panel/compare.js +92 -76
  50. package/dist/components/panel/cyclic_voltamery_data.js +171 -122
  51. package/dist/components/panel/graph_selection.js +113 -90
  52. package/dist/components/panel/index.js +43 -39
  53. package/dist/components/panel/info.js +203 -156
  54. package/dist/components/panel/multiplicity.js +85 -63
  55. package/dist/components/panel/multiplicity_coupling.js +36 -29
  56. package/dist/components/panel/multiplicity_select.js +20 -19
  57. package/dist/components/panel/peaks.js +78 -56
  58. package/dist/constants/action_type.js +2 -1
  59. package/dist/helpers/cfg.js +1 -2
  60. package/dist/helpers/chem.js +5 -13
  61. package/dist/helpers/converter.js +1 -2
  62. package/dist/helpers/extractParams.js +1 -2
  63. package/dist/helpers/extractPeaksEdit.js +3 -6
  64. package/dist/helpers/format.js +27 -62
  65. package/dist/helpers/init.js +5 -9
  66. package/dist/helpers/integration.js +1 -2
  67. package/dist/helpers/mount.js +1 -2
  68. package/dist/index.js +306 -276
  69. package/dist/layer_content.js +14 -14
  70. package/dist/layer_init.js +12 -11
  71. package/dist/layer_prism.js +83 -72
  72. package/dist/reducers/reducer_axes.js +2 -5
  73. package/dist/reducers/reducer_curve.js +8 -6
  74. package/dist/reducers/reducer_detector.js +1 -3
  75. package/dist/reducers/reducer_edit_peak.js +1 -3
  76. package/dist/reducers/reducer_forecast.js +1 -3
  77. package/dist/reducers/reducer_integration.js +1 -3
  78. package/dist/reducers/reducer_jcamp.js +5 -8
  79. package/dist/reducers/reducer_layout.js +1 -3
  80. package/dist/reducers/reducer_manager.js +1 -3
  81. package/dist/reducers/reducer_meta.js +1 -3
  82. package/dist/reducers/reducer_multiplicity.js +3 -3
  83. package/dist/reducers/reducer_scan.js +1 -3
  84. package/dist/reducers/reducer_shift.js +1 -3
  85. package/dist/reducers/reducer_simulation.js +1 -3
  86. package/dist/reducers/reducer_status.js +1 -3
  87. package/dist/reducers/reducer_submit.js +1 -3
  88. package/dist/reducers/reducer_threshold.js +199 -29
  89. package/dist/reducers/reducer_ui.js +1 -3
  90. package/dist/reducers/reducer_voltammetry.js +3 -7
  91. package/dist/reducers/reducer_wavelength.js +1 -3
  92. package/dist/sagas/saga_multi_entities.js +35 -14
  93. package/dist/sagas/saga_multiplicity.js +1 -2
  94. package/dist/third_party/jAnalyzer.js +1 -1
  95. package/package.json +18 -1
@@ -10,6 +10,7 @@ require("@testing-library/jest-dom");
10
10
  var _list_layout = require("../../../../constants/list_layout");
11
11
  var _material = require("@mui/material");
12
12
  var _styles = require("@mui/styles");
13
+ var _jsxRuntime = require("react/jsx-runtime");
13
14
  const mockStore = (0, _reduxMockStore.default)([]);
14
15
  const store = mockStore({
15
16
  curve: {
@@ -46,40 +47,44 @@ const feature = {};
46
47
  describe("<InfoPanel />", () => {
47
48
  let AppWrapper;
48
49
  beforeEach(() => {
49
- AppWrapper = _ref => {
50
- let {
51
- store,
52
- children
53
- } = _ref;
54
- return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
55
- store: store
56
- }, " ", children, " ");
50
+ AppWrapper = ({
51
+ store,
52
+ children
53
+ }) => {
54
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
55
+ store: store,
56
+ children: [" ", children, " "]
57
+ });
57
58
  };
58
59
  });
59
60
  test('Cannot render info panel', () => {
60
- const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
61
- store: store
62
- }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
63
- theme: theme
64
- }, /*#__PURE__*/_react.default.createElement(_info.default, {
65
- expand: false,
66
- onExapnd: () => {}
67
- })));
61
+ const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
62
+ store: store,
63
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
64
+ theme: theme,
65
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_info.default, {
66
+ expand: false,
67
+ onExapnd: () => {}
68
+ })
69
+ })
70
+ });
68
71
  const {
69
72
  queryByTestId
70
73
  } = (0, _react2.render)(renderer);
71
74
  expect(queryByTestId('PanelInfo')).not.toBeInTheDocument();
72
75
  });
73
76
  test('Render info panel', () => {
74
- const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
75
- store: store
76
- }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
77
- theme: theme
78
- }, /*#__PURE__*/_react.default.createElement(_info.default, {
79
- expand: false,
80
- onExapnd: () => {},
81
- feature: feature
82
- })));
77
+ const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
78
+ store: store,
79
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
80
+ theme: theme,
81
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_info.default, {
82
+ expand: false,
83
+ onExapnd: () => {},
84
+ feature: feature
85
+ })
86
+ })
87
+ });
83
88
  const {
84
89
  queryByTestId
85
90
  } = (0, _react2.render)(renderer);
@@ -10,6 +10,7 @@ require("@testing-library/jest-dom");
10
10
  var _list_layout = require("../../../../constants/list_layout");
11
11
  var _material = require("@mui/material");
12
12
  var _styles = require("@mui/styles");
13
+ var _jsxRuntime = require("react/jsx-runtime");
13
14
  const mockStore = (0, _reduxMockStore.default)([]);
14
15
  const store = mockStore({
15
16
  editPeak: {
@@ -57,39 +58,43 @@ const theme = (0, _material.createTheme)({
57
58
  describe("<Peaks />", () => {
58
59
  let AppWrapper;
59
60
  beforeEach(() => {
60
- AppWrapper = _ref => {
61
- let {
62
- store,
63
- children
64
- } = _ref;
65
- return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
66
- store: store
67
- }, " ", children, " ");
61
+ AppWrapper = ({
62
+ store,
63
+ children
64
+ }) => {
65
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
66
+ store: store,
67
+ children: [" ", children, " "]
68
+ });
68
69
  };
69
70
  });
70
71
  test('Render peaks panel info', () => {
71
- const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
72
- store: store
73
- }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
74
- theme: theme
75
- }, /*#__PURE__*/_react.default.createElement(_peaks.default, {
76
- expand: false,
77
- onExapnd: () => {}
78
- })));
72
+ const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
73
+ store: store,
74
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
75
+ theme: theme,
76
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_peaks.default, {
77
+ expand: false,
78
+ onExapnd: () => {}
79
+ })
80
+ })
81
+ });
79
82
  const {
80
83
  queryByTestId
81
84
  } = (0, _react2.render)(renderer);
82
85
  expect(queryByTestId('PeaksPanelInfo')).toBeInTheDocument();
83
86
  });
84
87
  test('Render peaks panel with invalid store list', () => {
85
- const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
86
- store: failedStore
87
- }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
88
- theme: theme
89
- }, /*#__PURE__*/_react.default.createElement(_peaks.default, {
90
- expand: false,
91
- onExapnd: () => {}
92
- })));
88
+ const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
89
+ store: failedStore,
90
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
91
+ theme: theme,
92
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_peaks.default, {
93
+ expand: false,
94
+ onExapnd: () => {}
95
+ })
96
+ })
97
+ });
93
98
  const {
94
99
  queryByTestId
95
100
  } = (0, _react2.render)(renderer);
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.resetInitNmr = exports.resetInitMs = exports.resetInitCommonWithIntergation = exports.resetInitCommon = exports.resetDetector = exports.resetAll = void 0;
6
+ exports.resetMultiplicity = exports.resetInitNmr = exports.resetInitMs = exports.resetInitCommonWithIntergation = exports.resetInitCommon = exports.resetDetector = exports.resetAll = void 0;
7
7
  var _action_type = require("../constants/action_type");
8
8
  const resetAll = payload => ({
9
9
  type: _action_type.MANAGER.RESETALL,
@@ -33,6 +33,10 @@ exports.resetInitCommonWithIntergation = resetInitCommonWithIntergation;
33
33
  const resetDetector = () => ({
34
34
  type: _action_type.MANAGER.RESET_DETECTOR
35
35
  });
36
+ exports.resetDetector = resetDetector;
37
+ const resetMultiplicity = () => ({
38
+ type: _action_type.MANAGER.RESET_MULTIPLICITY
39
+ });
36
40
 
37
41
  // eslint-disable-line
38
- exports.resetDetector = resetDetector;
42
+ exports.resetMultiplicity = resetMultiplicity;
@@ -10,14 +10,11 @@ const setUiViewerType = payload => ({
10
10
  payload
11
11
  });
12
12
  exports.setUiViewerType = setUiViewerType;
13
- const setUiSweepType = function (payload) {
14
- let jcampIdx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
15
- return {
16
- type: _action_type.UI.SWEEP.SET_TYPE,
17
- payload,
18
- jcampIdx
19
- };
20
- };
13
+ const setUiSweepType = (payload, jcampIdx = 0) => ({
14
+ type: _action_type.UI.SWEEP.SET_TYPE,
15
+ payload,
16
+ jcampIdx
17
+ });
21
18
  exports.setUiSweepType = setUiSweepType;
22
19
  const selectUiSweep = payload => ({
23
20
  type: _action_type.UI.SWEEP.SELECT,
@@ -29,17 +26,12 @@ const scrollUiWheel = payload => ({
29
26
  payload
30
27
  });
31
28
  exports.scrollUiWheel = scrollUiWheel;
32
- const clickUiTarget = function (payload, onPeak) {
33
- let voltammetryPeakIdx = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
34
- let jcampIdx = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
35
- let onPecker = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
36
- return {
37
- type: _action_type.UI.CLICK_TARGET,
38
- payload,
39
- onPeak,
40
- voltammetryPeakIdx,
41
- jcampIdx,
42
- onPecker
43
- };
44
- };
29
+ const clickUiTarget = (payload, onPeak, voltammetryPeakIdx = 0, jcampIdx = 0, onPecker = false) => ({
30
+ type: _action_type.UI.CLICK_TARGET,
31
+ payload,
32
+ onPeak,
33
+ voltammetryPeakIdx,
34
+ jcampIdx,
35
+ onPecker
36
+ });
45
37
  exports.clickUiTarget = clickUiTarget;
package/dist/app.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  Object.defineProperty(exports, "FN", {
8
8
  enumerable: true,
9
- get: function () {
9
+ get: function get() {
10
10
  return _fn.default;
11
11
  }
12
12
  });
@@ -22,6 +22,7 @@ var _index = _interopRequireDefault(require("./reducers/index"));
22
22
  var _index2 = _interopRequireDefault(require("./sagas/index"));
23
23
  var _layer_init = _interopRequireDefault(require("./layer_init"));
24
24
  var _fn = _interopRequireDefault(require("./fn"));
25
+ var _jsxRuntime = require("react/jsx-runtime");
25
26
  /* eslint-disable react/function-component-definition, react/require-default-props */
26
27
 
27
28
  // eslint-disable-line
@@ -44,50 +45,49 @@ const ensureQuillDelta = descs => {
44
45
  };
45
46
 
46
47
  // - - - React - - -
47
- const SpectraEditor = _ref => {
48
- let {
49
- entity,
50
- others,
51
- cLabel,
52
- xLabel,
53
- yLabel,
54
- operations,
55
- forecast,
56
- molSvg,
57
- editorOnly,
58
- descriptions,
59
- exactMass,
60
- canChangeDescription,
61
- onDescriptionChanged,
62
- multiEntities,
63
- multiMolSvgs,
64
- entityFileNames,
65
- userManualLink
66
- } = _ref;
67
- return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
68
- store: store
69
- }, /*#__PURE__*/_react.default.createElement(_material.StyledEngineProvider, {
70
- injectFirst: true
71
- }, /*#__PURE__*/_react.default.createElement(_layer_init.default, {
72
- entity: entity,
73
- multiEntities: multiEntities,
74
- entityFileNames: entityFileNames,
75
- userManualLink: userManualLink,
76
- others: others,
77
- cLabel: cLabel,
78
- xLabel: xLabel,
79
- yLabel: yLabel,
80
- forecast: forecast,
81
- operations: operations,
82
- descriptions: ensureQuillDelta(descriptions),
83
- molSvg: molSvg,
84
- multiMolSvgs: multiMolSvgs,
85
- editorOnly: editorOnly,
86
- exactMass: exactMass,
87
- canChangeDescription: canChangeDescription,
88
- onDescriptionChanged: onDescriptionChanged
89
- })));
90
- };
48
+ const SpectraEditor = ({
49
+ entity,
50
+ others,
51
+ cLabel,
52
+ xLabel,
53
+ yLabel,
54
+ operations,
55
+ forecast,
56
+ molSvg,
57
+ editorOnly,
58
+ descriptions,
59
+ exactMass,
60
+ canChangeDescription,
61
+ onDescriptionChanged,
62
+ multiEntities,
63
+ multiMolSvgs,
64
+ entityFileNames,
65
+ userManualLink
66
+ }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRedux.Provider, {
67
+ store: store,
68
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StyledEngineProvider, {
69
+ injectFirst: true,
70
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layer_init.default, {
71
+ entity: entity,
72
+ multiEntities: multiEntities,
73
+ entityFileNames: entityFileNames,
74
+ userManualLink: userManualLink,
75
+ others: others,
76
+ cLabel: cLabel,
77
+ xLabel: xLabel,
78
+ yLabel: yLabel,
79
+ forecast: forecast,
80
+ operations: operations,
81
+ descriptions: ensureQuillDelta(descriptions),
82
+ molSvg: molSvg,
83
+ multiMolSvgs: multiMolSvgs,
84
+ editorOnly: editorOnly,
85
+ exactMass: exactMass,
86
+ canChangeDescription: canChangeDescription,
87
+ onDescriptionChanged: onDescriptionChanged
88
+ })
89
+ })
90
+ });
91
91
  exports.SpectraEditor = SpectraEditor;
92
92
  SpectraEditor.propTypes = {
93
93
  entity: _propTypes.default.object.isRequired,
@@ -18,43 +18,50 @@ var _ui = require("../../actions/ui");
18
18
  var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
19
19
  var _common = require("./common");
20
20
  var _list_ui = require("../../constants/list_ui");
21
+ var _jsxRuntime = require("react/jsx-runtime");
21
22
  /* eslint-disable prefer-object-spread, react/function-component-definition */
22
23
 
23
24
  const styles = () => Object.assign({}, _common.commonStyle);
24
- const Viewer = _ref => {
25
- let {
26
- classes,
27
- isfocusSpectrumSt,
28
- isfocusAnalysisSt,
29
- hideCmdAnaViewerSt,
30
- disableCmdAnaViewerSt,
31
- setUiViewerTypeAct
32
- } = _ref;
25
+ const Viewer = ({
26
+ classes,
27
+ isfocusSpectrumSt,
28
+ isfocusAnalysisSt,
29
+ hideCmdAnaViewerSt,
30
+ disableCmdAnaViewerSt,
31
+ setUiViewerTypeAct
32
+ }) => {
33
33
  const onViewSpectrum = () => setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM);
34
34
  const onViewAnalysis = () => setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS);
35
- return /*#__PURE__*/_react.default.createElement("span", {
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
36
36
  className: classes.group,
37
- "data-testid": "Viewer"
38
- }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
39
- title: /*#__PURE__*/_react.default.createElement("span", {
40
- className: "txt-sv-tp"
41
- }, "Spectrum Viewer")
42
- }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
43
- className: (0, _classnames.default)((0, _common.focusStyle)(isfocusSpectrumSt, classes), 'btn-sv-bar-spctrum'),
44
- onClick: onViewSpectrum
45
- }, /*#__PURE__*/_react.default.createElement(_TimelineOutlined.default, {
46
- className: classes.icon
47
- }))), hideCmdAnaViewerSt ? null : /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
48
- title: /*#__PURE__*/_react.default.createElement("span", {
49
- className: "txt-sv-tp"
50
- }, "Analysis Viewer")
51
- }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
52
- className: (0, _classnames.default)((0, _common.focusStyle)(isfocusAnalysisSt, classes), 'btn-sv-bar-analysis'),
53
- disabled: disableCmdAnaViewerSt,
54
- onClick: onViewAnalysis
55
- }, /*#__PURE__*/_react.default.createElement(_SpellcheckOutlined.default, {
56
- className: classes.icon
57
- }))));
37
+ "data-testid": "Viewer",
38
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
39
+ title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
40
+ className: "txt-sv-tp",
41
+ children: "Spectrum Viewer"
42
+ }),
43
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
44
+ className: (0, _classnames.default)((0, _common.focusStyle)(isfocusSpectrumSt, classes), 'btn-sv-bar-spctrum'),
45
+ onClick: onViewSpectrum,
46
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineOutlined.default, {
47
+ className: classes.icon
48
+ })
49
+ })
50
+ }), hideCmdAnaViewerSt ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
51
+ title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
52
+ className: "txt-sv-tp",
53
+ children: "Analysis Viewer"
54
+ }),
55
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
56
+ className: (0, _classnames.default)((0, _common.focusStyle)(isfocusAnalysisSt, classes), 'btn-sv-bar-analysis'),
57
+ disabled: disableCmdAnaViewerSt,
58
+ onClick: onViewAnalysis,
59
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpellcheckOutlined.default, {
60
+ className: classes.icon
61
+ })
62
+ })
63
+ })]
64
+ });
58
65
  };
59
66
  const mapStateToProps = (state, props) => (
60
67
  // eslint-disable-line
@@ -17,39 +17,46 @@ var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
17
17
  var _ui = require("../../actions/ui");
18
18
  var _common = require("./common");
19
19
  var _list_ui = require("../../constants/list_ui");
20
+ var _jsxRuntime = require("react/jsx-runtime");
20
21
  /* eslint-disable prefer-object-spread, react/function-component-definition */
21
22
 
22
23
  const styles = () => Object.assign({}, _common.commonStyle);
23
- const Zoom = _ref => {
24
- let {
25
- classes,
26
- isfocusZoomSt,
27
- setUiSweepTypeAct
28
- } = _ref;
24
+ const Zoom = ({
25
+ classes,
26
+ isfocusZoomSt,
27
+ setUiSweepTypeAct
28
+ }) => {
29
29
  const onSweepZoomIn = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN);
30
30
  const onSweepZoomReset = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET);
31
- return /*#__PURE__*/_react.default.createElement("span", {
31
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
32
32
  className: classes.group,
33
- "data-testid": "Zoom"
34
- }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
35
- title: /*#__PURE__*/_react.default.createElement("span", {
36
- className: "txt-sv-tp"
37
- }, "Zoom In")
38
- }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
39
- className: (0, _classnames.default)((0, _common.focusStyle)(isfocusZoomSt, classes), 'btn-sv-bar-zoomin'),
40
- onClick: onSweepZoomIn
41
- }, /*#__PURE__*/_react.default.createElement(_ZoomInOutlined.default, {
42
- className: (0, _classnames.default)(classes.icon, classes.iconWp)
43
- }))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
44
- title: /*#__PURE__*/_react.default.createElement("span", {
45
- className: "txt-sv-tp"
46
- }, "Reset Zoom")
47
- }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
48
- className: (0, _classnames.default)('btn-sv-bar-zoomreset'),
49
- onClick: onSweepZoomReset
50
- }, /*#__PURE__*/_react.default.createElement(_FindReplaceOutlined.default, {
51
- className: classes.icon
52
- }))));
33
+ "data-testid": "Zoom",
34
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
35
+ title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
36
+ className: "txt-sv-tp",
37
+ children: "Zoom In"
38
+ }),
39
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
40
+ className: (0, _classnames.default)((0, _common.focusStyle)(isfocusZoomSt, classes), 'btn-sv-bar-zoomin'),
41
+ onClick: onSweepZoomIn,
42
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZoomInOutlined.default, {
43
+ className: (0, _classnames.default)(classes.icon, classes.iconWp)
44
+ })
45
+ })
46
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
47
+ title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
48
+ className: "txt-sv-tp",
49
+ children: "Reset Zoom"
50
+ }),
51
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
52
+ className: (0, _classnames.default)('btn-sv-bar-zoomreset'),
53
+ onClick: onSweepZoomReset,
54
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FindReplaceOutlined.default, {
55
+ className: classes.icon
56
+ })
57
+ })
58
+ })]
59
+ });
53
60
  };
54
61
  const mapStateToProps = (state, _) => (
55
62
  // eslint-disable-line