@jbrowse/plugin-config 1.5.1 → 1.5.2
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/plugin-config.cjs.development.js +13 -12
- package/dist/plugin-config.cjs.development.js.map +1 -1
- package/dist/plugin-config.cjs.production.min.js +1 -1
- package/dist/plugin-config.cjs.production.min.js.map +1 -1
- package/dist/plugin-config.esm.js +20 -19
- package/dist/plugin-config.esm.js.map +1 -1
- package/package.json +3 -3
- package/src/ConfigurationEditorWidget/components/CallbackEditor.js +8 -6
- package/src/ConfigurationEditorWidget/components/__snapshots__/ConfigurationEditor.test.js.snap +2 -2
|
@@ -12,7 +12,7 @@ import { ObservableCreate } from '@jbrowse/core/util/rxjs';
|
|
|
12
12
|
import { toArray } from 'rxjs/operators';
|
|
13
13
|
import { openLocation } from '@jbrowse/core/util/io';
|
|
14
14
|
import { useDebounce, iterMap } from '@jbrowse/core/util';
|
|
15
|
-
import { FormControl, InputLabel, FormHelperText, makeStyles, useTheme,
|
|
15
|
+
import { FormControl, InputLabel, FormHelperText, makeStyles, useTheme, Tooltip, IconButton, Paper, TextField as TextField$1, SvgIcon, List, ListItem, InputAdornment, Card, CardHeader, CardContent, FormControlLabel, Checkbox, MenuItem } from '@material-ui/core';
|
|
16
16
|
import Editor from 'react-simple-code-editor';
|
|
17
17
|
import { Light } from 'react-syntax-highlighter';
|
|
18
18
|
import json from 'react-syntax-highlighter/dist/cjs/languages/hljs/json';
|
|
@@ -28,11 +28,6 @@ import DeleteIcon from '@material-ui/icons/Delete';
|
|
|
28
28
|
import AddIcon from '@material-ui/icons/Add';
|
|
29
29
|
import RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';
|
|
30
30
|
import { stringToJexlExpression } from '@jbrowse/core/util/jexlStrings';
|
|
31
|
-
import FormControl$1 from '@material-ui/core/FormControl';
|
|
32
|
-
import FormHelperText$1 from '@material-ui/core/FormHelperText';
|
|
33
|
-
import InputLabel$1 from '@material-ui/core/InputLabel';
|
|
34
|
-
import Tooltip from '@material-ui/core/Tooltip';
|
|
35
|
-
import IconButton from '@material-ui/core/IconButton';
|
|
36
31
|
import HelpIcon from '@material-ui/icons/Help';
|
|
37
32
|
import ReactPropTypes from 'prop-types';
|
|
38
33
|
import TextField from '@material-ui/core/TextField';
|
|
@@ -1299,7 +1294,9 @@ var FromConfigAdapter = /*#__PURE__*/function (_BaseFeatureDataAdapt) {
|
|
|
1299
1294
|
}
|
|
1300
1295
|
}, {
|
|
1301
1296
|
key: "freeResources",
|
|
1302
|
-
value: function
|
|
1297
|
+
value: function
|
|
1298
|
+
/* { region } */
|
|
1299
|
+
freeResources() {}
|
|
1303
1300
|
}], [{
|
|
1304
1301
|
key: "makeFeatures",
|
|
1305
1302
|
value: function makeFeatures(fdata) {
|
|
@@ -1451,7 +1448,9 @@ var FromConfigRegionsAdapter = /*#__PURE__*/function (_BaseAdapter) {
|
|
|
1451
1448
|
}()
|
|
1452
1449
|
}, {
|
|
1453
1450
|
key: "freeResources",
|
|
1454
|
-
value: function
|
|
1451
|
+
value: function
|
|
1452
|
+
/* { region } */
|
|
1453
|
+
freeResources() {}
|
|
1455
1454
|
}]);
|
|
1456
1455
|
|
|
1457
1456
|
return FromConfigRegionsAdapter;
|
|
@@ -1601,7 +1600,9 @@ var FromConfigSequenceAdapter = /*#__PURE__*/function (_FromConfigAdapter) {
|
|
|
1601
1600
|
|
|
1602
1601
|
}, {
|
|
1603
1602
|
key: "freeResources",
|
|
1604
|
-
value: function
|
|
1603
|
+
value: function
|
|
1604
|
+
/* { region } */
|
|
1605
|
+
freeResources() {}
|
|
1605
1606
|
}]);
|
|
1606
1607
|
|
|
1607
1608
|
return FromConfigSequenceAdapter;
|
|
@@ -1946,7 +1947,7 @@ var fontSize$1 = '12px'; // Optimize by using system default fonts:
|
|
|
1946
1947
|
// https://css-tricks.com/snippets/css/font-stacks/
|
|
1947
1948
|
|
|
1948
1949
|
var fontFamily$1 = 'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace';
|
|
1949
|
-
var useStyles$2 = /*#__PURE__*/makeStyles
|
|
1950
|
+
var useStyles$2 = /*#__PURE__*/makeStyles(function (theme) {
|
|
1950
1951
|
return {
|
|
1951
1952
|
callbackEditor: {
|
|
1952
1953
|
marginTop: '16px',
|
|
@@ -1987,7 +1988,7 @@ function CallbackEditor(_ref) {
|
|
|
1987
1988
|
}, [debouncedCode, slot]); // if default value is a callback, will have to remove jexl:
|
|
1988
1989
|
// do this last
|
|
1989
1990
|
|
|
1990
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormControl
|
|
1991
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormControl, null, /*#__PURE__*/React.createElement(InputLabel, {
|
|
1991
1992
|
shrink: true,
|
|
1992
1993
|
htmlFor: "callback-editor"
|
|
1993
1994
|
}, slot.name), /*#__PURE__*/React.createElement(Editor, {
|
|
@@ -2003,7 +2004,7 @@ function CallbackEditor(_ref) {
|
|
|
2003
2004
|
style: {
|
|
2004
2005
|
background: error ? '#fdd' : undefined
|
|
2005
2006
|
}
|
|
2006
|
-
}), /*#__PURE__*/React.createElement(FormHelperText
|
|
2007
|
+
}), /*#__PURE__*/React.createElement(FormHelperText, null, slot.description)), /*#__PURE__*/React.createElement(Tooltip, {
|
|
2007
2008
|
title: /*#__PURE__*/React.createElement("div", null, "Callbacks are written in Jexl format. Click to learn more.", /*#__PURE__*/React.createElement("br", null), " Names of available context items: ", slot.contextVariable),
|
|
2008
2009
|
arrow: true
|
|
2009
2010
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
@@ -2169,7 +2170,7 @@ var StringArrayEditor = /*#__PURE__*/observer(function (_ref3) {
|
|
|
2169
2170
|
InputProps: {
|
|
2170
2171
|
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
2171
2172
|
position: "end"
|
|
2172
|
-
}, /*#__PURE__*/React.createElement(IconButton
|
|
2173
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
2173
2174
|
color: "secondary",
|
|
2174
2175
|
onClick: function onClick() {
|
|
2175
2176
|
return slot.removeAtIndex(idx);
|
|
@@ -2188,7 +2189,7 @@ var StringArrayEditor = /*#__PURE__*/observer(function (_ref3) {
|
|
|
2188
2189
|
InputProps: {
|
|
2189
2190
|
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
2190
2191
|
position: "end"
|
|
2191
|
-
}, /*#__PURE__*/React.createElement(IconButton
|
|
2192
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
2192
2193
|
onClick: function onClick() {
|
|
2193
2194
|
slot.add(value);
|
|
2194
2195
|
setValue('');
|
|
@@ -2227,7 +2228,7 @@ var StringArrayMapEditor = /*#__PURE__*/observer(function (_ref4) {
|
|
|
2227
2228
|
className: classes.card
|
|
2228
2229
|
}, /*#__PURE__*/React.createElement(CardHeader, {
|
|
2229
2230
|
title: key,
|
|
2230
|
-
action: /*#__PURE__*/React.createElement(IconButton
|
|
2231
|
+
action: /*#__PURE__*/React.createElement(IconButton, {
|
|
2231
2232
|
color: "secondary",
|
|
2232
2233
|
onClick: function onClick() {
|
|
2233
2234
|
return slot.remove(key);
|
|
@@ -2263,7 +2264,7 @@ var StringArrayMapEditor = /*#__PURE__*/observer(function (_ref4) {
|
|
|
2263
2264
|
InputProps: {
|
|
2264
2265
|
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
2265
2266
|
position: "end"
|
|
2266
|
-
}, /*#__PURE__*/React.createElement(IconButton
|
|
2267
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
2267
2268
|
disabled: value === '',
|
|
2268
2269
|
onClick: function onClick() {
|
|
2269
2270
|
slot.add(value, []);
|
|
@@ -2295,7 +2296,7 @@ var NumberMapEditor = /*#__PURE__*/observer(function (_ref7) {
|
|
|
2295
2296
|
className: classes.card
|
|
2296
2297
|
}, /*#__PURE__*/React.createElement(CardHeader, {
|
|
2297
2298
|
title: key,
|
|
2298
|
-
action: /*#__PURE__*/React.createElement(IconButton
|
|
2299
|
+
action: /*#__PURE__*/React.createElement(IconButton, {
|
|
2299
2300
|
color: "secondary",
|
|
2300
2301
|
onClick: function onClick() {
|
|
2301
2302
|
return slot.remove(key);
|
|
@@ -2324,7 +2325,7 @@ var NumberMapEditor = /*#__PURE__*/observer(function (_ref7) {
|
|
|
2324
2325
|
InputProps: {
|
|
2325
2326
|
endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
|
|
2326
2327
|
position: "end"
|
|
2327
|
-
}, /*#__PURE__*/React.createElement(IconButton
|
|
2328
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
2328
2329
|
disabled: value === '',
|
|
2329
2330
|
onClick: function onClick() {
|
|
2330
2331
|
slot.add(value, 0);
|
|
@@ -2500,7 +2501,7 @@ var SlotEditor = /*#__PURE__*/observer(function (_ref15) {
|
|
|
2500
2501
|
slotSchema: slotSchema
|
|
2501
2502
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2502
2503
|
className: classes.slotModeSwitch
|
|
2503
|
-
}, slot.contextVariable.length ? /*#__PURE__*/React.createElement(IconButton
|
|
2504
|
+
}, slot.contextVariable.length ? /*#__PURE__*/React.createElement(IconButton, {
|
|
2504
2505
|
className: classes.slotModeIcon,
|
|
2505
2506
|
onClick: function onClick() {
|
|
2506
2507
|
return slot.isCallback ? slot.convertToValue() : slot.convertToCallback();
|