chem-generic-ui 0.1.47 → 0.1.48

package/dist/simulations/SimWF.js

@@ -0,0 +1,123 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+var _FlowViewerModal = _interopRequireDefault(require("../components/flow/FlowViewerModal"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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, 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 || 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var SimuWF = /*#__PURE__*/function (_Component) {
+  _inherits(SimuWF, _Component);
+
+  var _super = _createSuper(SimuWF);
+
+  function SimuWF(props) {
+    var _this;
+
+    _classCallCheck(this, SimuWF);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      show: false,
+      data: {
+        properties_release: {},
+        properties: {},
+        shortLabel: 'short label'
+      }
+    };
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(SimuWF, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      fetch('sg_details.json', {
+        headers: {
+          'Content-Type': 'application/json',
+          Accept: 'application/json'
+        }
+      }).then(function (response) {
+        return response.json();
+      }).then(function (json) {
+        console.log(json);
+
+        _this2.setState({
+          data: {
+            properties_release: json.properties_release,
+            properties: json.properties
+          }
+        });
+      }).catch(function (errorMessage) {
+        console.log(errorMessage);
+      });
+    }
+  }, {
+    key: "handleChange",
+    value: function handleChange(show) {
+      this.setState({
+        show: show
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var _this$state = this.state,
+          show = _this$state.show,
+          data = _this$state.data;
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "Flow view"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+        onClick: function onClick() {
+          return _this3.handleChange(true);
+        }
+      }, "click"), /*#__PURE__*/_react.default.createElement(_FlowViewerModal.default, {
+        show: show,
+        data: data,
+        fnHide: function fnHide() {
+          return _this3.handleChange(false);
+        }
+      })));
+    }
+  }]);
+
+  return SimuWF;
+}(_react.Component);
+
+var _default = SimuWF;
+exports.default = _default;

package/dist/simulations/SimuDS.js

@@ -0,0 +1,118 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _GenDSDetails = _interopRequireDefault(require("../components/details/GenDSDetails"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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, 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 || 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var SimuDS = /*#__PURE__*/function (_Component) {
+  _inherits(SimuDS, _Component);
+
+  var _super = _createSuper(SimuDS);
+
+  function SimuDS(props) {
+    var _this;
+
+    _classCallCheck(this, SimuDS);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      genericDS: {},
+      klass: {}
+    };
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(SimuDS, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      fetch('ds_details.json', {
+        headers: {
+          'Content-Type': 'application/json',
+          Accept: 'application/json'
+        }
+      }).then(function (response) {
+        return response.json();
+      }).then(function (json) {
+        fetch('ds_klass.json', {
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json'
+          }
+        }).then(function (response) {
+          return response.json();
+        }).then(function (kjson) {
+          _this2.setState({
+            genericDS: json,
+            klass: kjson
+          });
+        }).catch(function (errorMessage) {
+          console.log(errorMessage);
+        });
+      }).catch(function (errorMessage) {
+        console.log(errorMessage);
+      });
+    }
+  }, {
+    key: "handleChange",
+    value: function handleChange(newObj) {
+      this.setState({
+        genericDS: newObj
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+          genericDS = _this$state.genericDS,
+          klass = _this$state.klass;
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "GenericDSDetails"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_GenDSDetails.default, {
+        uiCtrl: true,
+        genericDS: genericDS,
+        klass: klass,
+        kind: "1H NMR",
+        onChange: this.handleChange
+      })));
+    }
+  }]);
+
+  return SimuDS;
+}(_react.Component);
+
+var _default = SimuDS;
+exports.default = _default;

package/dist/simulations/SimuSG.js

@@ -0,0 +1,123 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _reactDnd = require("react-dnd");
+
+var _reactDndHtml5Backend = _interopRequireDefault(require("react-dnd-html5-backend"));
+
+var _GenSgDetails = _interopRequireDefault(require("../components/details/GenSgDetails"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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, 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 || 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 : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var SimuSG = /*#__PURE__*/function (_Component) {
+  _inherits(SimuSG, _Component);
+
+  var _super = _createSuper(SimuSG);
+
+  function SimuSG(props) {
+    var _this;
+
+    _classCallCheck(this, SimuSG);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      segment: {},
+      klass: {}
+    };
+    _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(SimuSG, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      fetch('sg_details.json', {
+        headers: {
+          'Content-Type': 'application/json',
+          Accept: 'application/json'
+        }
+      }).then(function (response) {
+        return response.json();
+      }).then(function (json) {
+        console.log(json);
+        fetch('sg_klass.json', {
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json'
+          }
+        }).then(function (response) {
+          return response.json();
+        }).then(function (kjson) {
+          _this2.setState({
+            segment: json,
+            klass: kjson
+          });
+        }).catch(function (errorMessage) {
+          console.log(errorMessage);
+        });
+      }).catch(function (errorMessage) {
+        console.log(errorMessage);
+      });
+    }
+  }, {
+    key: "handleChange",
+    value: function handleChange(newObj) {
+      this.setState({
+        segment: newObj
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+          segment = _this$state.segment,
+          klass = _this$state.klass;
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "SegmentDetails"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_GenSgDetails.default, {
+        uiCtrl: true,
+        segment: segment,
+        klass: klass,
+        onChange: this.handleChange
+      })));
+    }
+  }]);
+
+  return SimuSG;
+}(_react.Component);
+
+var _default = (0, _reactDnd.DragDropContext)(_reactDndHtml5Backend.default)(SimuSG);
+
+exports.default = _default;

package/package.json

