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

package/dist/components/panel/index_bk.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactRedux = require("react-redux");
-var _redux = require("redux");
-var _styles = require("@material-ui/core/styles");
-var _info = _interopRequireDefault(require("./info"));
-var _peaks = _interopRequireDefault(require("./peaks"));
-var _compare = _interopRequireDefault(require("./compare"));
-var _multiplicity = _interopRequireDefault(require("./multiplicity"));
-var _cyclic_voltamery_data = _interopRequireDefault(require("./cyclic_voltamery_data"));
-var _graph_selection = _interopRequireDefault(require("./graph_selection"));
-var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var theme = (0, _styles.createMuiTheme)({
-  typography: {
-    useNextVariants: true
-  }
-});
-var styles = function styles() {
-  return {
-    panels: {
-      maxHeight: 'calc(90vh - 220px)',
-      // ROI
-      display: 'table',
-      overflowX: 'hidden',
-      overflowY: 'auto',
-      margin: '5px 0 0 0',
-      padding: '0 0 0 0',
-      width: '100%'
-    }
-  };
-};
-var PanelViewer = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(PanelViewer, _React$Component);
-  var _super = _createSuper(PanelViewer);
-  function PanelViewer(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, PanelViewer);
-    _this = _super.call(this, props);
-    _this.state = {
-      expand: 'info'
-    };
-    _this.onExapnd = _this.onExapnd.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleDescriptionChanged = _this.handleDescriptionChanged.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-  (0, _createClass2.default)(PanelViewer, [{
-    key: "onExapnd",
-    value: function onExapnd(input) {
-      var expand = this.state.expand;
-      var nextExpand = input === expand ? '' : input;
-      this.setState({
-        expand: nextExpand
-      });
-    }
-  }, {
-    key: "handleDescriptionChanged",
-    value: function handleDescriptionChanged(content, delta, source, editor) {
-      if (source === 'user') {
-        var contentChanged = editor.getContents();
-        this.props.onDescriptionChanged(contentChanged);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var expand = this.state.expand;
-      var _this$props = this.props,
-        classes = _this$props.classes,
-        feature = _this$props.feature,
-        integration = _this$props.integration,
-        editorOnly = _this$props.editorOnly,
-        molSvg = _this$props.molSvg,
-        descriptions = _this$props.descriptions,
-        layoutSt = _this$props.layoutSt,
-        canChangeDescription = _this$props.canChangeDescription,
-        jcampIdx = _this$props.jcampIdx,
-        entityFileNames = _this$props.entityFileNames,
-        userManualLink = _this$props.userManualLink;
-      var onExapndInfo = function onExapndInfo() {
-        return _this2.onExapnd('info');
-      };
-      var onExapndPeak = function onExapndPeak() {
-        return _this2.onExapnd('peak');
-      };
-      var onExapndMpy = function onExapndMpy() {
-        return _this2.onExapnd('mpy');
-      };
-      var onExapndCompare = function onExapndCompare() {
-        return _this2.onExapnd('compare');
-      };
-      var onExapndCyclicVolta = function onExapndCyclicVolta() {
-        return _this2.onExapnd('cyclicvolta');
-      };
-      var onExapndGraphSelection = function onExapndGraphSelection() {
-        return _this2.onExapnd('graph');
-      };
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.panels)
-      }, /*#__PURE__*/_react.default.createElement(_styles.MuiThemeProvider, {
-        theme: theme
-      }, _cfg.default.hidePanelCyclicVolta(layoutSt) ? null : /*#__PURE__*/_react.default.createElement(_graph_selection.default, {
-        jcampIdx: jcampIdx,
-        entityFileNames: entityFileNames,
-        expand: expand === 'graph',
-        onExapnd: onExapndGraphSelection
-      }), /*#__PURE__*/_react.default.createElement(_info.default, {
-        feature: feature,
-        integration: integration,
-        editorOnly: editorOnly,
-        expand: expand === 'info',
-        molSvg: molSvg,
-        onExapnd: onExapndInfo,
-        descriptions: descriptions,
-        canChangeDescription: canChangeDescription,
-        onDescriptionChanged: this.handleDescriptionChanged
-      }), _cfg.default.hidePanelPeak(layoutSt) ? null : /*#__PURE__*/_react.default.createElement(_peaks.default, {
-        expand: expand === 'peak',
-        onExapnd: onExapndPeak
-      }), _cfg.default.hidePanelMpy(layoutSt) ? null : /*#__PURE__*/_react.default.createElement(_multiplicity.default, {
-        expand: expand === 'mpy',
-        onExapnd: onExapndMpy
-      }), _cfg.default.hidePanelCompare(layoutSt) ? null : /*#__PURE__*/_react.default.createElement(_compare.default, {
-        expand: expand === 'compare',
-        onExapnd: onExapndCompare
-      }), _cfg.default.hidePanelCyclicVolta(layoutSt) ? null : /*#__PURE__*/_react.default.createElement(_cyclic_voltamery_data.default, {
-        jcampIdx: jcampIdx,
-        feature: feature,
-        expand: expand === 'cyclicvolta',
-        onExapnd: onExapndCyclicVolta,
-        userManualLink: userManualLink ? userManualLink.cv : undefined
-      })));
-    }
-  }]);
-  return PanelViewer;
-}(_react.default.Component);
-var mapStateToProps = function mapStateToProps(state, _) {
-  return (
-    // eslint-disable-line
-    {
-      layoutSt: state.layout
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({}, dispatch);
-};
-PanelViewer.propTypes = {
-  classes: _propTypes.default.object.isRequired,
-  feature: _propTypes.default.object.isRequired,
-  integration: _propTypes.default.object.isRequired,
-  editorOnly: _propTypes.default.bool.isRequired,
-  molSvg: _propTypes.default.string.isRequired,
-  descriptions: _propTypes.default.array.isRequired,
-  layoutSt: _propTypes.default.string.isRequired,
-  canChangeDescription: _propTypes.default.bool.isRequired,
-  onDescriptionChanged: _propTypes.default.func,
-  entityFileNames: _propTypes.default.array,
-  userManualLink: _propTypes.default.object
-};
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(PanelViewer));
-exports.default = _default;

package/dist/components/panel/info_bk.js

@@ -1,235 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-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 _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _styles = require("@material-ui/core/styles");
-var _format = _interopRequireDefault(require("../../helpers/format"));
-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) {
-  if (!integration) {
-    return "";
-  }
-  var values = [];
-  var stackIntegration = integration.stack;
-  if (Array.isArray(stackIntegration)) {
-    var sumVal = 0.0;
-    stackIntegration.forEach(function (inte) {
-      if (inte.absoluteArea) {
-        sumVal += inte.absoluteArea;
-      }
-    });
-    sumVal = sumVal.toFixed(2);
-    stackIntegration.forEach(function (inte) {
-      if (inte.absoluteArea) {
-        var areaVal = inte.absoluteArea.toFixed(2);
-        var percent = (areaVal * 100 / sumVal).toFixed(2);
-        var valStr = areaVal + " (" + percent + "%)";
-        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,
-    shiftNameSt = _ref.shiftNameSt,
-    onExapnd = _ref.onExapnd,
-    canChangeDescription = _ref.canChangeDescription,
-    onDescriptionChanged = _ref.onDescriptionChanged;
-  if (!feature) return null;
-  var title = feature.title,
-    observeFrequency = feature.observeFrequency,
-    solventName = feature.solventName;
-  var showSolvName = shiftNameSt === '- - -' ? solventName : shiftNameSt;
-  var originStack = null;
-  if (integration) {
-    originStack = integration.originStack;
-  }
-  return /*#__PURE__*/_react.default.createElement(_ExpansionPanel.default, {
-    expanded: expand,
-    onChange: onExapnd,
-    className: (0, _classnames.default)(classes.panel),
-    TransitionProps: {
-      unmountOnExit: true
-    } // increase ExpansionPanel performance
-  }, /*#__PURE__*/_react.default.createElement(_ExpansionPanelSummary.default, {
-    expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null),
-    className: (0, _classnames.default)(classes.panelSummary)
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: "txt-panel-header"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtBadge, 'txt-sv-panel-title')
-  }, "Info"))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.panelDetail)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.rowRoot, classes.rowOdd)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
-  }, "Title : "), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, title)), _format.default.isNmrLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.rowRoot, classes.rowEven)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
-  }, "Freq : "), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, parseInt(observeFrequency, 10) || ' - ')) : null, _format.default.isNmrLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.rowRoot, classes.rowOdd)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
-  }, "Solv : "), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, showSolvName)) : null, !molSvg ? null : /*#__PURE__*/_react.default.createElement(_reactSvgFileZoomPan.default, {
-    svg: molSvg,
-    duration: 300,
-    resize: true
-  }), _format.default.isHplcUvVisLayout(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')
-  }, "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, {
-    className: (0, _classnames.default)(classes.quill, 'card-sv-quill'),
-    value: descriptions,
-    modules: {
-      toolbar: false
-    },
-    onChange: onDescriptionChanged,
-    readOnly: canChangeDescription !== undefined ? !canChangeDescription : true
-  }), /*#__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')
-  }, simTitle(), ":"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
-    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,
-      shiftNameSt: state.shift.ref.name
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({}, dispatch);
-};
-InfoPanel.propTypes = {
-  classes: _propTypes.default.object.isRequired,
-  expand: _propTypes.default.bool.isRequired,
-  feature: _propTypes.default.object.isRequired,
-  integration: _propTypes.default.object.isRequired,
-  editorOnly: _propTypes.default.bool.isRequired,
-  molSvg: _propTypes.default.string.isRequired,
-  descriptions: _propTypes.default.array.isRequired,
-  layoutSt: _propTypes.default.string.isRequired,
-  simulationSt: _propTypes.default.array.isRequired,
-  shiftNameSt: _propTypes.default.string.isRequired,
-  onExapnd: _propTypes.default.func.isRequired,
-  canChangeDescription: _propTypes.default.bool.isRequired,
-  onDescriptionChanged: _propTypes.default.func
-};
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(InfoPanel));
-exports.default = _default;

package/dist/components/panel/multiplicity_bk.js

@@ -1,280 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactRedux = require("react-redux");
-var _redux = require("redux");
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
-var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
-var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
-var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-var _HighlightOff = _interopRequireDefault(require("@material-ui/icons/HighlightOff"));
-var _styles = require("@material-ui/core/styles");
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _RefreshOutlined = _interopRequireDefault(require("@material-ui/icons/RefreshOutlined"));
-var _multiplicity = require("../../actions/multiplicity");
-var _multiplicity_select = _interopRequireDefault(require("./multiplicity_select"));
-var _multiplicity_coupling = _interopRequireDefault(require("./multiplicity_coupling"));
-var _multiplicity_calc = require("../../helpers/multiplicity_calc");
-var styles = function styles(theme) {
-  return {
-    panel: {
-      backgroundColor: '#eee',
-      display: 'table-row'
-    },
-    panelSummary: {
-      backgroundColor: '#eee',
-      height: 32
-    },
-    txtBadge: {},
-    panelDetail: {
-      backgroundColor: '#fff',
-      maxHeight: 'calc(90vh - 220px)',
-      // ROI
-      overflow: 'auto'
-    },
-    table: {
-      width: '100%'
-    },
-    tRowHeadPos: {
-      backgroundColor: '#2196f3',
-      height: 32
-    },
-    tRowHeadNeg: {
-      backgroundColor: '#fa004f',
-      height: 32
-    },
-    tTxtHead: {
-      color: 'white',
-      padding: '4px 0 4px 5px'
-    },
-    tTxtHeadXY: {
-      color: 'white',
-      padding: '4px 0 4px 90px'
-    },
-    tTxt: {
-      padding: 0
-    },
-    tRow: {
-      height: 28,
-      '&:nth-of-type(even)': {
-        backgroundColor: theme.palette.background.default
-      }
-    },
-    rmBtn: {
-      color: 'red',
-      '&:hover': {
-        borderRadius: 12,
-        backgroundColor: 'red',
-        color: 'white'
-      }
-    },
-    moCard: {
-      textAlign: 'left'
-    },
-    moCardHead: {
-      backgroundColor: '#999',
-      color: 'white'
-    },
-    moExtId: {
-      border: '2px solid white',
-      borderRadius: 12,
-      color: 'white',
-      margin: '0 5px 0 5px',
-      padding: '0 5px 0 5px'
-    },
-    moExtTxt: {
-      margin: '0 5px 0 5x',
-      fontSize: '0.8rem',
-      fontFamily: 'Helvetica'
-    },
-    moSelect: {
-      margin: '0 5x 0 5px',
-      fontSize: '0.8rem',
-      fontFamily: 'Helvetica'
-    },
-    moCBox: {
-      marginLeft: 24,
-      padding: '4px 0 4px 4px'
-    },
-    btnRf: {
-      color: '#fff',
-      float: 'right',
-      minWidth: 40,
-      right: 15
-    }
-  };
-};
-var cBoxStyle = function cBoxStyle() {
-  return {
-    root: {
-      color: 'white',
-      '&$checked': {
-        color: 'white'
-      }
-    },
-    checked: {}
-  };
-};
-var MUCheckbox = (0, _styles.withStyles)(cBoxStyle)(_Checkbox.default);
-var createData = function createData(idx, xExtent, peaks, shift, smExtext, mpyType, js, onClick, onRefresh) {
-  return {
-    idx: idx + 1,
-    xExtent: xExtent,
-    onClick: onClick,
-    onRefresh: onRefresh,
-    peaks: peaks,
-    center: (0, _multiplicity_calc.calcMpyCenter)(peaks, shift, mpyType),
-    jStr: (0, _multiplicity_calc.calcMpyJStr)(js),
-    mpyType: mpyType,
-    isCheck: smExtext.xL === xExtent.xL && smExtext.xU === xExtent.xU
-  };
-};
-var pkList = function pkList(classes, row, shift, digits, rmMpyPeakByPanelAct) {
-  return row.peaks.map(function (pk) {
-    var xExtent = row.xExtent;
-    var cb = function cb() {
-      return rmMpyPeakByPanelAct({
-        peak: pk,
-        xExtent: xExtent
-      });
-    };
-    var rmBtn = /*#__PURE__*/_react.default.createElement(_HighlightOff.default, {
-      onClick: cb,
-      className: classes.rmBtn
-    });
-    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
-      key: pk.x,
-      className: classes.tRow,
-      hover: true
-    }, /*#__PURE__*/_react.default.createElement(_TableCell.default, {
-      align: "right",
-      className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-    }, "(".concat((pk.x - shift).toFixed(digits), ", ").concat(pk.y.toExponential(2), ")")), /*#__PURE__*/_react.default.createElement(_TableCell.default, {
-      align: "right",
-      className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-    }, rmBtn));
-  });
-};
-var refreshBtn = function refreshBtn(classes, onRefresh) {
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    placement: "left",
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Calculate Multiplicity")
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: classes.btnRf,
-    onClick: onRefresh
-  }, /*#__PURE__*/_react.default.createElement(_RefreshOutlined.default, null)));
-};
-var mpyList = function mpyList(classes, digits, multiplicitySt, clickMpyOneAct, rmMpyPeakByPanelAct, resetMpyOneAct) {
-  var stack = multiplicitySt.stack,
-    shift = multiplicitySt.shift,
-    smExtext = multiplicitySt.smExtext;
-  var rows = stack.map(function (k, idx) {
-    var peaks = k.peaks,
-      xExtent = k.xExtent,
-      mpyType = k.mpyType,
-      js = k.js;
-    var onRefresh = function onRefresh() {
-      return resetMpyOneAct(xExtent);
-    };
-    var onClick = function onClick(e) {
-      e.stopPropagation();
-      e.preventDefault();
-      clickMpyOneAct(xExtent);
-    };
-    return createData(idx, xExtent, peaks, shift, smExtext, mpyType, js, onClick, onRefresh);
-  });
-  return /*#__PURE__*/_react.default.createElement("div", null, rows.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.moCard,
-      key: row.idx
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.moCardHead
-    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(MUCheckbox, {
-      className: classes.moCBox,
-      checked: row.isCheck,
-      onChange: row.onClick
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.moExtTxt, classes.moExtId, 'txt-sv-panel-head')
-    }, row.idx), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.moExtTxt, 'txt-sv-panel-head')
-    }, "".concat(row.center.toFixed(3), " (ppm)")), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.moSelect, 'txt-sv-panel-head')
-    }, /*#__PURE__*/_react.default.createElement(_multiplicity_select.default, {
-      target: row
-    })), refreshBtn(classes, row.onRefresh)), /*#__PURE__*/_react.default.createElement(_multiplicity_coupling.default, {
-      row: row
-    })), /*#__PURE__*/_react.default.createElement(_Table.default, {
-      className: classes.table
-    }, /*#__PURE__*/_react.default.createElement(_TableBody.default, null, pkList(classes, row, shift, digits, rmMpyPeakByPanelAct))));
-  }));
-};
-var MultiplicityPanel = function MultiplicityPanel(_ref) {
-  var classes = _ref.classes,
-    expand = _ref.expand,
-    onExapnd = _ref.onExapnd,
-    multiplicitySt = _ref.multiplicitySt,
-    clickMpyOneAct = _ref.clickMpyOneAct,
-    rmMpyPeakByPanelAct = _ref.rmMpyPeakByPanelAct,
-    resetMpyOneAct = _ref.resetMpyOneAct;
-  var digits = 4;
-  return /*#__PURE__*/_react.default.createElement(_ExpansionPanel.default, {
-    expanded: expand,
-    onChange: onExapnd,
-    className: (0, _classnames.default)(classes.panel),
-    TransitionProps: {
-      unmountOnExit: true
-    } // increase ExpansionPanel performance
-  }, /*#__PURE__*/_react.default.createElement(_ExpansionPanelSummary.default, {
-    expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null),
-    className: (0, _classnames.default)(classes.panelSummary)
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: "txt-panel-header"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtBadge, 'txt-sv-panel-title')
-  }, "Multiplicity"))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.panelDetail)
-  }, mpyList(classes, digits, multiplicitySt, clickMpyOneAct, rmMpyPeakByPanelAct, resetMpyOneAct)));
-};
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      integrationSt: state.integration.present,
-      multiplicitySt: state.multiplicity.present
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    clickMpyOneAct: _multiplicity.clickMpyOne,
-    rmMpyPeakByPanelAct: _multiplicity.rmMpyPeakByPanel,
-    resetMpyOneAct: _multiplicity.resetMpyOne
-  }, dispatch);
-};
-MultiplicityPanel.propTypes = {
-  classes: _propTypes.default.object.isRequired,
-  expand: _propTypes.default.bool.isRequired,
-  onExapnd: _propTypes.default.func.isRequired,
-  multiplicitySt: _propTypes.default.object.isRequired,
-  clickMpyOneAct: _propTypes.default.func.isRequired,
-  rmMpyPeakByPanelAct: _propTypes.default.func.isRequired,
-  resetMpyOneAct: _propTypes.default.func.isRequired
-};
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(MultiplicityPanel));
-exports.default = _default;