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

package/dist/layer_content.js

@@ -0,0 +1,125 @@
+'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 _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _index = require('./components/d3_line/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _index3 = require('./components/d3_rect/index');
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _forecast_viewer = require('./components/forecast_viewer');
+
+var _forecast_viewer2 = _interopRequireDefault(_forecast_viewer);
+
+var _format = require('./helpers/format');
+
+var _format2 = _interopRequireDefault(_format);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var extractLayout = function extractLayout(forecast, layoutSt) {
+  var isEmpty = Object.keys(forecast).length === 0 && forecast.constructor === Object;
+  var isNmr = _format2.default.isNmrLayout(layoutSt);
+  var isMs = _format2.default.isMsLayout(layoutSt);
+  var isIr = _format2.default.isIrLayout(layoutSt);
+  var isUvvis = _format2.default.isUvVisLayout(layoutSt) || _format2.default.isHplcUvVisLayout(layoutSt);
+  var showForecast = !isEmpty && (isNmr || isIr || isUvvis);
+  return {
+    showForecast: showForecast, isNmr: isNmr, isIr: isIr, isMs: isMs, isUvvis: isUvvis
+  };
+};
+
+var Content = function Content(_ref) {
+  var topic = _ref.topic,
+      feature = _ref.feature,
+      cLabel = _ref.cLabel,
+      xLabel = _ref.xLabel,
+      yLabel = _ref.yLabel,
+      forecast = _ref.forecast,
+      operations = _ref.operations,
+      layoutSt = _ref.layoutSt;
+
+  var _extractLayout = extractLayout(forecast, layoutSt),
+      showForecast = _extractLayout.showForecast,
+      isNmr = _extractLayout.isNmr,
+      isIr = _extractLayout.isIr,
+      isMs = _extractLayout.isMs,
+      isUvvis = _extractLayout.isUvvis;
+
+  if (showForecast) {
+    return _react2.default.createElement(_forecast_viewer2.default, {
+      topic: topic,
+      cLabel: cLabel,
+      xLabel: xLabel,
+      yLabel: yLabel,
+      feature: feature,
+      forecast: forecast,
+      isNmr: isNmr,
+      isIr: isIr,
+      isUvvis: isUvvis,
+      operations: operations
+    });
+  }
+
+  if (isMs) {
+    return _react2.default.createElement(_index4.default, {
+      topic: topic,
+      cLabel: cLabel,
+      xLabel: xLabel,
+      yLabel: yLabel,
+      feature: feature,
+      isHidden: false
+    });
+  }
+
+  return _react2.default.createElement(_index2.default, {
+    topic: topic,
+    cLabel: cLabel,
+    xLabel: xLabel,
+    yLabel: yLabel,
+    feature: feature,
+    isHidden: false
+  });
+};
+
+var mapStateToProps = function mapStateToProps(state, _) {
+  return (// eslint-disable-line
+    {
+      layoutSt: state.layout
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({}, dispatch);
+};
+
+Content.propTypes = {
+  topic: _propTypes2.default.object.isRequired,
+  feature: _propTypes2.default.object.isRequired,
+  cLabel: _propTypes2.default.string.isRequired,
+  xLabel: _propTypes2.default.string.isRequired,
+  yLabel: _propTypes2.default.string.isRequired,
+  forecast: _propTypes2.default.object.isRequired,
+  operations: _propTypes2.default.array.isRequired,
+  layoutSt: _propTypes2.default.string.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps))(Content);

package/dist/layer_init.js

@@ -0,0 +1,231 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _styles = require('@material-ui/core/styles');
+
+var _submit = require('./actions/submit');
+
+var _manager = require('./actions/manager');
+
+var _meta = require('./actions/meta');
+
+var _jcamp = require('./actions/jcamp');
+
+var _layer_prism = require('./layer_prism');
+
+var _layer_prism2 = _interopRequireDefault(_layer_prism);
+
+var _format = require('./helpers/format');
+
+var _format2 = _interopRequireDefault(_format);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var styles = function styles() {
+  return {};
+};
+
+var LayerInit = function (_React$Component) {
+  _inherits(LayerInit, _React$Component);
+
+  function LayerInit(props) {
+    _classCallCheck(this, LayerInit);
+
+    var _this = _possibleConstructorReturn(this, (LayerInit.__proto__ || Object.getPrototypeOf(LayerInit)).call(this, props));
+
+    _this.normChange = _this.normChange.bind(_this);
+    _this.execReset = _this.execReset.bind(_this);
+    _this.initReducer = _this.initReducer.bind(_this);
+    _this.updateOthers = _this.updateOthers.bind(_this);
+    return _this;
+  }
+
+  _createClass(LayerInit, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.execReset();
+      this.initReducer();
+      this.updateOthers();
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(prevProps) {
+      this.normChange(prevProps);
+      this.updateOthers();
+    }
+  }, {
+    key: 'normChange',
+    value: function normChange(prevProps) {
+      var prevFeatures = prevProps.entity.features;
+      var prevPeak = prevFeatures.editPeak || prevFeatures.autoPeak;
+      var entity = this.props.entity;
+
+      var nextFeatures = entity.features;
+      var nextPeak = nextFeatures.editPeak || nextFeatures.autoPeak;
+
+      if (prevPeak !== nextPeak) {
+        this.execReset();
+      }
+    }
+  }, {
+    key: 'execReset',
+    value: function execReset() {
+      var _props = this.props,
+          entity = _props.entity,
+          updateMetaPeaksAct = _props.updateMetaPeaksAct,
+          resetInitCommonAct = _props.resetInitCommonAct,
+          resetInitMsAct = _props.resetInitMsAct,
+          resetInitNmrAct = _props.resetInitNmrAct,
+          resetInitCommonWithIntergationAct = _props.resetInitCommonWithIntergationAct;
+
+      resetInitCommonAct();
+      var layout = entity.layout,
+          features = entity.features;
+
+      if (_format2.default.isMsLayout(layout)) {
+        // const { autoPeak, editPeak } = features; // TBD
+        var autoPeak = features.autoPeak || features[0];
+        var editPeak = features.editPeak || features[0];
+        var baseFeat = editPeak || autoPeak;
+        resetInitMsAct(baseFeat);
+      }
+      if (_format2.default.isNmrLayout(layout)) {
+        var integration = features.integration,
+            multiplicity = features.multiplicity,
+            simulation = features.simulation;
+
+        updateMetaPeaksAct(entity);
+        resetInitNmrAct({
+          integration: integration, multiplicity: multiplicity, simulation: simulation
+        });
+      } else if (_format2.default.isUvVisLayout(layout) || _format2.default.isHplcUvVisLayout(layout)) {
+        var _integration = features.integration;
+
+        updateMetaPeaksAct(entity);
+        resetInitCommonWithIntergationAct({
+          integration: _integration
+        });
+      }
+    }
+  }, {
+    key: 'initReducer',
+    value: function initReducer() {
+      var _props2 = this.props,
+          operations = _props2.operations,
+          updateOperationAct = _props2.updateOperationAct;
+
+      updateOperationAct(operations[0]);
+    }
+  }, {
+    key: 'updateOthers',
+    value: function updateOthers() {
+      var _props3 = this.props,
+          others = _props3.others,
+          addOthersAct = _props3.addOthersAct;
+
+      addOthersAct(others);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props4 = this.props,
+          entity = _props4.entity,
+          cLabel = _props4.cLabel,
+          xLabel = _props4.xLabel,
+          yLabel = _props4.yLabel,
+          forecast = _props4.forecast,
+          operations = _props4.operations,
+          descriptions = _props4.descriptions,
+          molSvg = _props4.molSvg,
+          editorOnly = _props4.editorOnly,
+          canChangeDescription = _props4.canChangeDescription,
+          onDescriptionChanged = _props4.onDescriptionChanged;
+
+      var target = entity.spectra[0];
+
+      var xxLabel = !xLabel && xLabel === '' ? 'X (' + target.xUnit + ')' : xLabel;
+      var yyLabel = !yLabel && yLabel === '' ? 'Y (' + target.yUnit + ')' : yLabel;
+
+      return _react2.default.createElement(_layer_prism2.default, {
+        entity: entity,
+        cLabel: cLabel,
+        xLabel: xxLabel,
+        yLabel: yyLabel,
+        forecast: forecast,
+        operations: operations,
+        descriptions: descriptions,
+        molSvg: molSvg,
+        editorOnly: editorOnly,
+        canChangeDescription: canChangeDescription,
+        onDescriptionChanged: onDescriptionChanged
+      });
+    }
+  }]);
+
+  return LayerInit;
+}(_react2.default.Component);
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {}
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    resetInitCommonAct: _manager.resetInitCommon,
+    resetInitNmrAct: _manager.resetInitNmr,
+    resetInitMsAct: _manager.resetInitMs,
+    resetInitCommonWithIntergationAct: _manager.resetInitCommonWithIntergation,
+    updateOperationAct: _submit.updateOperation,
+    updateMetaPeaksAct: _meta.updateMetaPeaks,
+    addOthersAct: _jcamp.addOthers
+  }, dispatch);
+};
+
+LayerInit.propTypes = {
+  entity: _propTypes2.default.object.isRequired,
+  others: _propTypes2.default.object.isRequired,
+  cLabel: _propTypes2.default.string.isRequired,
+  xLabel: _propTypes2.default.string.isRequired,
+  yLabel: _propTypes2.default.string.isRequired,
+  molSvg: _propTypes2.default.string.isRequired,
+  editorOnly: _propTypes2.default.bool.isRequired,
+  forecast: _propTypes2.default.object.isRequired,
+  operations: _propTypes2.default.array.isRequired,
+  descriptions: _propTypes2.default.array.isRequired,
+  resetInitCommonAct: _propTypes2.default.func.isRequired,
+  resetInitNmrAct: _propTypes2.default.func.isRequired,
+  resetInitMsAct: _propTypes2.default.func.isRequired,
+  resetInitCommonWithIntergationAct: _propTypes2.default.func.isRequired,
+  updateOperationAct: _propTypes2.default.func.isRequired,
+  updateMetaPeaksAct: _propTypes2.default.func.isRequired,
+  addOthersAct: _propTypes2.default.func.isRequired,
+  canChangeDescription: _propTypes2.default.bool.isRequired,
+  onDescriptionChanged: _propTypes2.default.func
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(LayerInit));

