chem-generic-ui 0.1.18-alpha → 0.1.18-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/asserts/main.scss +489 -0
- package/dist/data/systemUnits.json +430 -0
- package/dist/index.css +13 -0
- package/dist/logo.svg +1 -0
- package/dist/simulations/SimuDS.js +44 -110
- package/dist/simulations/SimuSG.js +43 -109
- package/package.json +2 -2
|
@@ -0,0 +1,489 @@
|
|
|
1
|
+
$color-editable: #fff;
|
|
2
|
+
$color-readonly: #ddd;
|
|
3
|
+
$color-required: lightyellow;
|
|
4
|
+
$color-invalid: lightcoral;
|
|
5
|
+
$color-can-drop: lightgray;
|
|
6
|
+
$color-is-over: #31708f;
|
|
7
|
+
$colo-bs-primary: #337ab7;
|
|
8
|
+
$color-bs-warning: #f0ad4e;
|
|
9
|
+
$colo-selected-border: #0dcaf0;
|
|
10
|
+
$color-default: #777;
|
|
11
|
+
$color-bs-info: #5bc0de;
|
|
12
|
+
|
|
13
|
+
.bg-bs-primary {
|
|
14
|
+
background-color: $colo-bs-primary !important;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.bg-bs-warning {
|
|
18
|
+
background-color: $color-bs-warning !important;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.icon_generic_nav {
|
|
22
|
+
font-family: FontAwesome, Helvetica, Arial, sans-serif !important;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.field_required {
|
|
26
|
+
background-color: $color-required;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.template_panel_heading {
|
|
30
|
+
display: flex;
|
|
31
|
+
justify-content: space-between;
|
|
32
|
+
align-items: center;
|
|
33
|
+
padding: 5px 10px 5px 10px !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.panel_generic_properties {
|
|
37
|
+
border-left: unset !important;
|
|
38
|
+
border-right: unset !important;
|
|
39
|
+
border-bottom: unset !important;
|
|
40
|
+
line-height: 26px !important;
|
|
41
|
+
box-shadow: unset !important;
|
|
42
|
+
margin-bottom: unset !important;
|
|
43
|
+
.panel-title {
|
|
44
|
+
font-weight: bold;
|
|
45
|
+
}
|
|
46
|
+
.default_style {
|
|
47
|
+
font-size: 14px;
|
|
48
|
+
line-height: normal;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.panel_generic_properties_body {
|
|
53
|
+
padding-left: unset !important;
|
|
54
|
+
padding-right: unset !important;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@mixin generic_panel_header {
|
|
58
|
+
font-weight: bold;
|
|
59
|
+
padding: 10px 0px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.panel_generic_heading_slim {
|
|
63
|
+
padding: 5px 0px !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.panel_generic_heading {
|
|
67
|
+
@include generic_panel_header;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.panel_generic_heading_bu {
|
|
71
|
+
@include generic_panel_header;
|
|
72
|
+
text-decoration: underline;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.panel_generic_heading_bui {
|
|
76
|
+
@include generic_panel_header;
|
|
77
|
+
text-decoration: underline;
|
|
78
|
+
font-style: italic;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.text_generic_properties {
|
|
82
|
+
.dummy {
|
|
83
|
+
background-color: unset !important;
|
|
84
|
+
border: unset !important;
|
|
85
|
+
box-shadow: unset !important;
|
|
86
|
+
}
|
|
87
|
+
.editable {
|
|
88
|
+
background-color: $color-editable;
|
|
89
|
+
}
|
|
90
|
+
.readonly {
|
|
91
|
+
background-color: $color-readonly;
|
|
92
|
+
}
|
|
93
|
+
.required {
|
|
94
|
+
background-color: $color-required;
|
|
95
|
+
}
|
|
96
|
+
input:invalid {
|
|
97
|
+
border: 1px solid $color-invalid;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.select_generic_properties_editable {
|
|
102
|
+
.Select-control {
|
|
103
|
+
background-color: $color-editable;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.select_generic_properties_readonly {
|
|
108
|
+
.Select-control {
|
|
109
|
+
background-color: $color-readonly;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.select_generic_properties_required {
|
|
114
|
+
.Select-control {
|
|
115
|
+
background-color: $color-required;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.drop_generic_properties {
|
|
120
|
+
display: flex;
|
|
121
|
+
align-items: center;
|
|
122
|
+
.target {
|
|
123
|
+
height: 100%;
|
|
124
|
+
width: 100%;
|
|
125
|
+
margin: 0px 10px 0px 10px;
|
|
126
|
+
display: inline-block;
|
|
127
|
+
.indicator {
|
|
128
|
+
font-size: x-large;
|
|
129
|
+
}
|
|
130
|
+
.s-img {
|
|
131
|
+
display: flex;
|
|
132
|
+
img {
|
|
133
|
+
height: 4vh;
|
|
134
|
+
width: 4vw;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
.data {
|
|
138
|
+
font-size: medium;
|
|
139
|
+
line-height: normal !important;
|
|
140
|
+
text-overflow: ellipsis;
|
|
141
|
+
overflow: hidden;
|
|
142
|
+
white-space: nowrap;
|
|
143
|
+
align-self: center;
|
|
144
|
+
width: 100%;
|
|
145
|
+
}
|
|
146
|
+
&.can-drop {
|
|
147
|
+
.indicator {
|
|
148
|
+
border: 2px dashed $color-can-drop;
|
|
149
|
+
color: $color-can-drop;
|
|
150
|
+
}
|
|
151
|
+
.data {
|
|
152
|
+
border: 2px dashed $color-can-drop;
|
|
153
|
+
color: $color-can-drop;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
&.is-over {
|
|
157
|
+
.indicator {
|
|
158
|
+
border: 2px dashed $color-is-over;
|
|
159
|
+
color: $color-is-over;
|
|
160
|
+
}
|
|
161
|
+
.data {
|
|
162
|
+
border: 2px dashed $color-is-over;
|
|
163
|
+
color: $color-is-over;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
.btn_del {
|
|
168
|
+
float: right;
|
|
169
|
+
align-self: center;
|
|
170
|
+
}
|
|
171
|
+
.sample_radios {
|
|
172
|
+
font-size: xx-small;
|
|
173
|
+
line-height: 2;
|
|
174
|
+
display: inline-flex;
|
|
175
|
+
padding-right: 5px;
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.generic_criteria_modal {
|
|
180
|
+
display: block;
|
|
181
|
+
padding-left: 0px;
|
|
182
|
+
top: 45% !important;
|
|
183
|
+
width: 75vw !important;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.search_criteria_mof {
|
|
187
|
+
.modal_body {
|
|
188
|
+
max-height: 70vh;
|
|
189
|
+
height: 70vh;
|
|
190
|
+
overflow: auto;
|
|
191
|
+
}
|
|
192
|
+
.btn_footer {
|
|
193
|
+
margin-top: 10px;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.input-form {
|
|
198
|
+
.input-group-addon {
|
|
199
|
+
font-weight: bold;
|
|
200
|
+
}
|
|
201
|
+
.help {
|
|
202
|
+
font-size: 80%;
|
|
203
|
+
margin: 6px;
|
|
204
|
+
font-style: italic;
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.g-ds-note {
|
|
209
|
+
color: black !important;
|
|
210
|
+
float: left !important;
|
|
211
|
+
text-align: left !important;
|
|
212
|
+
font-weight: lighter !important;
|
|
213
|
+
.g-ds-title { text-decoration: underline; font-weight: 700; line-height: 1.5; }
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.g_input_group {
|
|
217
|
+
padding: 6px 6px !important;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.g_input_group_label {
|
|
221
|
+
background-color: lightgray !important;
|
|
222
|
+
width: unset !important;
|
|
223
|
+
white-space: nowrap !important;
|
|
224
|
+
padding: 6px 6px !important;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.g_col_w {
|
|
228
|
+
width: 20% !important;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.generic_grid {
|
|
232
|
+
display: block;
|
|
233
|
+
> div {
|
|
234
|
+
display: flex;
|
|
235
|
+
flex-wrap: nowrap;
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
@mixin generic_grid_cell {
|
|
240
|
+
width: 100%;
|
|
241
|
+
margin: 6px 0px 6px 6px;
|
|
242
|
+
text-align: center;
|
|
243
|
+
line-height: 15px;
|
|
244
|
+
align-self: center;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.generic_grid_header {
|
|
248
|
+
@include generic_grid_cell;
|
|
249
|
+
font-weight: bolder;
|
|
250
|
+
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.generic_grid_row {
|
|
254
|
+
@include generic_grid_cell;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
@mixin generic_version_badge {
|
|
258
|
+
background-color: #777;
|
|
259
|
+
display: inline-block;
|
|
260
|
+
padding: 0.35em 0.65em;
|
|
261
|
+
font-size: 0.75em;
|
|
262
|
+
text-align: center;
|
|
263
|
+
vertical-align: baseline;
|
|
264
|
+
white-space: nowrap;
|
|
265
|
+
border-radius: 0.5rem;
|
|
266
|
+
color: white;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.generic_version {
|
|
270
|
+
@include generic_version_badge;
|
|
271
|
+
background-color: unset;
|
|
272
|
+
color: blue;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.generic_version_draft {
|
|
276
|
+
@include generic_version_badge;
|
|
277
|
+
background-color: unset;
|
|
278
|
+
color: black;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.generic_version_block {
|
|
282
|
+
display: block;
|
|
283
|
+
padding: 6px 10px;
|
|
284
|
+
margin: 10px;
|
|
285
|
+
border-radius: 10px;
|
|
286
|
+
border: thin solid lightgray;
|
|
287
|
+
font-size: 1.2em;
|
|
288
|
+
> div {
|
|
289
|
+
display: flex;
|
|
290
|
+
flex-wrap: nowrap;
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.generic_block_select {
|
|
295
|
+
// border-color: $colo-selected-border;
|
|
296
|
+
border-width: medium;
|
|
297
|
+
border-style: groove;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.generic_panel_none {
|
|
301
|
+
border-color: #ddd !important;
|
|
302
|
+
> .panel-heading {
|
|
303
|
+
background-color: white !important;
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.generic_tbl_chks {
|
|
308
|
+
line-height: 1em;
|
|
309
|
+
margin: 0px -10px !important;
|
|
310
|
+
> label {
|
|
311
|
+
display: inline-flex;
|
|
312
|
+
align-content: center;
|
|
313
|
+
align-items: center;
|
|
314
|
+
> input {
|
|
315
|
+
margin-top: 0px;
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
.generic_btn_default {
|
|
321
|
+
background-color: $color-default !important;
|
|
322
|
+
color: $color-editable !important;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
.drop_generic_table_wrap {
|
|
326
|
+
.target {
|
|
327
|
+
.s-img {
|
|
328
|
+
position: relative;
|
|
329
|
+
border: 1px solid transparent;
|
|
330
|
+
img {
|
|
331
|
+
height: 4vw;
|
|
332
|
+
width: 4vw;
|
|
333
|
+
}
|
|
334
|
+
.del_btn {
|
|
335
|
+
position: absolute;
|
|
336
|
+
top: 0%;
|
|
337
|
+
left: 0%;
|
|
338
|
+
}
|
|
339
|
+
.link_btn {
|
|
340
|
+
position: absolute;
|
|
341
|
+
bottom: 0%;
|
|
342
|
+
left: 0%;
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
.s-img:hover {
|
|
346
|
+
border: 1px solid $colo-selected-border;
|
|
347
|
+
}
|
|
348
|
+
.data {
|
|
349
|
+
font-size: unset;
|
|
350
|
+
white-space: unset;
|
|
351
|
+
text-align: left;
|
|
352
|
+
}
|
|
353
|
+
&.can-drop {
|
|
354
|
+
.s-img {
|
|
355
|
+
border: 2px dashed $color-can-drop;
|
|
356
|
+
color: $color-can-drop;
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
&.is-over {
|
|
360
|
+
.s-img {
|
|
361
|
+
border: 2px dashed $color-is-over;
|
|
362
|
+
color: $color-is-over;
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
.generic_grid_img {
|
|
369
|
+
border: $color-readonly solid thin;
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
.generic_sam_options {
|
|
373
|
+
display: flex;
|
|
374
|
+
flex-direction: column;
|
|
375
|
+
text-align: left;
|
|
376
|
+
font-size: x-small;
|
|
377
|
+
.radio {
|
|
378
|
+
margin-top: unset;
|
|
379
|
+
margin-bottom: unset;
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.generic_files {
|
|
384
|
+
padding: 0px 5px !important;
|
|
385
|
+
> div > div > div {
|
|
386
|
+
text-align: left;
|
|
387
|
+
align-self: center;
|
|
388
|
+
.form-group {
|
|
389
|
+
margin-bottom: 0px;
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.grid-btn-none {
|
|
395
|
+
font-size: large;
|
|
396
|
+
color: white;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
.generic_grid_dnd {
|
|
400
|
+
.dnd {
|
|
401
|
+
cursor: move;
|
|
402
|
+
}
|
|
403
|
+
.dnd-btn {
|
|
404
|
+
font-size: large;
|
|
405
|
+
span {
|
|
406
|
+
cursor: move;
|
|
407
|
+
}
|
|
408
|
+
}
|
|
409
|
+
&.can-drop {
|
|
410
|
+
border: 2px dashed $color-can-drop;
|
|
411
|
+
color: $color-can-drop;
|
|
412
|
+
}
|
|
413
|
+
&.is-over {
|
|
414
|
+
border: 2px dashed $color-is-over;
|
|
415
|
+
color: $color-is-over;
|
|
416
|
+
}
|
|
417
|
+
&.is-dragging {
|
|
418
|
+
opacity: 0.2;
|
|
419
|
+
}
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.generic_layer_modal {
|
|
423
|
+
> .layer_header {
|
|
424
|
+
background-color: white;
|
|
425
|
+
color: $colo-bs-primary;
|
|
426
|
+
font-size: 20px;
|
|
427
|
+
}
|
|
428
|
+
> .panel-body {
|
|
429
|
+
background-color: #d9edf7;
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.generic_layer_column {
|
|
434
|
+
@include generic_grid_cell;
|
|
435
|
+
border: 1px solid $colo-bs-primary;
|
|
436
|
+
background-color: white;
|
|
437
|
+
margin: 5px;
|
|
438
|
+
padding: 10px;
|
|
439
|
+
color: $colo-bs-primary;
|
|
440
|
+
border-radius: 4px;
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
.generic_layer_column > div:first-child {
|
|
444
|
+
display: flex;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
.generic_layer_column > div:first-child > button {
|
|
448
|
+
float: right;
|
|
449
|
+
border-radius: 50%;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
.generic_layer_column > div:first-child > div {
|
|
453
|
+
width: 100%;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
.generic_wf_modal {
|
|
457
|
+
max-height: 100%;
|
|
458
|
+
overflow: auto;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.generic_wf_modal > div:first-child {
|
|
462
|
+
height: 85vh;
|
|
463
|
+
width: 100%;
|
|
464
|
+
}
|
|
465
|
+
|
|
466
|
+
.flow_view_draggable {
|
|
467
|
+
z-index: 100;
|
|
468
|
+
position: absolute;
|
|
469
|
+
top: 12%;
|
|
470
|
+
left: 10%;
|
|
471
|
+
.panel-body {
|
|
472
|
+
padding: 5px;
|
|
473
|
+
> .body_bg {
|
|
474
|
+
max-height: 100%;
|
|
475
|
+
overflow: auto;
|
|
476
|
+
background-color: #d9edf7;
|
|
477
|
+
> .body_canvas {
|
|
478
|
+
resize: both;
|
|
479
|
+
overflow: auto;
|
|
480
|
+
height: 70vh;
|
|
481
|
+
width: 40vw;
|
|
482
|
+
min-height: 250px;
|
|
483
|
+
min-width: 300px;
|
|
484
|
+
max-width: 1600px;
|
|
485
|
+
max-height: 840px;
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
}
|
|
489
|
+
}
|
|
@@ -0,0 +1,430 @@
|
|
|
1
|
+
{
|
|
2
|
+
"fields": [
|
|
3
|
+
{
|
|
4
|
+
"type": "numeric",
|
|
5
|
+
"field": "acceleration",
|
|
6
|
+
"label": "Acceleration",
|
|
7
|
+
"default": "",
|
|
8
|
+
"position": 10,
|
|
9
|
+
"placeholder": "acceleration",
|
|
10
|
+
"units": [
|
|
11
|
+
{ "key": "mm_s2", "label": "mm/s<sup>2</sup>" }
|
|
12
|
+
]
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"type": "numeric",
|
|
16
|
+
"field": "agitation",
|
|
17
|
+
"label": "Agitation",
|
|
18
|
+
"default": "",
|
|
19
|
+
"position": 20,
|
|
20
|
+
"placeholder": "agitation",
|
|
21
|
+
"units": [
|
|
22
|
+
{ "key": "rpm", "label": "rpm" }
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"type": "numeric",
|
|
27
|
+
"field": "amount_enzyme",
|
|
28
|
+
"label": "Amount enzyme as nmol/min",
|
|
29
|
+
"default": "",
|
|
30
|
+
"position": 30,
|
|
31
|
+
"placeholder": "amount enzyme as nmol/min",
|
|
32
|
+
"units": [
|
|
33
|
+
{ "key": "u", "label": "U", "nm": 1 },
|
|
34
|
+
{ "key": "mu", "label": "mU", "nm": 1000 }
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"type": "numeric",
|
|
39
|
+
"field": "molarity",
|
|
40
|
+
"label": "Chem. concentration (Molarity)",
|
|
41
|
+
"default": "",
|
|
42
|
+
"position": 40,
|
|
43
|
+
"placeholder": "molarity",
|
|
44
|
+
"units": [
|
|
45
|
+
{ "key": "mol_l", "label": "mol/L (M)", "nm": 1 },
|
|
46
|
+
{ "key": "mmol_l", "label": "mmol/L (mM)", "nm": 1000 },
|
|
47
|
+
{ "key": "nmol_l", "label": "nmol/L (nM)", "nm": 1000000 },
|
|
48
|
+
{ "key": "pmol_l", "label": "pmol/L (pM)", "nm": 1000000000 }
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"type": "numeric",
|
|
53
|
+
"field": "chem_distances",
|
|
54
|
+
"label": "Chem. distances",
|
|
55
|
+
"default": "",
|
|
56
|
+
"position": 50,
|
|
57
|
+
"placeholder": "Chem. distances",
|
|
58
|
+
"units": [
|
|
59
|
+
{ "key": "angstrom", "label": "Å" }
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"type": "numeric",
|
|
64
|
+
"field": "concentration",
|
|
65
|
+
"label": "Concentration",
|
|
66
|
+
"default": "",
|
|
67
|
+
"position": 60,
|
|
68
|
+
"placeholder": "concentration",
|
|
69
|
+
"units": [
|
|
70
|
+
{ "key": "ng_l", "label": "ng/L", "nm": 1000000 },
|
|
71
|
+
{ "key": "mg_l", "label": "mg/L", "nm": 1000 },
|
|
72
|
+
{ "key": "g_l", "label": "g/L", "nm": 1 }
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"type": "numeric",
|
|
77
|
+
"field": "conductivity",
|
|
78
|
+
"label": "Conductivity",
|
|
79
|
+
"default": "",
|
|
80
|
+
"position": 66,
|
|
81
|
+
"placeholder": "conductivity",
|
|
82
|
+
"units": [
|
|
83
|
+
{ "key": "s_m", "label": "S/m", "nm": 1 }
|
|
84
|
+
]
|
|
85
|
+
},{
|
|
86
|
+
"type": "numeric",
|
|
87
|
+
"field": "current",
|
|
88
|
+
"label": "Current",
|
|
89
|
+
"default": "",
|
|
90
|
+
"position": 60,
|
|
91
|
+
"placeholder": "Current",
|
|
92
|
+
"units": [
|
|
93
|
+
{ "key": "A", "label": "A", "nm": 1 },
|
|
94
|
+
{ "key": "mA", "label": "mA", "nm": 1000 },
|
|
95
|
+
{ "key": "uA", "label": "µA", "nm": 1000000},
|
|
96
|
+
{ "key": "nA", "label": "nA", "nm": 1000000000 }
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"type": "numeric",
|
|
101
|
+
"field": "degree",
|
|
102
|
+
"label": "Degree",
|
|
103
|
+
"default": "",
|
|
104
|
+
"position": 70,
|
|
105
|
+
"placeholder": "degree",
|
|
106
|
+
"units": [
|
|
107
|
+
{ "key": "degree", "label": "°" }
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"type": "numeric",
|
|
112
|
+
"field": "density",
|
|
113
|
+
"label": "Density",
|
|
114
|
+
"default": "",
|
|
115
|
+
"position": 75,
|
|
116
|
+
"placeholder": "density",
|
|
117
|
+
"units": [
|
|
118
|
+
{ "key": "g_cm3", "label": "g/cm<sup>3</sup>", "nm": 1 },
|
|
119
|
+
{ "key": "kg_l", "label": "kg/l", "nm": 1 }
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"type": "numeric",
|
|
124
|
+
"field": "duration",
|
|
125
|
+
"label": "Duration",
|
|
126
|
+
"default": "",
|
|
127
|
+
"position": 80,
|
|
128
|
+
"placeholder": "duration",
|
|
129
|
+
"units": [
|
|
130
|
+
{ "key": "d", "label": "d", "nm": 1 },
|
|
131
|
+
{ "key": "h", "label": "h", "nm": 24 },
|
|
132
|
+
{ "key": "min", "label": "m", "nm": 1440 },
|
|
133
|
+
{ "key": "s", "label": "s", "nm": 86400 }
|
|
134
|
+
]
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"type": "numeric",
|
|
138
|
+
"field": "elastic_modulus",
|
|
139
|
+
"label": "Elastic modulus",
|
|
140
|
+
"default": "",
|
|
141
|
+
"position": 86,
|
|
142
|
+
"placeholder": "Elastic modulus",
|
|
143
|
+
"units": [
|
|
144
|
+
{ "key": "m_pa", "label": "MPa", "nm": 1 },
|
|
145
|
+
{ "key": "k_pa", "label": "kPa", "nm": 1000 },
|
|
146
|
+
{ "key": "pa", "label": "Pa", "nm": 1000000 }
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"type": "numeric",
|
|
151
|
+
"field": "electric_field",
|
|
152
|
+
"label": "Electric field",
|
|
153
|
+
"default": "",
|
|
154
|
+
"position": 86,
|
|
155
|
+
"placeholder": "Electric field",
|
|
156
|
+
"units": [
|
|
157
|
+
{ "key": "v_m", "label": "V/m", "nm": 1 }
|
|
158
|
+
]
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"type": "numeric",
|
|
162
|
+
"field": "energy",
|
|
163
|
+
"label": "Energy",
|
|
164
|
+
"default": "",
|
|
165
|
+
"position": 88,
|
|
166
|
+
"placeholder": "Joule",
|
|
167
|
+
"units": [
|
|
168
|
+
{ "key": "j", "label": "J", "nm": 1000 },
|
|
169
|
+
{ "key": "k_j", "label": "kJ", "nm": 1 }
|
|
170
|
+
]
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"type": "numeric",
|
|
174
|
+
"field": "enzyme_activity",
|
|
175
|
+
"label": "Enzyme activity",
|
|
176
|
+
"default": "",
|
|
177
|
+
"position": 90,
|
|
178
|
+
"placeholder": "Enzyme activity",
|
|
179
|
+
"units": [
|
|
180
|
+
{ "key": "u_l", "label": "U/L", "nm": 1 },
|
|
181
|
+
{ "key": "u_ml", "label": "U/mL", "nm": 1000 }
|
|
182
|
+
]
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"type": "numeric",
|
|
186
|
+
"field": "flow_rate",
|
|
187
|
+
"label": "Flow rate",
|
|
188
|
+
"default": "",
|
|
189
|
+
"position": 100,
|
|
190
|
+
"placeholder": "Flow rate",
|
|
191
|
+
"units": [
|
|
192
|
+
{ "key": "ul_min", "label": "µl/min", "nm": 1000000 },
|
|
193
|
+
{ "key": "ml_min", "label": "ml/min", "nm": 1000 },
|
|
194
|
+
{ "key": "l_m", "label": "l/m", "nm": 1 }
|
|
195
|
+
]
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"type": "numeric",
|
|
199
|
+
"field": "frequency",
|
|
200
|
+
"label": "Frequency",
|
|
201
|
+
"default": "",
|
|
202
|
+
"position": 100,
|
|
203
|
+
"placeholder": "frequency",
|
|
204
|
+
"units": [
|
|
205
|
+
{ "key": "hz", "label": "Hz", "nm": 1000 },
|
|
206
|
+
{ "key": "khz", "label": "kHz", "nm": 1 }
|
|
207
|
+
]
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"type": "numeric",
|
|
211
|
+
"field": "heating_rate",
|
|
212
|
+
"label": "Heating rate",
|
|
213
|
+
"default": "",
|
|
214
|
+
"position": 106,
|
|
215
|
+
"placeholder": "heating rate",
|
|
216
|
+
"units": [
|
|
217
|
+
{ "key": "k_min", "label": "K/min", "nm": 1 }
|
|
218
|
+
]
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"type": "numeric",
|
|
222
|
+
"field": "length",
|
|
223
|
+
"label": "Length",
|
|
224
|
+
"default": "",
|
|
225
|
+
"position": 110,
|
|
226
|
+
"placeholder": "length",
|
|
227
|
+
"units": [
|
|
228
|
+
{ "key": "pm", "label": "pm", "nm": 100000 },
|
|
229
|
+
{ "key": "nm", "label": "nm", "nm": 10000 },
|
|
230
|
+
{ "key": "mm", "label": "mm", "nm": 1000 },
|
|
231
|
+
{ "key": "cm", "label": "cm", "nm": 100 },
|
|
232
|
+
{ "key": "m", "label": "m", "nm": 1 }
|
|
233
|
+
]
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"type": "numeric",
|
|
237
|
+
"field": "magnetic_flux_density",
|
|
238
|
+
"label": "Magnetic flux density/inductivity",
|
|
239
|
+
"default": "",
|
|
240
|
+
"position": 120,
|
|
241
|
+
"placeholder": "",
|
|
242
|
+
"units": [
|
|
243
|
+
{ "key": "T", "label": "T", "nm": 1 }
|
|
244
|
+
]
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"type": "numeric",
|
|
248
|
+
"field": "mass",
|
|
249
|
+
"label": "Mass",
|
|
250
|
+
"default": "",
|
|
251
|
+
"position": 120,
|
|
252
|
+
"placeholder": "mass",
|
|
253
|
+
"units": [
|
|
254
|
+
{ "key": "g", "label": "g", "nm": 1 },
|
|
255
|
+
{ "key": "mg", "label": "mg", "nm": 1000 },
|
|
256
|
+
{ "key": "ug", "label": "µg", "nm": 1000000 }
|
|
257
|
+
]
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"type": "numeric",
|
|
261
|
+
"field": "mass_molecule",
|
|
262
|
+
"label": "Mass of molecule",
|
|
263
|
+
"default": "",
|
|
264
|
+
"position": 126,
|
|
265
|
+
"placeholder": "mass of molecule",
|
|
266
|
+
"units": [
|
|
267
|
+
{ "key": "dalton", "label": "D", "nm": 1000 },
|
|
268
|
+
{ "key": "kilo_dalton", "label": "kD", "nm": 1 }
|
|
269
|
+
]
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"type": "numeric",
|
|
273
|
+
"field": "molecular_weight",
|
|
274
|
+
"label": "Molecular weight",
|
|
275
|
+
"default": "",
|
|
276
|
+
"position": 130,
|
|
277
|
+
"placeholder": "Molecular weight",
|
|
278
|
+
"units": [
|
|
279
|
+
{ "key": "g_mol", "label": "g/mol" }
|
|
280
|
+
]
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"type": "numeric",
|
|
284
|
+
"field": "percentage",
|
|
285
|
+
"label": "Percentage",
|
|
286
|
+
"default": "",
|
|
287
|
+
"position": 136,
|
|
288
|
+
"placeholder": "percentage",
|
|
289
|
+
"units": [
|
|
290
|
+
{ "key": "p", "label": "%", "nm": 1 }
|
|
291
|
+
]
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"type": "numeric",
|
|
295
|
+
"field": "pressure",
|
|
296
|
+
"label": "Pressure",
|
|
297
|
+
"default": "",
|
|
298
|
+
"position": 140,
|
|
299
|
+
"placeholder": "pressure",
|
|
300
|
+
"units": [
|
|
301
|
+
{ "key": "atm", "label": "atm", "nm": 1 },
|
|
302
|
+
{ "key": "pa", "label": "Pa", "nm": 101325 },
|
|
303
|
+
{ "key": "torr", "label": "Torr", "nm": 760 }
|
|
304
|
+
]
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
"type": "numeric",
|
|
308
|
+
"field": "reaction_rate",
|
|
309
|
+
"label": "Reaction rate",
|
|
310
|
+
"default": "",
|
|
311
|
+
"position": 150,
|
|
312
|
+
"placeholder": "Reaction rate",
|
|
313
|
+
"units": [
|
|
314
|
+
{ "key": "mol_lmin", "label": "mol/Lmin", "nm": 1 },
|
|
315
|
+
{ "key": "mol_lsec", "label": "mol/Ls", "nm": 60 }
|
|
316
|
+
]
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"type": "numeric",
|
|
320
|
+
"field": "specific_volume",
|
|
321
|
+
"label": "Specific Volume",
|
|
322
|
+
"default": "",
|
|
323
|
+
"position": 160,
|
|
324
|
+
"placeholder": "Specific Volume",
|
|
325
|
+
"units": [
|
|
326
|
+
{ "key": "cm3_g", "label": "cm<sup>3</sup>/g", "nm": 1 }
|
|
327
|
+
]
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"type": "numeric",
|
|
331
|
+
"field": "speed",
|
|
332
|
+
"label": "Speed",
|
|
333
|
+
"default": "",
|
|
334
|
+
"position": 165,
|
|
335
|
+
"placeholder": "speed",
|
|
336
|
+
"units": [
|
|
337
|
+
{ "key": "cm_s", "label": "cm/s", "nm": 1 },
|
|
338
|
+
{ "key": "mm_s", "label": "mm/s", "nm": 10 },
|
|
339
|
+
{ "key": "cm_h", "label": "cm/h", "nm": 3600 },
|
|
340
|
+
{ "key": "mm_h", "label": "mm/h", "nm": 36000 }
|
|
341
|
+
]
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"type": "numeric",
|
|
345
|
+
"field": "surface",
|
|
346
|
+
"label": "Surface",
|
|
347
|
+
"default": "",
|
|
348
|
+
"position": 170,
|
|
349
|
+
"placeholder": "surface",
|
|
350
|
+
"units": [
|
|
351
|
+
{ "key": "a_2", "label": "A<sup>2</sup>" },
|
|
352
|
+
{ "key": "mm_2", "label": "mm<sup>2</sup>" },
|
|
353
|
+
{ "key": "cm_2", "label": "cm<sup>2</sup>" }
|
|
354
|
+
]
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"type": "numeric",
|
|
358
|
+
"field": "temperature",
|
|
359
|
+
"label": "Temperature",
|
|
360
|
+
"default": "",
|
|
361
|
+
"position": 180,
|
|
362
|
+
"placeholder": "temperature",
|
|
363
|
+
"units": [
|
|
364
|
+
{ "key": "C", "label": "°C" },
|
|
365
|
+
{ "key": "F", "label": "°F" },
|
|
366
|
+
{ "key": "K", "label": "°K" }
|
|
367
|
+
]
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"type": "numeric",
|
|
371
|
+
"field": "turnover_number",
|
|
372
|
+
"label": "Turnover number",
|
|
373
|
+
"default": "",
|
|
374
|
+
"position": 190,
|
|
375
|
+
"placeholder": "Turnover number",
|
|
376
|
+
"units": [
|
|
377
|
+
{ "key": "1_s", "label": "1/s" }
|
|
378
|
+
]
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"type": "numeric",
|
|
382
|
+
"field": "viscosity",
|
|
383
|
+
"label": "Dynamic Viscosity",
|
|
384
|
+
"default": "",
|
|
385
|
+
"position": 200,
|
|
386
|
+
"placeholder": "Dynamic Viscosity",
|
|
387
|
+
"units": [
|
|
388
|
+
{ "key": "pas", "label": "Pas", "nm": 1 },
|
|
389
|
+
{ "key": "mpas", "label": "mPas", "nm": 1000 }
|
|
390
|
+
]
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"type": "numeric",
|
|
394
|
+
"field": "kinematic_viscosity",
|
|
395
|
+
"label": "Kinematic Viscosity",
|
|
396
|
+
"default": "",
|
|
397
|
+
"position": 205,
|
|
398
|
+
"placeholder": "Kinematic Viscosity",
|
|
399
|
+
"units": [
|
|
400
|
+
{ "key": "m2_s", "label": "m<sup>2</sup>/s", "nm": 1 }
|
|
401
|
+
]
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"type": "numeric",
|
|
405
|
+
"field": "voltage",
|
|
406
|
+
"label": "Voltage",
|
|
407
|
+
"default": "",
|
|
408
|
+
"position": 200,
|
|
409
|
+
"placeholder": "voltage",
|
|
410
|
+
"units": [
|
|
411
|
+
{ "key": "mv", "label": "mV", "nm": 1000 },
|
|
412
|
+
{ "key": "v", "label": "V", "nm": 1 }
|
|
413
|
+
]
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"type": "numeric",
|
|
417
|
+
"field": "volumes",
|
|
418
|
+
"label": "Volumes",
|
|
419
|
+
"default": "",
|
|
420
|
+
"position": 210,
|
|
421
|
+
"placeholder": "volume",
|
|
422
|
+
"units": [
|
|
423
|
+
{ "key": "l", "label": "l", "nm": 1 },
|
|
424
|
+
{ "key": "ml", "label": "ml", "nm": 1000 },
|
|
425
|
+
{ "key": "ul", "label": "µl", "nm": 1000000},
|
|
426
|
+
{ "key": "nl", "label": "nl", "nm": 1000000000 }
|
|
427
|
+
]
|
|
428
|
+
}
|
|
429
|
+
]
|
|
430
|
+
}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
body {
|
|
2
|
+
margin: 0;
|
|
3
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
4
|
+
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
5
|
+
sans-serif;
|
|
6
|
+
-webkit-font-smoothing: antialiased;
|
|
7
|
+
-moz-osx-font-smoothing: grayscale;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
code {
|
|
11
|
+
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
|
12
|
+
monospace;
|
|
13
|
+
}
|
package/dist/logo.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
|
|
@@ -1,118 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _GenDSDetails = _interopRequireDefault(require("../components/details/GenDSDetails"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
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); }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
21
|
-
|
|
22
|
-
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); } }
|
|
23
|
-
|
|
24
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
25
|
-
|
|
26
|
-
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); }
|
|
27
|
-
|
|
28
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
29
|
-
|
|
30
|
-
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); }; }
|
|
31
|
-
|
|
32
|
-
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); }
|
|
33
|
-
|
|
34
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
35
|
-
|
|
36
|
-
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; } }
|
|
37
|
-
|
|
38
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
39
|
-
|
|
40
|
-
var SimuDS = /*#__PURE__*/function (_Component) {
|
|
41
|
-
_inherits(SimuDS, _Component);
|
|
42
|
-
|
|
43
|
-
var _super = _createSuper(SimuDS);
|
|
44
|
-
|
|
45
|
-
function SimuDS(props) {
|
|
46
|
-
var _this;
|
|
47
|
-
|
|
48
|
-
_classCallCheck(this, SimuDS);
|
|
49
|
-
|
|
50
|
-
_this = _super.call(this, props);
|
|
51
|
-
_this.state = {
|
|
52
|
-
genericDS: {},
|
|
53
|
-
klass: {}
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import GenericDSDetails from '../components/details/GenDSDetails';
|
|
3
|
+
|
|
4
|
+
class SimuDS extends Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.state = {
|
|
8
|
+
genericDS: {}, klass: {}
|
|
54
9
|
};
|
|
55
|
-
|
|
56
|
-
return _this;
|
|
10
|
+
this.handleChange = this.handleChange.bind(this);
|
|
57
11
|
}
|
|
58
12
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
}).then(function (response) {
|
|
70
|
-
return response.json();
|
|
71
|
-
}).then(function (json) {
|
|
72
|
-
fetch('ds_klass.json', {
|
|
73
|
-
headers: {
|
|
74
|
-
'Content-Type': 'application/json',
|
|
75
|
-
Accept: 'application/json'
|
|
76
|
-
}
|
|
77
|
-
}).then(function (response) {
|
|
78
|
-
return response.json();
|
|
79
|
-
}).then(function (kjson) {
|
|
80
|
-
_this2.setState({
|
|
81
|
-
genericDS: json,
|
|
82
|
-
klass: kjson
|
|
13
|
+
componentDidMount() {
|
|
14
|
+
fetch('ds_details.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
|
|
15
|
+
.then(response => response.json()).then((json) => {
|
|
16
|
+
fetch('ds_klass.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
|
|
17
|
+
.then(response => response.json()).then((kjson) => {
|
|
18
|
+
this.setState({ genericDS: json, klass: kjson });
|
|
19
|
+
})
|
|
20
|
+
.catch((errorMessage) => {
|
|
21
|
+
console.log(errorMessage);
|
|
83
22
|
});
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
});
|
|
87
|
-
}).catch(function (errorMessage) {
|
|
23
|
+
})
|
|
24
|
+
.catch((errorMessage) => {
|
|
88
25
|
console.log(errorMessage);
|
|
89
26
|
});
|
|
90
|
-
|
|
91
|
-
}, {
|
|
92
|
-
key: "handleChange",
|
|
93
|
-
value: function handleChange(newObj) {
|
|
94
|
-
this.setState({
|
|
95
|
-
genericDS: newObj
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}, {
|
|
99
|
-
key: "render",
|
|
100
|
-
value: function render() {
|
|
101
|
-
var _this$state = this.state,
|
|
102
|
-
genericDS = _this$state.genericDS,
|
|
103
|
-
klass = _this$state.klass;
|
|
104
|
-
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, {
|
|
105
|
-
uiCtrl: true,
|
|
106
|
-
genericDS: genericDS,
|
|
107
|
-
klass: klass,
|
|
108
|
-
kind: "1H NMR",
|
|
109
|
-
onChange: this.handleChange
|
|
110
|
-
})));
|
|
111
|
-
}
|
|
112
|
-
}]);
|
|
27
|
+
}
|
|
113
28
|
|
|
114
|
-
|
|
115
|
-
}
|
|
29
|
+
handleChange(newObj) {
|
|
30
|
+
this.setState({ genericDS: newObj });
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
render() {
|
|
34
|
+
const { genericDS, klass } = this.state;
|
|
35
|
+
return (
|
|
36
|
+
<div>
|
|
37
|
+
<h2>GenericDSDetails</h2>
|
|
38
|
+
<div>
|
|
39
|
+
<GenericDSDetails
|
|
40
|
+
uiCtrl
|
|
41
|
+
genericDS={genericDS}
|
|
42
|
+
klass={klass}
|
|
43
|
+
kind="1H NMR"
|
|
44
|
+
onChange={this.handleChange}
|
|
45
|
+
/>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
116
51
|
|
|
117
|
-
|
|
118
|
-
exports.default = _default;
|
|
52
|
+
export default SimuDS;
|
|
@@ -1,118 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _GenSgDetails = _interopRequireDefault(require("../components/details/GenSgDetails"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
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); }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
21
|
-
|
|
22
|
-
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); } }
|
|
23
|
-
|
|
24
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
25
|
-
|
|
26
|
-
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); }
|
|
27
|
-
|
|
28
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
29
|
-
|
|
30
|
-
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); }; }
|
|
31
|
-
|
|
32
|
-
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); }
|
|
33
|
-
|
|
34
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
35
|
-
|
|
36
|
-
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; } }
|
|
37
|
-
|
|
38
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
39
|
-
|
|
40
|
-
var SimuSG = /*#__PURE__*/function (_Component) {
|
|
41
|
-
_inherits(SimuSG, _Component);
|
|
42
|
-
|
|
43
|
-
var _super = _createSuper(SimuSG);
|
|
44
|
-
|
|
45
|
-
function SimuSG(props) {
|
|
46
|
-
var _this;
|
|
47
|
-
|
|
48
|
-
_classCallCheck(this, SimuSG);
|
|
49
|
-
|
|
50
|
-
_this = _super.call(this, props);
|
|
51
|
-
_this.state = {
|
|
52
|
-
segment: {},
|
|
53
|
-
klass: {}
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import SegmentDetails from '../components/details/GenSgDetails';
|
|
3
|
+
|
|
4
|
+
class SimuSG extends Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.state = {
|
|
8
|
+
segment: {}, klass: {}
|
|
54
9
|
};
|
|
55
|
-
|
|
56
|
-
return _this;
|
|
10
|
+
this.handleChange = this.handleChange.bind(this);
|
|
57
11
|
}
|
|
58
12
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
var _this2 = this;
|
|
63
|
-
|
|
64
|
-
fetch('sg_details.json', {
|
|
65
|
-
headers: {
|
|
66
|
-
'Content-Type': 'application/json',
|
|
67
|
-
Accept: 'application/json'
|
|
68
|
-
}
|
|
69
|
-
}).then(function (response) {
|
|
70
|
-
return response.json();
|
|
71
|
-
}).then(function (json) {
|
|
13
|
+
componentDidMount() {
|
|
14
|
+
fetch('sg_details.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
|
|
15
|
+
.then(response => response.json()).then((json) => {
|
|
72
16
|
console.log(json);
|
|
73
|
-
fetch('sg_klass.json', {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
return response.json();
|
|
80
|
-
}).then(function (kjson) {
|
|
81
|
-
_this2.setState({
|
|
82
|
-
segment: json,
|
|
83
|
-
klass: kjson
|
|
17
|
+
fetch('sg_klass.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
|
|
18
|
+
.then(response => response.json()).then((kjson) => {
|
|
19
|
+
this.setState({ segment: json, klass: kjson });
|
|
20
|
+
})
|
|
21
|
+
.catch((errorMessage) => {
|
|
22
|
+
console.log(errorMessage);
|
|
84
23
|
});
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
});
|
|
88
|
-
}).catch(function (errorMessage) {
|
|
24
|
+
})
|
|
25
|
+
.catch((errorMessage) => {
|
|
89
26
|
console.log(errorMessage);
|
|
90
27
|
});
|
|
91
|
-
|
|
92
|
-
}, {
|
|
93
|
-
key: "handleChange",
|
|
94
|
-
value: function handleChange(newObj) {
|
|
95
|
-
this.setState({
|
|
96
|
-
segment: newObj
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
}, {
|
|
100
|
-
key: "render",
|
|
101
|
-
value: function render() {
|
|
102
|
-
var _this$state = this.state,
|
|
103
|
-
segment = _this$state.segment,
|
|
104
|
-
klass = _this$state.klass;
|
|
105
|
-
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, {
|
|
106
|
-
uiCtrl: true,
|
|
107
|
-
segment: segment,
|
|
108
|
-
klass: klass,
|
|
109
|
-
onChange: this.handleChange
|
|
110
|
-
})));
|
|
111
|
-
}
|
|
112
|
-
}]);
|
|
28
|
+
}
|
|
113
29
|
|
|
114
|
-
|
|
115
|
-
}
|
|
30
|
+
handleChange(newObj) {
|
|
31
|
+
this.setState({ segment: newObj });
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
render() {
|
|
35
|
+
const { segment, klass } = this.state;
|
|
36
|
+
return (
|
|
37
|
+
<div>
|
|
38
|
+
<h2>SegmentDetails</h2>
|
|
39
|
+
<div>
|
|
40
|
+
<SegmentDetails
|
|
41
|
+
uiCtrl
|
|
42
|
+
segment={segment}
|
|
43
|
+
klass={klass}
|
|
44
|
+
onChange={this.handleChange}
|
|
45
|
+
/>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
116
51
|
|
|
117
|
-
|
|
118
|
-
exports.default = _default;
|
|
52
|
+
export default SimuSG;
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "chem-generic-ui",
|
|
3
|
-
"version": "0.1.18-
|
|
3
|
+
"version": "0.1.18-beta",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"start": "react-scripts start",
|
|
8
8
|
"build": "react-scripts build",
|
|
9
|
-
"compile": "rm -rf dist && NODE_ENV=production babel
|
|
9
|
+
"compile": "rm -rf dist && NODE_ENV=production babel ./src --out-dir ./dist --copy-files",
|
|
10
10
|
"test": "react-scripts test --env=jsdom --testPathIgnorePatterns=src/__tests__/helper/* src/__tests__/e2e/*"
|
|
11
11
|
},
|
|
12
12
|
"peerDependencies": {
|