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

package/dist/components/cmd_bar/05_multiplicity.js

@@ -0,0 +1,228 @@
+'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 _ui = require('../../actions/ui');
+
+var _multiplicity = require('../../actions/multiplicity');
+
+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');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, _common.commonStyle);
+};
+
+var Multiplicity = function Multiplicity(_ref) {
+  var classes = _ref.classes,
+      isFocusAddMpySt = _ref.isFocusAddMpySt,
+      disableAddMpySt = _ref.disableAddMpySt,
+      isFocusRmMpySt = _ref.isFocusRmMpySt,
+      disableRmMpySt = _ref.disableRmMpySt,
+      isFocusAddPeakSt = _ref.isFocusAddPeakSt,
+      isFocusRmPeakSt = _ref.isFocusRmPeakSt,
+      disableMpyPeakSt = _ref.disableMpyPeakSt,
+      setUiSweepTypeAct = _ref.setUiSweepTypeAct,
+      clearMpyAllAct = _ref.clearMpyAllAct;
+
+  var onSweepMutAdd = function onSweepMutAdd() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD);
+  };
+  var onOneMutAdd = function onOneMutAdd() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM);
+  };
+  var onPeakMutAdd = function onPeakMutAdd() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD);
+  };
+  var onPeakMutRm = function onPeakMutRm() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM);
+  };
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.group },
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Add Multiplicity'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusAddMpySt, classes), 'btn-sv-bar-addmpy'),
+            disabled: disableAddMpySt,
+            onClick: onSweepMutAdd
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-addmpy') },
+            'J+'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Remove Multiplicity'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusRmMpySt, classes), 'btn-sv-bar-rmmpy'),
+            disabled: disableRmMpySt,
+            onClick: onOneMutAdd
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-rmmpy') },
+            'J-'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Add Peak for Multiplicity'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeakmpy'),
+            disabled: disableMpyPeakSt,
+            onClick: onPeakMutAdd
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-addpeakmpy') },
+            'JP+'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Remove Peak for Multiplicity'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeakmpy'),
+            disabled: disableMpyPeakSt,
+            onClick: onPeakMutRm
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-rmpeakmpy') },
+            'JP-'
+          )
+        )
+      )
+    ),
+    disableAddMpySt ? null : _react2.default.createElement(
+      _tri_btn2.default,
+      {
+        content: { tp: 'Clear All Multiplicity' },
+        cb: clearMpyAllAct
+      },
+      _react2.default.createElement(
+        'span',
+        { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-rmallmpy') },
+        'Jx'
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      isFocusAddMpySt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD,
+      disableAddMpySt: _cfg2.default.btnCmdMpy(state.layout),
+      isFocusRmMpySt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM,
+      disableRmMpySt: _cfg2.default.btnCmdMpy(state.layout),
+      isFocusAddPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD,
+      isFocusRmPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM,
+      disableMpyPeakSt: _cfg2.default.btnCmdMpyPeak(state.layout, state.multiplicity.present)
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    setUiSweepTypeAct: _ui.setUiSweepType,
+    clearMpyAllAct: _multiplicity.clearMpyAll
+  }, dispatch);
+};
+
+Multiplicity.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  isFocusAddMpySt: _propTypes2.default.bool.isRequired,
+  disableAddMpySt: _propTypes2.default.bool.isRequired,
+  isFocusRmMpySt: _propTypes2.default.bool.isRequired,
+  disableRmMpySt: _propTypes2.default.bool.isRequired,
+  isFocusAddPeakSt: _propTypes2.default.bool.isRequired,
+  isFocusRmPeakSt: _propTypes2.default.bool.isRequired,
+  disableMpyPeakSt: _propTypes2.default.bool.isRequired,
+  setUiSweepTypeAct: _propTypes2.default.func.isRequired,
+  clearMpyAllAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Multiplicity));

package/dist/components/cmd_bar/06_undo_redo.js

