@complat/react-spectra-editor 1.0.0-rc2 → 1.0.0-rc20.patch-1

package/dist/index.js

@@ -1,14 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
@@ -47,46 +39,52 @@ var _sec_1_jcamp = _interopRequireDefault(require("./__tests__/fixtures/sec_1_jc
 var _sec_2_jcamp = _interopRequireDefault(require("./__tests__/fixtures/sec_2_jcamp"));
 var _sec_3_jcamp = _interopRequireDefault(require("./__tests__/fixtures/sec_3_jcamp"));
 var _sec_4_jcamp = _interopRequireDefault(require("./__tests__/fixtures/sec_4_jcamp"));
+var _aif_jcamp_ = _interopRequireDefault(require("./__tests__/fixtures/aif_jcamp_1"));
+var _aif_jcamp_2 = _interopRequireDefault(require("./__tests__/fixtures/aif_jcamp_2"));
+var _emissions_jcamp = _interopRequireDefault(require("./__tests__/fixtures/emissions_jcamp"));
+var _dls_acf_jcamp = _interopRequireDefault(require("./__tests__/fixtures/dls_acf_jcamp"));
+var _dls_intensity_jcamp = _interopRequireDefault(require("./__tests__/fixtures/dls_intensity_jcamp"));
 var _qDescValue = require("./__tests__/fixtures/qDescValue");
 require("./__tests__/style/svg.css");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable prefer-object-spread, default-param-last, no-nested-ternary */
-var nmr1HEntity = _app.FN.ExtractJcamp(_nmr1h_jcamp.default);
-var nmr1HEntity2 = _app.FN.ExtractJcamp(_nmr1h_2_jcamp.default);
-var nmr13CEntity = _app.FN.ExtractJcamp(_nmr13c_jcamp.default);
-var nmr13CDeptEntity = _app.FN.ExtractJcamp(_nmr13c_dept_jcamp.default);
-var nmr19FEntity = _app.FN.ExtractJcamp(_nmr19f_jcamp.default);
-var nmr31PEntity = _app.FN.ExtractJcamp(_nmr31p_jcamp.default);
-var nmr15NEntity = _app.FN.ExtractJcamp(_nmr15n_jcamp.default);
-var nmr29SiEntity = _app.FN.ExtractJcamp(_nmr29si_jcamp.default);
-var irEntity = _app.FN.ExtractJcamp(_ir_jcamp.default);
-var compIr1Entity = _app.FN.ExtractJcamp(_compare_ir_1_jcamp.default);
-var compIr2Entity = _app.FN.ExtractJcamp(_compare_ir_2_jcamp.default);
-var ramanEntity = _app.FN.ExtractJcamp(_raman_jcamp.default);
-var msEntity = _app.FN.ExtractJcamp(_ms_jcamp.default);
-var uvVisEntity = _app.FN.ExtractJcamp(_uv_vis_jcamp.default);
-var compUvVisEntity = _app.FN.ExtractJcamp(_compare_uv_vis_jcamp.default);
-var hplcUVVisEntity = _app.FN.ExtractJcamp(_hplc_uvvis_jcamp.default);
-var hplcUVVisEntity2 = _app.FN.ExtractJcamp(_hplc_uvvis_jcamp_.default);
-var tgaEntity = _app.FN.ExtractJcamp(_tga_jcamp.default);
-var xrdEntity1 = _app.FN.ExtractJcamp(_xrd_jcamp_.default);
-var xrdEntity2 = _app.FN.ExtractJcamp(_xrd_jcamp_2.default);
-var cyclicVoltaEntity1 = _app.FN.ExtractJcamp(_cyclic_voltammetry_.default);
-var cyclicVoltaEntity2 = _app.FN.ExtractJcamp(_cyclic_voltammetry_2.default);
-var cyclicVoltaEntity3 = _app.FN.ExtractJcamp(_cyclic_voltammetry_3.default);
-var cdsEntity = _app.FN.ExtractJcamp(_cds_jcamp.default);
-var secEntity1 = _app.FN.ExtractJcamp(_sec_1_jcamp.default);
-var secEntity2 = _app.FN.ExtractJcamp(_sec_2_jcamp.default);
-var secEntity3 = _app.FN.ExtractJcamp(_sec_3_jcamp.default);
-var secEntity4 = _app.FN.ExtractJcamp(_sec_4_jcamp.default);
-var DemoWriteIr = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(DemoWriteIr, _React$Component);
-  var _super = _createSuper(DemoWriteIr);
-  function DemoWriteIr(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, DemoWriteIr);
-    _this = _super.call(this, props);
-    _this.state = {
+/* eslint-disable prefer-object-spread, default-param-last, no-nested-ternary */
+
+const nmr1HEntity = _app.FN.ExtractJcamp(_nmr1h_jcamp.default);
+const nmr1HEntity2 = _app.FN.ExtractJcamp(_nmr1h_2_jcamp.default);
+const nmr13CEntity = _app.FN.ExtractJcamp(_nmr13c_jcamp.default);
+const nmr13CDeptEntity = _app.FN.ExtractJcamp(_nmr13c_dept_jcamp.default);
+const nmr19FEntity = _app.FN.ExtractJcamp(_nmr19f_jcamp.default);
+const nmr31PEntity = _app.FN.ExtractJcamp(_nmr31p_jcamp.default);
+const nmr15NEntity = _app.FN.ExtractJcamp(_nmr15n_jcamp.default);
+const nmr29SiEntity = _app.FN.ExtractJcamp(_nmr29si_jcamp.default);
+const irEntity = _app.FN.ExtractJcamp(_ir_jcamp.default);
+const compIr1Entity = _app.FN.ExtractJcamp(_compare_ir_1_jcamp.default);
+const compIr2Entity = _app.FN.ExtractJcamp(_compare_ir_2_jcamp.default);
+const ramanEntity = _app.FN.ExtractJcamp(_raman_jcamp.default);
+const msEntity = _app.FN.ExtractJcamp(_ms_jcamp.default);
+const uvVisEntity = _app.FN.ExtractJcamp(_uv_vis_jcamp.default);
+const compUvVisEntity = _app.FN.ExtractJcamp(_compare_uv_vis_jcamp.default);
+const hplcUVVisEntity = _app.FN.ExtractJcamp(_hplc_uvvis_jcamp.default);
+const hplcUVVisEntity2 = _app.FN.ExtractJcamp(_hplc_uvvis_jcamp_.default);
+const tgaEntity = _app.FN.ExtractJcamp(_tga_jcamp.default);
+const xrdEntity1 = _app.FN.ExtractJcamp(_xrd_jcamp_.default);
+const xrdEntity2 = _app.FN.ExtractJcamp(_xrd_jcamp_2.default);
+const cyclicVoltaEntity1 = _app.FN.ExtractJcamp(_cyclic_voltammetry_.default);
+const cyclicVoltaEntity2 = _app.FN.ExtractJcamp(_cyclic_voltammetry_2.default);
+const cyclicVoltaEntity3 = _app.FN.ExtractJcamp(_cyclic_voltammetry_3.default);
+const cdsEntity = _app.FN.ExtractJcamp(_cds_jcamp.default);
+const secEntity1 = _app.FN.ExtractJcamp(_sec_1_jcamp.default);
+const secEntity2 = _app.FN.ExtractJcamp(_sec_2_jcamp.default);
+const secEntity3 = _app.FN.ExtractJcamp(_sec_3_jcamp.default);
+const secEntity4 = _app.FN.ExtractJcamp(_sec_4_jcamp.default);
+const aifEntity1 = _app.FN.ExtractJcamp(_aif_jcamp_.default);
+const aifEntity2 = _app.FN.ExtractJcamp(_aif_jcamp_2.default);
+const emissionsEntity = _app.FN.ExtractJcamp(_emissions_jcamp.default);
+const dlsAcfEntity = _app.FN.ExtractJcamp(_dls_acf_jcamp.default);
+const dlsIntensityEntity = _app.FN.ExtractJcamp(_dls_intensity_jcamp.default);
+class DemoWriteIr extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       typ: 'nmr 1h',
       desc: '',
       predictions: false,
@@ -94,602 +92,654 @@ var DemoWriteIr = /*#__PURE__*/function (_React$Component) {
       showOthers: false,
       descChanged: ''
     };
-    _this.onClick = _this.onClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.writeMpy = _this.writeMpy.bind((0, _assertThisInitialized2.default)(_this));
-    _this.writePeak = _this.writePeak.bind((0, _assertThisInitialized2.default)(_this));
-    _this.formatPks = _this.formatPks.bind((0, _assertThisInitialized2.default)(_this));
-    _this.formatMpy = _this.formatMpy.bind((0, _assertThisInitialized2.default)(_this));
-    _this.savePeaks = _this.savePeaks.bind((0, _assertThisInitialized2.default)(_this));
-    _this.predictOp = _this.predictOp.bind((0, _assertThisInitialized2.default)(_this));
-    _this.updatInput = _this.updatInput.bind((0, _assertThisInitialized2.default)(_this));
-    _this.loadEntity = _this.loadEntity.bind((0, _assertThisInitialized2.default)(_this));
-    _this.loadQuill = _this.loadQuill.bind((0, _assertThisInitialized2.default)(_this));
-    _this.onShowOthers = _this.onShowOthers.bind((0, _assertThisInitialized2.default)(_this));
-    _this.loadOthers = _this.loadOthers.bind((0, _assertThisInitialized2.default)(_this));
-    _this.onDescriptionChanged = _this.onDescriptionChanged.bind((0, _assertThisInitialized2.default)(_this));
-    _this.loadMultiEntities = _this.loadMultiEntities.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
+    this.onClick = this.onClick.bind(this);
+    this.writeMpy = this.writeMpy.bind(this);
+    this.writePeak = this.writePeak.bind(this);
+    this.formatPks = this.formatPks.bind(this);
+    this.formatMpy = this.formatMpy.bind(this);
+    this.savePeaks = this.savePeaks.bind(this);
+    this.predictOp = this.predictOp.bind(this);
+    this.updatInput = this.updatInput.bind(this);
+    this.loadEntity = this.loadEntity.bind(this);
+    this.loadQuill = this.loadQuill.bind(this);
+    this.onShowOthers = this.onShowOthers.bind(this);
+    this.loadOthers = this.loadOthers.bind(this);
+    this.onDescriptionChanged = this.onDescriptionChanged.bind(this);
+    this.loadMultiEntities = this.loadMultiEntities.bind(this);
   }
-  (0, _createClass2.default)(DemoWriteIr, [{
-    key: "onClick",
-    value: function onClick(typ) {
-      var _this2 = this;
-      return function () {
-        _this2.setState({
-          typ: typ,
-          desc: '',
-          predictions: false,
-          molecule: ''
-        });
-      };
-    }
-  }, {
-    key: "onShowOthers",
-    value: function onShowOthers(jcamp) {
-      // eslint-disable-line
-      this.setState({
-        showOthers: true
-      });
-    }
-  }, {
-    key: "onDescriptionChanged",
-    value: function onDescriptionChanged(content) {
-      // console.log(content)
+  onClick(typ) {
+    return () => {
       this.setState({
-        descChanged: content
+        typ,
+        desc: '',
+        predictions: false,
+        molecule: ''
       });
+    };
+  }
+  onShowOthers(jcamp) {
+    // eslint-disable-line
+    this.setState({
+      showOthers: true
+    });
+  }
+  onDescriptionChanged(content) {
+    // console.log(content)
+    this.setState({
+      descChanged: content
+    });
+  }
+  loadEntity() {
+    const {
+      typ
+    } = this.state;
+    switch (typ) {
+      case 'nmr 1h':
+        return nmr1HEntity;
+      case 'nmr 13c':
+        return nmr13CEntity;
+      case 'nmr 13c dept':
+        return nmr13CDeptEntity;
+      case 'nmr 19f':
+        return nmr19FEntity;
+      case 'nmr 31p':
+        return nmr31PEntity;
+      case 'nmr 15n':
+        return nmr15NEntity;
+      case 'nmr 29si':
+        return nmr29SiEntity;
+      case 'ir':
+        return irEntity;
+      case 'raman':
+        return ramanEntity;
+      case 'uv/vis':
+        return uvVisEntity;
+      case 'hplc uv/vis':
+        return hplcUVVisEntity;
+      case 'tga':
+        return tgaEntity;
+      case 'xrd':
+        return xrdEntity1;
+      case 'cyclic volta':
+        return cyclicVoltaEntity2;
+      case 'cds':
+        return cdsEntity;
+      case 'sec':
+        return secEntity1;
+      case 'aif':
+        return aifEntity1;
+      case 'emissions':
+        return emissionsEntity;
+      case 'dls acf':
+        return dlsAcfEntity;
+      case 'dls intensity':
+        return dlsIntensityEntity;
+      case 'ms':
+      default:
+        return msEntity;
     }
-  }, {
-    key: "loadEntity",
-    value: function loadEntity() {
-      var typ = this.state.typ;
-      switch (typ) {
-        case 'nmr 1h':
-          return nmr1HEntity;
-        case 'nmr 13c':
-          return nmr13CEntity;
-        case 'nmr 13c dept':
-          return nmr13CDeptEntity;
-        case 'nmr 19f':
-          return nmr19FEntity;
-        case 'nmr 31p':
-          return nmr31PEntity;
-        case 'nmr 15n':
-          return nmr15NEntity;
-        case 'nmr 29si':
-          return nmr29SiEntity;
-        case 'ir':
-          return irEntity;
-        case 'raman':
-          return ramanEntity;
-        case 'uv/vis':
-          return uvVisEntity;
-        case 'hplc uv/vis':
-          return hplcUVVisEntity;
-        case 'tga':
-          return tgaEntity;
-        case 'xrd':
-          return xrdEntity1;
-        case 'cyclic volta':
-          return cyclicVoltaEntity2;
-        case 'cds':
-          return cdsEntity;
-        case 'sec':
-          return secEntity1;
-        case 'ms':
-        default:
-          return msEntity;
-      }
-    }
-  }, {
-    key: "loadMultiEntities",
-    value: function loadMultiEntities() {
-      var typ = this.state.typ;
-      switch (typ) {
-        case 'cyclic volta':
-          return [cyclicVoltaEntity1, cyclicVoltaEntity2, cyclicVoltaEntity3];
-        case 'multi':
-          return [nmr1HEntity, nmr1HEntity2];
-        case 'multi hplc':
-          return [hplcUVVisEntity, hplcUVVisEntity2];
-        case 'multi ir':
-          return [compIr1Entity, compIr2Entity];
-        case 'multi xrd':
-          return [xrdEntity1, xrdEntity2];
-        case 'sec':
-          return [secEntity1, secEntity2, secEntity3, secEntity4];
-        default:
-          return false;
-      }
-    }
-  }, {
-    key: "loadQuill",
-    value: function loadQuill() {
-      var typ = this.state.typ;
-      switch (typ) {
-        case 'nmr 1h':
-          return _qDescValue.q1H;
-        case 'nmr 13c':
-          return _qDescValue.q13C;
-        case 'nmr 13c dept':
-          return _qDescValue.q13C;
-        case 'ir':
-          return _qDescValue.qIR;
-        case 'nmr 19f':
-        case 'nmr 31p':
-        case 'nmr 15n':
-        case 'nmr 29si':
-        case 'raman':
-        case 'uv/vis':
-        case 'hplc uv/vis':
-        case 'tga':
-        case 'xrd':
-        case 'ms':
-        case 'cyclic volta':
-        case 'cds':
-        case 'sec':
-        default:
-          return false;
-      }
-    }
-  }, {
-    key: "loadOthers",
-    value: function loadOthers() {
-      var _this$state = this.state,
-        showOthers = _this$state.showOthers,
-        typ = _this$state.typ;
-      var isIr = typ === 'ir';
-      var isXRD = typ === 'xrd';
-      var others = showOthers ? isIr ? [compIr1Entity, compIr2Entity] : isXRD ? [xrdEntity2] : [compUvVisEntity] : [];
-      return {
-        others: others,
-        addOthersCb: this.onShowOthers
-      };
+  }
+  loadMultiEntities() {
+    const {
+      typ
+    } = this.state;
+    switch (typ) {
+      case 'cyclic volta':
+        return [cyclicVoltaEntity1, cyclicVoltaEntity2, cyclicVoltaEntity3];
+      case 'multi':
+        return [nmr1HEntity, nmr1HEntity2];
+      case 'multi hplc':
+        return [hplcUVVisEntity, hplcUVVisEntity2];
+      case 'multi ir':
+        return [compIr1Entity, compIr2Entity];
+      case 'multi xrd':
+        return [xrdEntity1, xrdEntity2];
+      case 'sec':
+        return [secEntity1, secEntity2, secEntity3, secEntity4];
+      case 'aif':
+        return [aifEntity1, aifEntity2];
+      default:
+        return false;
     }
-  }, {
-    key: "rmDollarSign",
-    value: function rmDollarSign(target) {
-      return target.replace(/\$/g, '');
+  }
+  loadQuill() {
+    const {
+      typ
+    } = this.state;
+    switch (typ) {
+      case 'nmr 1h':
+        return _qDescValue.q1H;
+      case 'nmr 13c':
+        return _qDescValue.q13C;
+      case 'nmr 13c dept':
+        return _qDescValue.q13C;
+      case 'ir':
+        return _qDescValue.qIR;
+      case 'nmr 19f':
+      case 'nmr 31p':
+      case 'nmr 15n':
+      case 'nmr 29si':
+      case 'raman':
+      case 'uv/vis':
+      case 'hplc uv/vis':
+      case 'tga':
+      case 'xrd':
+      case 'ms':
+      case 'cyclic volta':
+      case 'cds':
+      case 'sec':
+      case 'aif':
+      case 'emissions':
+      case 'dls acf':
+      case 'dls intensity':
+      default:
+        return false;
     }
-  }, {
-    key: "formatPks",
-    value: function formatPks(_ref) {
-      var peaks = _ref.peaks,
-        layout = _ref.layout,
-        shift = _ref.shift,
-        isAscend = _ref.isAscend,
-        decimal = _ref.decimal,
-        isIntensity = _ref.isIntensity,
-        integration = _ref.integration;
-      var entity = this.loadEntity();
-      var features = entity.features;
-      var _ref2 = Array.isArray(features) ? {} : features.editPeak || features.autoPeak,
-        maxY = _ref2.maxY,
-        minY = _ref2.minY;
-      var boundary = {
-        maxY: maxY,
-        minY: minY
+  }
+  loadOthers() {
+    const {
+      showOthers,
+      typ
+    } = this.state;
+    const isIr = typ === 'ir';
+    const isXRD = typ === 'xrd';
+    const others = showOthers ? isIr ? [compIr1Entity, compIr2Entity] : isXRD ? [xrdEntity2] : [compUvVisEntity] : [];
+    return {
+      others,
+      addOthersCb: this.onShowOthers
+    };
+  }
+  rmDollarSign(target) {
+    return target.replace(/\$/g, '');
+  }
+  formatPks(_ref) {
+    let {
+      peaks,
+      layout,
+      shift,
+      isAscend,
+      decimal,
+      isIntensity,
+      integration,
+      waveLength
+    } = _ref;
+    const entity = this.loadEntity();
+    const {
+      features
+    } = entity;
+    const {
+      temperature
+    } = entity;
+    const {
+      maxY,
+      minY
+    } = Array.isArray(features) ? {} : features.editPeak || features.autoPeak;
+    const boundary = {
+      maxY,
+      minY
+    };
+    const body = _app.FN.peaksBody({
+      peaks,
+      layout,
+      decimal,
+      shift,
+      isAscend,
+      isIntensity,
+      boundary,
+      integration,
+      waveLength,
+      temperature
+    });
+    const wrapper = _app.FN.peaksWrapper(layout, shift);
+    const desc = this.rmDollarSign(wrapper.head) + body + wrapper.tail;
+    return desc;
+  }
+  formatMpy(_ref2) {
+    let {
+      multiplicity,
+      integration,
+      shift,
+      isAscend,
+      decimal,
+      layout
+    } = _ref2;
+    // obsv freq
+    const entity = this.loadEntity();
+    const {
+      features
+    } = entity;
+    const {
+      observeFrequency
+    } = Array.isArray(features) ? features[0] : features.editPeak || features.autoPeak;
+    const freq = observeFrequency[0];
+    const freqStr = freq ? `${parseInt(freq, 10)} MHz, ` : '';
+    // multiplicity
+    const {
+      refArea,
+      refFactor
+    } = integration;
+    const shiftVal = multiplicity.shift;
+    const ms = multiplicity.stack;
+    const is = integration.stack;
+    const macs = ms.map(m => {
+      const {
+        peaks,
+        mpyType,
+        xExtent
+      } = m;
+      const {
+        xL,
+        xU
+      } = xExtent;
+      const it = is.filter(i => i.xL === xL && i.xU === xU)[0] || {
+        area: 0
       };
-      var body = _app.FN.peaksBody({
-        peaks: peaks,
-        layout: layout,
-        decimal: decimal,
-        shift: shift,
-        isAscend: isAscend,
-        isIntensity: isIntensity,
-        boundary: boundary,
-        integration: integration
-      });
-      var wrapper = _app.FN.peaksWrapper(layout, shift);
-      var desc = this.rmDollarSign(wrapper.head) + body + wrapper.tail;
-      return desc;
-    }
-  }, {
-    key: "formatMpy",
-    value: function formatMpy(_ref3) {
-      var multiplicity = _ref3.multiplicity,
-        integration = _ref3.integration,
-        shift = _ref3.shift,
-        isAscend = _ref3.isAscend,
-        decimal = _ref3.decimal,
-        layout = _ref3.layout;
-      // obsv freq
-      var entity = this.loadEntity();
-      var features = entity.features;
-      var _ref4 = Array.isArray(features) ? features[0] : features.editPeak || features.autoPeak,
-        observeFrequency = _ref4.observeFrequency;
-      var freq = observeFrequency[0];
-      var freqStr = freq ? "".concat(parseInt(freq, 10), " MHz, ") : '';
-      // multiplicity
-      var refArea = integration.refArea,
-        refFactor = integration.refFactor;
-      var shiftVal = multiplicity.shift;
-      var ms = multiplicity.stack;
-      var is = integration.stack;
-      var macs = ms.map(function (m) {
-        var peaks = m.peaks,
-          mpyType = m.mpyType,
-          xExtent = m.xExtent;
-        var xL = xExtent.xL,
-          xU = xExtent.xU;
-        var it = is.filter(function (i) {
-          return i.xL === xL && i.xU === xU;
-        })[0] || {
-          area: 0
-        };
-        var area = it.area * refFactor / refArea; // eslint-disable-line
-        var center = _app.FN.calcMpyCenter(peaks, shiftVal, mpyType);
-        var xs = m.peaks.map(function (p) {
-          return p.x;
-        }).sort(function (a, b) {
-          return a - b;
-        });
-        var _ref5 = isAscend ? [0, xs.length - 1] : [xs.length - 1, 0],
-          _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
-          aIdx = _ref6[0],
-          bIdx = _ref6[1];
-        var mxA = mpyType === 'm' ? (xs[aIdx] - shiftVal).toFixed(decimal) : 0;
-        var mxB = mpyType === 'm' ? (xs[bIdx] - shiftVal).toFixed(decimal) : 0;
-        return Object.assign({}, m, {
-          area: area,
-          center: center,
-          mxA: mxA,
-          mxB: mxB
-        });
-      }).sort(function (a, b) {
-        return isAscend ? a.center - b.center : b.center - a.center;
-      });
-      var str = macs.map(function (m) {
-        var c = m.center;
-        var type = m.mpyType;
-        var it = Math.round(m.area);
-        var js = m.js.map(function (j) {
-          return "J = ".concat(j.toFixed(1), " Hz");
-        }).join(', ');
-        var atomCount = layout === '1H' ? ", ".concat(it, "H") : '';
-        var location = type === 'm' ? "".concat(m.mxA, "\u2013").concat(m.mxB) : "".concat(c.toFixed(decimal));
-        return m.js.length === 0 ? "".concat(location, " (").concat(type).concat(atomCount, ")") : "".concat(location, " (").concat(type, ", ").concat(js).concat(atomCount, ")");
-      }).join(', ');
-      var _shift$ref = shift.ref,
-        label = _shift$ref.label,
-        value = _shift$ref.value,
-        name = _shift$ref.name;
-      var solvent = label ? "".concat(name.split('(')[0].trim(), " [").concat(value.toFixed(decimal), " ppm], ") : '';
-      return "".concat(layout, " NMR (").concat(freqStr).concat(solvent, "ppm) \u03B4 = ").concat(str, ".");
-    }
-  }, {
-    key: "writeMpy",
-    value: function writeMpy(_ref7) {
-      var layout = _ref7.layout,
-        shift = _ref7.shift,
-        isAscend = _ref7.isAscend,
-        decimal = _ref7.decimal,
-        multiplicity = _ref7.multiplicity,
-        integration = _ref7.integration;
-      if (['1H', '13C', '19F'].indexOf(layout) < 0) return;
-      var desc = this.formatMpy({
-        multiplicity: multiplicity,
-        integration: integration,
-        shift: shift,
-        isAscend: isAscend,
-        decimal: decimal,
-        layout: layout
-      });
-      this.setState({
-        desc: desc
+      const area = it.area * refFactor / refArea; // eslint-disable-line
+      const center = _app.FN.calcMpyCenter(peaks, shiftVal, mpyType);
+      const xs = m.peaks.map(p => p.x).sort((a, b) => a - b);
+      const [aIdx, bIdx] = isAscend ? [0, xs.length - 1] : [xs.length - 1, 0];
+      const mxA = mpyType === 'm' ? (xs[aIdx] - shiftVal).toFixed(decimal) : 0;
+      const mxB = mpyType === 'm' ? (xs[bIdx] - shiftVal).toFixed(decimal) : 0;
+      return Object.assign({}, m, {
+        area,
+        center,
+        mxA,
+        mxB
       });
+    }).sort((a, b) => isAscend ? a.center - b.center : b.center - a.center);
+    const str = macs.map(m => {
+      const c = m.center;
+      const type = m.mpyType;
+      const it = Math.round(m.area);
+      const js = m.js.map(j => `J = ${j.toFixed(1)} Hz`).join(', ');
+      const atomCount = layout === '1H' ? `, ${it}H` : '';
+      const location = type === 'm' ? `${m.mxA}–${m.mxB}` : `${c.toFixed(decimal)}`;
+      return m.js.length === 0 ? `${location} (${type}${atomCount})` : `${location} (${type}, ${js}${atomCount})`;
+    }).join(', ');
+    const {
+      label,
+      value,
+      name
+    } = shift.ref;
+    const solvent = label ? `${name.split('(')[0].trim()} [${value.toFixed(decimal)} ppm], ` : '';
+    return `${layout} NMR (${freqStr}${solvent}ppm) δ = ${str}.`;
+  }
+  writeMpy(_ref3) {
+    let {
+      layout,
+      shift,
+      isAscend,
+      decimal,
+      multiplicity,
+      integration
+    } = _ref3;
+    if (!_app.FN.isNmrLayout(layout)) return;
+    const desc = this.formatMpy({
+      multiplicity,
+      integration,
+      shift,
+      isAscend,
+      decimal,
+      layout
+    });
+    this.setState({
+      desc
+    });
+  }
+  writePeak(_ref4) {
+    let {
+      peaks,
+      layout,
+      shift,
+      isAscend,
+      decimal,
+      isIntensity,
+      integration,
+      waveLength
+    } = _ref4;
+    const desc = this.formatPks({
+      peaks,
+      layout,
+      shift,
+      isAscend,
+      decimal,
+      isIntensity,
+      integration,
+      waveLength
+    });
+    this.setState({
+      desc
+    });
+  }
+  savePeaks(_ref5) {
+    let {
+      peaks,
+      layout,
+      shift,
+      isAscend,
+      decimal,
+      analysis,
+      isIntensity,
+      integration,
+      multiplicity,
+      waveLength
+    } = _ref5;
+    const entity = this.loadEntity();
+    const {
+      features
+    } = entity;
+    const {
+      temperature
+    } = entity;
+    const {
+      maxY,
+      minY
+    } = Array.isArray(features) ? features[0] : features.editPeak || features.autoPeak;
+    const boundary = {
+      maxY,
+      minY
+    };
+    const body = _app.FN.peaksBody({
+      peaks,
+      layout,
+      decimal,
+      shift,
+      isAscend,
+      isIntensity,
+      boundary,
+      waveLength,
+      temperature
+    });
+    /*eslint-disable */
+    console.log(analysis);
+    console.log(integration);
+    console.log(multiplicity);
+    if (shift.ref.label) {
+      const label = this.rmDollarSign(shift.ref.label);
+      alert(`Peaks: ${body}` + '\n' + '- - - - - - - - - - -' + '\n' + `Shift solvent = ${label}, ${shift.ref.value}ppm` + '\n');
+    } else {
+      alert(`Peaks: ${body}` + '\n');
     }
-  }, {
-    key: "writePeak",
-    value: function writePeak(_ref8) {
-      var peaks = _ref8.peaks,
-        layout = _ref8.layout,
-        shift = _ref8.shift,
-        isAscend = _ref8.isAscend,
-        decimal = _ref8.decimal,
-        isIntensity = _ref8.isIntensity,
-        integration = _ref8.integration;
-      var desc = this.formatPks({
-        peaks: peaks,
-        layout: layout,
-        shift: shift,
-        isAscend: isAscend,
-        decimal: decimal,
-        isIntensity: isIntensity,
-        integration: integration
-      });
+    /*eslint-disable */
+  }
+
+  predictOp(_ref6) {
+    let {
+      multiplicity,
+      curveSt
+    } = _ref6;
+    const {
+      curveIdx
+    } = curveSt;
+    const {
+      multiplicities
+    } = multiplicity;
+    const selectedMultiplicity = multiplicities[curveIdx];
+    const {
+      stack,
+      shift
+    } = selectedMultiplicity;
+    const targets = stack.map(stk => {
+      const {
+        mpyType,
+        peaks
+      } = stk;
+      return _app.FN.CalcMpyCenter(peaks, shift, mpyType);
+    });
+    // console.log(targets)
+    const {
+      molecule,
+      typ
+    } = this.state;
+    const predictions = {
+      running: true
+    };
+    this.setState({
+      predictions
+    });
+    // simulate fetching...
+    const result = typ === 'ir' ? _ir_result.default : _nmr_result.default;
+    setTimeout(() => {
       this.setState({
-        desc: desc
+        predictions: result
       });
+    }, 2000);
+  }
+  updatInput(e) {
+    const molecule = e.target.value;
+    this.setState({
+      molecule
+    });
+  }
+  render() {
+    const {
+      desc,
+      predictions,
+      molecule,
+      typ
+    } = this.state;
+    const entity = this.loadEntity();
+    const qDescVal = this.loadQuill();
+    const multiEntities = this.loadMultiEntities();
+    let operations = [{
+      name: 'write peaks',
+      value: this.writePeak
+    }, {
+      name: 'save',
+      value: this.savePeaks
+    }].filter(r => r.value);
+    if (_app.FN.isNmrLayout(entity.layout)) {
+      operations = [{
+        name: 'write multiplicity',
+        value: this.writeMpy
+      }, ...operations];
     }
-  }, {
-    key: "savePeaks",
-    value: function savePeaks(_ref9) {
-      var peaks = _ref9.peaks,
-        layout = _ref9.layout,
-        shift = _ref9.shift,
-        isAscend = _ref9.isAscend,
-        decimal = _ref9.decimal,
-        analysis = _ref9.analysis,
-        isIntensity = _ref9.isIntensity,
-        integration = _ref9.integration,
-        multiplicity = _ref9.multiplicity;
-      var entity = this.loadEntity();
-      var features = entity.features;
-      var _ref10 = Array.isArray(features) ? features[0] : features.editPeak || features.autoPeak,
-        maxY = _ref10.maxY,
-        minY = _ref10.minY;
-      var boundary = {
-        maxY: maxY,
-        minY: minY
-      };
-      var body = _app.FN.peaksBody({
-        peaks: peaks,
-        layout: layout,
-        decimal: decimal,
-        shift: shift,
-        isAscend: isAscend,
-        isIntensity: isIntensity,
-        boundary: boundary
-      });
-      /*eslint-disable */
-      console.log(analysis);
-      console.log(integration);
-      console.log(multiplicity);
-      if (shift.ref.label) {
-        var label = this.rmDollarSign(shift.ref.label);
-        alert("Peaks: ".concat(body) + '\n' + '- - - - - - - - - - -' + '\n' + "Shift solvent = ".concat(label, ", ").concat(shift.ref.value, "ppm") + '\n');
-      } else {
-        alert("Peaks: ".concat(body) + '\n');
+    const refreshCb = () => alert('Refresch simulation!');
+    const forecast = {
+      btnCb: this.predictOp,
+      refreshCb,
+      inputCb: this.updatInput,
+      molecule: molecule,
+      predictions
+    };
+    const molSvg = ['nmr 1h', 'ir'].indexOf(typ) >= 0 ? _phenylalanin.default.path : '';
+    const others = this.loadOthers();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: Math.round(window.innerWidth * 0.96)
       }
-      /*eslint-disable */
-    }
-  }, {
-    key: "predictOp",
-    value: function predictOp(_ref11) {
-      var _this3 = this;
-      var multiplicity = _ref11.multiplicity;
-      var stack = multiplicity.stack,
-        shift = multiplicity.shift;
-      var targets = stack.map(function (stk) {
-        var mpyType = stk.mpyType,
-          peaks = stk.peaks;
-        return _app.FN.CalcMpyCenter(peaks, shift, mpyType);
-      });
-      // console.log(targets)
-      var _this$state2 = this.state,
-        molecule = _this$state2.molecule,
-        typ = _this$state2.typ;
-      var predictions = {
-        running: true
-      };
-      this.setState({
-        predictions: predictions
-      });
-      // simulate fetching...
-      var result = typ === 'ir' ? _ir_result.default : _nmr_result.default;
-      setTimeout(function () {
-        _this3.setState({
-          predictions: result
-        });
-      }, 2000);
-    }
-  }, {
-    key: "updatInput",
-    value: function updatInput(e) {
-      var molecule = e.target.value;
-      this.setState({
-        molecule: molecule
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state3 = this.state,
-        desc = _this$state3.desc,
-        predictions = _this$state3.predictions,
-        molecule = _this$state3.molecule,
-        typ = _this$state3.typ;
-      var entity = this.loadEntity();
-      var qDescVal = this.loadQuill();
-      var multiEntities = this.loadMultiEntities();
-      var operations = [{
-        name: 'write peaks',
-        value: this.writePeak
-      }, {
-        name: 'save',
-        value: this.savePeaks
-      }].filter(function (r) {
-        return r.value;
-      });
-      if (['1H', '13C', '19F', '31P', '15N', '29Si'].indexOf(entity.layout) >= 0) {
-        operations = [{
-          name: 'write multiplicity',
-          value: this.writeMpy
-        }].concat((0, _toConsumableArray2.default)(operations));
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        margin: '0 0 15px 55px'
       }
-      var refreshCb = function refreshCb() {
-        return alert('Refresch simulation!');
-      };
-      var forecast = {
-        btnCb: this.predictOp,
-        refreshCb: refreshCb,
-        inputCb: this.updatInput,
-        molecule: molecule,
-        predictions: predictions
-      };
-      var molSvg = ['nmr 1h', 'ir'].indexOf(typ) >= 0 ? _phenylalanin.default.path : '';
-      var others = this.loadOthers();
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          width: Math.round(window.innerWidth * 0.96)
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          margin: '0 0 15px 55px'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('nmr 1h')
-      }, "NMR 1H"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('nmr 13c')
-      }, "NMR 13C"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('nmr 13c dept')
-      }, "NMR 13C DEPT"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('nmr 19f')
-      }, "NMR 19F"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('nmr 31p')
-      }, "NMR 31P"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('nmr 15n')
-      }, "NMR 15N"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('nmr 29si')
-      }, "NMR 29Si"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('ir')
-      }, "IR"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('raman')
-      }, "RAMAN"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('uv/vis')
-      }, "UV/VIS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('hplc uv/vis')
-      }, "HPLC UV/VIS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('tga')
-      }, "TGA"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('xrd')
-      }, "XRD"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('cyclic volta')
-      }, "CV"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('cds')
-      }, "CDS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('sec')
-      }, "SEC"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('ms')
-      }, "MS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('multi')
-      }, "Multi NMR"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('multi ir')
-      }, "Multi IR"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('multi hplc')
-      }, "Multi HPLC"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "contained",
-        style: {
-          margin: '0 10px 0 10px'
-        },
-        onClick: this.onClick('multi xrd')
-      }, "Multi XRD")), /*#__PURE__*/_react.default.createElement(_app.SpectraEditor, {
-        entity: entity,
-        multiEntities: multiEntities,
-        others: others,
-        editorOnly: false,
-        canChangeDescription: true,
-        onDescriptionChanged: this.onDescriptionChanged,
-        molSvg: molSvg,
-        userManualLink: {
-          cv: "https://www.chemotion.net/chemotionsaurus/docs/eln/chemspectra/cvanalysis"
-        }
-      }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, "Description Changed"), /*#__PURE__*/_react.default.createElement(_reactQuill.default, {
-        className: 'card-sv-quill',
-        value: this.state.descChanged,
-        modules: {
-          toolbar: false
-        },
-        readOnly: true
-      })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-        container: true
-      }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-        item: true,
-        xs: 10
-      }, /*#__PURE__*/_react.default.createElement(_InputBase.default, {
-        style: {
-          margin: '0 0 0 63px'
-        },
-        placeholder: "Description",
-        multiline: true,
-        fullWidth: true,
-        rows: "2",
-        margin: "dense",
-        value: desc
-      }))));
-    }
-  }]);
-  return DemoWriteIr;
-}(_react.default.Component); // - - - DOM - - -
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('nmr 1h')
+    }, "NMR 1H"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('nmr 13c')
+    }, "NMR 13C"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('nmr 13c dept')
+    }, "NMR 13C DEPT"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('nmr 19f')
+    }, "NMR 19F"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('nmr 31p')
+    }, "NMR 31P"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('nmr 15n')
+    }, "NMR 15N"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('nmr 29si')
+    }, "NMR 29Si"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('ir')
+    }, "IR"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('raman')
+    }, "RAMAN"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('uv/vis')
+    }, "UV/VIS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('hplc uv/vis')
+    }, "HPLC UV/VIS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('tga')
+    }, "TGA"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('xrd')
+    }, "XRD"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('cyclic volta')
+    }, "CV"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('cds')
+    }, "CDS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('sec')
+    }, "SEC"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('aif')
+    }, "SORPTION-DESORPTION"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('emissions')
+    }, "EMISSIONS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('dls acf')
+    }, "DLS ACF"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('dls intensity')
+    }, "DLS intensity"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('ms')
+    }, "MS"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('multi')
+    }, "Multi NMR"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('multi ir')
+    }, "Multi IR"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('multi hplc')
+    }, "Multi HPLC"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('multi xrd')
+    }, "Multi XRD")), /*#__PURE__*/_react.default.createElement(_app.SpectraEditor, {
+      entity: entity,
+      multiEntities: multiEntities,
+      others: others,
+      editorOnly: false,
+      canChangeDescription: true,
+      onDescriptionChanged: this.onDescriptionChanged,
+      molSvg: molSvg,
+      userManualLink: {
+        cv: "https://www.chemotion.net/chemotionsaurus/docs/eln/chemspectra/cvanalysis"
+      },
+      forecast: forecast,
+      operations: operations
+    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, "Description Changed"), /*#__PURE__*/_react.default.createElement(_reactQuill.default, {
+      className: 'card-sv-quill',
+      value: this.state.descChanged,
+      modules: {
+        toolbar: false
+      },
+      readOnly: true
+    })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      container: true
+    }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      item: true,
+      xs: 10
+    }, /*#__PURE__*/_react.default.createElement(_InputBase.default, {
+      style: {
+        margin: '0 0 0 63px'
+      },
+      placeholder: "Description",
+      multiline: true,
+      fullWidth: true,
+      rows: "2",
+      margin: "dense",
+      value: desc
+    }))));
+  }
+}
+
+// - - - DOM - - -
 _reactDom.default.render( /*#__PURE__*/_react.default.createElement(DemoWriteIr, null), document.getElementById('root'));