@complat/react-spectra-editor 1.3.5 → 1.4.0

package/dist/__tests__/units/components/cmd_bar/01_viewer.test.js

@@ -8,6 +8,7 @@ require("@testing-library/jest-dom");
 var _viewer = _interopRequireDefault(require("../../../../components/cmd_bar/01_viewer"));
 var _list_ui = require("../../../../constants/list_ui");
 var _list_layout = require("../../../../constants/list_layout");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const store = mockStore({
   ui: _list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM,
@@ -18,22 +19,23 @@ store.dispatch = jest.fn(dispatchMock);
 describe('<Viewer />', () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/React.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   it('Render Viewer', async () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/React.createElement(_viewer.default, {
-      editorOnly: false
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_viewer.default, {
+        editorOnly: false
+      })
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);
@@ -42,11 +44,12 @@ describe('<Viewer />', () => {
     expect(renderResult.childElementCount).toEqual(2);
   });
   it('Render Viewer in editor only mode', () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/React.createElement(_viewer.default, {
-      editorOnly: true
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_viewer.default, {
+        editorOnly: true
+      })
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);

package/dist/__tests__/units/components/cmd_bar/02_zoom.test.js

@@ -7,6 +7,7 @@ var _react = require("@testing-library/react");
 require("@testing-library/jest-dom");
 var _zoom = _interopRequireDefault(require("../../../../components/cmd_bar/02_zoom"));
 var _list_ui = require("../../../../constants/list_ui");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const store = mockStore({
   ui: {
@@ -18,22 +19,23 @@ store.dispatch = jest.fn(dispatchMock);
 describe('<Zoom />', () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/React.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   it('Render Zoom', async () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/React.createElement(_zoom.default, {
-      editorOnly: false
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_zoom.default, {
+        editorOnly: false
+      })
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);

package/dist/__tests__/units/components/cmd_bar/03_peak.test.js

@@ -8,6 +8,7 @@ require("@testing-library/jest-dom");
 var _peak = _interopRequireDefault(require("../../../../components/cmd_bar/03_peak"));
 var _list_ui = require("../../../../constants/list_ui");
 var _list_layout = require("../../../../constants/list_layout");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const store = mockStore({
   ui: {
@@ -28,10 +29,13 @@ const store = mockStore({
     }
   },
   threshold: {
-    isEdit: true,
-    value: false,
-    upper: false,
-    lower: false
+    selectedIdx: 0,
+    list: [{
+      isEdit: true,
+      value: false,
+      upper: false,
+      lower: false
+    }]
   },
   shift: {
     shifts: []
@@ -57,10 +61,13 @@ const nmrStore = mockStore({
     }
   },
   threshold: {
-    isEdit: true,
-    value: false,
-    upper: false,
-    lower: false
+    selectedIdx: 0,
+    list: [{
+      isEdit: true,
+      value: false,
+      upper: false,
+      lower: false
+    }]
   },
   shift: {
     shifts: []
@@ -73,22 +80,23 @@ nmrStore.dispatch = jest.fn(dispatchMock);
 describe('<Peak />', () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/React.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   it('render when has Set reference button', async () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: nmrStore
-    }, /*#__PURE__*/React.createElement(_peak.default, {
-      feature: {}
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: nmrStore,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_peak.default, {
+        feature: {}
+      })
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);
@@ -97,11 +105,12 @@ describe('<Peak />', () => {
     expect(renderResult.childElementCount).toEqual(4);
   });
   it('render when does not hav Set reference button', async () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/React.createElement(_peak.default, {
-      feature: {}
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_peak.default, {
+        feature: {}
+      })
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);

package/dist/__tests__/units/components/cmd_bar/07_pecker.test.js

@@ -8,6 +8,7 @@ require("@testing-library/jest-dom");
 var _pecker = _interopRequireDefault(require("../../../../components/cmd_bar/07_pecker"));
 var _list_ui = require("../../../../constants/list_ui");
 var _list_layout = require("../../../../constants/list_layout");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const store = mockStore({
   ui: {
@@ -39,20 +40,21 @@ nmrStore.dispatch = jest.fn(dispatchMock);
 describe('<Pecker />', () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/React.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   it('render when cyclic voltammetry layout', async () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/React.createElement(_pecker.default, null));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pecker.default, {})
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);
@@ -61,9 +63,10 @@ describe('<Pecker />', () => {
     expect(renderResult.childElementCount).toEqual(4);
   });
   it('render it is not cyclic voltammetry layout', async () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: nmrStore
-    }, /*#__PURE__*/React.createElement(_pecker.default, null));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: nmrStore,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pecker.default, {})
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);

package/dist/__tests__/units/components/cmd_bar/r08_change_axes.test.js

@@ -7,6 +7,7 @@ var _react = require("@testing-library/react");
 require("@testing-library/jest-dom");
 var _r08_change_axes = _interopRequireDefault(require("../../../../components/cmd_bar/r08_change_axes"));
 var _list_layout = require("../../../../constants/list_layout");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const store = mockStore({
   axesUnits: {
@@ -26,22 +27,23 @@ const options = ['Voltage in V', 'Voltage vs Ref in V', 'Potential in V', 'Poten
 describe('<ChangeAxes />', () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/React.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   it('render', async () => {
-    const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/React.createElement(_r08_change_axes.default, {
-      options: options
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_r08_change_axes.default, {
+        options: options
+      })
+    });
     const {
       queryByTestId
     } = (0, _react.render)(renderer);

package/dist/__tests__/units/components/common/comps.test.js

@@ -3,21 +3,22 @@
 var _react = require("@testing-library/react");
 var _comps = require("../../../../components/common/comps");
 require("@testing-library/jest-dom");
+var _jsxRuntime = require("react/jsx-runtime");
 describe('common/comps', () => {
   it('.TabLabel()', () => {
     const labelStr = 'test label';
-    function TestComponent(_ref) {
-      let {} = _ref;
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "test-div"
-      }, (0, _comps.TabLabel)({
-        tabLabel: 'mytestclass'
-      }, labelStr));
+    function TestComponent({}) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": "test-div",
+        children: (0, _comps.TabLabel)({
+          tabLabel: 'mytestclass'
+        }, labelStr)
+      });
     }
     const {
       queryByTestId,
       queryByText
-    } = (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+    } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
     const renderedComponent = queryByTestId('test-div');
     expect(renderedComponent).toBeInTheDocument();
     const renderedLabel = queryByText(labelStr);

package/dist/__tests__/units/components/common/draw.test.js

@@ -4,23 +4,23 @@ var _react = require("@testing-library/react");
 require("@testing-library/jest-dom");
 var _draw = require("../../../../components/common/draw");
 var _react2 = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 const d3 = require('d3');
 describe('common/draw', () => {
   describe('.drawMain()', () => {
     it('d3 draw main svg view box', () => {
-      function TestComponent(_ref) {
-        let {} = _ref;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           (0, _draw.drawMain)('.testsvg', 100, 100);
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
       const {
         queryByTestId
-      } = (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const renderResult = queryByTestId('testsvg');
       expect(renderResult).toBeInTheDocument();
       const svgElement = document.querySelector('svg');
@@ -34,8 +34,7 @@ describe('common/draw', () => {
     const xLabelText = 'x label';
     const yLabelText = 'y label';
     const cLabelText = 'c label';
-    function drawMyText() {
-      let hasMarker = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    function drawMyText(hasMarker = false) {
       d3.select(rootClass).append('svg').attr('class', 'd3Svg');
       d3.select('.d3Svg').append('text').attr('class', 'xLabel');
       d3.select('.d3Svg').append('text').attr('class', 'yLabel');
@@ -44,20 +43,19 @@ describe('common/draw', () => {
       }
     }
     it('d3 draw only axes label', () => {
-      function TestComponent(_ref2) {
-        let {} = _ref2;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           drawMyText(false);
           (0, _draw.drawLabel)(rootClass, null, xLabelText, yLabelText);
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
       const {
         queryByText
-      } = (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const xLabel = queryByText(xLabelText);
       expect(xLabel).toBeInTheDocument();
       expect(xLabel).toHaveClass('xLabel');
@@ -66,20 +64,19 @@ describe('common/draw', () => {
       expect(yLabel).toHaveClass('yLabel');
     });
     it('d3 draw labels witg c label', () => {
-      function TestComponent(_ref3) {
-        let {} = _ref3;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           drawMyText(true);
           (0, _draw.drawLabel)(rootClass, cLabelText, xLabelText, yLabelText);
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
       const {
         queryByText
-      } = (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const xLabel = queryByText(xLabelText);
       expect(xLabel).toBeInTheDocument();
       expect(xLabel).toHaveClass('xLabel');
@@ -93,88 +90,83 @@ describe('common/draw', () => {
   });
   describe('.drawDisplay()', () => {
     it('set display as hidden', () => {
-      function TestComponent(_ref4) {
-        let {} = _ref4;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           (0, _draw.drawMain)('.testsvg', 100, 100);
           (0, _draw.drawDisplay)('.testsvg', true);
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
-      (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const svgElement = document.querySelector('svg');
       expect(svgElement).toHaveStyle('width: 0');
     });
     it('set display to show', () => {
-      function TestComponent(_ref5) {
-        let {} = _ref5;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           (0, _draw.drawMain)('.testsvg', 100, 100);
           (0, _draw.drawDisplay)('.testsvg', false);
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
-      (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const svgElement = document.querySelector('svg');
       expect(svgElement).toHaveStyle('width: 100%');
     });
   });
   describe('.drawDestroy()', () => {
     it('d3 remove all svg', () => {
-      function TestComponent(_ref6) {
-        let {} = _ref6;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           (0, _draw.drawMain)('.testsvg', 100, 100);
           (0, _draw.drawDestroy)('.testsvg');
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
-      (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const svgElement = document.querySelector('svg');
       expect(svgElement).not.toBeInTheDocument();
     });
   });
   describe('.drawArrowOnCurve()', () => {
     it('d3 remove all arrows on curves', () => {
-      function TestComponent(_ref7) {
-        let {} = _ref7;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           (0, _draw.drawMain)('.testsvg', 100, 100);
           d3.select('.d3Svg').append('defs').append('marker');
           (0, _draw.drawArrowOnCurve)('.testsvg', true);
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
-      (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const svgElement = document.querySelector('marker');
       expect(svgElement).not.toBeInTheDocument();
     });
     it('d3 draw arrows on curves', () => {
-      function TestComponent(_ref8) {
-        let {} = _ref8;
+      function TestComponent({}) {
         (0, _react2.useEffect)(() => {
           (0, _draw.drawMain)('.testsvg', 100, 100);
           d3.select('.d3Svg').append('defs').append('marker');
           (0, _draw.drawArrowOnCurve)('.testsvg', false);
         }, []);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "testsvg",
           "data-testid": "testsvg"
         });
       }
-      (0, _react.render)( /*#__PURE__*/React.createElement(TestComponent, null));
+      (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {}));
       const arrowLeft = document.querySelector('marker');
       expect(arrowLeft).toBeInTheDocument();
       expect(arrowLeft).toHaveAttribute('id', 'arrow-left');

package/dist/__tests__/units/components/panel/graph_selection.test.js

@@ -7,6 +7,7 @@ var _graph_selection = _interopRequireDefault(require("../../../../components/pa
 var _reduxMockStore = _interopRequireDefault(require("redux-mock-store"));
 var _reactRedux = require("react-redux");
 require("@testing-library/jest-dom");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const emptyStore = mockStore({
   curve: {},
@@ -30,40 +31,42 @@ store.dispatch = jest.fn(dispatchMock);
 describe('GraphSelectionPanel', () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   afterEach(() => {
     (0, _react2.cleanup)();
   });
   test('Render with empty store', () => {
-    const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
-      store: emptyStore
-    }, /*#__PURE__*/_react.default.createElement(_graph_selection.default, {
-      expand: false,
-      onExapnd: () => {},
-      entityFileNames: []
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: emptyStore,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_graph_selection.default, {
+        expand: false,
+        onExapnd: () => {},
+        entityFileNames: []
+      })
+    });
     const {
       queryByTestId
     } = (0, _react2.render)(renderer);
     expect(queryByTestId('GraphSelectionPanel')).toBeNull();
   });
   test('Render with store', () => {
-    const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/_react.default.createElement(_graph_selection.default, {
-      expand: false,
-      onExapnd: () => {},
-      entityFileNames: []
-    }));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_graph_selection.default, {
+        expand: false,
+        onExapnd: () => {},
+        entityFileNames: []
+      })
+    });
     const {
       queryByTestId
     } = (0, _react2.render)(renderer);