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

package/README.md

@@ -0,0 +1,37 @@
+# react-spectra-editor
+
+An editor to View and Edit Chemical Spectra data (NMR, IR and MS).
+
+### Usage
+
+#### Installing from npm
+With yarn
+```
+$ yarn add @complat/react-spectra-editor
+```
+
+Or with npm
+```
+$ npm i @complat/react-spectra-editor
+```
+
+#### Installing from github source
+```
+$ yarn add https://github.com/ComPlat/react-spectra-editor
+```
+
+#### Allows users manual edit spectra's description
+1. Set *canChangeDescription* to be ***true***
+2. Handle changed value on function *onDescriptionChanged*. The content is formatted with [Delta Object](https://quilljs.com/docs/delta/)
+
+#### Running Demo
+```
+$ yarn install
+
+$ yarn start
+```
+
+### Demo & Manual
+
+[demo & step-by-step manual](https://github.com/ComPlat/react-spectra-editor/blob/master/DEMO_MANUAL.md)
+

package/dist/actions/edit_peak.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rmFromNegList = exports.rmFromPosList = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var rmFromPosList = function rmFromPosList(payload) {
+  return {
+    type: _action_type.EDITPEAK.RM_POSITIVE,
+    payload: payload
+  };
+};
+
+var rmFromNegList = function rmFromNegList(payload) {
+  return {
+    type: _action_type.EDITPEAK.RM_NEGATIVE,
+    payload: payload
+  };
+};
+
+exports.rmFromPosList = rmFromPosList;
+exports.rmFromNegList = rmFromNegList;

package/dist/actions/forecast.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearForecastStatus = exports.setNmrStatus = exports.setIrStatus = exports.initForecastStatus = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var initForecastStatus = function initForecastStatus(payload) {
+  return {
+    type: _action_type.FORECAST.INIT_STATUS,
+    payload: payload
+  };
+};
+
+var setIrStatus = function setIrStatus(payload) {
+  return {
+    type: _action_type.FORECAST.SET_IR_STATUS,
+    payload: payload
+  };
+};
+
+var setNmrStatus = function setNmrStatus(payload) {
+  return {
+    type: _action_type.FORECAST.SET_NMR_STATUS,
+    payload: payload
+  };
+};
+
+var clearForecastStatus = function clearForecastStatus(payload) {
+  return {
+    type: _action_type.FORECAST.CLEAR_STATUS,
+    payload: payload
+  };
+};
+
+exports.initForecastStatus = initForecastStatus;
+exports.setIrStatus = setIrStatus;
+exports.setNmrStatus = setNmrStatus;
+exports.clearForecastStatus = clearForecastStatus;

package/dist/actions/integration.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearIntegrationAll = exports.setIntegrationFkr = exports.sweepIntegration = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var sweepIntegration = function sweepIntegration(payload) {
+  return {
+    type: _action_type.INTEGRATION.SWEEP,
+    payload: payload
+  };
+};
+
+var setIntegrationFkr = function setIntegrationFkr(payload) {
+  return {
+    type: _action_type.INTEGRATION.SET_FKR,
+    payload: payload
+  };
+};
+
+var clearIntegrationAll = function clearIntegrationAll(payload) {
+  return {
+    type: _action_type.INTEGRATION.CLEAR_ALL,
+    payload: payload
+  };
+};
+
+exports.sweepIntegration = sweepIntegration;
+exports.setIntegrationFkr = setIntegrationFkr;
+exports.clearIntegrationAll = clearIntegrationAll; // eslint-disable-line

package/dist/actions/jcamp.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearAll = exports.toggleShow = exports.rmOthersOne = exports.addOthers = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var addOthers = function addOthers(payload) {
+  return {
+    type: _action_type.JCAMP.ADD_OTHERS,
+    payload: payload
+  };
+};
+
+var rmOthersOne = function rmOthersOne(payload) {
+  return {
+    type: _action_type.JCAMP.RM_OTHERS_ONE,
+    payload: payload
+  };
+};
+
+var toggleShow = function toggleShow(payload) {
+  return {
+    type: _action_type.JCAMP.TOGGLE_SHOW,
+    payload: payload
+  };
+};
+
+var clearAll = function clearAll(payload) {
+  return {
+    type: _action_type.JCAMP.CLEAR_ALL,
+    payload: payload
+  };
+};
+
+exports.addOthers = addOthers;
+exports.rmOthersOne = rmOthersOne;
+exports.toggleShow = toggleShow;
+exports.clearAll = clearAll;

package/dist/actions/layout.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateLayout = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var updateLayout = function updateLayout(payload) {
+  return {
+    type: _action_type.LAYOUT.UPDATE,
+    payload: payload
+  };
+};
+
+exports.updateLayout = updateLayout; // eslint-disable-line

package/dist/actions/manager.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resetInitCommonWithIntergation = exports.resetInitMs = exports.resetInitNmr = exports.resetInitCommon = exports.resetAll = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var resetAll = function resetAll(payload) {
+  return {
+    type: _action_type.MANAGER.RESETALL,
+    payload: payload
+  };
+};
+
+var resetInitCommon = function resetInitCommon(payload) {
+  return {
+    type: _action_type.MANAGER.RESET_INIT_COMMON,
+    payload: payload
+  };
+};
+
+var resetInitNmr = function resetInitNmr(payload) {
+  return {
+    type: _action_type.MANAGER.RESET_INIT_NMR,
+    payload: payload
+  };
+};
+
+var resetInitMs = function resetInitMs(payload) {
+  return {
+    type: _action_type.MANAGER.RESET_INIT_MS,
+    payload: payload
+  };
+};
+
+var resetInitCommonWithIntergation = function resetInitCommonWithIntergation(payload) {
+  return {
+    type: _action_type.MANAGER.RESET_INIT_COMMON_WITH_INTERGATION,
+    payload: payload
+  };
+};
+
+exports.resetAll = resetAll;
+exports.resetInitCommon = resetInitCommon;
+exports.resetInitNmr = resetInitNmr;
+exports.resetInitMs = resetInitMs;
+exports.resetInitCommonWithIntergation = resetInitCommonWithIntergation; // eslint-disable-line

package/dist/actions/meta.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateMetaPeaks = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var updateMetaPeaks = function updateMetaPeaks(payload) {
+  return {
+    type: _action_type.META.UPDATE_PEAKS,
+    payload: payload
+  };
+};
+
+exports.updateMetaPeaks = updateMetaPeaks;

package/dist/actions/multiplicity.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateMpyJ = exports.resetMpyOne = exports.clearMpyAll = exports.selectMpyType = exports.rmMpyPeakByPanel = exports.clickMpyOne = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var clickMpyOne = function clickMpyOne(payload) {
+  return {
+    type: _action_type.MULTIPLICITY.ONE_CLICK,
+    payload: payload
+  };
+};
+
+var rmMpyPeakByPanel = function rmMpyPeakByPanel(payload) {
+  return {
+    type: _action_type.MULTIPLICITY.PEAK_RM_BY_PANEL,
+    payload: payload
+  };
+};
+
+var selectMpyType = function selectMpyType(payload) {
+  return {
+    type: _action_type.MULTIPLICITY.TYPE_SELECT,
+    payload: payload
+  };
+};
+
+var clearMpyAll = function clearMpyAll(payload) {
+  return {
+    type: _action_type.MULTIPLICITY.CLEAR_ALL,
+    payload: payload
+  };
+};
+
+var resetMpyOne = function resetMpyOne(payload) {
+  return {
+    type: _action_type.MULTIPLICITY.RESET_ONE,
+    payload: payload
+  };
+};
+
+var updateMpyJ = function updateMpyJ(payload) {
+  return {
+    type: _action_type.MULTIPLICITY.UPDATE_J,
+    payload: payload
+  };
+};
+
+exports.clickMpyOne = clickMpyOne;
+exports.rmMpyPeakByPanel = rmMpyPeakByPanel;
+exports.selectMpyType = selectMpyType;
+exports.clearMpyAll = clearMpyAll;
+exports.resetMpyOne = resetMpyOne;
+exports.updateMpyJ = updateMpyJ; // eslint-disable-line

package/dist/actions/scan.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toggleScanIsAuto = exports.resetScanTarget = exports.setScanTarget = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var setScanTarget = function setScanTarget(payload) {
+  return {
+    type: _action_type.SCAN.SET_TARGET,
+    payload: payload
+  };
+};
+
+var resetScanTarget = function resetScanTarget() {
+  return {
+    type: _action_type.SCAN.SET_TARGET,
+    payload: false
+  };
+};
+
+var toggleScanIsAuto = function toggleScanIsAuto(payload) {
+  return {
+    type: _action_type.SCAN.TOGGLE_ISAUTO,
+    payload: payload
+  };
+};
+
+exports.setScanTarget = setScanTarget;
+exports.resetScanTarget = resetScanTarget;
+exports.toggleScanIsAuto = toggleScanIsAuto;

package/dist/actions/shift.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rmShiftPeak = exports.setShiftRef = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var setShiftRef = function setShiftRef(payload) {
+  return {
+    type: _action_type.SHIFT.SET_REF,
+    payload: payload
+  };
+};
+
+var rmShiftPeak = function rmShiftPeak() {
+  return {
+    type: _action_type.SHIFT.RM_PEAK,
+    payload: null
+  };
+};
+
+exports.setShiftRef = setShiftRef;
+exports.rmShiftPeak = rmShiftPeak; // eslint-disable-line

package/dist/actions/status.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.enableAllBtn = exports.toggleAllBtn = exports.toggleSubmitBtn = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var toggleSubmitBtn = function toggleSubmitBtn() {
+  return {
+    type: _action_type.STATUS.TOGGLEBTNSUBMIT,
+    payload: []
+  };
+};
+
+var toggleAllBtn = function toggleAllBtn() {
+  return {
+    type: _action_type.STATUS.TOGGLEBTNALL,
+    payload: []
+  };
+};
+
+var enableAllBtn = function enableAllBtn() {
+  return {
+    type: _action_type.STATUS.ENABLEBTNALL,
+    payload: []
+  };
+};
+
+exports.toggleSubmitBtn = toggleSubmitBtn;
+exports.toggleAllBtn = toggleAllBtn;
+exports.enableAllBtn = enableAllBtn;

package/dist/actions/submit.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateDecimal = exports.updateOperation = exports.toggleIsIntensity = exports.toggleIsAscend = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var toggleIsAscend = function toggleIsAscend() {
+  return {
+    type: _action_type.SUBMIT.TOGGLE_IS_ASCEND,
+    payload: false
+  };
+};
+
+var toggleIsIntensity = function toggleIsIntensity() {
+  return {
+    type: _action_type.SUBMIT.TOGGLE_IS_INTENSITY,
+    payload: false
+  };
+};
+
+var updateOperation = function updateOperation(payload) {
+  return {
+    type: _action_type.SUBMIT.UPDATE_OPERATION,
+    payload: payload
+  };
+};
+
+var updateDecimal = function updateDecimal(payload) {
+  return {
+    type: _action_type.SUBMIT.UPDATE_DECIMAL,
+    payload: payload
+  };
+};
+
+exports.toggleIsAscend = toggleIsAscend;
+exports.toggleIsIntensity = toggleIsIntensity;
+exports.updateOperation = updateOperation;
+exports.updateDecimal = updateDecimal;

package/dist/actions/threshold.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toggleThresholdIsEdit = exports.resetThresholdValue = exports.updateThresholdValue = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var updateThresholdValue = function updateThresholdValue(payload) {
+  return {
+    type: _action_type.THRESHOLD.UPDATE_VALUE,
+    payload: payload
+  };
+};
+
+var resetThresholdValue = function resetThresholdValue() {
+  return {
+    type: _action_type.THRESHOLD.RESET_VALUE,
+    payload: false
+  };
+};
+
+var toggleThresholdIsEdit = function toggleThresholdIsEdit(payload) {
+  return {
+    type: _action_type.THRESHOLD.TOGGLE_ISEDIT,
+    payload: payload
+  };
+};
+
+exports.updateThresholdValue = updateThresholdValue;
+exports.resetThresholdValue = resetThresholdValue;
+exports.toggleThresholdIsEdit = toggleThresholdIsEdit;

package/dist/actions/ui.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clickUiTarget = exports.scrollUiWheel = exports.selectUiSweep = exports.setUiSweepType = exports.setUiViewerType = undefined;
+
+var _action_type = require('../constants/action_type');
+
+var setUiViewerType = function setUiViewerType(payload) {
+  return {
+    type: _action_type.UI.VIEWER.SET_TYPE,
+    payload: payload
+  };
+};
+
+var setUiSweepType = function setUiSweepType(payload) {
+  return {
+    type: _action_type.UI.SWEEP.SET_TYPE,
+    payload: payload
+  };
+};
+
+var selectUiSweep = function selectUiSweep(payload) {
+  return {
+    type: _action_type.UI.SWEEP.SELECT,
+    payload: payload
+  };
+};
+
+var scrollUiWheel = function scrollUiWheel(payload) {
+  return {
+    type: _action_type.UI.WHEEL.SCROLL,
+    payload: payload
+  };
+};
+
+var clickUiTarget = function clickUiTarget(payload, onPeak) {
+  return {
+    type: _action_type.UI.CLICK_TARGET,
+    payload: payload,
+    onPeak: onPeak
+  };
+};
+
+exports.setUiViewerType = setUiViewerType;
+exports.setUiSweepType = setUiSweepType;
+exports.selectUiSweep = selectUiSweep;
+exports.scrollUiWheel = scrollUiWheel;
+exports.clickUiTarget = clickUiTarget;

package/dist/app.js

@@ -0,0 +1,125 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FN = exports.SpectraEditor = undefined;
+
+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);
+
+require('regenerator-runtime/runtime');
+
+var _reduxSaga = require('redux-saga');
+
+var _reduxSaga2 = _interopRequireDefault(_reduxSaga);
+
+var _index = require('./reducers/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _index3 = require('./sagas/index');
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _layer_init = require('./layer_init');
+
+var _layer_init2 = _interopRequireDefault(_layer_init);
+
+var _fn = require('./fn');
+
+var _fn2 = _interopRequireDefault(_fn);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// - - - store & middleware - - -
+
+// import { logger } from 'redux-logger';
+
+var sagaMiddleware = (0, _reduxSaga2.default)(); // eslint-disable-line
+
+var middlewares = [sagaMiddleware]; // logger
+
+var store = (0, _redux.compose)(_redux.applyMiddleware.apply(undefined, middlewares))(_redux.createStore)(_index2.default);
+
+sagaMiddleware.run(_index4.default);
+
+// - - - helper - - -
+var ensureQuillDelta = function ensureQuillDelta(descs) {
+  var isArr = Array.isArray(descs);
+  return isArr ? descs : [{ insert: descs }];
+};
+
+// - - - React - - -
+var SpectraEditor = function SpectraEditor(_ref) {
+  var entity = _ref.entity,
+      others = _ref.others,
+      cLabel = _ref.cLabel,
+      xLabel = _ref.xLabel,
+      yLabel = _ref.yLabel,
+      operations = _ref.operations,
+      forecast = _ref.forecast,
+      molSvg = _ref.molSvg,
+      editorOnly = _ref.editorOnly,
+      descriptions = _ref.descriptions,
+      canChangeDescription = _ref.canChangeDescription,
+      onDescriptionChanged = _ref.onDescriptionChanged;
+  return _react2.default.createElement(
+    _reactRedux.Provider,
+    { store: store },
+    _react2.default.createElement(_layer_init2.default, {
+      entity: entity,
+      others: others,
+      cLabel: cLabel,
+      xLabel: xLabel,
+      yLabel: yLabel,
+      forecast: forecast,
+      operations: operations,
+      descriptions: ensureQuillDelta(descriptions),
+      molSvg: molSvg,
+      editorOnly: editorOnly,
+      canChangeDescription: canChangeDescription,
+      onDescriptionChanged: onDescriptionChanged
+    })
+  );
+};
+
+SpectraEditor.propTypes = {
+  entity: _propTypes2.default.object.isRequired,
+  others: _propTypes2.default.object,
+  cLabel: _propTypes2.default.string,
+  xLabel: _propTypes2.default.string,
+  yLabel: _propTypes2.default.string,
+  forecast: _propTypes2.default.object,
+  operations: _propTypes2.default.array,
+  descriptions: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array]),
+  molSvg: _propTypes2.default.string,
+  editorOnly: _propTypes2.default.bool,
+  canChangeDescription: _propTypes2.default.bool,
+  onDescriptionChanged: _propTypes2.default.func
+};
+
+SpectraEditor.defaultProps = {
+  others: { others: [], addOthersCb: false },
+  cLabel: '',
+  xLabel: '',
+  yLabel: '',
+  forecast: {},
+  operations: [],
+  descriptions: [],
+  molSvg: '',
+  editorOnly: false,
+  canChangeDescription: false
+};
+
+exports.SpectraEditor = SpectraEditor;
+exports.FN = _fn2.default;