package/dist/layer_prism.js

@@ -0,0 +1,186 @@
+'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 _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _Grid = require('@material-ui/core/Grid');
+
+var _Grid2 = _interopRequireDefault(_Grid);
+
+var _styles = require('@material-ui/core/styles');
+
+var _index = require('./components/panel/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _index3 = require('./components/cmd_bar/index');
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _layer_content = require('./layer_content');
+
+var _layer_content2 = _interopRequireDefault(_layer_content);
+
+var _list_ui = require('./constants/list_ui');
+
+var _extractParams2 = require('./helpers/extractParams');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return {};
+};
+
+var LayerPrism = function LayerPrism(_ref) {
+  var entity = _ref.entity,
+      cLabel = _ref.cLabel,
+      xLabel = _ref.xLabel,
+      yLabel = _ref.yLabel,
+      forecast = _ref.forecast,
+      operations = _ref.operations,
+      descriptions = _ref.descriptions,
+      molSvg = _ref.molSvg,
+      editorOnly = _ref.editorOnly,
+      thresSt = _ref.thresSt,
+      scanSt = _ref.scanSt,
+      uiSt = _ref.uiSt,
+      canChangeDescription = _ref.canChangeDescription,
+      onDescriptionChanged = _ref.onDescriptionChanged;
+
+  var _extractParams = (0, _extractParams2.extractParams)(entity, thresSt, scanSt),
+      topic = _extractParams.topic,
+      feature = _extractParams.feature,
+      hasEdit = _extractParams.hasEdit,
+      integration = _extractParams.integration;
+
+  if (!topic) return null;
+
+  var viewer = uiSt.viewer;
+
+  if (viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS) {
+    return _react2.default.createElement(
+      'div',
+      null,
+      _react2.default.createElement(_index4.default, {
+        feature: feature,
+        hasEdit: hasEdit,
+        forecast: forecast,
+        operations: operations,
+        editorOnly: editorOnly
+      }),
+      _react2.default.createElement(
+        'div',
+        { className: 'react-spectrum-editor' },
+        _react2.default.createElement(
+          _Grid2.default,
+          { container: true },
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(_layer_content2.default, {
+              topic: topic,
+              feature: feature,
+              cLabel: cLabel,
+              xLabel: xLabel,
+              yLabel: yLabel,
+              forecast: forecast,
+              operations: operations
+            })
+          )
+        )
+      )
+    );
+  }
+
+  return _react2.default.createElement(
+    'div',
+    null,
+    _react2.default.createElement(_index4.default, {
+      feature: feature,
+      hasEdit: hasEdit,
+      forecast: forecast,
+      operations: operations,
+      editorOnly: editorOnly
+    }),
+    _react2.default.createElement(
+      'div',
+      { className: 'react-spectrum-editor' },
+      _react2.default.createElement(
+        _Grid2.default,
+        { container: true },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 9 },
+          _react2.default.createElement(_layer_content2.default, {
+            topic: topic,
+            feature: feature,
+            cLabel: cLabel,
+            xLabel: xLabel,
+            yLabel: yLabel,
+            forecast: forecast,
+            operations: operations
+          })
+        ),
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 3, align: 'center' },
+          _react2.default.createElement(_index2.default, {
+            feature: feature,
+            integration: integration,
+            editorOnly: editorOnly,
+            molSvg: molSvg,
+            descriptions: descriptions,
+            canChangeDescription: canChangeDescription,
+            onDescriptionChanged: onDescriptionChanged
+          })
+        )
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      scanSt: state.scan,
+      thresSt: state.threshold,
+      uiSt: state.ui
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({}, dispatch);
+};
+
+LayerPrism.propTypes = {
+  entity: _propTypes2.default.object.isRequired,
+  cLabel: _propTypes2.default.string.isRequired,
+  xLabel: _propTypes2.default.string.isRequired,
+  yLabel: _propTypes2.default.string.isRequired,
+  molSvg: _propTypes2.default.string.isRequired,
+  editorOnly: _propTypes2.default.bool.isRequired,
+  forecast: _propTypes2.default.object.isRequired,
+  operations: _propTypes2.default.array.isRequired,
+  descriptions: _propTypes2.default.array.isRequired,
+  thresSt: _propTypes2.default.object.isRequired,
+  scanSt: _propTypes2.default.object.isRequired,
+  uiSt: _propTypes2.default.object.isRequired,
+  canChangeDescription: _propTypes2.default.bool.isRequired,
+  onDescriptionChanged: _propTypes2.default.func
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(LayerPrism));

