mc-react-structure-visualizer 0.4.3 → 0.6.0

package/package.json

@@ -1,58 +1,38 @@
-{
-  "name": "mc-react-structure-visualizer",
-  "version": "0.4.3",
-  "author": "Kristjan Eimre <kristjan.eimre@epfl.ch>",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "babel": {
-    "presets": [
-      "@babel/preset-react",
-      "@babel/preset-env"
-    ]
-  },
-  "dependencies": {
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "3dmol": "^2.0.2",
-    "bootstrap": "^5.2.3",
-    "react": "^18.2.0",
-    "react-bootstrap": "^2.7.1",
-    "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "prebuild": "rimraf dist",
-    "build": "SET NODE_ENV=production && npx babel src/StructureVisualizer --out-dir dist --copy-files",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.20.7",
-    "@babel/core": "^7.20.12",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "babel-loader": "^9.1.2",
-    "rimraf": "^4.1.2"
-  }
-}
+{
+  "name": "mc-react-structure-visualizer",
+  "version": "0.6.0",
+  "author": "Kristjan Eimre <kristjan.eimre@epfl.ch>",
+  "type": "module",
+  "module": "dist/main.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "3dmol": "^2.1.0",
+    "mathjs": "^12.4.1"
+  },
+  "peerDependencies": {
+    "bootstrap": "^5.2.3",
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.7.1",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "prettier": "^3.2.5",
+    "vite": "^5.1.0",
+    "vite-plugin-lib-inject-css": "^1.3.0"
+  }
+}

package/dist/ControlBox/index.css

@@ -1,67 +0,0 @@
-.control-box {
-  position: relative;
-  z-index: 1;
-  height: 100px;
-  width: 450px;
-  background: rgb(250, 250, 250);
-  text-align: center;
-  border: 1px solid #999;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: start;
-  margin-top: -20px;
-  padding: 30px 10px 10px 10px;
-  border-radius: 5px;
-}
-
-.supercell-input {
-  width: 45px;
-  height: 25px;
-}
-
-/* Always show the small arrows (needed for Chrome) */
-.supercell-input::-webkit-inner-spin-button,
-.supercell-input::-webkit-outer-spin-button {
-  opacity: 1;
-}
-
-.control-box-row {
-  margin: 5px 0px;
-  padding: 0px 10px;
-  width: 100%;
-  line-height: inherit;
-  /* background-color: pink; */
-  display: flex;
-  justify-content: space-between;
-  align-items: stretch;
-}
-
-.control-box-row label {
-  margin: 0px 5px;
-}
-
-.control-box-row button {
-  border-width: 1px;
-  border-style: outset;
-  border-color: rgb(0, 0, 0);
-  border-radius: 4px;
-  display: inline-flex;
-  align-items: center;
-  /* margin-top: -10px; */
-  margin: 0px 1px;
-  height: 25px;
-}
-
-.control-box-row button:hover {
-  background-color: rgb(222, 222, 222);
-}
-.control-box-row .option-checkbox {
-  margin: 0px 2px;
-}
-
-.control-box-row .camera-controls {
-  margin-left: auto;
-  margin-right: auto;
-  display: inline;
-}