@@ -0,0 +1,137 @@
+'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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reduxUndo = require('redux-undo');
+
+var _styles = require('@material-ui/core/styles');
+
+var _Tooltip = require('@material-ui/core/Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+var _RedoOutlined = require('@material-ui/icons/RedoOutlined');
+
+var _RedoOutlined2 = _interopRequireDefault(_RedoOutlined);
+
+var _UndoOutlined = require('@material-ui/icons/UndoOutlined');
+
+var _UndoOutlined2 = _interopRequireDefault(_UndoOutlined);
+
+var _common = require('./common');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, _common.commonStyle);
+};
+
+var UndoRedo = function UndoRedo(_ref) {
+  var classes = _ref.classes,
+      canUndo = _ref.canUndo,
+      canRedo = _ref.canRedo,
+      onUndoAct = _ref.onUndoAct,
+      onRedoAct = _ref.onRedoAct;
+  return _react2.default.createElement(
+    'span',
+    { className: classes.group },
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Undo'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)('btn-sv-bar-undo'),
+            disabled: !canUndo,
+            onClick: onUndoAct
+          },
+          _react2.default.createElement(_UndoOutlined2.default, { className: classes.icon })
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Redo'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)('btn-sv-bar-redo'),
+            disabled: !canRedo,
+            onClick: onRedoAct
+          },
+          _react2.default.createElement(_RedoOutlined2.default, { className: classes.icon })
+        )
+      )
+    )
+  );
+};
+
+var canUndoFunc = function canUndoFunc(state) {
+  return state.editPeak.past.length > 0 || state.integration.past.length > 0 || state.multiplicity.past.length > 0;
+};
+
+var canRedoFunc = function canRedoFunc(state) {
+  return state.editPeak.future.length > 0 || state.integration.future.length > 0 || state.multiplicity.future.length > 0;
+};
+
+var mapStateToProps = function mapStateToProps(state, _) {
+  return (// eslint-disable-line
+    {
+      canUndo: canUndoFunc(state),
+      canRedo: canRedoFunc(state)
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    onUndoAct: function onUndoAct() {
+      return dispatch(_reduxUndo.ActionCreators.undo());
+    },
+    onRedoAct: function onRedoAct() {
+      return dispatch(_reduxUndo.ActionCreators.redo());
+    }
+  };
+};
+
+UndoRedo.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  canUndo: _propTypes2.default.bool.isRequired,
+  canRedo: _propTypes2.default.bool.isRequired,
+  onUndoAct: _propTypes2.default.func.isRequired,
+  onRedoAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(UndoRedo);

package/dist/components/cmd_bar/common.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.focusStyle = exports.commonStyle = exports.MuButton = undefined;
+
+var _styles = require('@material-ui/core/styles');
+
+var _Button = require('@material-ui/core/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var MuButton = (0, _styles.withStyles)({
+  root: {
+    border: '1px solid #ccc',
+    borderRadius: 4,
+    fontFamily: 'Helvetica',
+    fontSize: 20,
+    height: 30,
+    lineHeight: '20px',
+    minWidth: 30,
+    padding: 0,
+    width: 30
+  }
+})(_Button2.default);
+
+var commonStyle = {
+  card: {
+    margin: '0 0 5px 52px',
+    border: '1px solid white',
+    borderRadius: 4
+  },
+  group: {
+    display: 'inline-block',
+    margin: '0px 0px 0px 10px',
+    verticalAlign: 'middle'
+  },
+  groupRightMost: {
+    display: 'inline-block',
+    float: 'right',
+    margin: '0px 0px 0px 10px',
+    verticalAlign: 'middle'
+  },
+  groupRight: {
+    display: 'inline-block',
+    float: 'right',
+    margin: '0px 0px 0px 10px',
+    verticalAlign: 'middle'
+  },
+  btnHt: {
+    backgroundColor: '#2196f3',
+    color: '#fff',
+    '&:hover': {
+      backgroundColor: '#51c6f3'
+    }
+  },
+  iconWp: {
+    border: '1px dashed',
+    borderRadius: '4px'
+  },
+  icon: {
+    fontSize: 20
+  },
+  iconMdi: {
+    fontSize: 20
+  },
+  txt: {
+    fontFamily: 'Helvetica',
+    fontSize: 12,
+    fontStyle: 'italic',
+    fontWeight: 'bold'
+  },
+  txtLabel: {
+    fontFamily: 'Helvetica',
+    fontSize: 12
+  },
+  txtInput: {
+    fontFamily: 'Helvetica',
+    fontSize: 12,
+    height: 30
+  },
+  txtOpt: {
+    fontFamily: 'Helvetica',
+    fontSize: 12
+  },
+  selectLabel: {
+    fontFamily: 'Helvetica',
+    fontSize: 12
+  },
+  selectInput: {
+    height: 30
+  }
+};
+
+var focusStyle = function focusStyle(criteria, cls) {
+  return criteria ? [cls.btnHt] : [];
+};
+
+exports.MuButton = MuButton;
+exports.commonStyle = commonStyle;
+exports.focusStyle = focusStyle; // eslint-disable-line

