chem-generic-ui 0.1.33 → 0.1.34

package/dist/app.js

@@ -0,0 +1,105 @@
+"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

@@ -0,0 +1,465 @@
+.gu_button_right {
+  float: right;
+  right: 0px;
+  z-index: 1;
+  margin-left: 2px;
+}
+
+.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;
+}