chem-generic-ui 0.1.31 → 0.1.34-alpha

package/build/static/js/runtime-main.1c1408e7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","this","oldJsonpFunction","slice"],"mappings":"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","file":"static/js/runtime-main.1c1408e7.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t1: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = this[\"webpackJsonpchem-generic-ui\"] = this[\"webpackJsonpchem-generic-ui\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// run deferred modules from other chunks\n \tcheckDeferredModules();\n"],"sourceRoot":""}

package/build/test/ds_props.json

@@ -0,0 +1,54 @@
+{
+  "eln": {
+    "version": "0.9.1",
+    "base_revision": "413824bce4a7adeb74bb3258f94ab9e3fc87dc09",
+    "current_revision": "75f3702e77b841f44fc1d1b8e2650bba35329f59\n"
+  },
+  "uuid": "27f2d3b7-57bd-4eea-bb49-bd718d68077f",
+  "klass": "Dataset",
+  "layers": {
+    "params": {
+      "wf": false,
+      "key": "params",
+      "cols": 3,
+      "label": "Parameter",
+      "layer": "params",
+      "fields": [
+        {
+          "type": "system-defined",
+          "field": "temp",
+          "label": "Temperature",
+          "value": "18",
+          "default": "",
+          "position": 1,
+          "description": "measurement temperature",
+          "value_system": "C",
+          "option_layers": "temperature"
+        }
+      ],
+      "position": 100,
+      "condition": ""
+    },
+    "system": {
+      "wf": false,
+      "key": "system",
+      "cols": 3,
+      "label": "Settings",
+      "layer": "system",
+      "fields": [
+        {
+          "type": "integer",
+          "field": "scan",
+          "label": "Number of Scans",
+          "value": 2,
+          "default": "",
+          "position": 1
+        }
+      ],
+      "position": 100,
+      "condition": ""
+    }
+  },
+  "klass_uuid": "3475e057-60ae-4f7c-9ec1-516b29082d64",
+  "select_options": {}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chem-generic-ui",
-  "version": "0.1.31",
+  "version": "0.1.34-alpha",
   "private": false,
   "license": "MIT",
   "scripts": {
@@ -28,7 +28,7 @@
   "main": "dist/app.js",
   "module": "dist/app.js",
   "files": [
-    "dist",
+    "build",
     "README.md"
   ],
   "browserslist": [

package/dist/asserts/main.css

@@ -1,465 +0,0 @@
-.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;
-}