package/dist/components/cmd_bar/index.js

@@ -0,0 +1,113 @@
+'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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _styles = require('@material-ui/core/styles');
+
+var _common = require('./common');
+
+var _viewer = require('./01_viewer');
+
+var _viewer2 = _interopRequireDefault(_viewer);
+
+var _zoom = require('./02_zoom');
+
+var _zoom2 = _interopRequireDefault(_zoom);
+
+var _peak = require('./03_peak');
+
+var _peak2 = _interopRequireDefault(_peak);
+
+var _integration = require('./04_integration');
+
+var _integration2 = _interopRequireDefault(_integration);
+
+var _multiplicity = require('./05_multiplicity');
+
+var _multiplicity2 = _interopRequireDefault(_multiplicity);
+
+var _undo_redo = require('./06_undo_redo');
+
+var _undo_redo2 = _interopRequireDefault(_undo_redo);
+
+var _r01_layout = require('./r01_layout');
+
+var _r01_layout2 = _interopRequireDefault(_r01_layout);
+
+var _r03_threshold = require('./r03_threshold');
+
+var _r03_threshold2 = _interopRequireDefault(_r03_threshold);
+
+var _r04_submit = require('./r04_submit');
+
+var _r04_submit2 = _interopRequireDefault(_r04_submit);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, {}, _common.commonStyle);
+};
+
+var CmdBar = function CmdBar(_ref) {
+  var classes = _ref.classes,
+      feature = _ref.feature,
+      hasEdit = _ref.hasEdit,
+      forecast = _ref.forecast,
+      operations = _ref.operations,
+      editorOnly = _ref.editorOnly;
+  return _react2.default.createElement(
+    'div',
+    { className: classes.card },
+    _react2.default.createElement(_viewer2.default, { editorOnly: editorOnly }),
+    _react2.default.createElement(_zoom2.default, null),
+    _react2.default.createElement(_peak2.default, null),
+    _react2.default.createElement(_integration2.default, null),
+    _react2.default.createElement(_multiplicity2.default, null),
+    _react2.default.createElement(_undo_redo2.default, null),
+    _react2.default.createElement(_r04_submit2.default, {
+      operations: operations,
+      feature: feature,
+      forecast: forecast,
+      editorOnly: editorOnly,
+      hideSwitch: false,
+      disabled: false
+    }),
+    _react2.default.createElement(_r03_threshold2.default, { feature: feature, hasEdit: hasEdit }),
+    _react2.default.createElement(_r01_layout2.default, { feature: feature, hasEdit: hasEdit })
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, _) {
+  return (// eslint-disable-line
+    {}
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({}, dispatch);
+};
+
+CmdBar.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  feature: _propTypes2.default.object.isRequired,
+  forecast: _propTypes2.default.object.isRequired,
+  hasEdit: _propTypes2.default.bool.isRequired,
+  operations: _propTypes2.default.array.isRequired,
+  editorOnly: _propTypes2.default.bool.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(CmdBar);