@complat/react-spectra-editor 1.3.4 → 1.4.0

package/dist/components/forecast/nmr_comps.js

@@ -15,46 +15,52 @@ var _CheckCircleOutline = _interopRequireDefault(require("@mui/icons-material/Ch
 var _HighlightOff = _interopRequireDefault(require("@mui/icons-material/HighlightOff"));
 var _comps = require("./comps");
 var _forecast = require("../../actions/forecast");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/function-component-definition, react/destructuring-assignment */
 
-const baseSelectNmrStatus = _ref => {
-  let {
-    // eslint-disable-line
-    idx,
-    atom,
-    status,
-    identity,
-    setNmrStatusAct
-  } = _ref;
+const baseSelectNmrStatus = ({
+  // eslint-disable-line
+  idx,
+  atom,
+  status,
+  identity,
+  setNmrStatusAct
+}) => {
   const theStatus = ['accept', 'reject'].includes(status) ? status : '';
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, null, /*#__PURE__*/_react.default.createElement(_material.Select, {
-    value: theStatus,
-    onChange: e => {
-      setNmrStatusAct({
-        predictions: {
-          idx,
-          atom,
-          identity,
-          value: e.target.value
-        },
-        svgs: []
-      });
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: "accept"
-  }, /*#__PURE__*/_react.default.createElement(_CheckCircleOutline.default, {
-    style: {
-      color: '#4caf50'
-    }
-  })), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: "reject"
-  }, /*#__PURE__*/_react.default.createElement(_HighlightOff.default, {
-    style: {
-      color: '#e91e63'
-    }
-  })), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: ""
-  }, /*#__PURE__*/_react.default.createElement("span", null))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControl, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
+      value: theStatus,
+      onChange: e => {
+        setNmrStatusAct({
+          predictions: {
+            idx,
+            atom,
+            identity,
+            value: e.target.value
+          },
+          svgs: []
+        });
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: "accept",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircleOutline.default, {
+          style: {
+            color: '#4caf50'
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: "reject",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightOff.default, {
+          style: {
+            color: '#e91e63'
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: "",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {})
+      })]
+    })
+  });
 };
 const bssMapStateToProps = (state, props) => (
 // eslint-disable-line
@@ -83,45 +89,68 @@ const realFormat = (val, status) => {
   }
   return numFormat(val);
 };
-const NmrTableHeader = classes => /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, null, /*#__PURE__*/_react.default.createElement(_material.TableCell, null, (0, _comps.TxtLabel)(classes, 'Atom', 'txt-prd-table-title')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, 'Prediction (ppm)', 'txt-prd-table-title')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, 'Real (ppm)', 'txt-prd-table-title')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, 'Diff (ppm)', 'txt-prd-table-title')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, 'Machine', 'txt-prd-table-title')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, 'Owner', 'txt-prd-table-title'))));
+const NmrTableHeader = classes => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableHead, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableRow, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+      children: (0, _comps.TxtLabel)(classes, 'Atom', 'txt-prd-table-title')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+      align: "right",
+      children: (0, _comps.TxtLabel)(classes, 'Prediction (ppm)', 'txt-prd-table-title')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+      align: "right",
+      children: (0, _comps.TxtLabel)(classes, 'Real (ppm)', 'txt-prd-table-title')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+      align: "right",
+      children: (0, _comps.TxtLabel)(classes, 'Diff (ppm)', 'txt-prd-table-title')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+      align: "right",
+      children: (0, _comps.TxtLabel)(classes, 'Machine', 'txt-prd-table-title')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+      align: "right",
+      children: (0, _comps.TxtLabel)(classes, 'Owner', 'txt-prd-table-title')
+    })]
+  })
+});
 exports.NmrTableHeader = NmrTableHeader;