package/dist/ControlBox/index.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./index.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-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; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var ControlBox = /*#__PURE__*/function (_React$Component) {
-  _inherits(ControlBox, _React$Component);
-  var _super = _createSuper(ControlBox);
-  function ControlBox(props) {
-    var _this;
-    _classCallCheck(this, ControlBox);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "handleSupercellChange", function (index, value) {
-      var newSupercell = _this.props.viewerParams.supercell;
-      newSupercell[index] = parseInt(value);
-      _this.props.onViewerParamChange("supercell", newSupercell);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleOptionChange", function (option) {
-      _this.props.onViewerParamChange(option, !_this.props.viewerParams[option]);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleCameraEvent", function (orientation) {
-      _this.props.onViewerEvent("camera", orientation);
-    });
-    return _this;
-  }
-  _createClass(ControlBox, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "control-box"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "control-box-row"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "supercell-container"
-      }, /*#__PURE__*/_react["default"].createElement("label", null, "Supercell: "), [0, 1, 2].map(function (index) {
-        return /*#__PURE__*/_react["default"].createElement("input", {
-          key: index,
-          className: "supercell-input",
-          type: "number",
-          min: "1",
-          value: _this2.props.viewerParams.supercell[index],
-          onChange: function onChange(e) {
-            return _this2.handleSupercellChange(index, e.target.value);
-          }
-        });
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "camera-controls"
-      }, /*#__PURE__*/_react["default"].createElement("label", null, "Camera: "), /*#__PURE__*/_react["default"].createElement("button", {
-        onClick: function onClick() {
-          return _this2.handleCameraEvent("x");
-        }
-      }, "x"), /*#__PURE__*/_react["default"].createElement("button", {
-        onClick: function onClick() {
-          return _this2.handleCameraEvent("y");
-        }
-      }, "y"), /*#__PURE__*/_react["default"].createElement("button", {
-        onClick: function onClick() {
-          return _this2.handleCameraEvent("z");
-        }
-      }, "z"))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "control-box-row"
-      }, /*#__PURE__*/_react["default"].createElement("label", null, /*#__PURE__*/_react["default"].createElement("input", {
-        className: "option-checkbox",
-        type: "checkbox",
-        checked: this.props.viewerParams.bonds,
-        onChange: function onChange() {
-          return _this2.handleOptionChange("bonds");
-        }
-      }), "Bonds"), /*#__PURE__*/_react["default"].createElement("label", null, /*#__PURE__*/_react["default"].createElement("input", {
-        className: "option-checkbox",
-        type: "checkbox",
-        checked: this.props.viewerParams.atomLabels,
-        onChange: function onChange() {
-          return _this2.handleOptionChange("atomLabels");
-        }
-      }), "Atom labels"), /*#__PURE__*/_react["default"].createElement("label", null, /*#__PURE__*/_react["default"].createElement("input", {
-        className: "option-checkbox",
-        type: "checkbox",
-        checked: this.props.viewerParams.packedCell,
-        onChange: function onChange() {
-          return _this2.handleOptionChange("packedCell");
-        },
-        disabled: true
-      }), "Packed cell"), /*#__PURE__*/_react["default"].createElement("label", null, /*#__PURE__*/_react["default"].createElement("input", {
-        className: "option-checkbox",
-        type: "checkbox",
-        checked: this.props.viewerParams.spaceFilling,
-        onChange: function onChange() {
-          return _this2.handleOptionChange("vdwRadius");
-        }
-      }), "vdW radius")));
-    }
-  }]);
-  return ControlBox;
-}(_react["default"].Component);
-var _default = ControlBox;
-exports["default"] = _default;

package/dist/StructureWindow/3dmol/Visualizer3dmol.css

@@ -1,5 +0,0 @@
-.gldiv {
-  width: 98%;
-  height: 98%;
-  position: relative;
-}

package/dist/StructureWindow/3dmol/Visualizer3dmol.js

