@complat/react-spectra-editor 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist/app.js

@@ -75,7 +75,8 @@ var SpectraEditor = function SpectraEditor(_ref) {
       onDescriptionChanged = _ref.onDescriptionChanged,
       multiEntities = _ref.multiEntities,
       multiMolSvgs = _ref.multiMolSvgs,
-      entityFileNames = _ref.entityFileNames;
+      entityFileNames = _ref.entityFileNames,
+      userManualLink = _ref.userManualLink;
   return _react2.default.createElement(
     _reactRedux.Provider,
     { store: store },
@@ -83,6 +84,7 @@ var SpectraEditor = function SpectraEditor(_ref) {
       entity: entity,
       multiEntities: multiEntities,
       entityFileNames: entityFileNames,
+      userManualLink: userManualLink,
       others: others,
       cLabel: cLabel,
       xLabel: xLabel,
@@ -114,7 +116,8 @@ SpectraEditor.propTypes = {
   multiMolSvgs: _propTypes2.default.array,
   editorOnly: _propTypes2.default.bool,
   canChangeDescription: _propTypes2.default.bool,
-  onDescriptionChanged: _propTypes2.default.func
+  onDescriptionChanged: _propTypes2.default.func,
+  userManualLink: _propTypes2.default.object
 };
 
 SpectraEditor.defaultProps = {
@@ -130,7 +133,8 @@ SpectraEditor.defaultProps = {
   molSvg: '',
   multiMolSvgs: [],
   editorOnly: false,
-  canChangeDescription: false
+  canChangeDescription: false,
+  userManualLink: {}
 };
 
 exports.SpectraEditor = SpectraEditor;

package/dist/components/cmd_bar/03_peak.js

@@ -91,6 +91,9 @@ var Peak = function Peak(_ref) {
           return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, curveIdx);
         };
       }
+      onSweepAnchorShift = function onSweepAnchorShift() {
+        return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF, curveIdx);
+      };
     }
   }
 

package/dist/components/cmd_bar/03_peak_bk.js

@@ -0,0 +1,213 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _styles = require('@material-ui/core/styles');
+
+var _Tooltip = require('@material-ui/core/Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+var _AddLocationOutlined = require('@material-ui/icons/AddLocationOutlined');
+
+var _AddLocationOutlined2 = _interopRequireDefault(_AddLocationOutlined);
+
+var _ui = require('../../actions/ui');
+
+var _cfg = require('../../helpers/cfg');
+
+var _cfg2 = _interopRequireDefault(_cfg);
+
+var _common = require('./common');
+
+var _list_ui = require('../../constants/list_ui');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, _common.commonStyle);
+};
+
+var Peak = function Peak(_ref) {
+  var classes = _ref.classes,
+      setUiSweepTypeAct = _ref.setUiSweepTypeAct,
+      isFocusAddPeakSt = _ref.isFocusAddPeakSt,
+      disableAddPeakSt = _ref.disableAddPeakSt,
+      isFocusRmPeakSt = _ref.isFocusRmPeakSt,
+      disableRmPeakSt = _ref.disableRmPeakSt,
+      isFocusSetRefSt = _ref.isFocusSetRefSt,
+      disableSetRefSt = _ref.disableSetRefSt,
+      isHandleMaxAndMinPeaksSt = _ref.isHandleMaxAndMinPeaksSt,
+      cyclicVotaSt = _ref.cyclicVotaSt,
+      curveSt = _ref.curveSt;
+
+  var onSweepPeakAdd = function onSweepPeakAdd() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD);
+  };
+  var onSweepPeakDELETE = function onSweepPeakDELETE() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE);
+  };
+  var onSweepAnchorShift = function onSweepAnchorShift() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT);
+  };
+  if (isHandleMaxAndMinPeaksSt) {
+    var curveIdx = curveSt.curveIdx;
+    var spectraList = cyclicVotaSt.spectraList;
+
+    var spectra = spectraList[curveIdx];
+    if (spectra) {
+      var isWorkMaxPeak = spectra.isWorkMaxPeak;
+
+      if (isWorkMaxPeak) {
+        onSweepPeakAdd = function onSweepPeakAdd() {
+          return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK, curveIdx);
+        };
+        onSweepPeakDELETE = function onSweepPeakDELETE() {
+          return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK, curveIdx);
+        };
+      } else {
+        onSweepPeakAdd = function onSweepPeakAdd() {
+          return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK, curveIdx);
+        };
+        onSweepPeakDELETE = function onSweepPeakDELETE() {
+          return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, curveIdx);
+        };
+      }
+      onSweepAnchorShift = function onSweepAnchorShift() {
+        return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF, curveIdx);
+      };
+    }
+  }
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.group },
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Add Peak'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeak'),
+            disabled: disableAddPeakSt,
+            onClick: onSweepPeakAdd
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-addpeak') },
+            'P+'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Remove Peak'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeak'),
+            disabled: disableRmPeakSt,
+            onClick: onSweepPeakDELETE
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-rmpeak') },
+            'P-'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Set Reference'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusSetRefSt, classes), 'btn-sv-bar-setref'),
+            disabled: disableSetRefSt,
+            onClick: onSweepAnchorShift
+          },
+          _react2.default.createElement(_AddLocationOutlined2.default, { className: classes.icon })
+        )
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, _) {
+  return (// eslint-disable-line
+    {
+      isFocusAddPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK,
+      disableAddPeakSt: _cfg2.default.btnCmdAddPeak(state.layout),
+      isFocusRmPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK,
+      disableRmPeakSt: _cfg2.default.btnCmdRmPeak(state.layout),
+      isFocusSetRefSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT,
+      disableSetRefSt: _cfg2.default.btnCmdSetRef(state.layout),
+      isHandleMaxAndMinPeaksSt: !_cfg2.default.hidePanelCyclicVolta(state.layout),
+      cyclicVotaSt: state.cyclicvolta,
+      curveSt: state.curve
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    setUiSweepTypeAct: _ui.setUiSweepType
+  }, dispatch);
+};
+
+Peak.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  isFocusAddPeakSt: _propTypes2.default.bool.isRequired,
+  disableAddPeakSt: _propTypes2.default.bool.isRequired,
+  isFocusRmPeakSt: _propTypes2.default.bool.isRequired,
+  disableRmPeakSt: _propTypes2.default.bool.isRequired,
+  isFocusSetRefSt: _propTypes2.default.bool.isRequired,
+  disableSetRefSt: _propTypes2.default.bool.isRequired,
+  setUiSweepTypeAct: _propTypes2.default.func.isRequired,
+  isHandleMaxAndMinPeaksSt: _propTypes2.default.bool.isRequired,
+  cyclicVotaSt: _propTypes2.default.object.isRequired,
+  curveSt: _propTypes2.default.object.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Peak);

