chem-generic-ui 0.1.50 → 0.2.0

package/package.json

@@ -1,75 +1,86 @@
 {
   "name": "chem-generic-ui",
-  "version": "0.1.50",
-  "private": false,
+  "version": "0.2.0",
+  "main": "./dist/bundle.js",
   "license": "MIT",
+  "private": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "webpack-dev-server --config ./webpack.dev.js",
+    "build": "webpack --config ./webpack.config.js",
+    "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-rs": "react-scripts start",
+    "build-rs": "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",
-    "build-webpack": "react-scripts build && webpack --config webpack.config.js",
-    "sass": "sass src:src --watch --no-source-map",
+    "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"
   },
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "numeral": "^1.5.3",
+    "prop-types": "^15.8.1",
+    "react-dnd": "^2.6.0",
+    "react-dnd-html5-backend": "^2.6.0",
+    "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",
+    "uuid": "^8.3.2"
+  },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
+    "react-hot-loader": "^4.13.0",
+    "@babel/eslint-parser": "^7.15.0",
     "@babel/plugin-transform-runtime": "^7.17.0",
     "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",
+    "postcss": "^8.4.8",
+    "postcss-cli": "^9.1.0",
+    "postcss-nested": "^5.0.6",
     "redux-logger": "^3.0.6",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.8",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@fortawesome/fontawesome-svg-core": "^6.1.0",
+    "@fortawesome/free-regular-svg-icons": "^6.1.0",
+    "@fortawesome/free-solid-svg-icons": "^6.1.0",
+    "@fortawesome/react-fontawesome": "^0.1.18",
+    "babel-loader": "^8.2.3",
+    "css-loader": "^6.7.1",
+    "postcss-loader": "^6.2.1",
+    "postcss-preset-env": "^7.4.3",
+    "react-bootstrap": "~0.33.1",
+    "sass": "^1.49.9",
+    "sass-loader": "^12.6.0",
+    "style-loader": "^3.3.1",
     "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack-cli": "^4.9.2"
+    "webpack": "^5.70.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4"
   },
-  "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",
-    "css-loader": "4.3.0",
-    "glob": "^7.2.0",
-    "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "0.11.3",
-    "numeral": "^1.5.3",
-    "prop-types": "^15.8.1",
-    "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-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",
-    "sass": "^1.49.9",
-    "sass-loader": "8.0.2",
-    "uuid": "^8.3.2"
-  }
+  ]
+
 }

package/dist/app.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ElementManager", {
-  enumerable: true,
-  get: function get() {
-    return _ElementManager.default;
-  }
-});
-Object.defineProperty(exports, "FlowViewerModal", {
-  enumerable: true,
-  get: function get() {
-    return _FlowViewerModal.default;
-  }
-});
-Object.defineProperty(exports, "GenDSMisType", {
-  enumerable: true,
-  get: function get() {
-    return _GenDSMisType.default;
-  }
-});
-Object.defineProperty(exports, "GenPropertiesNumber", {
-  enumerable: true,
-  get: function get() {
-    return _GenPropertiesFields.GenPropertiesNumber;
-  }
-});
-Object.defineProperty(exports, "GenPropertiesText", {
-  enumerable: true,
-  get: function get() {
-    return _GenPropertiesFields.GenPropertiesText;
-  }
-});
-Object.defineProperty(exports, "GenericDSDetails", {
-  enumerable: true,
-  get: function get() {
-    return _GenDSDetails.default;
-  }
-});
-Object.defineProperty(exports, "SegmentDetails", {
-  enumerable: true,
-  get: function get() {
-    return _GenSgDetails.default;
-  }
-});
-
-var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
-
-var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-
-var _freeRegularSvgIcons = require("@fortawesome/free-regular-svg-icons");
-
-require("./asserts/main.css");
-
-var _ElementManager = _interopRequireDefault(require("./components/admin/ElementManager"));
-
-var _GenDSMisType = _interopRequireDefault(require("./components/fields/GenDSMisType"));
-
-var _GenDSDetails = _interopRequireDefault(require("./components/details/GenDSDetails"));
-
-var _GenSgDetails = _interopRequireDefault(require("./components/details/GenSgDetails"));
-
-var _FlowViewerModal = _interopRequireDefault(require("./components/flow/FlowViewerModal"));
-
-var _GenPropertiesFields = require("./components/fields/GenPropertiesFields");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import React, { useState, useEffect } from 'react';
-// import logo from './logo.svg';
-// import 'bootstrap/dist/css/bootstrap.min.css';
-// import { ElementManager, GenPropertiesText } from './components/admin/ElementManager';
-_fontawesomeSvgCore.library.add(_freeSolidSvgIcons.fas, _freeRegularSvgIcons.far); // export { GenPropertiesNumber, GenPropertiesText };
-// function App() {
-//   return (
-//     <div className="App">
-//       <header className="App-header">
-//         <img src={logo} className="App-logo" alt="logo" />
-//         <p>
-//           Edit <code>src/App.js</code> and save to reload.
-//         </p>
-//         <a
-//           className="App-link"
-//           href="https://reactjs.org"
-//           target="_blank"
-//           rel="noopener noreferrer"
-//         >
-//           Learn React
-//         </a>
-//       </header>
-//     </div>
-//   );
-// }
-// export { ElementManager, GenPropertiesText };
-// function App() {
-//   return (
-//     <div>
-//       Project A
-//       <ElementManager />
-//     </div>
-//   );
-// }
-// export default App;

