@complat/react-spectra-editor 1.3.5 → 1.4.1

package/dist/components/cmd_bar/r06_predict_btn.js

@@ -21,6 +21,7 @@ var _extractPeaksEdit = require("../../helpers/extractPeaksEdit");
 var _ui = require("../../actions/ui");
 var _list_ui = require("../../constants/list_ui");
 var _chem = require("../../helpers/chem");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, function-paren-newline,
 max-len, react/function-component-definition,
 function-call-argument-newline, react/require-default-props */
@@ -100,57 +101,70 @@ const onClicUnknown = (feature, forecast, peaksEdit, layoutSt, scan, shiftSt, th
     curveSt
   });
 };
-const counterText = (classes, isIr, realCount, uniqCount, simuCount) => isIr ? null : /*#__PURE__*/_react.default.createElement("span", {
-  className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-}, `${realCount}/${uniqCount}/${simuCount}`);
-const renderBtnPredict = (classes, isIr, realCount, uniqCount, simuCount, color, btnWidthCls, onClick) => /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-  title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "txt-sv-tp"
-  }, "Predict"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
-    className: "txt-sv-tp"
-  }, "- Selected features must be eqal or less than simulated features."))
-}, /*#__PURE__*/_react.default.createElement(MuPredictButton, {
-  className: (0, _classnames.default)('btn-sv-bar-submit', btnWidthCls),
-  style: {
-    color
-  },
-  onClick: onClick
-}, counterText(classes, isIr, realCount, uniqCount, simuCount), /*#__PURE__*/_react.default.createElement(_GpsFixedOutlined.default, {
-  className: classes.icon
-})));
-const renderBtnUnknown = (classes, onClick) => /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-  title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "txt-sv-tp"
-  }, "Refresh Simulation"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
-    className: "txt-sv-tp"
-  }, "- Simulation must be refreshed before making a prediction."), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
-    className: "txt-sv-tp"
-  }, "- If you continue to see this button after clicking it, the server is not ready. Please wait for a while."))
-}, /*#__PURE__*/_react.default.createElement(MuPredictButton, {
-  className: (0, _classnames.default)('btn-sv-bar-submit', classes.btnWidthUnknown),
-  style: {
-    color: 'orange'
-  },
-  onClick: onClick
-}, /*#__PURE__*/_react.default.createElement(_HelpOutlineOutlined.default, {
-  className: classes.icon
-})));
-const BtnPredict = _ref => {
-  let {
-    classes,
-    feature,
-    forecast,
-    layoutSt,
-    simulationSt,
-    editPeakSt,
-    scanSt,
-    shiftSt,
-    thresSt,
-    integrationSt,
-    multiplicitySt,
-    setUiViewerTypeAct,
-    curveSt
-  } = _ref;
+const counterText = (classes, isIr, realCount, uniqCount, simuCount) => isIr ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
+  children: `${realCount}/${uniqCount}/${simuCount}`
+});
+const renderBtnPredict = (classes, isIr, realCount, uniqCount, simuCount, color, btnWidthCls, onClick) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "txt-sv-tp",
+      children: "Predict"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "txt-sv-tp",
+      children: "- Selected features must be eqal or less than simulated features."
+    })]
+  }),
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(MuPredictButton, {
+    className: (0, _classnames.default)('btn-sv-bar-submit', btnWidthCls),
+    style: {
+      color
+    },
+    onClick: onClick,
+    children: [counterText(classes, isIr, realCount, uniqCount, simuCount), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GpsFixedOutlined.default, {
+      className: classes.icon
+    })]
+  })
+});
+const renderBtnUnknown = (classes, onClick) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "txt-sv-tp",
+      children: "Refresh Simulation"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "txt-sv-tp",
+      children: "- Simulation must be refreshed before making a prediction."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "txt-sv-tp",
+      children: "- If you continue to see this button after clicking it, the server is not ready. Please wait for a while."
+    })]
+  }),
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MuPredictButton, {
+    className: (0, _classnames.default)('btn-sv-bar-submit', classes.btnWidthUnknown),
+    style: {
+      color: 'orange'
+    },
+    onClick: onClick,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpOutlineOutlined.default, {
+      className: classes.icon
+    })
+  })
+});
+const BtnPredict = ({
+  classes,
+  feature,
+  forecast,
+  layoutSt,
+  simulationSt,
+  editPeakSt,
+  scanSt,
+  shiftSt,
+  thresSt,
+  integrationSt,
+  multiplicitySt,
+  setUiViewerTypeAct,
+  curveSt
+}) => {
   const is13Cor1H = _format.default.is13CLayout(layoutSt) || _format.default.is1HLayout(layoutSt);
   const isIr = _format.default.isIrLayout(layoutSt);
   if (!(is13Cor1H || isIr)) return null;
@@ -194,7 +208,7 @@ const mapStateToProps = (state, props) => (
   editPeakSt: state.editPeak.present,
   scanSt: state.scan,
   shiftSt: state.shift,
-  thresSt: state.threshold,
+  thresSt: state.threshold.list[state.curve.curveIdx],
   integrationSt: state.integration.present,
   multiplicitySt: state.multiplicity.present,
   curveSt: state.curve

package/dist/components/cmd_bar/r07_wavelength_btn.js

@@ -16,6 +16,7 @@ var _wavelength = require("../../actions/wavelength");
 var _format = _interopRequireDefault(require("../../helpers/format"));
 var _common = require("./common");
 var _list_wavelength = require("../../constants/list_wavelength");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, react/jsx-one-expression-per-line,
 react/function-component-definition */
 
@@ -29,41 +30,44 @@ const styles = () => Object.assign({
 }, _common.commonStyle);
 const wavelengthSelect = (classes, waveLengthSt, layoutSt, updateWaveLengthAct) => {
   if (!_format.default.isXRDLayout(layoutSt)) {
-    return /*#__PURE__*/_react.default.createElement("i", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {});
   }
   const onChange = e => updateWaveLengthAct(e.target.value);
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
     className: (0, _classnames.default)(classes.fieldLayout),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-wavelength-label",
-    className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
-  }, "Wavelength"), /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-wavelength-label",
-    label: "Wavelength",
-    value: waveLengthSt,
-    onChange: onChange,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout')
-  }, _list_wavelength.LIST_WAVE_LENGTH.map(item => {
-    // eslint-disable-line
-    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-      value: item
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
-    }, item.label, " (", item.value, " ", item.unit, ")"));
-  })));
-};
-const Wavelength = _ref => {
-  let {
-    classes,
-    waveLengthSt,
-    layoutSt,
-    updateWaveLengthAct
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.groupRight
-  }, wavelengthSelect(classes, waveLengthSt, layoutSt, updateWaveLengthAct));
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-wavelength-label",
+      className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label'),
+      children: "Wavelength"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+      labelId: "select-wavelength-label",
+      label: "Wavelength",
+      value: waveLengthSt,
+      onChange: onChange,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout'),
+      children: _list_wavelength.LIST_WAVE_LENGTH.map(item => {
+        // eslint-disable-line
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+          value: item,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout'),
+            children: [item.label, " (", item.value, " ", item.unit, ")"]
+          })
+        });
+      })
+    })]
+  });
 };