@@ -1,84 +1,92 @@
 {
   "name": "chem-generic-ui",
-  "version": "0.1.47",
+  "version": "0.1.48",
   "private": false,
-  "author": "",
   "license": "MIT",
-  "main": "dist/index.html",
-  "jsdelivr": "dist/bundle.js",
   "scripts": {
-    "start": "webpack serve --config ./webpack.config.js --mode development",
-    "build": "webpack --config ./webpack.config.js --mode production",
-    "test": "echo \"Error: no test specified\" && exit 0"
+    "rbuild": "rm -rf dist && rollup -c --environment NODE_ENV:production && postcss src/asserts/*.css --dir dist",
+    "rstart": "rm -rf dist && rollup -c rollup.config.js -w",
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "compile-t": "rm -rf dist && set NODE_ENV=production && babel src --out-dir dist --copy-files --ignore spec.js,test.js --source-maps",
+    "compile": "rm -rf dist && NODE_ENV=production babel ./src --out-dir ./dist --copy-files",
+    "build:bundle": "webpack --config webpack.config.js",
+    "build-css": "node-sass src/asserts/ -o dist",
+    "sass": "sass src/asserts:src/asserts --watch --no-source-map",
+    "test": "react-scripts test --env=jsdom --testPathIgnorePatterns=src/__tests__/helper/* src/__tests__/e2e/*",
+    "eject": "react-scripts eject"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
-  "keywords": [],
   "devDependencies": {
-    "@babel/cli": "^7.0.0",
-    "@babel/core": "^7.17.7",
-    "@babel/eslint-parser": "^7.15.0",
-    "@babel/node": "^7.16.8",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.3",
-    "babel-preset-react-app": "^10.0.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "dotenv-webpack": "^5.0.0",
-    "eslint": "^7.12.1",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-replace": "^4.0.0",
+    "@svgr/rollup": "^6.2.1",
     "eslint-config-airbnb": "^16.1.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-loader": "^4.0.2",
     "eslint-plugin-import": "^2.8.0",
     "eslint-plugin-jsx-a11y": "^6.0.2",
-    "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.4.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "prettier": "^2.1.2",
-    "react-hot-loader": "^4.13.0",
+    "postcss": "^8.4.8",
+    "postcss-cli": "^9.1.0",
+    "postcss-nested": "^5.0.6",
+    "react-scripts": "4.0.1",
     "redux-logger": "^3.0.6",
-    "webpack": "^5.70.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "rollup": "^2.70.1",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^1.1.0",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "rollup-plugin-visualizer": "^5.6.0",
+    "start-server-and-test": "^1.14.0"
   },
+  "main": "dist/app.js",
+  "module": "dist/app.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "browserslist": [
     "defaults"
   ],
   "dependencies": {
+    "@babel/cli": "^7.0.0",
+    "@babel/core": "^7.0.0",
+    "@babel/eslint-parser": "^7.15.0",
+    "@babel/preset-env": "7.3.1",
+    "@babel/preset-react": "7.0.0",
     "@fortawesome/fontawesome-svg-core": "^1.3.0",
     "@fortawesome/free-brands-svg-icons": "^6.0.0",
     "@fortawesome/free-regular-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
-    "babel-plugin-transform-react-class-to-function": "^1.2.2",
-    "css-loader": "^6.7.1",
-    "file-loader": "^6.2.0",
-    "html-loader": "^3.1.0",
-    "html-webpack-plugin": "^5.5.0",
-    "image-webpack-loader": "^8.1.0",
+    "@rollup/plugin-image": "^2.1.1",
+    "css-loader": "4.3.0",
     "lodash": "^4.17.21",
     "mini-css-extract-plugin": "0.11.3",
-    "node-sass": "^7.0.1",
     "numeral": "^1.5.3",
-    "path": "^0.12.7",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
-    "react-bootstrap": "^0.33.1",
+    "react-bootstrap": "~0.33.1",
     "react-dnd": "^2.6.0",
     "react-dnd-html5-backend": "^2.6.0",
     "react-dom": "^17.0.2",
+    "react-draggable": "^4.4.3",
     "react-dropzone": "^3.6.0",
+    "react-flow-renderer": "^9.6.4",
     "react-redux": "^7.2.4",
     "react-select": "5.2.2",
     "redux": "^4.1.0",
     "redux-immutable": "^4.0.0",
     "redux-thunk": "^2.0.0",
+    "rollup-plugin-node-polyfills": "^0.2.1",
     "sass": "^1.49.9",
-    "sass-loader": "^12.6.0",
-    "style-loader": "^3.3.1",
+    "sass-loader": "8.0.2",
     "uuid": "^8.3.2"
   }
 }

package/.babelrc

@@ -1,11 +0,0 @@
-{
-  "presets": ["@babel/preset-env", "@babel/preset-react","react-app"]
-}
-
-// "plugins": [
-//   "babel-plugin-transform-react-class-to-function",
-//   "@babel/plugin-proposal-object-rest-spread",
-//   "@babel/plugin-transform-classes",
-//   "@babel/plugin-proposal-class-properties",
-//   "@babel/plugin-transform-react-jsx"
-// ]

package/.eslintrc

@@ -1,23 +0,0 @@
-{
-  "extends": ["airbnb", "plugin:react/recommended", "plugin:react-hooks/recommended"],
-  "plugins": [
-    "react"
-  ],
-  "parser": "@babel/eslint-parser",
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "rules": {
-    "no-console": ["off"],
-    "comma-dangle": [1,"only-multiline"],
-    // "react/destructuring-assignment": "off",
-    // "react/no-array-index-key": "off",
-    "react/forbid-prop-types": 0,
-    // "jsx-a11y/no-static-element-interactions": 0,
-    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
-    // "class-methods-use-this": 0,
-    // "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
-    "prefer-destructuring": ["error", {"object": true, "array": false}]
-  }
-}

package/.tool-versions

@@ -1,3 +0,0 @@
-ruby 2.6.6
-nodejs 14.16.0
-yarn 1.22.10