package/dist/asserts/main.css

@@ -1,458 +0,0 @@
-.bg-bs-primary {
-  background-color: #337ab7 !important;
-}
-
-.bg-bs-warning {
-  background-color: #f0ad4e !important;
-}
-
-.icon_generic_nav {
-  font-family: FontAwesome, Helvetica, Arial, sans-serif !important;
-}
-
-.field_required {
-  background-color: lightyellow;
-}
-
-.template_panel_heading {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 5px 10px 5px 10px !important;
-}
-
-.panel_generic_properties {
-  border-left: unset !important;
-  border-right: unset !important;
-  border-bottom: unset !important;
-  line-height: 26px !important;
-  box-shadow: unset !important;
-  margin-bottom: unset !important;
-}
-.panel_generic_properties .panel-title {
-  font-weight: bold;
-}
-.panel_generic_properties .default_style {
-  font-size: 14px;
-  line-height: normal;
-}
-
-.panel_generic_properties_body {
-  padding-left: unset !important;
-  padding-right: unset !important;
-}
-
-.panel_generic_heading_slim {
-  padding: 5px 0px !important;
-}
-
-.panel_generic_heading {
-  font-weight: bold;
-  padding: 10px 0px !important;
-}
-
-.panel_generic_heading_bu {
-  font-weight: bold;
-  padding: 10px 0px !important;
-  text-decoration: underline;
-}
-
-.panel_generic_heading_bui {
-  font-weight: bold;
-  padding: 10px 0px !important;
-  text-decoration: underline;
-  font-style: italic;
-}
-
-.text_generic_properties .dummy {
-  background-color: unset !important;
-  border: unset !important;
-  box-shadow: unset !important;
-}
-.text_generic_properties .editable {
-  background-color: #fff;
-}
-.text_generic_properties .readonly {
-  background-color: #ddd;
-}
-.text_generic_properties .required {
-  background-color: lightyellow;
-}
-.text_generic_properties input:invalid {
-  border: 1px solid lightcoral;
-}
-
-.select_generic_properties_editable .Select-control {
-  background-color: #fff;
-}
-
-.select_generic_properties_readonly .Select-control {
-  background-color: #ddd;
-}
-
-.select_generic_properties_required .Select-control {
-  background-color: lightyellow;
-}
-
-.drop_generic_properties {
-  display: flex;
-  align-items: center;
-}
-.drop_generic_properties .target {
-  height: 100%;
-  width: 100%;
-  margin: 0px 10px 0px 10px;
-  display: inline-block;
-}
-.drop_generic_properties .target .indicator {
-  font-size: x-large;
-}
-.drop_generic_properties .target .s-img {
-  display: flex;
-}
-.drop_generic_properties .target .s-img img {
-  height: 4vh;
-  width: 4vw;
-}
-.drop_generic_properties .target .data {
-  font-size: medium;
-  line-height: normal !important;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  align-self: center;
-  width: 100%;
-}
-.drop_generic_properties .target.can-drop .indicator {
-  border: 2px dashed lightgray;
-  color: lightgray;
-}
-.drop_generic_properties .target.can-drop .data {
-  border: 2px dashed lightgray;
-  color: lightgray;
-}
-.drop_generic_properties .target.is-over .indicator {
-  border: 2px dashed #31708f;
-  color: #31708f;
-}
-.drop_generic_properties .target.is-over .data {
-  border: 2px dashed #31708f;
-  color: #31708f;
-}
-.drop_generic_properties .btn_del {
-  float: right;
-  align-self: center;
-}
-.drop_generic_properties .sample_radios {
-  font-size: xx-small;
-  line-height: 2;
-  display: inline-flex;
-  padding-right: 5px;
-}
-
-.generic_criteria_modal {
-  display: block;
-  padding-left: 0px;
-  top: 45% !important;
-  width: 75vw !important;
-}
-
-.search_criteria_mof .modal_body {
-  max-height: 70vh;
-  height: 70vh;
-  overflow: auto;
-}
-.search_criteria_mof .btn_footer {
-  margin-top: 10px;
-}
-
-.input-form .input-group-addon {
-  font-weight: bold;
-}
-.input-form .help {
-  font-size: 80%;
-  margin: 6px;
-  font-style: italic;
-}
-
-.g-ds-note {
-  color: black !important;
-  float: left !important;
-  text-align: left !important;
-  font-weight: lighter !important;
-}
-.g-ds-note .g-ds-title {
-  text-decoration: underline;
-  font-weight: 700;
-  line-height: 1.5;
-}
-
-.g_input_group {
-  padding: 6px 6px !important;
-}
-
-.g_input_group_label {
-  background-color: lightgray !important;
-  width: unset !important;
-  white-space: nowrap !important;
-  padding: 6px 6px !important;
-}
-
-.g_col_w {
-  width: 20% !important;
-}
-
-.generic_grid {
-  display: block;
-}
-.generic_grid > div {
-  display: flex;
-  flex-wrap: nowrap;
-}
-
-.generic_grid_header {
-  width: 100%;
-  margin: 6px 0px 6px 6px;
-  text-align: center;
-  line-height: 15px;
-  align-self: center;
-  font-weight: bolder;
-  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
-}
-
-.generic_grid_row {
-  width: 100%;
-  margin: 6px 0px 6px 6px;
-  text-align: center;
-  line-height: 15px;
-  align-self: center;
-}
-
-.generic_version {
-  background-color: #777;
-  display: inline-block;
-  padding: 0.35em 0.65em;
-  font-size: 0.75em;
-  text-align: center;
-  vertical-align: baseline;
-  white-space: nowrap;
-  border-radius: 0.5rem;
-  color: white;
-  background-color: unset;
-  color: blue;
-}
-
-.generic_version_draft {
-  background-color: #777;
-  display: inline-block;
-  padding: 0.35em 0.65em;
-  font-size: 0.75em;
-  text-align: center;
-  vertical-align: baseline;
-  white-space: nowrap;
-  border-radius: 0.5rem;
-  color: white;
-  background-color: unset;
-  color: black;
-}
-
-.generic_version_block {
-  display: block;
-  padding: 6px 10px;
-  margin: 10px;
-  border-radius: 10px;
-  border: thin solid lightgray;
-  font-size: 1.2em;
-}
-.generic_version_block > div {
-  display: flex;
-  flex-wrap: nowrap;
-}
-
-.generic_block_select {
-  border-width: medium;
-  border-style: groove;
-}
-
-.generic_panel_none {
-  border-color: #ddd !important;
-}
-.generic_panel_none > .panel-heading {
-  background-color: white !important;
-}
-
-.generic_tbl_chks {
-  line-height: 1em;
-  margin: 0px -10px !important;
-}
-.generic_tbl_chks > label {
-  display: inline-flex;
-  align-content: center;
-  align-items: center;
-}
-.generic_tbl_chks > label > input {
-  margin-top: 0px;
-}
-
-.generic_btn_default {
-  background-color: #777 !important;
-  color: #fff !important;
-}
-
-.drop_generic_table_wrap .target .s-img {
-  position: relative;
-  border: 1px solid transparent;
-}
-.drop_generic_table_wrap .target .s-img img {
-  height: 4vw;
-  width: 4vw;
-}
-.drop_generic_table_wrap .target .s-img .del_btn {
-  position: absolute;
-  top: 0%;
-  left: 0%;
-}
-.drop_generic_table_wrap .target .s-img .link_btn {
-  position: absolute;
-  bottom: 0%;
-  left: 0%;
-}
-.drop_generic_table_wrap .target .s-img:hover {
-  border: 1px solid #0dcaf0;
-}
-.drop_generic_table_wrap .target .data {
-  font-size: unset;
-  white-space: unset;
-  text-align: left;
-}
-.drop_generic_table_wrap .target.can-drop .s-img {
-  border: 2px dashed lightgray;
-  color: lightgray;
-}
-.drop_generic_table_wrap .target.is-over .s-img {
-  border: 2px dashed #31708f;
-  color: #31708f;
-}
-
-.generic_grid_img {
-  border: #ddd solid thin;
-}
-
-.generic_sam_options {
-  display: flex;
-  flex-direction: column;
-  text-align: left;
-  font-size: x-small;
-}
-.generic_sam_options .radio {
-  margin-top: unset;
-  margin-bottom: unset;
-}
-
-.generic_files {
-  padding: 0px 5px !important;
-}
-.generic_files > div > div > div {
-  text-align: left;
-  align-self: center;
-}
-.generic_files > div > div > div .form-group {
-  margin-bottom: 0px;
-}
-
-.grid-btn-none {
-  font-size: large;
-  color: white;
-}
-
-.generic_grid_dnd .dnd {
-  cursor: move;
-}
-.generic_grid_dnd .dnd-btn {
-  font-size: large;
-}
-.generic_grid_dnd .dnd-btn span {
-  cursor: move;
-}
-.generic_grid_dnd.can-drop {
-  border: 2px dashed lightgray;
-  color: lightgray;
-}
-.generic_grid_dnd.is-over {
-  border: 2px dashed #31708f;
-  color: #31708f;
-}
-.generic_grid_dnd.is-dragging {
-  opacity: 0.2;
-}
-
-.generic_layer_modal > .layer_header {
-  background-color: white;
-  color: #337ab7;
-  font-size: 20px;
-}
-.generic_layer_modal > .panel-body {
-  background-color: #d9edf7;
-}
-
-.generic_layer_column {
-  width: 100%;
-  margin: 6px 0px 6px 6px;
-  text-align: center;
-  line-height: 15px;
-  align-self: center;
-  border: 1px solid #337ab7;
-  background-color: white;
-  margin: 5px;
-  padding: 10px;
-  color: #337ab7;
-  border-radius: 4px;
-}
-
-.generic_layer_column > div:first-child {
-  display: flex;
-}
-
-.generic_layer_column > div:first-child > button {
-  float: right;
-  border-radius: 50%;
-}
-
-.generic_layer_column > div:first-child > div {
-  width: 100%;
-}
-
-.generic_wf_modal {
-  max-height: 100%;
-  overflow: auto;
-}
-
-.generic_wf_modal > div:first-child {
-  height: 85vh;
-  width: 100%;
-}
-
-.flow_view_draggable {
-  z-index: 100;
-  position: absolute;
-  top: 12%;
-  left: 10%;
-}
-.flow_view_draggable .panel-body {
-  padding: 5px;
-}
-.flow_view_draggable .panel-body > .body_bg {
-  max-height: 100%;
-  overflow: auto;
-  background-color: #d9edf7;
-}
-.flow_view_draggable .panel-body > .body_bg > .body_canvas {
-  resize: both;
-  overflow: auto;
-  height: 70vh;
-  width: 40vw;
-  min-height: 250px;
-  min-width: 300px;
-  max-width: 1600px;
-  max-height: 840px;
-}