@complat/react-spectra-editor 1.3.4 → 1.4.0

package/dist/components/cmd_bar/03_peak.js

@@ -20,31 +20,31 @@ var _list_ui = require("../../constants/list_ui");
 var _tri_btn = _interopRequireDefault(require("./tri_btn"));
 var _edit_peak = require("../../actions/edit_peak");
 var _extractPeaksEdit = require("../../helpers/extractPeaksEdit");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, function-paren-newline, no-unused-vars,
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
 
 const styles = () => Object.assign({}, _common.commonStyle);
-const Peak = _ref => {
-  let {
-    classes,
-    setUiSweepTypeAct,
-    isFocusAddPeakSt,
-    disableAddPeakSt,
-    isFocusRmPeakSt,
-    disableRmPeakSt,
-    isFocusSetRefSt,
-    disableSetRefSt,
-    isHandleMaxAndMinPeaksSt,
-    cyclicVotaSt,
-    curveSt,
-    clearAllPeaksAct,
-    feature,
-    editPeakSt,
-    thresSt,
-    shiftSt,
-    layoutSt
-  } = _ref;
+const Peak = ({
+  classes,
+  setUiSweepTypeAct,
+  isFocusAddPeakSt,
+  disableAddPeakSt,
+  isFocusRmPeakSt,
+  disableRmPeakSt,
+  isFocusSetRefSt,
+  disableSetRefSt,
+  isHandleMaxAndMinPeaksSt,
+  cyclicVotaSt,
+  curveSt,
+  clearAllPeaksAct,
+  feature,
+  editPeakSt,
+  thresSt,
+  shiftSt,
+  layoutSt
+}) => {
   let onSweepPeakAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD);
   let onSweepPeakDELETE = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE);
   let onSweepAnchorShift = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT);
@@ -77,50 +77,71 @@ const Peak = _ref => {
       onSweepAnchorShift = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF, curveIdx);
     }
   }
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     className: classes.group,
-    "data-testid": "Peak"
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Add Peak")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeak'),
-    disabled: disableAddPeakSt,
-    onClick: onSweepPeakAdd
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-addpeak')
-  }, "P+")))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Remove Peak")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeak'),
-    disabled: disableRmPeakSt,
-    onClick: onSweepPeakDELETE
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmpeak')
-  }, "P-")))), /*#__PURE__*/_react.default.createElement(_tri_btn.default, {
-    content: {
-      tp: 'Clear All Peaks'
-    },
-    cb: onClearAll,
-    isClearAllDisabled: disableRmPeakSt
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmallpeaks')
-  }, "P"), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallpeaks')
-  }, "x")), !disableSetRefSt ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Set Reference")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusSetRefSt, classes), 'btn-sv-bar-setref'),
-    disabled: disableSetRefSt,
-    onClick: onSweepAnchorShift
-  }, /*#__PURE__*/_react.default.createElement(_AddLocationOutlined.default, {
-    className: classes.icon
-  })))) : null);
+    "data-testid": "Peak",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Add Peak"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeak'),
+          disabled: disableAddPeakSt,
+          onClick: onSweepPeakAdd,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-addpeak'),
+            children: "P+"
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Remove Peak"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeak'),
+          disabled: disableRmPeakSt,
+          onClick: onSweepPeakDELETE,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmpeak'),
+            children: "P-"
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tri_btn.default, {
+      content: {
+        tp: 'Clear All Peaks'
+      },
+      cb: onClearAll,
+      isClearAllDisabled: disableRmPeakSt,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmallpeaks'),
+        children: "P"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallpeaks'),
+        children: "x"
+      })]
+    }), !disableSetRefSt ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Set Reference"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusSetRefSt, classes), 'btn-sv-bar-setref'),
+          disabled: disableSetRefSt,
+          onClick: onSweepAnchorShift,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AddLocationOutlined.default, {
+            className: classes.icon
+          })
+        })
+      })
+    }) : null]
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line
@@ -135,7 +156,7 @@ const mapStateToProps = (state, props) => (
   cyclicVotaSt: state.cyclicvolta,
   curveSt: state.curve,
   editPeakSt: state.editPeak.present,
-  thresSt: state.threshold,
+  thresSt: state.threshold.list[state.curve.curveIdx],
   layoutSt: state.layout,
   shiftSt: state.shift
 });

package/dist/components/cmd_bar/04_integration.js

@@ -22,6 +22,7 @@ var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _tri_btn = _interopRequireDefault(require("./tri_btn"));
 var _common = require("./common");
 var _format = _interopRequireDefault(require("../../helpers/format"));
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, function-paren-newline,
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
@@ -57,7 +58,7 @@ const setFactor = (classes, isDisable, integrationSt, setIntegrationFkrAct, curv
     const selectedIntegration = integrations[curveIdx];
     refFactor = selectedIntegration.refFactor || 1.00;
   }