package/dist/components/cmd_bar/04_integration_bk.js

@@ -0,0 +1,280 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _styles = require('@material-ui/core/styles');
+
+var _Tooltip = require('@material-ui/core/Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+var _TextField = require('@material-ui/core/TextField');
+
+var _TextField2 = _interopRequireDefault(_TextField);
+
+var _react3 = require('@mdi/react');
+
+var _react4 = _interopRequireDefault(_react3);
+
+var _js = require('@mdi/js');
+
+var _integration = require('../../actions/integration');
+
+var _ui = require('../../actions/ui');
+
+var _list_ui = require('../../constants/list_ui');
+
+var _cfg = require('../../helpers/cfg');
+
+var _cfg2 = _interopRequireDefault(_cfg);
+
+var _tri_btn = require('./tri_btn');
+
+var _tri_btn2 = _interopRequireDefault(_tri_btn);
+
+var _common = require('./common');
+
+var _format = require('../../helpers/format');
+
+var _format2 = _interopRequireDefault(_format);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({
+    field: {
+      width: 80
+    },
+    txtIcon: {}
+  }, _common.commonStyle);
+};
+
+var iconSize = '16px';
+
+var setFactor = function setFactor(classes, isDisable, refFactor, setIntegrationFkrAct) {
+  var onBlur = function onBlur(e) {
+    return setIntegrationFkrAct(e.target.value);
+  };
+  var onChange = function onChange(e) {
+    return setIntegrationFkrAct(e.target.value);
+  };
+  var onEnterPress = function onEnterPress(e) {
+    if (e.key === 'Enter') {
+      setIntegrationFkrAct(e.target.value);
+    }
+  };
+
+  return _react2.default.createElement(_TextField2.default, {
+    className: classes.field,
+    disabled: isDisable,
+    id: 'intg-factor-name',
+    type: 'number',
+    value: refFactor || 1.00,
+    margin: 'none',
+    InputProps: {
+      className: (0, _classnames2.default)(classes.txtInput, 'txtfield-sv-bar-input')
+    },
+    label: _react2.default.createElement(
+      'span',
+      { className: (0, _classnames2.default)(classes.txtLabel, 'txtfield-sv-bar-label') },
+      'Ref Area'
+    ),
+    onChange: onChange,
+    onBlur: onBlur,
+    onKeyPress: onEnterPress,
+    variant: 'outlined'
+  });
+};
+
+var iconColor = function iconColor(criteria) {
+  return criteria ? '#fff' : '#000';
+};
+
+var Integration = function Integration(_ref) {
+  var classes = _ref.classes,
+      refFactorSt = _ref.refFactorSt,
+      ignoreRef = _ref.ignoreRef,
+      isDisableSt = _ref.isDisableSt,
+      isFocusAddIntgSt = _ref.isFocusAddIntgSt,
+      isFocusRmIntgSt = _ref.isFocusRmIntgSt,
+      isFocusSetRefSt = _ref.isFocusSetRefSt,
+      setUiSweepTypeAct = _ref.setUiSweepTypeAct,
+      setIntegrationFkrAct = _ref.setIntegrationFkrAct,
+      clearIntegrationAllAct = _ref.clearIntegrationAllAct;
+
+  var onSweepIntegtAdd = function onSweepIntegtAdd() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD);
+  };
+  var onSweepIntegtRm = function onSweepIntegtRm() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM);
+  };
+  var onSweepIntegtSR = function onSweepIntegtSR() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF);
+  };
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.group },
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Add Integration'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusAddIntgSt, classes)),
+            disabled: isDisableSt,
+            onClick: onSweepIntegtAdd
+          },
+          _react2.default.createElement(_react4.default, {
+            path: _js.mdiMathIntegral,
+            size: iconSize,
+            color: iconColor(isFocusAddIntgSt || isDisableSt),
+            className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-addint')
+          }),
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-addint') },
+            '+'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Remove Integration'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusRmIntgSt, classes)),
+            disabled: isDisableSt,
+            onClick: onSweepIntegtRm
+          },
+          _react2.default.createElement(_react4.default, {
+            path: _js.mdiMathIntegral,
+            size: iconSize,
+            color: iconColor(isFocusRmIntgSt || isDisableSt),
+            className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-rmint')
+          }),
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmint') },
+            '-'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Set Integration Reference'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusSetRefSt, classes)),
+            disabled: isDisableSt,
+            onClick: onSweepIntegtSR
+          },
+          _react2.default.createElement(_react4.default, {
+            path: _js.mdiReflectVertical,
+            size: iconSize,
+            color: iconColor(isFocusSetRefSt || isDisableSt),
+            className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-refint')
+          })
+        )
+      )
+    ),
+    !ignoreRef ? setFactor(classes, isDisableSt, refFactorSt, setIntegrationFkrAct) : null,
+    _react2.default.createElement(
+      _tri_btn2.default,
+      {
+        content: { tp: 'Clear All Integration' },
+        cb: clearIntegrationAllAct
+      },
+      _react2.default.createElement(_react4.default, {
+        path: _js.mdiMathIntegral,
+        size: iconSize,
+        color: iconColor(isDisableSt),
+        className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-rmallint')
+      }),
+      _react2.default.createElement(
+        'span',
+        { className: (0, _classnames2.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallint') },
+        'x'
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      isDisableSt: _cfg2.default.btnCmdIntg(state.layout),
+      isFocusAddIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD,
+      isFocusRmIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM,
+      isFocusSetRefSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF,
+      refFactorSt: state.integration.present.refFactor,
+      ignoreRef: _format2.default.isHplcUvVisLayout(state.layout)
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    setUiSweepTypeAct: _ui.setUiSweepType,
+    setIntegrationFkrAct: _integration.setIntegrationFkr,
+    clearIntegrationAllAct: _integration.clearIntegrationAll
+  }, dispatch);
+};
+
+Integration.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  isDisableSt: _propTypes2.default.bool.isRequired,
+  isFocusAddIntgSt: _propTypes2.default.bool.isRequired,
+  isFocusRmIntgSt: _propTypes2.default.bool.isRequired,
+  isFocusSetRefSt: _propTypes2.default.bool.isRequired,
+  refFactorSt: _propTypes2.default.number.isRequired,
+  ignoreRef: _propTypes2.default.bool.isRequired,
+  setUiSweepTypeAct: _propTypes2.default.func.isRequired,
+  setIntegrationFkrAct: _propTypes2.default.func.isRequired,
+  clearIntegrationAllAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Integration));