@complat/react-spectra-editor 1.5.0 → 1.5.2

package/dist/components/d3_multi/multi_focus.js

@@ -97,19 +97,6 @@ class MultiFocus {
     this.isFirefox = typeof InstallTrigger !== 'undefined';
     this.cyclicvoltaSt = null;
   }
-  getGlobalXExtent() {
-    let allData = [...this.data];
-    if (this.otherLineData) {
-      this.otherLineData.forEach(lineData => {
-        allData = [...allData, ...lineData.data];
-      });
-    }
-    const xes = d3.extent(allData, d => d.x).sort((a, b) => a - b);
-    return {
-      xL: xes[0],
-      xU: xes[1]
-    };
-  }
   getShouldUpdate(nextEpSt) {
     const {
       prevXt,
@@ -296,14 +283,6 @@ class MultiFocus {
   drawOtherLines(layout) {
     d3.selectAll('.line-clip-compare').remove();
     if (!this.otherLineData) return null;
-    const {
-      yt
-    } = (0, _compass.TfRescale)(this);
-    const globalXExtent = this.getGlobalXExtent();
-    const reverse = this.reverseXAxis(this.layout);
-    const xRange = reverse ? [this.w, 0] : [0, this.w];
-    const xtGlobal = d3.scaleLinear().domain([globalXExtent.xL, globalXExtent.xU]).range(xRange);
-    const globalPathCall = d3.line().x(d => xtGlobal(d.x)).y(d => yt(d.y));
     this.otherLineData.forEach((entry, idx) => {
       const {
         data,
@@ -311,7 +290,7 @@ class MultiFocus {
       } = entry;
       const pathColor = color ? color : _format.default.mutiEntitiesColors(idx);
       const path = (0, _mount.MountComparePath)(this, pathColor, idx, 0.4);
-      path.attr('d', globalPathCall(data));
+      path.attr('d', this.pathCall(data));
       if (this.layout === _list_layout.LIST_LAYOUT.AIF && this.isShowAllCurves === true) {
         path.attr('marker-mid', 'url(#arrow-left)');
       }

package/dist/components/multi_jcamps_viewer.js

@@ -66,7 +66,10 @@ class MultiJcampsViewer extends _react.default.Component {
       molSvg,
       exactMass,
       layoutSt,
-      integrationSt
+      integrationSt,
+      descriptions,
+      canChangeDescription,
+      onDescriptionChanged
     } = this.props;
     if (!entities || entities.length === 0) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
     const separateCondition = _format.default.isGCLayout(layoutSt) ? 'yUnit' : 'xUnit';
@@ -117,9 +120,9 @@ class MultiJcampsViewer extends _react.default.Component {
               exactMass: exactMass,
               subLayoutsInfo: seperatedSubLayouts,
               integration: currentIntegration,
-              descriptions: "",
-              canChangeDescription: () => {},
-              onDescriptionChanged: () => {}
+              descriptions: descriptions,
+              canChangeDescription: canChangeDescription,
+              onDescriptionChanged: onDescriptionChanged
             })
           })]
         })
@@ -159,7 +162,10 @@ MultiJcampsViewer.propTypes = {
   entities: _propTypes.default.array,
   layoutSt: _propTypes.default.string.isRequired,
   exactMass: _propTypes.default.string,
-  integrationSt: _propTypes.default.object.isRequired
+  integrationSt: _propTypes.default.object.isRequired,
+  descriptions: _propTypes.default.array.isRequired,
+  canChangeDescription: _propTypes.default.bool.isRequired,
+  onDescriptionChanged: _propTypes.default.func
 };
 MultiJcampsViewer.defaultProps = {
   multiEntities: [],
@@ -168,6 +174,8 @@ MultiJcampsViewer.defaultProps = {
   cLabel: '',
   xLabel: '',
   yLabel: '',
-  entities: []
+  entities: [],
+  descriptions: [],
+  canChangeDescription: false
 };
 var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(MultiJcampsViewer);

package/dist/components/panel/compare.js

@@ -224,7 +224,15 @@ const ComparePanel = ({
 }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Accordion, {
   expanded: expand,
   onChange: onExapnd,
-  className: (0, _classnames.default)(classes.panel),
+  disableGutters: true,
+  sx: {
+    '&.MuiAccordion-root.Mui-expanded': {
+      margin: 0
+    },
+    '&:before': {
+      display: 'none'
+    }
+  },
   TransitionProps: {
     unmountOnExit: true
   } // increase Accordion performance

package/dist/components/panel/cyclic_voltamery_data.js

@@ -173,6 +173,15 @@ const CyclicVoltammetryPanel = ({
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Accordion, {
     "data-testid": "PanelVoltammetry",
+    disableGutters: true,
+    sx: {
+      '&.MuiAccordion-root.Mui-expanded': {
+        margin: 0
+      },
+      '&:before': {
+        display: 'none'
+      }
+    },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.AccordionSummary, {
       expandIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {}),
       className: (0, _classnames.default)(classes.panelSummary),

package/dist/components/panel/graph_selection.js

@@ -128,6 +128,15 @@ const GraphSelectionPanel = ({
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Accordion, {
     "data-testid": "GraphSelectionPanel",
+    disableGutters: true,
+    sx: {
+      '&.MuiAccordion-root.Mui-expanded': {
+        margin: 0
+      },
+      '&:before': {
+        display: 'none'
+      }
+    },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.AccordionSummary, {
       expandIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {}),
       className: (0, _classnames.default)(classes.panelSummary),

package/dist/components/panel/info.js

@@ -31,11 +31,7 @@ const styles = () => ({
   },
   panelSummary: {
     backgroundColor: '#eee',
-    height: 32,
-    minHeight: 32,
-    '& .MuiAccordionSummary-content': {
-      margin: 0
-    }
+    height: 32
   },
   subSectionHeader: {
     backgroundColor: '#eee',
@@ -341,7 +337,15 @@ const InfoPanel = ({
     "data-testid": "PanelInfo",
     expanded: expand,
     onChange: onExapnd,
-    className: (0, _classnames.default)(classes.panel),
+    disableGutters: true,
+    sx: {
+      '&.MuiAccordion-root.Mui-expanded': {
+        margin: 0
+      },
+      '&:before': {
+        display: 'none'
+      }
+    },
     TransitionProps: {
       unmountOnExit: true
     } // increase Accordion performance
@@ -435,9 +439,10 @@ const InfoPanel = ({
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: classes.quillContainer,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuill.default, {
+            className: (0, _classnames.default)(classes.quill, 'card-sv-quill'),
             value: normalizeQuillValue(descriptions),
-            placeholder: canChangeDescription ? 'Add text here...' : undefined,
-            readOnly: !canChangeDescription,
+            placeholder: canChangeDescription ? 'Peaks will be written here...' : undefined,
+            readOnly: true,
             modules: {
               toolbar: false
             },

package/dist/components/panel/multiplicity.js

@@ -257,7 +257,15 @@ const MultiplicityPanel = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Accordion, {
     expanded: expand,
     onChange: onExapnd,
-    className: (0, _classnames.default)(classes.panel),
+    disableGutters: true,
+    sx: {
+      '&.MuiAccordion-root.Mui-expanded': {
+        margin: 0
+      },
+      '&:before': {
+        display: 'none'
+      }
+    },
     TransitionProps: {
       unmountOnExit: true
     } // increase Accordion performance

package/dist/components/panel/peaks.js

@@ -185,7 +185,15 @@ const PeakPanel = ({
     "data-testid": "PeaksPanelInfo",
     expanded: expand,
     onChange: onExapnd,
-    className: (0, _classnames.default)(classes.panel),
+    disableGutters: true,
+    sx: {
+      '&.MuiAccordion-root.Mui-expanded': {
+        margin: 0
+      },
+      '&:before': {
+        display: 'none'
+      }
+    },
     TransitionProps: {
       unmountOnExit: true
     } // increase Accordion performance

package/dist/index.js

@@ -800,6 +800,7 @@ class DemoWriteIr extends _react.default.Component {
         multiEntities: multiEntities,
         others: others,
         editorOnly: false,
+        descriptions: desc,
         canChangeDescription: true,
         onDescriptionChanged: this.onDescriptionChanged,
         molSvg: molSvg,

package/dist/layer_init.js

@@ -155,7 +155,10 @@ class LayerInit extends _react.default.Component {
         userManualLink: userManualLink,
         molSvg: molSvg,
         exactMass: exactMass,
-        operations: operations
+        operations: operations,
+        descriptions: descriptions,
+        canChangeDescription: canChangeDescription,
+        onDescriptionChanged: onDescriptionChanged
       });
     } else if (_format.default.isCyclicVoltaLayout(layout)) {
       // eslint-disable-line
@@ -165,7 +168,10 @@ class LayerInit extends _react.default.Component {
         userManualLink: userManualLink,
         molSvg: molSvg,
         exactMass: exactMass,
-        operations: operations
+        operations: operations,
+        descriptions: descriptions,
+        canChangeDescription: canChangeDescription,
+        onDescriptionChanged: onDescriptionChanged
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_layer_prism.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complat/react-spectra-editor",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "An editor to View and Edit Chemical Spectra data (NMR, IR, MS, CV, UIVIS, XRD, GC, and DSC).",
   "repository": {
     "type": "git",