-  return /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
     className: classes.field,
     disabled: isDisable,
     id: "intg-factor-name",
@@ -67,9 +68,10 @@ const setFactor = (classes, isDisable, integrationSt, setIntegrationFkrAct, curv
     InputProps: {
       className: (0, _classnames.default)(classes.txtInput, 'txtfield-sv-bar-input')
     },
-    label: /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txtLabel, 'txtfield-sv-bar-label')
-    }, "Ref Area"),
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames.default)(classes.txtLabel, 'txtfield-sv-bar-label'),
+      children: "Ref Area"
+    }),
     onChange: onFactorChanged,
     onBlur: onFactorChanged,
     onKeyUp: onEnterPress,
@@ -77,20 +79,19 @@ const setFactor = (classes, isDisable, integrationSt, setIntegrationFkrAct, curv
   });
 };
 const iconColor = criteria => criteria ? '#fff' : '#000';
-const Integration = _ref => {
-  let {
-    classes,
-    ignoreRef,
-    isDisableSt,
-    isFocusAddIntgSt,
-    isFocusRmIntgSt,
-    isFocusSetRefSt,
-    setUiSweepTypeAct,
-    setIntegrationFkrAct,
-    clearIntegrationAllAct,
-    curveSt,
-    integrationSt
-  } = _ref;
+const Integration = ({
+  classes,
+  ignoreRef,
+  isDisableSt,
+  isFocusAddIntgSt,
+  isFocusRmIntgSt,
+  isFocusSetRefSt,
+  setUiSweepTypeAct,
+  setIntegrationFkrAct,
+  clearIntegrationAllAct,
+  curveSt,
+  integrationSt
+}) => {
   const onSweepIntegtAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD);
   const onSweepIntegtRm = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM);
   const onSweepIntegtSR = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF);
@@ -100,64 +101,84 @@ const Integration = _ref => {
   const onClearAll = () => clearIntegrationAllAct({
     curveIdx
   });
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.group
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Add Integration")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddIntgSt, classes), 'btn-add-inter'),
-    disabled: isDisableSt,
-    onClick: onSweepIntegtAdd
-  }, /*#__PURE__*/_react.default.createElement(_react2.default, {
-    path: _js.mdiMathIntegral,
-    size: iconSize,
-    color: iconColor(isFocusAddIntgSt || isDisableSt),
-    className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-addint')
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-addint')
-  }, "+")))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Remove Integration")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmIntgSt, classes), 'btn-remove-inter'),
-    disabled: isDisableSt,
-    onClick: onSweepIntegtRm
-  }, /*#__PURE__*/_react.default.createElement(_react2.default, {
-    path: _js.mdiMathIntegral,
-    size: iconSize,
-    color: iconColor(isFocusRmIntgSt || isDisableSt),
-    className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-rmint')
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmint')
-  }, "-")))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Set Integration Reference")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusSetRefSt, classes), 'btn-set-inter-ref'),
-    disabled: isDisableSt,
-    onClick: onSweepIntegtSR
-  }, /*#__PURE__*/_react.default.createElement(_react2.default, {
-    path: _js.mdiReflectVertical,
-    size: iconSize,
-    color: iconColor(isFocusSetRefSt || isDisableSt),
-    className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-refint')
-  })))), !ignoreRef ? setFactor(classes, isDisableSt, integrationSt, setIntegrationFkrAct, curveIdx) : null, /*#__PURE__*/_react.default.createElement(_tri_btn.default, {
-    content: {
-      tp: 'Clear All Integration'
-    },
-    cb: onClearAll
-  }, /*#__PURE__*/_react.default.createElement(_react2.default, {
-    path: _js.mdiMathIntegral,
-    size: iconSize,
-    color: iconColor(isDisableSt),
-    className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-rmallint')
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallint')
-  }, "x")));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    className: classes.group,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Add Integration"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddIntgSt, classes), 'btn-add-inter'),
+          disabled: isDisableSt,
+          onClick: onSweepIntegtAdd,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.default, {
+            path: _js.mdiMathIntegral,
+            size: iconSize,
+            color: iconColor(isFocusAddIntgSt || isDisableSt),
+            className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-addint')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-addint'),
+            children: "+"
+          })]
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Remove Integration"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmIntgSt, classes), 'btn-remove-inter'),
+          disabled: isDisableSt,
+          onClick: onSweepIntegtRm,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.default, {
+            path: _js.mdiMathIntegral,
+            size: iconSize,
+            color: iconColor(isFocusRmIntgSt || isDisableSt),
+            className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-rmint')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmint'),
+            children: "-"
+          })]
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Set Integration Reference"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusSetRefSt, classes), 'btn-set-inter-ref'),
+          disabled: isDisableSt,
+          onClick: onSweepIntegtSR,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.default, {
+            path: _js.mdiReflectVertical,
+            size: iconSize,
+            color: iconColor(isFocusSetRefSt || isDisableSt),
+            className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-refint')
+          })
+        })
+      })
+    }), !ignoreRef ? setFactor(classes, isDisableSt, integrationSt, setIntegrationFkrAct, curveIdx) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tri_btn.default, {
+      content: {
+        tp: 'Clear All Integration'
+      },
+      cb: onClearAll,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.default, {
+        path: _js.mdiMathIntegral,
+        size: iconSize,
+        color: iconColor(isDisableSt),
+        className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-rmallint')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallint'),
+        children: "x"
+      })]
+    })]
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line

