@complat/react-spectra-editor 0.10.13-alpha.5

package/dist/components/panel/peaks.js

@@ -0,0 +1,296 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _ExpansionPanel = require('@material-ui/core/ExpansionPanel');
+
+var _ExpansionPanel2 = _interopRequireDefault(_ExpansionPanel);
+
+var _ExpansionPanelSummary = require('@material-ui/core/ExpansionPanelSummary');
+
+var _ExpansionPanelSummary2 = _interopRequireDefault(_ExpansionPanelSummary);
+
+var _ExpandMore = require('@material-ui/icons/ExpandMore');
+
+var _ExpandMore2 = _interopRequireDefault(_ExpandMore);
+
+var _Divider = require('@material-ui/core/Divider');
+
+var _Divider2 = _interopRequireDefault(_Divider);
+
+var _Typography = require('@material-ui/core/Typography');
+
+var _Typography2 = _interopRequireDefault(_Typography);
+
+var _Table = require('@material-ui/core/Table');
+
+var _Table2 = _interopRequireDefault(_Table);
+
+var _TableBody = require('@material-ui/core/TableBody');
+
+var _TableBody2 = _interopRequireDefault(_TableBody);
+
+var _TableCell = require('@material-ui/core/TableCell');
+
+var _TableCell2 = _interopRequireDefault(_TableCell);
+
+var _TableHead = require('@material-ui/core/TableHead');
+
+var _TableHead2 = _interopRequireDefault(_TableHead);
+
+var _TableRow = require('@material-ui/core/TableRow');
+
+var _TableRow2 = _interopRequireDefault(_TableRow);
+
+var _HighlightOff = require('@material-ui/icons/HighlightOff');
+
+var _HighlightOff2 = _interopRequireDefault(_HighlightOff);
+
+var _styles = require('@material-ui/core/styles');
+
+var _edit_peak = require('../../actions/edit_peak');
+
+var _format = require('../../helpers/format');
+
+var _format2 = _interopRequireDefault(_format);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles(theme) {
+  return {
+    chip: {
+      margin: '1px 0 1px 0'
+    },
+    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: '#999',
+      height: 32
+    },
+    tRowHeadNeg: {
+      backgroundColor: '#999',
+      height: 32
+    },
+    tTxtHead: {
+      color: 'white',
+      padding: '5px 5px 5px 5px'
+    },
+    tTxtHeadXY: {
+      color: 'white',
+      padding: '4px 0 4px 90px'
+    },
+    tTxt: {
+      padding: '4px 0 4px 0'
+    },
+    tRow: {
+      height: 28,
+      '&:nth-of-type(even)': {
+        backgroundColor: theme.palette.background.default
+      }
+    },
+    rmBtn: {
+      color: 'red',
+      '&:hover': {
+        borderRadius: 12,
+        backgroundColor: 'red',
+        color: 'white'
+      }
+    }
+  };
+};
+
+var createData = function createData(classes, idx, x, y, cb, digits) {
+  return {
+    idx: idx + 1,
+    x: x.toFixed(digits),
+    y: y,
+    rmBtn: _react2.default.createElement(_HighlightOff2.default, { onClick: cb, className: classes.rmBtn })
+  };
+};
+
+var peakList = function peakList(peaks, digits, cbAct, classes, isPos) {
+  var rows = peaks.map(function (pp, idx) {
+    var onDelete = function onDelete() {
+      return cbAct(pp);
+    };
+    return createData(classes, idx, pp.x, pp.y, onDelete, digits);
+  });
+
+  var rowKlass = isPos ? classes.tRowHeadPos : classes.tRowHeadNeg;
+  var headTxt = isPos ? 'P+' : 'P-';
+
+  return _react2.default.createElement(
+    _Table2.default,
+    { className: classes.table },
+    _react2.default.createElement(
+      _TableHead2.default,
+      null,
+      _react2.default.createElement(
+        _TableRow2.default,
+        { className: rowKlass },
+        _react2.default.createElement(
+          _TableCell2.default,
+          { align: 'right', className: (0, _classnames2.default)(classes.tTxtHead, 'txt-sv-panel-head') },
+          _react2.default.createElement(
+            'i',
+            null,
+            headTxt
+          )
+        ),
+        _react2.default.createElement(
+          _TableCell2.default,
+          { align: 'right', className: (0, _classnames2.default)(classes.tTxtHeadXY, 'txt-sv-panel-head') },
+          'X'
+        ),
+        _react2.default.createElement(
+          _TableCell2.default,
+          { align: 'right', className: (0, _classnames2.default)(classes.tTxtHeadXY, 'txt-sv-panel-head') },
+          'Y'
+        ),
+        _react2.default.createElement(
+          _TableCell2.default,
+          { align: 'right', className: (0, _classnames2.default)(classes.tTxtHead, 'txt-sv-panel-head') },
+          '-'
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _TableBody2.default,
+      null,
+      rows.map(function (row) {
+        return _react2.default.createElement(
+          _TableRow2.default,
+          { key: row.idx, className: classes.tRow, hover: true },
+          _react2.default.createElement(
+            _TableCell2.default,
+            { align: 'right', className: (0, _classnames2.default)(classes.tTxt, 'txt-sv-panel-txt') },
+            row.idx
+          ),
+          _react2.default.createElement(
+            _TableCell2.default,
+            { align: 'right', className: (0, _classnames2.default)(classes.tTxt, 'txt-sv-panel-txt') },
+            row.x
+          ),
+          _react2.default.createElement(
+            _TableCell2.default,
+            { align: 'right', className: (0, _classnames2.default)(classes.tTxt, 'txt-sv-panel-txt') },
+            row.y.toExponential(2)
+          ),
+          _react2.default.createElement(
+            _TableCell2.default,
+            { align: 'right', className: (0, _classnames2.default)(classes.tTxt, 'txt-sv-panel-txt') },
+            row.rmBtn
+          )
+        );
+      })
+    )
+  );
+};
+
+var PeakPanel = function PeakPanel(_ref) {
+  var editPeakSt = _ref.editPeakSt,
+      layoutSt = _ref.layoutSt,
+      classes = _ref.classes,
+      expand = _ref.expand,
+      onExapnd = _ref.onExapnd,
+      rmFromPosListAct = _ref.rmFromPosListAct,
+      rmFromNegListAct = _ref.rmFromNegListAct;
+  var neg = editPeakSt.neg,
+      pos = editPeakSt.pos;
+
+  var digits = _format2.default.isEmWaveLayout(layoutSt) ? 0 : 4;
+
+  return _react2.default.createElement(
+    _ExpansionPanel2.default,
+    {
+      expanded: expand,
+      onChange: onExapnd,
+      className: (0, _classnames2.default)(classes.panel),
+      TransitionProps: { unmountOnExit: true } // increase ExpansionPanel performance
+    },
+    _react2.default.createElement(
+      _ExpansionPanelSummary2.default,
+      {
+        expandIcon: _react2.default.createElement(_ExpandMore2.default, null),
+        className: (0, _classnames2.default)(classes.panelSummary)
+      },
+      _react2.default.createElement(
+        _Typography2.default,
+        { className: 'txt-panel-header' },
+        _react2.default.createElement(
+          'span',
+          { className: (0, _classnames2.default)(classes.txtBadge, 'txt-sv-panel-title') },
+          'Peaks'
+        )
+      )
+    ),
+    _react2.default.createElement(_Divider2.default, null),
+    _react2.default.createElement(
+      'div',
+      { className: (0, _classnames2.default)(classes.panelDetail) },
+      peakList(pos, digits, rmFromPosListAct, classes, true),
+      peakList(neg, digits, rmFromNegListAct, classes, false)
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      editPeakSt: state.editPeak.present,
+      layoutSt: state.layout
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    rmFromPosListAct: _edit_peak.rmFromPosList,
+    rmFromNegListAct: _edit_peak.rmFromNegList
+  }, dispatch);
+};
+
+PeakPanel.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  expand: _propTypes2.default.bool.isRequired,
+  editPeakSt: _propTypes2.default.object.isRequired,
+  layoutSt: _propTypes2.default.string.isRequired,
+  onExapnd: _propTypes2.default.func.isRequired,
+  rmFromPosListAct: _propTypes2.default.func.isRequired,
+  rmFromNegListAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(PeakPanel));

package/dist/constants/action_type.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var THRESHOLD = {
+  UPDATE_VALUE: 'THRESHOLD_UPDATE_VALUE',
+  RESET_VALUE: 'THRESHOLD_RESET_VALUE',
+  TOGGLE_ISEDIT: 'THRESHOLD_TOGGLE_ISEDIT'
+};
+
+var EDITPEAK = {
+  ADD_POSITIVE: 'ADD_TO_POSITIVE_EDITPEAK_LIST',
+  ADD_NEGATIVE: 'ADD_TO_NEGATIVE_EDITPEAK_LIST',
+  RM_NEGATIVE: 'RM_FROM_NEGATIVE_EDITPEAK_LIST',
+  RM_POSITIVE: 'RM_FROM_POSITIVE_EDITPEAK_LIST',
+  SHIFT: 'EDITPEAK_SHIFT'
+};
+
+var STATUS = {
+  TOGGLEBTNSUBMIT: 'TOGGLE_BTN_SUBMIT',
+  TOGGLEBTNALL: 'TOGGLE_BTN_ALL',
+  ENABLEBTNALL: 'ENABLE_BTN_ALL'
+};
+
+var MANAGER = {
+  RESETALL: 'RESET_ALL',
+  RESETSHIFT: 'RESET_SHIFT',
+  RESET_INIT_COMMON: 'RESET_INIT_COMMON',
+  RESET_INIT_NMR: 'RESET_INIT_NMR',
+  RESET_INIT_MS: 'RESET_INIT_MS',
+  RESET_INIT_COMMON_WITH_INTERGATION: 'RESET_INIT_COMMON_WITH_INTERGATION'
+};
+
+var LAYOUT = {
+  UPDATE: 'UPDATE_LAYOUT'
+};
+
+var SHIFT = {
+  SET_REF: 'SHIFT_SET_REF',
+  SET_PEAK: 'SHIFT_SET_PEAK',
+  RM_PEAK: 'SHIFT_RM_PEAK'
+};
+
+var SCAN = {
+  SET_TARGET: 'SCAN_SET_TARGET',
+  RESET_TARGET: 'SCAN_RESET_TARGET',
+  TOGGLE_ISAUTO: 'SCAN_TOGGLE_ISAUTO'
+};
+
+var UI = {
+  CLICK_TARGET: 'UI_CLICK_TARGET',
+  VIEWER: {
+    SET_TYPE: 'UI_VIEWER_SET_TYPE'
+  },
+  SWEEP: {
+    SET_TYPE: 'UI_SWEEP_SET_TYPE',
+    SELECT: 'UI_SWEEP_SELECT',
+    SELECT_ZOOMIN: 'UI_SWEEP_SELECT_ZOOMIN',
+    SELECT_ZOOMRESET: 'UI_SWEEP_SELECT_ZOOMRESET',
+    SELECT_INTEGRATION: 'UI_SWEEP_SELECT_INTEGRATION',
+    SELECT_MULTIPLICITY: 'UI_SWEEP_SELECT_MULTIPLICITY',
+    SELECT_MULTIPLICITY_RDC: 'UI_SWEEP_SELECT_MULTIPLICITY_RDC'
+  },
+  WHEEL: {
+    SCROLL: 'UI_WHEEL_SCROLL'
+  }
+};
+
+var FORECAST = {
+  INIT_STATUS: 'FORECAST_INIT_STATUS',
+  SET_IR_STATUS: 'FORECAST_SET_IR_STATUS',
+  SET_NMR_STATUS: 'FORECAST_SET_NMR_STATUS',
+  CLEAR_STATUS: 'FORECAST_CLEAR_STATUS'
+};
+
+var SUBMIT = {
+  TOGGLE_IS_ASCEND: 'SUBMIT_TOGGLE_IS_ASCEND',
+  TOGGLE_IS_INTENSITY: 'SUBMIT_TOGGLE_IS_INTENSITY',
+  UPDATE_OPERATION: 'SUBMIT_UPDATE_OPERATION',
+  UPDATE_DECIMAL: 'SUBMIT_UPDATE_DECIMAL'
+};
+
+var INTEGRATION = {
+  RM_ONE: 'INTEGRATION_RM_ONE',
+  SET_REF: 'INTEGRATION_SET_REF',
+  SET_FKR: 'INTEGRATION_SET_FKR',
+  RESET_ALL_RDC: 'INTEGRATION_RESET_ALL_RDC',
+  CLEAR_ALL: 'INTEGRATION_CLEAR_ALL'
+};
+
+var SIMULATION = {
+  RESET_ALL_RDC: 'SIMULATION_RESET_ALL_RDC'
+};
+
+var MULTIPLICITY = {
+  ONE_CLICK: 'MULTIPLICITY_ONE_CLICK',
+  ONE_CLICK_BY_UI: 'MULTIPLICITY_ONE_CLICK_BY_UI',
+  PEAK_RM_BY_PANEL: 'MULTIPLICITY_PEAK_RM_BY_PANEL',
+  PEAK_RM_BY_PANEL_RDC: 'MULTIPLICITY_PEAK_RM_BY_PANEL_RDC',
+  PEAK_ADD_BY_UI_SAG: 'MULTIPLICITY_PEAK_ADD_BY_UI_SAG',
+  PEAK_ADD_BY_UI_RDC: 'MULTIPLICITY_PEAK_ADD_BY_UI_RDC',
+  PEAK_RM_BY_UI: 'MULTIPLICITY_PEAK_RM_BY_UI',
+  PEAK_RM_BY_UI_RDC: 'MULTIPLICITY_PEAK_RM_BY_UI_RDC',
+  TYPE_SELECT: 'MULTIPLICITY_TYPE_SELECT',
+  TYPE_SELECT_RDC: 'MULTIPLICITY_TYPE_SELECT_RDC',
+  RESET_ALL_RDC: 'MULTIPLICITY_RESET_ALL_RDC',
+  RESET_ONE: 'MULTIPLICITY_RESET_ONE',
+  RESET_ONE_RDC: 'MULTIPLICITY_RESET_ONE_RDC',
+  UPDATE_J: 'MULTIPLICITY_UPDATE_J',
+  CLEAR_ALL: 'MULTIPLICITY_CLEAR_ALL'
+};
+
+var META = {
+  UPDATE_PEAKS: 'META_UPDATE_PEAKS',
+  UPDATE_PEAKS_RDC: 'META_UPDATE_PEAKS_RDC'
+};
+
+var JCAMP = {
+  ADD_OTHERS: 'JCAMP_ADD_OTHERS',
+  RM_OTHERS_ONE: 'JCAMP_RM_OTHERS_ONE',
+  TOGGLE_SHOW: 'JCAMP_TOGGLE_SHOW',
+  CLEAR_ALL: 'JCAMP_CLEAR_ALL'
+};
+
+exports.THRESHOLD = THRESHOLD;
+exports.EDITPEAK = EDITPEAK;
+exports.STATUS = STATUS;
+exports.MANAGER = MANAGER;
+exports.LAYOUT = LAYOUT;
+exports.SHIFT = SHIFT;
+exports.SCAN = SCAN;
+exports.UI = UI;
+exports.FORECAST = FORECAST;
+exports.SUBMIT = SUBMIT;
+exports.INTEGRATION = INTEGRATION;
+exports.MULTIPLICITY = MULTIPLICITY;
+exports.META = META;
+exports.SIMULATION = SIMULATION;
+exports.JCAMP = JCAMP;

package/dist/constants/list_layout.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var LIST_LAYOUT = {
+  PLAIN: 'PLAIN',
+  IR: 'IR',
+  RAMAN: 'RAMAN',
+  UVVIS: 'UV/VIS',
+  H1: '1H',
+  C13: '13C',
+  F19: '19F',
+  P31: '31P',
+  N15: '15N',
+  Si29: '29Si',
+  MS: 'MS',
+  TGA: 'THERMOGRAVIMETRIC ANALYSIS',
+  XRD: 'X-RAY DIFFRACTION',
+  HPLC_UVVIS: 'HPLC UV/VIS'
+};
+
+exports.LIST_LAYOUT = LIST_LAYOUT;