@@ -1,164 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var $3Dmol = _interopRequireWildcard(require("3dmol"));
-var _bondLengths = require("./bondLengths");
-require("./Visualizer3dmol.css");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-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; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-// override the covalent bond detection based on examples in MC3D
-var overrideBondLengths = {
-  // uuid = "aaea1e0f-337c-453f-a23a-acc06ddc93c9"; // BaTiO3 mc3d-46554/pbe
-  Ba: 0.92 * _bondLengths.covalentRadii["Ba"],
-  Ti: 0.94 * _bondLengths.covalentRadii["Ti"],
-  // uuid = "a490b0ff-012a-44c8-a48a-f734dc634b3c"; // EuI4La mc3d-34858/pbe
-  I: 1.05 * _bondLengths.covalentRadii["I"],
-  Eu: 1.05 * _bondLengths.covalentRadii["Eu"]
-};
-function setCustomBondLengths() {
-  function setCustomBondLength(elem, len) {
-    // 3dmol adds 0.25 to the total bond length as a "fudge_factor"
-    var fudgeCorrection = 0.125;
-    $3Dmol.setBondLength(elem, len - fudgeCorrection);
-  }
-
-  // override the default bond lengths with covalentRadii
-  Object.keys(_bondLengths.covalentRadii).forEach(function (elem) {
-    setCustomBondLength(elem, _bondLengths.covalentRadii[elem]);
-  });
-
-  // override further based on custom-defined lengths
-  Object.keys(overrideBondLengths).forEach(function (elem) {
-    setCustomBondLength(elem, overrideBondLengths[elem]);
-  });
-}
-var Visualizer3dmol = /*#__PURE__*/function (_React$Component) {
-  _inherits(Visualizer3dmol, _React$Component);
-  var _super = _createSuper(Visualizer3dmol);
-  function Visualizer3dmol(props) {
-    var _this;
-    _classCallCheck(this, Visualizer3dmol);
-    _this = _super.call(this, props);
-    setCustomBondLengths();
-    _this.viewer = null;
-    _this.model = null;
-
-    // Assign random id to prevent multiple 'gldiv' from clashing
-    _this.divId = "gldiv-" + (Math.random() + 1).toString(36).substring(7);
-    return _this;
-  }
-  _createClass(Visualizer3dmol, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // set up the viewer instance
-      var config = {
-        backgroundColor: "white",
-        orthographic: true
-      };
-      this.viewer = $3Dmol.createViewer(this.divId, config);
-      this.updateView();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.viewerParams != this.props.viewerParams || prevProps.cifText != this.props.cifText) {
-        this.updateView();
-      }
-    }
-  }, {
-    key: "updateView",
-    value: function updateView() {
-      var _this2 = this;
-      this.viewer.removeAllModels();
-      this.model = this.viewer.addModel(this.props.cifText, "cif");
-      var style = {
-        sphere: {
-          scale: 0.3,
-          colorscheme: "Jmol"
-        }
-      };
-      if (this.props.viewerParams.vdwRadius) {
-        style.sphere.scale = 1.0;
-      }
-      if (this.props.viewerParams.bonds) {
-        style.stick = {
-          radius: 0.2,
-          colorscheme: "Jmol"
-        };
-      }
-      this.viewer.setStyle(style);
-      this.viewer.addUnitCell(this.model);
-      var sc = this.props.viewerParams.supercell;
-      this.viewer.replicateUnitCell(sc[0], sc[1], sc[2], this.model);
-      this.model.assignBonds();
-      this.viewer.removeAllLabels();
-      if (this.props.viewerParams.atomLabels) {
-        this.model.atoms.forEach(function (atom) {
-          _this2.viewer.addLabel(atom.elem, {
-            position: {
-              x: atom.x,
-              y: atom.y,
-              z: atom.z
-            },
-            fontColor: "black",
-            bold: true,
-            fontSize: 18,
-            showBackground: false,
-            backgroundOpacity: 1.0,
-            inFront: true
-          }, null, true);
-        });
-      }
-      this.viewer.zoomTo();
-      this.viewer.zoom(1.4);
-      this.viewer.render();
-    }
-  }, {
-    key: "handleEvent",
-    value: function handleEvent(type, value) {
-      if (type == "camera") {
-        // console.log(this.viewer.getView());
-        if (value == "x") {
-          this.viewer.setView([0.0, 0.0, 0.0, 0.0, -0.5, -0.5, -0.5, 0.5]);
-        }
-        if (value == "y") {
-          this.viewer.setView([0.0, 0.0, 0.0, 0.0, 0.5, 0.5, 0.5, 0.5]);
-        }
-        if (value == "z") {
-          this.viewer.setView([0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 1.0]);
-        }
-        this.viewer.zoomTo();
-        this.viewer.zoom(1.4);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        id: this.divId,
-        className: "gldiv"
-      }, "No data!");
-    }
-  }]);
-  return Visualizer3dmol;
-}(_react["default"].Component);
-var _default = Visualizer3dmol;
-exports["default"] = _default;