package/dist/components/cmd_bar/05_multiplicity.js

@@ -18,25 +18,25 @@ var _list_ui = require("../../constants/list_ui");
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _tri_btn = _interopRequireDefault(require("./tri_btn"));
 var _common = require("./common");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, function-paren-newline,
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
 
 const styles = () => Object.assign({}, _common.commonStyle);
-const Multiplicity = _ref => {
-  let {
-    classes,
-    isFocusAddMpySt,
-    disableAddMpySt,
-    isFocusRmMpySt,
-    disableRmMpySt,
-    isFocusAddPeakSt,
-    isFocusRmPeakSt,
-    disableMpyPeakSt,
-    setUiSweepTypeAct,
-    clearMpyAllAct,
-    curveSt
-  } = _ref;
+const Multiplicity = ({
+  classes,
+  isFocusAddMpySt,
+  disableAddMpySt,
+  isFocusRmMpySt,
+  disableRmMpySt,
+  isFocusAddPeakSt,
+  isFocusRmPeakSt,
+  disableMpyPeakSt,
+  setUiSweepTypeAct,
+  clearMpyAllAct,
+  curveSt
+}) => {
   const onSweepMutAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD);
   const onOneMutAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM);
   const onPeakMutAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD);
@@ -47,59 +47,86 @@ const Multiplicity = _ref => {
   const onClearAll = () => clearMpyAllAct({
     curveIdx
   });
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.group
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Add Multiplicity")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddMpySt, classes), 'btn-sv-bar-addmpy'),
-    disabled: disableAddMpySt,
-    onClick: onSweepMutAdd
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-addmpy')
-  }, "J+")))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Remove Multiplicity")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmMpySt, classes), 'btn-sv-bar-rmmpy'),
-    disabled: disableRmMpySt,
-    onClick: onOneMutAdd
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmmpy')
-  }, "J-")))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Add Peak for Multiplicity")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeakmpy'),
-    disabled: disableMpyPeakSt,
-    onClick: onPeakMutAdd
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-addpeakmpy')
-  }, "JP+")))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Remove Peak for Multiplicity")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeakmpy'),
-    disabled: disableMpyPeakSt,
-    onClick: onPeakMutRm
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmpeakmpy')
-  }, "JP-")))), disableAddMpySt ? null :
-  /*#__PURE__*/
-  // eslint-disable-line
-  _react.default.createElement(_tri_btn.default, {
-    content: {
-      tp: 'Clear All Multiplicity'
-    },
-    cb: onClearAll
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmallmpy')
-  }, "Jx")));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    className: classes.group,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Add Multiplicity"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddMpySt, classes), 'btn-sv-bar-addmpy'),
+          disabled: disableAddMpySt,
+          onClick: onSweepMutAdd,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-addmpy'),
+            children: "J+"
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Remove Multiplicity"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmMpySt, classes), 'btn-sv-bar-rmmpy'),
+          disabled: disableRmMpySt,
+          onClick: onOneMutAdd,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmmpy'),
+            children: "J-"
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Add Peak for Multiplicity"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeakmpy'),
+          disabled: disableMpyPeakSt,
+          onClick: onPeakMutAdd,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-addpeakmpy'),
+            children: "JP+"
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Remove Peak for Multiplicity"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeakmpy'),
+          disabled: disableMpyPeakSt,
+          onClick: onPeakMutRm,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmpeakmpy'),
+            children: "JP-"
+          })
+        })
+      })
+    }), disableAddMpySt ? null :
+    /*#__PURE__*/
+    // eslint-disable-line
+    (0, _jsxRuntime.jsx)(_tri_btn.default, {
+      content: {
+        tp: 'Clear All Multiplicity'
+      },
+      cb: onClearAll,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmallmpy'),
+        children: "Jx"
+      })
+    })]
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line