chem-generic-ui 0.1.2 → 0.1.3-1.a

package/package.json

@@ -1,64 +1,68 @@
 {
   "name": "chem-generic-ui",
-  "version": "0.1.2",
+  "version": "0.1.31.a",
   "private": false,
-  "license": "AGPL-3.0",
-  "main": "dist/index.js",
+  "license": "MIT",
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "compile": "rm -rf dist && NODE_ENV=production babel ./src --out-dir ./dist --copy-files",
+    "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"
+  },
+  "devDependencies": {
+    "eslint-config-airbnb": "^16.1.0",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-jsx-a11y": "^6.0.2",
+    "eslint-plugin-react": "^7.4.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "react-scripts": "4.0.1",
+    "redux-logger": "^3.0.6"
+  },
+  "main": "dist/app.js",
   "module": "dist/app.js",
   "files": [
     "dist",
     "README.md"
   ],
+  "browserslist": [
+    "defaults"
+  ],
   "dependencies": {
-    "bootstrap": "5.1.3",
+    "sass-loader": "8.0.2",
+    "css-loader": "4.3.0",
+    "mini-css-extract-plugin": "0.11.3",
+    "sass": "^1.49.9",
+    "@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",
     "lodash": "^4.17.21",
+    "numeral": "^1.5.3",
+    "prop-types": "^15.8.1",
     "react": "^17.0.2",
-    "react-bootstrap": "^2.2.0"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.17.6",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
-    "eslint-config-airbnb": "^17.0.0",
-    "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jsx-a11y": "^6.1.1",
-    "eslint-plugin-react": "^7.10.0",
-    "react": "^17.0.2",
+    "react-bootstrap": "~0.33.1",
+    "react-dnd": "^2.6.0",
+    "react-dnd-html5-backend": "^2.6.0",
     "react-dom": "^17.0.2",
-    "react-scripts": "^2.1.1"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "compile": "rm -rf dist && NODE_ENV=production babel --ignore tests,stories ./src --out-dir ./dist",
-    "build": "react-scripts build",
-    "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"
-    ]
-  },
-  "publishConfig": {
-    "access": "public"
+    "react-dropzone": "^3.6.0",
+    "react-redux": "^7.2.4",
+    "react-select": "5.2.2",
+    "redux": "^4.1.0",
+    "redux-immutable": "^4.0.0",
+    "redux-thunk": "^2.0.0",
+    "uuid": "^8.3.2"
   }
-}
+}

package/dist/App.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ElementManager", {
-  enumerable: true,
-  get: function get() {
-    return _ElementManager.ElementManager;
-  }
-});
-
-var _logo = _interopRequireDefault(require("./logo.svg"));
-
-require("./App.css");
-
-require("bootstrap/dist/css/bootstrap.min.css");
-
-var _ElementManager = require("./components/admin/ElementManager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/admin/ElementManager.js

@@ -1,113 +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.GenPropertiesText = exports.ElementManager = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactBootstrap = require("react-bootstrap");
-
-var _lodash = require("lodash");
-
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ElementManager = function ElementManager(props) {
-  var _useState = (0, _react.useState)({
-    elements: [],
-    element: {}
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  (0, _react.useEffect)(function () {// setState({...state, element: 'test'});
-    // UsersFetcher.scifinderCredential().then((json) => {
-    //   setCredential(json);
-    // }).catch(err => notify({ title: 'SciFinder-n Error', lvl: 'error', msg: err }));
-  }, [state.element]);
-  var els = (0, _lodash.orderBy)(props.elements, ['is_active', 'name', 'klass_prefix'], ['desc', 'asc', 'asc']);
-  var tbody = els && els.map(function (e, idx) {
-    return /*#__PURE__*/_react.default.createElement("tbody", {
-      key: "tbody_".concat(e.id)
-    }, /*#__PURE__*/_react.default.createElement("tr", {
-      key: "row_".concat(e.id),
-      id: "row_".concat(e.id),
-      style: e.id === props.element.id ? {
-        fontWeight: 'bold',
-        borderWidth: 'medium',
-        backgroundColor: 'white',
-        borderStyle: 'groove'
-      } : {
-        fontWeight: 'unset'
-      }
-    }, /*#__PURE__*/_react.default.createElement("td", null, idx + 1), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-      bsStyle: "primary",
-      onClick: function onClick() {}
-    }, "Copy to..."), "\xA0", /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-      bsStyle: "primary",
-      onClick: function onClick() {}
-    }, "Edit Element attributes..."), "\xA0"), /*#__PURE__*/_react.default.createElement("td", null, e.name), /*#__PURE__*/_react.default.createElement("td", null, e.klass_prefix), /*#__PURE__*/_react.default.createElement("td", null, e.is_active ? /*#__PURE__*/_react.default.createElement("i", {
-      className: "fa fa-check",
-      "aria-hidden": "true",
-      style: {
-        color: 'green'
-      }
-    }) : /*#__PURE__*/_react.default.createElement("i", {
-      className: "fa fa-ban",
-      "aria-hidden": "true",
-      style: {
-        color: 'red'
-      }
-    })), /*#__PURE__*/_react.default.createElement("td", null, e.label), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("i", {
-      className: e.icon_name
-    })), /*#__PURE__*/_react.default.createElement("td", null, e.desc), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-      bsStyle: "primary",
-      onClick: function onClick() {}
-    }, "Edit Element template..."), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-      bsStyle: "primary",
-      onClick: function onClick() {}
-    }, "Edit Element template in YAML format...")), /*#__PURE__*/_react.default.createElement("td", null, e.released_at, " (UTC)")));
-  });
-  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Header, null, "Featured"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Title, null, "Special title treatment"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Text, null, "With supporting text below as a natural lead-in to additional content."), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    variant: "primary"
-  }, "Go somewhere")));
-};
-
-exports.ElementManager = ElementManager;
-
-var GenPropertiesText = function GenPropertiesText(opt) {
-  var className = opt.isEditable ? 'editable' : 'readonly';
-  className = opt.isRequired && opt.isEditable ? 'required' : className;
-  var fieldHeader = 'test';
-  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, {
-    className: "text_generic_properties"
-  }, fieldHeader, /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormControl, {
-    type: "text",
-    value: opt.value,
-    onChange: opt.onChange,
-    className: className,
-    readOnly: opt.readOnly,
-    required: opt.isRequired,
-    placeholder: opt.placeholder
-  }));
-};
-
-exports.GenPropertiesText = GenPropertiesText;

package/dist/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-require("./index.css");
-
-require("bootstrap/dist/css/bootstrap.min.css");
-
-var _ElementManager = require("./components/admin/ElementManager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import App from './App';
-// import reportWebVitals from './reportWebVitals';
-// export { ElementManager };
-_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_ElementManager.ElementManager, {
-  elements: [],
-  element: {}
-})), document.getElementById('root')); // // 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();