+const Wavelength = ({
+  classes,
+  waveLengthSt,
+  layoutSt,
+  updateWaveLengthAct
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  className: classes.groupRight,
+  children: wavelengthSelect(classes, waveLengthSt, layoutSt, updateWaveLengthAct)
+});
 const mapStateToProps = (state, props) => (
 // eslint-disable-line
 {

package/dist/components/cmd_bar/r08_change_axes.js

@@ -16,6 +16,7 @@ var _common = require("./common");
 var _list_layout = require("../../constants/list_layout");
 var _list_axes = require("../../constants/list_axes");
 var _axes = require("../../actions/axes");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, react/jsx-one-expression-per-line,
 react/function-component-definition,
 max-len, no-unused-vars, no-multiple-empty-lines */
@@ -52,27 +53,31 @@ const axisX = (classes, layoutSt, axesUnitsSt, updateXAxisAct, curveSt) => {
   const {
     xUnit
   } = selectedAxes;
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
     className: (0, _classnames.default)(classes.fieldLayout),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-x-axis-label",
-    label: "x-Axis",
-    value: xUnit,
-    onChange: onChange,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout')
-  }, options.map(item => {
-    // eslint-disable-line
-    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-      value: item,
-      key: item
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
-    }, item === '' ? 'Default' : item));
-  })), /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-x-axis-label",
-    className: (0, _classnames.default)(classes.txtLabelTopInput)
-  }, "x-Axis"));
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+      labelId: "select-x-axis-label",
+      label: "x-Axis",
+      value: xUnit,
+      onChange: onChange,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout'),
+      children: options.map(item => {
+        // eslint-disable-line
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+          value: item,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout'),
+            children: item === '' ? 'Default' : item
+          })
+        }, item);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-x-axis-label",
+      className: (0, _classnames.default)(classes.txtLabelTopInput),
+      children: "x-Axis"
+    })]
+  });
 };
 const axisY = (classes, layoutSt, axesUnitsSt, updateYAxisAct, curveSt) => {
   const optionsAxisX = _list_axes.LIST_AXES.y;
@@ -97,48 +102,52 @@ const axisY = (classes, layoutSt, axesUnitsSt, updateYAxisAct, curveSt) => {
   const {
     yUnit
   } = selectedAxes;
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
     className: (0, _classnames.default)(classes.fieldLayout),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-y-axis-label",
-    label: "y-Axis",
-    value: yUnit,
-    onChange: onChange,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout')
-  }, options.map(item => {
-    // eslint-disable-line
-    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-      value: item,
-      key: item
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
-    }, item === '' ? 'Default' : item));
-  })), /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-y-axis-label",
-    className: (0, _classnames.default)(classes.txtLabelTopInput)
-  }, "y-Axis"));
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+      labelId: "select-y-axis-label",
+      label: "y-Axis",
+      value: yUnit,
+      onChange: onChange,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout'),
+      children: options.map(item => {
+        // eslint-disable-line
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+          value: item,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout'),
+            children: item === '' ? 'Default' : item
+          })
+        }, item);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-y-axis-label",
+      className: (0, _classnames.default)(classes.txtLabelTopInput),
+      children: "y-Axis"
+    })]
+  });
 };
 const showSelect = (classes, layoutSt, curveSt, axesUnitsSt, updateXAxisAct, updateYAxisAct) => {
   if (!listLayoutToShow.includes(layoutSt)) {
-    return /*#__PURE__*/_react.default.createElement("i", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {});
   }
-  return /*#__PURE__*/_react.default.createElement("span", null, axisX(classes, layoutSt, axesUnitsSt, updateXAxisAct, curveSt), axisY(classes, layoutSt, axesUnitsSt, updateYAxisAct, curveSt));
-};
-const ChangeAxes = _ref => {
-  let {
-    classes,
-    layoutSt,
-    curveSt,
-    axesUnitsSt,
-    updateXAxisAct,
-    updateYAxisAct
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.groupRight,
-    "data-testid": "ChangeAxes"
-  }, showSelect(classes, layoutSt, curveSt, axesUnitsSt, updateXAxisAct, updateYAxisAct));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    children: [axisX(classes, layoutSt, axesUnitsSt, updateXAxisAct, curveSt), axisY(classes, layoutSt, axesUnitsSt, updateYAxisAct, curveSt)]
+  });
 };