-const NmrTableBodyRow = (classes, row, idx) => /*#__PURE__*/_react.default.createElement(_material.TableRow, {
-  key: `${idx}-${row.atom}`
-}, /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  component: "th",
-  scope: "row"
-}, (0, _comps.TxtLabel)(classes, row.atom, 'txt-prd-table-content')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, numFormat(row.prediction), 'txt-prd-table-content')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, realFormat(row.real, row.status), 'txt-prd-table-content')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.TxtLabel)(classes, realFormat(row.diff, row.status), 'txt-prd-table-content')), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, (0, _comps.StatusIcon)(row.status)), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-  align: "right"
-}, /*#__PURE__*/_react.default.createElement(SelectNmrStatus, {
-  idx: idx,
-  atom: row.atom,
-  status: row.statusOwner,
-  identity: "Owner"
-})));
+const NmrTableBodyRow = (classes, row, idx) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableRow, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+    component: "th",
+    scope: "row",
+    children: (0, _comps.TxtLabel)(classes, row.atom, 'txt-prd-table-content')
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+    align: "right",
+    children: (0, _comps.TxtLabel)(classes, numFormat(row.prediction), 'txt-prd-table-content')
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+    align: "right",
+    children: (0, _comps.TxtLabel)(classes, realFormat(row.real, row.status), 'txt-prd-table-content')
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+    align: "right",
+    children: (0, _comps.TxtLabel)(classes, realFormat(row.diff, row.status), 'txt-prd-table-content')
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+    align: "right",
+    children: (0, _comps.StatusIcon)(row.status)
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+    align: "right",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectNmrStatus, {
+      idx: idx,
+      atom: row.atom,
+      status: row.statusOwner,
+      identity: "Owner"
+    })
+  })]
+}, `${idx}-${row.atom}`);
 exports.NmrTableBodyRow = NmrTableBodyRow;
-const SectionReference = classes => /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _classnames.default)(classes.reference)
-}, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("span", null, "NMR prediction source: "), /*#__PURE__*/_react.default.createElement("a", {
-  href: "https://www.ncbi.nlm.nih.gov/pubmed/15464159",
-  target: "_blank",
-  rel: "noopener noreferrer"
-}, "nmrshiftdb")));
+const SectionReference = classes => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  className: (0, _classnames.default)(classes.reference),
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "NMR prediction source: "
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: "https://www.ncbi.nlm.nih.gov/pubmed/15464159",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: "nmrshiftdb"
+    })]
+  })
+});
 exports.SectionReference = SectionReference;

package/dist/components/forecast/nmr_viewer.js

@@ -14,6 +14,7 @@ var _styles = require("@mui/styles");
 var _material = require("@mui/material");
 var _comps = require("./comps");
 var _nmr_comps = require("./nmr_comps");
+var _jsxRuntime = require("react/jsx-runtime");
 const Styles = () => ({
   root: {
     overflowX: 'hidden',
@@ -58,37 +59,43 @@ const sectionTable = (classes, pds) => {
   const renderMsg = (0, _comps.notToRenderAnalysis)(pds);
   if (renderMsg) return renderMsg;
   const dict = pds.output.result[0];
-  if (!dict) return /*#__PURE__*/_react.default.createElement("div", null);
-  return /*#__PURE__*/_react.default.createElement(_material.Paper, {
-    className: classes.tableRoot
-  }, /*#__PURE__*/_react.default.createElement(_material.Table, {
-    className: classes.table,
-    size: "small"
-  }, (0, _nmr_comps.NmrTableHeader)(classes), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, dict.shifts.sort((a, b) => a.atom - b.atom).map((row, idx) => (0, _nmr_comps.NmrTableBodyRow)(classes, row, idx)))));
+  if (!dict) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Paper, {
+    className: classes.tableRoot,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Table, {
+      className: classes.table,
+      size: "small",
+      children: [(0, _nmr_comps.NmrTableHeader)(classes), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableBody, {
+        children: dict.shifts.sort((a, b) => a.atom - b.atom).map((row, idx) => (0, _nmr_comps.NmrTableBodyRow)(classes, row, idx))
+      })]
+    })
+  });
 };
