@complat/react-spectra-editor 1.0.0-rc2 → 1.0.0-rc20.patch-1

package/dist/components/panel/info.js

@@ -12,8 +12,7 @@ var _reactRedux = require("react-redux");
 var _redux = require("redux");
 var _reactSvgFileZoomPan = _interopRequireDefault(require("@complat/react-svg-file-zoom-pan"));
 var _reactQuill = _interopRequireDefault(require("react-quill"));
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
+var _core = require("@material-ui/core");
 var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
 var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
@@ -22,147 +21,147 @@ var _format = _interopRequireDefault(require("../../helpers/format"));
 /* eslint-disable no-mixed-operators, react/function-component-definition,
 react/require-default-props */
 
-var styles = function styles() {
-  return {
-    chip: {
-      margin: '1px 0 1px 0'
-    },
-    panel: {
-      backgroundColor: '#eee',
-      display: 'table-row'
-    },
-    panelSummary: {
-      backgroundColor: '#eee',
-      height: 32
-    },
-    panelDetail: {
-      backgroundColor: '#fff',
-      maxHeight: 'calc(90vh - 220px)',
-      // ROI
-      overflow: 'auto'
-    },
-    table: {
-      width: 'auto'
-    },
-    rowRoot: {
-      border: '1px solid #eee',
-      height: 36,
-      lineHeight: '36px',
-      overflow: 'hidden',
-      paddingLeft: 24,
-      textAlign: 'left'
-    },
-    rowOdd: {
-      backgroundColor: '#fff',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    },
-    rowEven: {
-      backgroundColor: '#fafafa',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    },
-    rowOddSim: {
-      backgroundColor: '#fff',
-      height: 108,
-      lineHeight: '24px',
-      overflowY: 'scroll',
-      overflowWrap: 'word-break'
-    },
-    tHead: {
-      fontWeight: 'bold',
-      float: 'left',
-      fontSize: '0.8rem',
-      fontFamily: 'Helvetica'
-    },
-    tTxt: {
-      fontSize: '0.8rem',
-      fontFamily: 'Helvetica',
-      marginRight: 3
-    },
-    quill: {
-      backgroundColor: '#fafafa',
-      border: '1px solid #eee',
-      fontSize: '0.8rem',
-      fontFamily: 'Helvetica',
-      padding: '0 10px 0 10px',
-      textAlign: 'left'
-    }
-  };
-};
-var simTitle = function simTitle() {
-  return 'Simulated signals from NMRshiftDB';
-};
-var simContent = function simContent(nmrSimPeaks) {
-  return nmrSimPeaks && nmrSimPeaks.sort(function (a, b) {
-    return a - b;
-  }).join(', ');
-};
-var aucValue = function aucValue(integration) {
+const styles = () => ({
+  chip: {
+    margin: '1px 0 1px 0'
+  },
+  panel: {
+    backgroundColor: '#eee',
+    display: 'table-row'
+  },
+  panelSummary: {
+    backgroundColor: '#eee',
+    height: 32
+  },
+  panelDetail: {
+    backgroundColor: '#fff',
+    maxHeight: 'calc(90vh - 220px)',
+    // ROI
+    overflow: 'auto'
+  },
+  table: {
+    width: 'auto'
+  },
+  rowRoot: {
+    border: '1px solid #eee',
+    height: 36,
+    lineHeight: '36px',
+    overflow: 'hidden',
+    paddingLeft: 24,
+    textAlign: 'left'
+  },
+  rowOdd: {
+    backgroundColor: '#fff',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  },
+  rowEven: {
+    backgroundColor: '#fafafa',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  },
+  rowOddSim: {
+    backgroundColor: '#fff',
+    height: 108,
+    lineHeight: '24px',
+    overflowY: 'scroll',
+    overflowWrap: 'word-break'
+  },
+  tHead: {
+    fontWeight: 'bold',
+    float: 'left',
+    fontSize: '0.8rem',
+    fontFamily: 'Helvetica'
+  },
+  tTxt: {
+    fontSize: '0.8rem',
+    fontFamily: 'Helvetica',
+    marginRight: 3
+  },
+  quill: {
+    backgroundColor: '#fafafa',
+    border: '1px solid #eee',
+    fontSize: '0.8rem',
+    fontFamily: 'Helvetica',
+    padding: '0 10px 0 10px',
+    textAlign: 'left'
+  }
+});
+const simTitle = () => 'Simulated signals from NMRshiftDB';
+const simContent = nmrSimPeaks => nmrSimPeaks && nmrSimPeaks.sort((a, b) => a - b).join(', ');
+const aucValue = integration => {
   if (!integration) {
     return '';
   }
-  var values = [];
-  var stackIntegration = integration.stack;
+  const values = [];
+  const stackIntegration = integration.stack;
   if (Array.isArray(stackIntegration)) {
-    var sumVal = 0.0;
-    stackIntegration.forEach(function (inte) {
+    let sumVal = 0.0;
+    stackIntegration.forEach(inte => {
       if (inte.absoluteArea) {
         sumVal += inte.absoluteArea;
       }
     });
     sumVal = sumVal.toFixed(2);
-    stackIntegration.forEach(function (inte) {
+    stackIntegration.forEach(inte => {
       if (inte.absoluteArea) {
-        var areaVal = inte.absoluteArea.toFixed(2);
-        var percent = (areaVal * 100 / sumVal).toFixed(2);
-        var valStr = areaVal + " (" + percent + "%)"; // eslint-disable-line
+        const areaVal = inte.absoluteArea.toFixed(2);
+        const percent = (areaVal * 100 / sumVal).toFixed(2);
+        const valStr = areaVal + " (" + percent + "%)"; // eslint-disable-line
         values.push(valStr);
       }
     });
   }
   return values.join(', ');
 };
-var InfoPanel = function InfoPanel(_ref) {
-  var classes = _ref.classes,
-    expand = _ref.expand,
-    feature = _ref.feature,
-    integration = _ref.integration,
-    editorOnly = _ref.editorOnly,
-    molSvg = _ref.molSvg,
-    descriptions = _ref.descriptions,
-    layoutSt = _ref.layoutSt,
-    simulationSt = _ref.simulationSt,
-    shiftSt = _ref.shiftSt,
-    curveSt = _ref.curveSt,
-    onExapnd = _ref.onExapnd,
-    canChangeDescription = _ref.canChangeDescription,
-    onDescriptionChanged = _ref.onDescriptionChanged;
+const InfoPanel = _ref => {
+  let {
+    classes,
+    expand,
+    feature,
+    integration,
+    editorOnly,
+    molSvg,
+    descriptions,
+    layoutSt,
+    simulationSt,
+    shiftSt,
+    curveSt,
+    onExapnd,
+    canChangeDescription,
+    onDescriptionChanged
+  } = _ref;
   if (!feature) return null;
-  var title = feature.title,
-    observeFrequency = feature.observeFrequency,
-    solventName = feature.solventName;
-  var curveIdx = curveSt.curveIdx;
-  var shifts = shiftSt.shifts;
-  var selectedShift = shifts[curveIdx];
-  var showSolvName = solventName;
+  const {
+    title,
+    observeFrequency,
+    solventName
+  } = feature;
+  const {
+    curveIdx
+  } = curveSt;
+  const {
+    shifts
+  } = shiftSt;
+  const selectedShift = shifts[curveIdx];
+  let showSolvName = solventName;
   if (selectedShift !== undefined) {
-    var shiftName = selectedShift.ref.name;
+    const shiftName = selectedShift.ref.name;
     showSolvName = shiftName === '- - -' ? solventName : shiftName;
   }
-  var originStack = null;
+  let originStack = null;
   if (integration) {
     originStack = integration.originStack; // eslint-disable-line
   }
 
-  return /*#__PURE__*/_react.default.createElement(_ExpansionPanel.default, {
+  return /*#__PURE__*/_react.default.createElement(_core.Accordion, {
     expanded: expand,
     onChange: onExapnd,
     className: (0, _classnames.default)(classes.panel),
     TransitionProps: {
       unmountOnExit: true
     } // increase ExpansionPanel performance
-  }, /*#__PURE__*/_react.default.createElement(_ExpansionPanelSummary.default, {
+  }, /*#__PURE__*/_react.default.createElement(_core.AccordionSummary, {
     expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null),
     className: (0, _classnames.default)(classes.panelSummary)
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -199,7 +198,7 @@ var InfoPanel = function InfoPanel(_ref) {
     className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
   }, "Area under curve (AUC):"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tTxt, classes.tTxtSim, 'txt-sv-panel-txt')
-  }, aucValue(integration))) : null), /*#__PURE__*/_react.default.createElement(_reactQuill.default, {
+  }, aucValue(integration))) : null), !_format.default.isCyclicVoltaLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement(_reactQuill.default, {
     className: (0, _classnames.default)(classes.quill, 'card-sv-quill'),
     value: descriptions,
     modules: {
@@ -207,7 +206,7 @@ var InfoPanel = function InfoPanel(_ref) {
     },
     onChange: onDescriptionChanged,
     readOnly: canChangeDescription !== undefined ? !canChangeDescription : true
-  }), /*#__PURE__*/_react.default.createElement("div", null, !editorOnly && _format.default.isNmrLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null, /*#__PURE__*/_react.default.createElement("div", null, !editorOnly && _format.default.isNmrLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.rowRoot, classes.rowOddSim)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
@@ -215,20 +214,15 @@ var InfoPanel = function InfoPanel(_ref) {
     className: (0, _classnames.default)(classes.tTxt, classes.tTxtSim, 'txt-sv-panel-txt')
   }, simContent(simulationSt.nmrSimPeaks))) : null));
 };
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      layoutSt: state.layout,
-      simulationSt: state.simulation,
-      shiftSt: state.shift,
-      curveSt: state.curve
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({}, dispatch);
-};
+const mapStateToProps = (state, props) => (
+// eslint-disable-line
+{
+  layoutSt: state.layout,
+  simulationSt: state.simulation,
+  shiftSt: state.shift,
+  curveSt: state.curve
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({}, dispatch);
 InfoPanel.propTypes = {
   classes: _propTypes.default.object.isRequired,
   expand: _propTypes.default.bool.isRequired,
@@ -245,7 +239,6 @@ InfoPanel.propTypes = {
   canChangeDescription: _propTypes.default.bool.isRequired,
   onDescriptionChanged: _propTypes.default.func
 };
-var _default = (0, _reactRedux.connect)(
+var _default = exports.default = (0, _reactRedux.connect)(
 // eslint-disable-line
-mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(InfoPanel)); // eslint-disable-line
-exports.default = _default;
+mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(InfoPanel)); // eslint-disable-line