+const ChangeAxes = ({
+  classes,
+  layoutSt,
+  curveSt,
+  axesUnitsSt,
+  updateXAxisAct,
+  updateYAxisAct
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  className: classes.groupRight,
+  "data-testid": "ChangeAxes",
+  children: showSelect(classes, layoutSt, curveSt, axesUnitsSt, updateXAxisAct, updateYAxisAct)
+});
 const mapStateToProps = (state, props) => (
 // eslint-disable-line
 {

package/dist/components/cmd_bar/r09_detector.js

@@ -16,6 +16,7 @@ var _detector = require("../../actions/detector");
 var _format = _interopRequireDefault(require("../../helpers/format"));
 var _common = require("./common");
 var _list_detectors = require("../../constants/list_detectors");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, react/jsx-one-expression-per-line,
 react/function-component-definition */
 
@@ -29,7 +30,7 @@ const styles = () => Object.assign({
 }, _common.commonStyle);
 const detectorSelect = (classes, detectorSt, curveSt, layoutSt, updateDetectorAct) => {
   if (!_format.default.isSECLayout(layoutSt)) {
-    return /*#__PURE__*/_react.default.createElement("i", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {});
   }
   const {
     curveIdx
@@ -46,39 +47,43 @@ const detectorSelect = (classes, detectorSt, curveSt, layoutSt, updateDetectorAc
     curveIdx,
     selectedDetector: e.target.value
   });
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    className: (0, _classnames.default)(classes.fieldLayout)
-  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-detector-label",
-    className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
-  }, "Detector"), /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-detector-label",
-    label: "Detector",
-    value: selectedDetector,
-    onChange: onChange,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout')
-  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: ""
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
-  })), _list_detectors.LIST_DETECTORS.map(item => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: item
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
-  }, item.name)))));
-};
-const Detector = _ref => {
-  let {
-    classes,
-    detectorSt,
-    curveSt,
-    layoutSt,
-    updateDetectorAct
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.groupRight
-  }, detectorSelect(classes, detectorSt, curveSt, layoutSt, updateDetectorAct));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+    className: (0, _classnames.default)(classes.fieldLayout),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-detector-label",
+      className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label'),
+      children: "Detector"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
+      labelId: "select-detector-label",
+      label: "Detector",
+      value: selectedDetector,
+      onChange: onChange,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: "",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
+        })
+      }), _list_detectors.LIST_DETECTORS.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: item,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout'),
+          children: item.name
+        })
+      }))]
+    })]
+  });
 };
