mc-react-structure-visualizer 0.4.2 → 0.5.0

package/src/StructureVisualizer/index.js

@@ -1,87 +0,0 @@
-import React from "react";
-
-import ControlBox from "./ControlBox";
-
-import StructureWindow from "./StructureWindow";
-
-import "./index.css";
-
-class StructureVisualizer extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      viewerParams: {
-        supercell: [2, 2, 2],
-        bonds: true,
-        atomLabels: false,
-        packedCell: false,
-        vdwRadius: false,
-      },
-      mouseEnabled: false,
-    };
-
-    // use Ref to send events to the visualizer backend
-    this.visualizerRef = React.createRef();
-
-    // Ref to detect click outside
-    this.wrapperRef = React.createRef();
-    this.handleClickOutside = this.handleClickOutside.bind(this);
-
-    this.handleViewerParamChange = this.handleViewerParamChange.bind(this);
-    this.handleViewerEvent = this.handleViewerEvent.bind(this);
-    this.setMouseEnabledState = this.setMouseEnabledState.bind(this);
-  }
-
-  componentDidMount() {
-    document.addEventListener("mousedown", this.handleClickOutside);
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener("mousedown", this.handleClickOutside);
-  }
-
-  handleClickOutside(event) {
-    if (this.wrapperRef && !this.wrapperRef.current.contains(event.target)) {
-      this.setState({ mouseEnabled: false });
-    }
-  }
-
-  setMouseEnabledState(state) {
-    this.setState({ mouseEnabled: state });
-  }
-
-  handleViewerParamChange(param, value) {
-    this.setState({
-      viewerParams: {
-        ...this.state.viewerParams,
-        [param]: value,
-      },
-    });
-  }
-
-  handleViewerEvent(param, value) {
-    this.visualizerRef.current.handleEvent(param, value);
-  }
-
-  render() {
-    return (
-      <div ref={this.wrapperRef} className="structure-visualizer">
-        <StructureWindow
-          visualizerRef={this.visualizerRef}
-          viewerParams={this.state.viewerParams}
-          cifText={this.props.cifText}
-          mouseEnabled={this.state.mouseEnabled}
-          setMouseEnabledState={this.setMouseEnabledState}
-        />
-        <ControlBox
-          viewerParams={this.state.viewerParams}
-          onViewerParamChange={this.handleViewerParamChange}
-          onViewerEvent={this.handleViewerEvent}
-        />
-      </div>
-    );
-  }
-}
-
-export default StructureVisualizer;

package/src/index.css

@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}

package/src/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

package/src/reportWebVitals.js

@@ -1,13 +0,0 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;