-const NmrViewer = _ref => {
-  let {
-    // eslint-disable-line
-    classes,
-    molecule,
-    inputCb,
-    forecastSt
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.root, 'card-forecast-viewer')
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+const NmrViewer = ({
+  // eslint-disable-line
+  classes,
+  molecule,
+  inputCb,
+  forecastSt
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  className: (0, _classnames.default)(classes.root, 'card-forecast-viewer'),
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
     className: (0, _classnames.default)(classes.container),
-    container: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 4
-  }, /*#__PURE__*/_react.default.createElement(_material.Paper, {
-    className: classes.svgRoot
-  }, (0, _comps.sectionSvg)(classes, forecastSt.predictions))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 8
-  }, sectionTable(classes, forecastSt.predictions))), (0, _comps.sectionInput)(classes, molecule, inputCb), (0, _nmr_comps.SectionReference)(classes));
-};
+    container: true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+      item: true,
+      xs: 4,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Paper, {
+        className: classes.svgRoot,
+        children: (0, _comps.sectionSvg)(classes, forecastSt.predictions)
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+      item: true,
+      xs: 8,
+      children: sectionTable(classes, forecastSt.predictions)
+    })]
+  }), (0, _comps.sectionInput)(classes, molecule, inputCb), (0, _nmr_comps.SectionReference)(classes)]
+});
 const mapStateToProps = (state, props) => (
 // eslint-disable-line
 {

package/dist/components/forecast/section_loading.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _ErrorOutline = _interopRequireDefault(require("@mui/icons-material/ErrorOutline"));
+var _jsxRuntime = require("react/jsx-runtime");
 const styleLoading = {
   alignItems: 'center',
   display: 'flex',
@@ -27,25 +28,29 @@ class SectionLoading extends _react.default.Component {
     }), 5000);
   }
   renderLoading() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: styleLoading
-    }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-      style: {
-        color: 'blue',
-        fontSize: 50
-      }
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: styleLoading,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+        style: {
+          color: 'blue',
+          fontSize: 50
+        }
+      })
+    });
   }
   renderNotFound() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: styleLoading