+const Detector = ({
+  classes,
+  detectorSt,
+  curveSt,
+  layoutSt,
+  updateDetectorAct
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  className: classes.groupRight,
+  children: detectorSelect(classes, detectorSt, curveSt, layoutSt, updateDetectorAct)
+});
 const mapStateToProps = (state, _props) => (
 // eslint-disable-line
 {

package/dist/components/cmd_bar/tri_btn.js

@@ -14,6 +14,7 @@ var _styles = require("@mui/styles");
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _common = require("./common");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread */
 
 const styles = () => Object.assign({
@@ -58,16 +59,21 @@ class TriBtn extends _react.default.Component {
     const {
       tp
     } = content;
-    const title = /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, tp);
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: title
-    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-      className: (0, _classnames.default)('btn-sv-bar-one'),
-      disabled: isClearAllDisabled === false ? false : _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt),
-      onClick: this.onToggle
-    }, children)));
+    const title = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "txt-sv-tp",
+      children: tp
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: title,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+          className: (0, _classnames.default)('btn-sv-bar-one'),
+          disabled: isClearAllDisabled === false ? false : _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt),
+          onClick: this.onToggle,
+          children: children
+        })
+      })
+    });
   }
   renderStageTwo() {
     const {
@@ -79,21 +85,27 @@ class TriBtn extends _react.default.Component {
       cb();
       this.onToggle(e);
     };
-    return /*#__PURE__*/_react.default.createElement("span", {
-      disabled: _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txtLabel, 'txt-sv-bar-desc')
-    }, "Delete ALL?"), /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-      className: (0, _classnames.default)('btn-sv-bar-yes'),
-      onClick: onExec
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txt, classes.btnYes, 'txt-sv-bar-yes')
-    }, "Y")), /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-      className: (0, _classnames.default)('btn-sv-bar-no'),
-      onClick: this.onToggle
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txt, classes.btnNo, 'txt-sv-bar-no')
-    }, "N")));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      disabled: _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(classes.txtLabel, 'txt-sv-bar-desc'),
+        children: "Delete ALL?"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)('btn-sv-bar-yes'),
+        onClick: onExec,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txt, classes.btnYes, 'txt-sv-bar-yes'),
+          children: "Y"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)('btn-sv-bar-no'),
+        onClick: this.onToggle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txt, classes.btnNo, 'txt-sv-bar-no'),
+          children: "N"
+        })
+      })]
+    });
   }
   render() {
     const {

package/dist/components/common/comps.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.TabLabel = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-const TabLabel = function (classes, label) {
-  let extClsName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'txt-tab-label';
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tabLabel, extClsName)
-  }, label);
-};
+var _jsxRuntime = require("react/jsx-runtime");
+const TabLabel = (classes, label, extClsName = 'txt-tab-label') => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  className: (0, _classnames.default)(classes.tabLabel, extClsName),
+  children: label
+});
 exports.TabLabel = TabLabel;

package/dist/components/d3_line/index.js

@@ -16,6 +16,7 @@ var _line_focus = _interopRequireDefault(require("./line_focus"));
 var _draw = require("../common/draw");
 var _list_ui = require("../../constants/list_ui");
 var _cyclic_voltammetry = require("../../actions/cyclic_voltammetry");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable no-mixed-operators */
 
 const W = Math.round(window.innerWidth * 0.90 * 9 / 12); // ROI
@@ -171,7 +172,7 @@ class ViewerLine extends _react.default.Component {
     }
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "d3Line"
     });
   }