package/dist/StructureWindow/3dmol/bondLengths.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.covalentRadii = void 0;
-// from https://en.wikipedia.org/wiki/Covalent_radius
-// unit: angstrom
-var covalentRadii = {
-  H: 0.31,
-  He: 0.28,
-  Li: 1.28,
-  Be: 0.96,
-  B: 0.84,
-  C: 0.76,
-  N: 0.71,
-  O: 0.66,
-  F: 0.57,
-  Ne: 0.58,
-  Na: 1.66,
-  Mg: 1.41,
-  Al: 1.21,
-  Si: 1.11,
-  P: 1.07,
-  S: 1.05,
-  Cl: 1.02,
-  Ar: 1.06,
-  K: 2.03,
-  Ca: 1.76,
-  Sc: 1.7,
-  Ti: 1.6,
-  V: 1.53,
-  Cr: 1.39,
-  Mn: 1.61,
-  Fe: 1.52,
-  Co: 1.5,
-  Ni: 1.24,
-  Cu: 1.32,
-  Zn: 1.22,
-  Ga: 1.22,
-  Ge: 1.2,
-  As: 1.19,
-  Se: 1.2,
-  Br: 1.2,
-  Kr: 1.16,
-  Rb: 2.2,
-  Sr: 1.95,
-  Y: 1.9,
-  Zr: 1.75,
-  Nb: 1.64,
-  Mo: 1.54,
-  Tc: 1.47,
-  Ru: 1.46,
-  Rh: 1.42,
-  Pd: 1.39,
-  Ag: 1.45,
-  Cd: 1.44,
-  In: 1.42,
-  Sn: 1.39,
-  Sb: 1.39,
-  Te: 1.38,
-  I: 1.39,
-  Xe: 1.4,
-  Cs: 2.44,
-  Ba: 2.15,
-  La: 2.07,
-  Ce: 2.04,
-  Pr: 2.03,
-  Nd: 2.01,
-  Pm: 1.99,
-  Sm: 1.98,
-  Eu: 1.98,
-  Gd: 1.96,
-  Tb: 1.94,
-  Dy: 1.92,
-  Ho: 1.92,
-  Er: 1.89,
-  Tm: 1.9,
-  Yb: 1.87,
-  Lu: 1.75,
-  Hf: 1.87,
-  Ta: 1.7,
-  W: 1.62,
-  Re: 1.51,
-  Os: 1.44,
-  Ir: 1.41,
-  Pt: 1.36,
-  Au: 1.36,
-  Hg: 1.32,
-  Tl: 1.45,
-  Pb: 1.46,
-  Bi: 1.48,
-  Po: 1.4,
-  At: 1.5,
-  Rn: 1.5,
-  Fr: 2.6,
-  Ra: 2.21,
-  Ac: 2.15,
-  Th: 2.06,
-  Pa: 2.0,
-  U: 1.96,
-  Np: 1.9,
-  Pu: 1.87,
-  Am: 1.8,
-  Cm: 1.69
-};
-exports.covalentRadii = covalentRadii;

package/dist/StructureWindow/index.css

@@ -1,43 +0,0 @@
-.structure-window-outer {
-  position: relative;
-}
-
-.structure-window {
-  position: relative;
-  z-index: 2;
-  height: 370px;
-  width: 450px;
-  background: white;
-  text-align: center;
-  border: 1px solid #999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 5px;
-}
-
-.disable-mouse {
-  pointer-events: none;
-}
-
-.mouse-disabled-note {
-  background-color: #fff1f1;
-  border: 1px solid black;
-  color: #353434;
-  padding: 2px 6px;
-  border-radius: 5px;
-  position: absolute;
-  top: 10px;
-  left: 10px;
-  z-index: 3;
-  cursor: pointer;
-  user-select: none;
-}
-
-.on {
-  background-color: #e9ffe7;
-}
-
-.mouse-disabled-note:hover {
-  filter: brightness(90%);
-}