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

package/dist/index_bk.js

@@ -1,640 +0,0 @@
-"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"));
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _reactQuill = _interopRequireDefault(require("react-quill"));
-var _app = require("./app");
-var _nmr1h_jcamp = _interopRequireDefault(require("./__tests__/fixtures/nmr1h_jcamp"));
-var _nmr13c_dept_jcamp = _interopRequireDefault(require("./__tests__/fixtures/nmr13c_dept_jcamp"));
-var _nmr13c_jcamp = _interopRequireDefault(require("./__tests__/fixtures/nmr13c_jcamp"));
-var _nmr19f_jcamp = _interopRequireDefault(require("./__tests__/fixtures/nmr19f_jcamp"));
-var _nmr31p_jcamp = _interopRequireDefault(require("./__tests__/fixtures/nmr31p_jcamp"));
-var _nmr15n_jcamp = _interopRequireDefault(require("./__tests__/fixtures/nmr15n_jcamp"));
-var _nmr29si_jcamp = _interopRequireDefault(require("./__tests__/fixtures/nmr29si_jcamp"));
-var _ir_jcamp = _interopRequireDefault(require("./__tests__/fixtures/ir_jcamp"));
-var _compare_ir_1_jcamp = _interopRequireDefault(require("./__tests__/fixtures/compare_ir_1_jcamp"));
-var _compare_ir_2_jcamp = _interopRequireDefault(require("./__tests__/fixtures/compare_ir_2_jcamp"));
-var _raman_jcamp = _interopRequireDefault(require("./__tests__/fixtures/raman_jcamp"));
-var _ms_jcamp = _interopRequireDefault(require("./__tests__/fixtures/ms_jcamp"));
-var _nmr_result = _interopRequireDefault(require("./__tests__/fixtures/nmr_result"));
-var _ir_result = _interopRequireDefault(require("./__tests__/fixtures/ir_result"));
-var _phenylalanin = _interopRequireDefault(require("./__tests__/fixtures/phenylalanin"));
-var _compare_uv_vis_jcamp = _interopRequireDefault(require("./__tests__/fixtures/compare_uv_vis_jcamp"));
-var _uv_vis_jcamp = _interopRequireDefault(require("./__tests__/fixtures/uv_vis_jcamp"));
-var _hplc_uvvis_jcamp = _interopRequireDefault(require("./__tests__/fixtures/hplc_uvvis_jcamp"));
-var _tga_jcamp = _interopRequireDefault(require("./__tests__/fixtures/tga_jcamp"));
-var _xrd_jcamp_ = _interopRequireDefault(require("./__tests__/fixtures/xrd_jcamp_1"));
-var _xrd_jcamp_2 = _interopRequireDefault(require("./__tests__/fixtures/xrd_jcamp_2"));
-var _cyclic_voltammetry_ = _interopRequireDefault(require("./__tests__/fixtures/cyclic_voltammetry_1"));
-var _cyclic_voltammetry_2 = _interopRequireDefault(require("./__tests__/fixtures/cyclic_voltammetry_2"));
-var _cyclic_voltammetry_3 = _interopRequireDefault(require("./__tests__/fixtures/cyclic_voltammetry_3"));
-var _cds_jcamp = _interopRequireDefault(require("./__tests__/fixtures/cds_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; } }
-var nmr1HEntity = _app.FN.ExtractJcamp(_nmr1h_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 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 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 = {
-      typ: 'nmr 1h',
-      desc: '',
-      predictions: false,
-      molecule: '',
-      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;
-  }
-  (0, _createClass2.default)(DemoWriteIr, [{
-    key: "onClick",
-    value: function onClick(typ) {
-      var _this2 = this;
-      return function () {
-        _this2.setState({
-          typ: typ,
-          desc: '',
-          predictions: false,
-          molecule: ''
-        });
-      };
-    }
-  }, {
-    key: "rmDollarSign",
-    value: function rmDollarSign(target) {
-      return target.replace(/\$/g, '');
-    }
-  }, {
-    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
-      };
-      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;
-        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
-      });
-    }
-  }, {
-    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,
-        waveLength = _ref8.waveLength;
-      var desc = this.formatPks({
-        peaks: peaks,
-        layout: layout,
-        shift: shift,
-        isAscend: isAscend,
-        decimal: decimal,
-        isIntensity: isIntensity,
-        integration: integration
-      });
-      this.setState({
-        desc: desc
-      });
-    }
-  }, {
-    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');
-      }
-      /*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$state = this.state,
-        molecule = _this$state.molecule,
-        typ = _this$state.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: "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 'ms':
-        default:
-          return msEntity;
-      }
-    }
-  }, {
-    key: "loadMultiEntities",
-    value: function loadMultiEntities() {
-      var typ = this.state.typ;
-      switch (typ) {
-        case 'cyclic volta':
-          return [cyclicVoltaEntity1, cyclicVoltaEntity2, cyclicVoltaEntity3];
-        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':
-        default:
-          return false;
-      }
-    }
-  }, {
-    key: "onShowOthers",
-    value: function onShowOthers(jcamp) {
-      this.setState({
-        showOthers: true
-      });
-    }
-  }, {
-    key: "loadOthers",
-    value: function loadOthers() {
-      var _this$state2 = this.state,
-        showOthers = _this$state2.showOthers,
-        typ = _this$state2.typ;
-      var isIr = typ === 'ir';
-      var isXRD = typ === 'xrd';
-      var others = showOthers ? isIr ? [compIr1Entity, compIr2Entity] : isXRD ? [xrdEntity2] : [compUvVisEntity] : [];
-      return {
-        others: others,
-        addOthersCb: this.onShowOthers
-      };
-    }
-  }, {
-    key: "onDescriptionChanged",
-    value: function onDescriptionChanged(content) {
-      // console.log(content)
-      this.setState({
-        descChanged: content
-      });
-    }
-  }, {
-    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));
-      }
-      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('ms')
-      }, "MS")), /*#__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 - - -
-_reactDom.default.render( /*#__PURE__*/_react.default.createElement(DemoWriteIr, null), document.getElementById('root'));