package/dist/reducers/index.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _redux = require('redux');
+
+var _reducer_threshold = require('./reducer_threshold');
+
+var _reducer_threshold2 = _interopRequireDefault(_reducer_threshold);
+
+var _reducer_edit_peak = require('./reducer_edit_peak');
+
+var _reducer_edit_peak2 = _interopRequireDefault(_reducer_edit_peak);
+
+var _reducer_status = require('./reducer_status');
+
+var _reducer_status2 = _interopRequireDefault(_reducer_status);
+
+var _reducer_manager = require('./reducer_manager');
+
+var _reducer_manager2 = _interopRequireDefault(_reducer_manager);
+
+var _reducer_layout = require('./reducer_layout');
+
+var _reducer_layout2 = _interopRequireDefault(_reducer_layout);
+
+var _reducer_shift = require('./reducer_shift');
+
+var _reducer_shift2 = _interopRequireDefault(_reducer_shift);
+
+var _reducer_scan = require('./reducer_scan');
+
+var _reducer_scan2 = _interopRequireDefault(_reducer_scan);
+
+var _reducer_forecast = require('./reducer_forecast');
+
+var _reducer_forecast2 = _interopRequireDefault(_reducer_forecast);
+
+var _reducer_ui = require('./reducer_ui');
+
+var _reducer_ui2 = _interopRequireDefault(_reducer_ui);
+
+var _reducer_submit = require('./reducer_submit');
+
+var _reducer_submit2 = _interopRequireDefault(_reducer_submit);
+
+var _reducer_integration = require('./reducer_integration');
+
+var _reducer_integration2 = _interopRequireDefault(_reducer_integration);
+
+var _reducer_multiplicity = require('./reducer_multiplicity');
+
+var _reducer_multiplicity2 = _interopRequireDefault(_reducer_multiplicity);
+
+var _reducer_simulation = require('./reducer_simulation');
+
+var _reducer_simulation2 = _interopRequireDefault(_reducer_simulation);
+
+var _reducer_meta = require('./reducer_meta');
+
+var _reducer_meta2 = _interopRequireDefault(_reducer_meta);
+
+var _reducer_jcamp = require('./reducer_jcamp');
+
+var _reducer_jcamp2 = _interopRequireDefault(_reducer_jcamp);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var rootReducer = (0, _redux.combineReducers)({
+  threshold: _reducer_threshold2.default,
+  editPeak: _reducer_edit_peak2.default,
+  status: _reducer_status2.default,
+  manager: _reducer_manager2.default,
+  layout: _reducer_layout2.default,
+  shift: _reducer_shift2.default,
+  scan: _reducer_scan2.default,
+  forecast: _reducer_forecast2.default,
+  ui: _reducer_ui2.default,
+  submit: _reducer_submit2.default,
+  integration: _reducer_integration2.default,
+  multiplicity: _reducer_multiplicity2.default,
+  simulation: _reducer_simulation2.default,
+  meta: _reducer_meta2.default,
+  jcamp: _reducer_jcamp2.default
+});
+
+exports.default = rootReducer;