fix: remove focus of ref area after changing (#203) (#205)

Author: baolanlequang

dist/components/cmd_bar/04_integration.js

@@ -34,10 +34,13 @@ const styles = () => Object.assign({
 }, _common.commonStyle);
 const iconSize = '16px';
 const setFactor = (classes, isDisable, integrationSt, setIntegrationFkrAct, curveIdx) => {
-  const onFactorChanged = e => setIntegrationFkrAct({
-    factor: e.target.value,
-    curveIdx
-  });
+  const onFactorChanged = e => {
+    e.target.blur();
+    setIntegrationFkrAct({
+      factor: e.target.value,
+      curveIdx
+    });
+  };
   const onEnterPress = e => {
     if (e.key === 'Enter') {
       setIntegrationFkrAct({

dist/components/panel/cyclic_voltamery_data.js

@@ -212,10 +212,10 @@ const CyclicVoltammetryPanel = _ref => {
   }))), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     align: "left",
     className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, "E1/2"), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
+  }, "E", /*#__PURE__*/_react.default.createElement("sub", null, "1/2")), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
     align: "left",
     className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, "\u0394Ep", /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+  }, "\u0394E", /*#__PURE__*/_react.default.createElement("sub", null, "p"), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     title: /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)(classes.txtToolTip)
     }, "| Epa - Epc |")

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complat/react-spectra-editor",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "An editor to View and Edit Chemical Spectra data (NMR, IR and MS, CV, UIVIS, XRD).",
   "repository": {
     "type": "git",

src/components/cmd_bar/04_integration.js

@@ -44,10 +44,13 @@ const iconSize = '16px';
 const setFactor = (
   classes, isDisable, integrationSt, setIntegrationFkrAct, curveIdx,
 ) => {
-  const onFactorChanged = (e) => setIntegrationFkrAct({
-    factor: e.target.value,
-    curveIdx,
-  });
+  const onFactorChanged = (e) => {
+    e.target.blur();
+    setIntegrationFkrAct({
+      factor: e.target.value,
+      curveIdx,
+    });
+  };
   const onEnterPress = (e) => {
     if (e.key === 'Enter') {
       setIntegrationFkrAct({

src/components/panel/cyclic_voltamery_data.js

@@ -226,13 +226,13 @@ https://doi.org/10.1021/ac60242a030</i>
               align="left"
               className={classNames(classes.tTxt, classes.square, 'txt-sv-panel-txt')}
             >
-              E1/2
+              E<sub>1/2</sub>
             </TableCell>
             <TableCell
               align="left"
               className={classNames(classes.tTxt, classes.square, 'txt-sv-panel-txt')}
             >
-              ΔEp
+              ΔE<sub>p</sub>
               <Tooltip
                 title={
                   (