-    }, /*#__PURE__*/_react.default.createElement(_ErrorOutline.default, {
-      style: {
-        color: '#ffc107',
-        fontSize: 50,
-        margin: 20
-      }
-    }), /*#__PURE__*/_react.default.createElement("h3", null, "Structure Not Found"));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: styleLoading,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorOutline.default, {
+        style: {
+          color: '#ffc107',
+          fontSize: 50,
+          margin: 20
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+        children: "Structure Not Found"
+      })]
+    });
   }
   render() {
     const {

package/dist/components/forecast_viewer.js

@@ -16,6 +16,7 @@ var _ir_viewer = _interopRequireDefault(require("./forecast/ir_viewer"));
 var _forecast = require("../actions/forecast");
 var _ui = require("../actions/ui");
 var _list_ui = require("../constants/list_ui");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/no-unused-prop-types */
 
 const styles = () => ({
@@ -94,23 +95,24 @@ class ForecastViewer extends _react.default.Component {
       jcamps
     } = jcampSt;
     const comparisons = jcamps[curveIdx].others;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.root
-    }, /*#__PURE__*/_react.default.createElement(_index.default, {
-      topic: topic,
-      feature: feature,
-      cLabel: cLabel,
-      xLabel: isXRD && wavelength ? `${xLabel}, WL=${wavelength.value} ${wavelength.unit}` : xLabel,
-      yLabel: yLabel,
-      comparisons: comparisons,
-      isHidden: viewer !== _list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM
-    }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isNmr && /*#__PURE__*/_react.default.createElement(_nmr_viewer.default, {
-      molecule: molecule,
-      inputCb: inputCb
-    }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isIr && /*#__PURE__*/_react.default.createElement(_ir_viewer.default, {
-      molecule: molecule,
-      inputCb: inputCb
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.root,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        topic: topic,
+        feature: feature,
+        cLabel: cLabel,
+        xLabel: isXRD && wavelength ? `${xLabel}, WL=${wavelength.value} ${wavelength.unit}` : xLabel,
+        yLabel: yLabel,
+        comparisons: comparisons,
+        isHidden: viewer !== _list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM
+      }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isNmr && /*#__PURE__*/(0, _jsxRuntime.jsx)(_nmr_viewer.default, {
+        molecule: molecule,
+        inputCb: inputCb
+      }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isIr && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ir_viewer.default, {
+        molecule: molecule,
+        inputCb: inputCb
+      })]
+    });
   }
 }
 const mapStateToProps = (state, _) => (

package/dist/components/multi_jcamps_viewer.js

@@ -18,6 +18,7 @@ var _curve = require("../actions/curve");
 var _cyclic_voltammetry = require("../actions/cyclic_voltammetry");
 var _list_layout = require("../constants/list_layout");
 var _format = _interopRequireDefault(require("../helpers/format"));
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/default-props-match-prop-types,
 react/require-default-props, react/no-unused-prop-types, react/jsx-boolean-value,
 prefer-object-spread */
@@ -63,11 +64,11 @@ class MultiJcampsViewer extends _react.default.Component {
       entities,
       userManualLink,
       molSvg,
-      theoryMass,
+      exactMass,
       layoutSt,
       integrationSt
     } = this.props;
-    if (!entities || entities.length === 0) return /*#__PURE__*/_react.default.createElement("div", null);
+    if (!entities || entities.length === 0) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
     const separateCondition = _format.default.isGCLayout(layoutSt) ? 'yUnit' : 'xUnit';
     const seperatedSubLayouts = seperatingSubLayout(entities, separateCondition, layoutSt);
     const {
@@ -82,43 +83,48 @@ class MultiJcampsViewer extends _react.default.Component {
       integrations
     } = integrationSt;
     const currentIntegration = integrations[curveIdx];
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.root
-    }, /*#__PURE__*/_react.default.createElement(_index2.default, {
-      feature: feature,
-      operations: operations,
-      editorOnly: true,
-      hideThreshold: true
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "react-spectrum-editor"
-    }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-      container: true
-    }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-      item: true,
-      xs: 9
-    }, /*#__PURE__*/_react.default.createElement(_index3.default, {
-      entities: entities,
-      topic: topic,
-      xLabel: feature.xUnit,
-      yLabel: feature.yUnit,
-      feature: feature
-    })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-      item: true,
-      xs: 3,
-      align: "center"
-    }, /*#__PURE__*/_react.default.createElement(_index.default, {
-      jcampIdx: curveIdx,
-      entityFileNames: entityFileNames,
-      userManualLink: userManualLink,
-      feature: feature,
-      molSvg: molSvg,
-      theoryMass: theoryMass,
-      subLayoutsInfo: seperatedSubLayouts,
-      integration: currentIntegration,
-      descriptions: "",
-      canChangeDescription: () => {},
-      onDescriptionChanged: () => {}
-    })))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.root,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+        feature: feature,
+        operations: operations,
+        editorOnly: true,
+        hideThreshold: !_format.default.isNmrLayout(layoutSt)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "react-spectrum-editor",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+          container: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+            item: true,
+            xs: 9,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.default, {
+              entities: entities,
+              topic: topic,
+              xLabel: feature.xUnit,
+              yLabel: feature.yUnit,
+              feature: feature
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+            item: true,
+            xs: 3,
+            align: "center",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+              jcampIdx: curveIdx,
+              entityFileNames: entityFileNames,
+              userManualLink: userManualLink,
+              feature: feature,
+              molSvg: molSvg,
+              exactMass: exactMass,
+              subLayoutsInfo: seperatedSubLayouts,
+              integration: currentIntegration,
+              descriptions: "",
+              canChangeDescription: () => {},
+              onDescriptionChanged: () => {}
+            })
+          })]
+        })
+      })]
+    });
   }
 }
 const mapStateToProps = (state, _) => (
@@ -152,7 +158,7 @@ MultiJcampsViewer.propTypes = {
   userManualLink: _propTypes.default.object,
   entities: _propTypes.default.array,
   layoutSt: _propTypes.default.string.isRequired,
-  theoryMass: _propTypes.default.string,
+  exactMass: _propTypes.default.string,
   integrationSt: _propTypes.default.object.isRequired
 };
 MultiJcampsViewer.defaultProps = {