@jbrowse/plugin-config 2.0.0 → 2.1.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/ConfigurationEditorWidget/components/CallbackEditor.js +49 -57
- package/dist/ConfigurationEditorWidget/components/CallbackEditor.js.map +1 -1
- package/dist/ConfigurationEditorWidget/components/ColorEditor.js +14 -56
- package/dist/ConfigurationEditorWidget/components/ColorEditor.js.map +1 -1
- package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js +37 -74
- package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js.map +1 -1
- package/dist/ConfigurationEditorWidget/components/JsonEditor.d.ts +9 -7
- package/dist/ConfigurationEditorWidget/components/JsonEditor.js +42 -43
- package/dist/ConfigurationEditorWidget/components/JsonEditor.js.map +1 -1
- package/dist/ConfigurationEditorWidget/components/SlotEditor.d.ts +7 -5
- package/dist/ConfigurationEditorWidget/components/SlotEditor.js +97 -142
- package/dist/ConfigurationEditorWidget/components/SlotEditor.js.map +1 -1
- package/dist/ConfigurationEditorWidget/components/StringArrayEditor.js +15 -32
- package/dist/ConfigurationEditorWidget/components/StringArrayEditor.js.map +1 -1
- package/dist/ConfigurationEditorWidget/components/TypeSelector.js +7 -8
- package/dist/ConfigurationEditorWidget/components/TypeSelector.js.map +1 -1
- package/dist/ConfigurationEditorWidget/index.d.ts +10 -3
- package/dist/ConfigurationEditorWidget/index.js +9 -9
- package/dist/ConfigurationEditorWidget/index.js.map +1 -1
- package/dist/ConfigurationEditorWidget/model.d.ts +3 -2
- package/dist/ConfigurationEditorWidget/model.js +16 -17
- package/dist/ConfigurationEditorWidget/model.js.map +1 -1
- package/dist/FromConfigAdapter/FromConfigAdapter.js +44 -158
- package/dist/FromConfigAdapter/FromConfigAdapter.js.map +1 -1
- package/dist/FromConfigAdapter/FromConfigRegionsAdapter.js +37 -144
- package/dist/FromConfigAdapter/FromConfigRegionsAdapter.js.map +1 -1
- package/dist/FromConfigAdapter/FromConfigSequenceAdapter.d.ts +2 -1
- package/dist/FromConfigAdapter/FromConfigSequenceAdapter.js +48 -179
- package/dist/FromConfigAdapter/FromConfigSequenceAdapter.js.map +1 -1
- package/dist/FromConfigAdapter/configSchema.js +1 -1
- package/dist/FromConfigAdapter/configSchema.js.map +1 -1
- package/dist/RefNameAliasAdapter/RefNameAliasAdapter.js +22 -108
- package/dist/RefNameAliasAdapter/RefNameAliasAdapter.js.map +1 -1
- package/dist/RefNameAliasAdapter/configSchema.js +1 -1
- package/dist/RefNameAliasAdapter/configSchema.js.map +1 -1
- package/dist/index.js +60 -94
- package/dist/index.js.map +1 -1
- package/esm/ConfigurationEditorWidget/components/CallbackEditor.js +28 -19
- package/esm/ConfigurationEditorWidget/components/CallbackEditor.js.map +1 -1
- package/esm/ConfigurationEditorWidget/components/ColorEditor.js +6 -21
- package/esm/ConfigurationEditorWidget/components/ColorEditor.js.map +1 -1
- package/esm/ConfigurationEditorWidget/components/ConfigurationEditor.js +6 -2
- package/esm/ConfigurationEditorWidget/components/ConfigurationEditor.js.map +1 -1
- package/esm/ConfigurationEditorWidget/components/JsonEditor.d.ts +9 -7
- package/esm/ConfigurationEditorWidget/components/JsonEditor.js +38 -22
- package/esm/ConfigurationEditorWidget/components/JsonEditor.js.map +1 -1
- package/esm/ConfigurationEditorWidget/components/SlotEditor.d.ts +7 -5
- package/esm/ConfigurationEditorWidget/components/SlotEditor.js +33 -27
- package/esm/ConfigurationEditorWidget/components/SlotEditor.js.map +1 -1
- package/esm/ConfigurationEditorWidget/index.d.ts +10 -3
- package/esm/ConfigurationEditorWidget/index.js +4 -3
- package/esm/ConfigurationEditorWidget/index.js.map +1 -1
- package/esm/ConfigurationEditorWidget/model.d.ts +3 -2
- package/esm/ConfigurationEditorWidget/model.js +2 -1
- package/esm/ConfigurationEditorWidget/model.js.map +1 -1
- package/esm/FromConfigAdapter/FromConfigSequenceAdapter.d.ts +2 -1
- package/esm/FromConfigAdapter/FromConfigSequenceAdapter.js +1 -9
- package/esm/FromConfigAdapter/FromConfigSequenceAdapter.js.map +1 -1
- package/package.json +4 -6
- package/src/ConfigurationEditorWidget/components/CallbackEditor.tsx +44 -45
- package/src/ConfigurationEditorWidget/components/ColorEditor.tsx +6 -28
- package/src/ConfigurationEditorWidget/components/{ConfigurationEditor.test.js → ConfigurationEditor.test.tsx} +0 -0
- package/src/ConfigurationEditorWidget/components/ConfigurationEditor.tsx +6 -2
- package/src/ConfigurationEditorWidget/components/JsonEditor.tsx +84 -0
- package/src/ConfigurationEditorWidget/components/SlotEditor.tsx +484 -0
- package/src/ConfigurationEditorWidget/components/__snapshots__/{ConfigurationEditor.test.js.snap → ConfigurationEditor.test.tsx.snap} +186 -167
- package/src/ConfigurationEditorWidget/index.tsx +25 -0
- package/src/ConfigurationEditorWidget/{model.js → model.ts} +4 -2
- package/src/FromConfigAdapter/FromConfigSequenceAdapter.ts +6 -10
- package/dist/ConfigurationEditorWidget/components/CodeEditor.d.ts +0 -5
- package/dist/ConfigurationEditorWidget/components/CodeEditor.js +0 -85
- package/dist/ConfigurationEditorWidget/components/CodeEditor.js.map +0 -1
- package/dist/ConfigurationEditorWidget/components/ColorPicker.d.ts +0 -7
- package/dist/ConfigurationEditorWidget/components/ColorPicker.js +0 -69
- package/dist/ConfigurationEditorWidget/components/ColorPicker.js.map +0 -1
- package/esm/ConfigurationEditorWidget/components/CodeEditor.d.ts +0 -5
- package/esm/ConfigurationEditorWidget/components/CodeEditor.js +0 -42
- package/esm/ConfigurationEditorWidget/components/CodeEditor.js.map +0 -1
- package/esm/ConfigurationEditorWidget/components/ColorPicker.d.ts +0 -7
- package/esm/ConfigurationEditorWidget/components/ColorPicker.js +0 -26
- package/esm/ConfigurationEditorWidget/components/ColorPicker.js.map +0 -1
- package/src/ConfigurationEditorWidget/components/CodeEditor.tsx +0 -59
- package/src/ConfigurationEditorWidget/components/ColorPicker.tsx +0 -43
- package/src/ConfigurationEditorWidget/components/JsonEditor.js +0 -52
- package/src/ConfigurationEditorWidget/components/SlotEditor.js +0 -376
- package/src/ConfigurationEditorWidget/index.js +0 -20
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4B;AAC5B,kGAAyE;AACzE,gGAAuE;AACvE,kEAAyC;AAEzC,2EAIoC;AACpC,2DAI4B;AAC5B,+DAAuF;AAEvF,MAAM,gCAAgC,GAAG,IAAA,YAAI,EAC3C,GAAG,EAAE,mDAAQ,4DAA4D,GAAC,CAC3E,CAAA;AAyF4C,+DAAmB;AAvFhE,eAAqB,SAAQ,gBAAM;IAAnC;;QACE,SAAI,GAAG,qBAAqB,CAAA;IAkF9B,CAAC;IAhFC,OAAO,CAAC,aAA4B;QAClC,aAAa,CAAC,cAAc,CAC1B,GAAG,EAAE,CACH,IAAI,qBAAW,CAAC;YACd,IAAI,EAAE,mBAAmB;YACzB,YAAY,EAAE,gCAA6B;YAC3C,eAAe,EAAE,GAAG,EAAE,CACpB,kDAAO,uCAAuC,IAAE,IAAI,CAClD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CACf;YACH,eAAe,EAAE;gBACf,QAAQ,EAAE,IAAI;gBACd,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI;aAClB;SACF,CAAC,CACL,CAAA;QACD,aAAa,CAAC,cAAc,CAC1B,GAAG,EAAE,CACH,IAAI,qBAAW,CAAC;YACd,IAAI,EAAE,0BAA0B;YAChC,YAAY,EAAE,uCAAoC;YAClD,eAAe,EAAE,GAAG,EAAE,CACpB,kDAAO,8CAA8C,IAAE,IAAI,CACzD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CACf;YACH,eAAe,EAAE;gBACf,QAAQ,EAAE,IAAI;gBACd,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI;aAClB;SACF,CAAC,CACL,CAAA;QACD,aAAa,CAAC,cAAc,CAC1B,GAAG,EAAE,CACH,IAAI,qBAAW,CAAC;YACd,IAAI,EAAE,2BAA2B;YACjC,YAAY,EAAE,wCAAqC;YACnD,eAAe,EAAE,GAAG,EAAE,CACpB,kDAAO,+CAA+C,IAAE,IAAI,CAC1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CACf;YACH,eAAe,EAAE;gBACf,QAAQ,EAAE,IAAI;gBACd,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI;aAClB;SACF,CAAC,CACL,CAAA;QACD,aAAa,CAAC,cAAc,CAC1B,GAAG,EAAE,CACH,IAAI,qBAAW,CAAC;YACd,IAAI,EAAE,qBAAqB;YAC3B,YAAY,EAAE,kCAA+B;YAC7C,eAAe,EAAE,GAAG,EAAE,CACpB,kDAAO,2CAA2C,IAAE,IAAI,CACtD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CACf;YACH,eAAe,EAAE;gBACf,QAAQ,EAAE,IAAI;gBACd,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI;aAClB;SACF,CAAC,CACL,CAAA;QAED,aAAa,CAAC,aAAa,CAAC,GAAG,EAAE;YAC/B,OAAO,IAAI,oBAAU,CAAC;gBACpB,IAAI,EAAE,2BAA2B;gBACjC,gBAAgB,EAAE,4CAAmC;gBACrD,YAAY,EAAE,wCAA+B;gBAC7C,UAAU,EAAE,IAAA,6CAAoC,EAAC,aAAa,CAAC;gBAC/D,cAAc,EAAE,gCAAgC;aACjD,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAnFD,4BAmFC;AAED,gFAAyF;AAAhF,yHAAA,OAAO,OAAc"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { Tooltip, IconButton, TextField } from '@mui/material';
|
|
2
3
|
import { useDebounce } from '@jbrowse/core/util';
|
|
3
4
|
import { stringToJexlExpression } from '@jbrowse/core/util/jexlStrings';
|
|
4
|
-
import { FormControl, FormHelperText, InputLabel, Tooltip, IconButton, TextField, } from '@mui/material';
|
|
5
|
-
import { makeStyles } from 'tss-react/mui';
|
|
6
|
-
import HelpIcon from '@mui/icons-material/Help';
|
|
7
5
|
import { getEnv } from 'mobx-state-tree';
|
|
8
6
|
import { observer } from 'mobx-react';
|
|
7
|
+
import { makeStyles } from 'tss-react/mui';
|
|
8
|
+
// icons
|
|
9
|
+
import HelpIcon from '@mui/icons-material/Help';
|
|
9
10
|
// Optimize by using system default fonts:
|
|
10
11
|
// https://css-tricks.com/snippets/css/font-stacks/
|
|
11
12
|
const fontFamily = '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';
|
|
@@ -13,11 +14,20 @@ const useStyles = makeStyles()(theme => ({
|
|
|
13
14
|
callbackEditor: {
|
|
14
15
|
marginTop: '16px',
|
|
15
16
|
borderBottom: `1px solid ${theme.palette.divider}`,
|
|
17
|
+
width: '100%',
|
|
16
18
|
fontFamily,
|
|
17
19
|
},
|
|
18
20
|
textAreaFont: {
|
|
19
21
|
fontFamily,
|
|
20
22
|
},
|
|
23
|
+
callbackContainer: {
|
|
24
|
+
width: '100%',
|
|
25
|
+
overflowX: 'auto',
|
|
26
|
+
},
|
|
27
|
+
error: {
|
|
28
|
+
color: 'red',
|
|
29
|
+
fontSize: '0.8em',
|
|
30
|
+
},
|
|
21
31
|
}));
|
|
22
32
|
function CallbackEditor({ slot, }) {
|
|
23
33
|
const { classes } = useStyles();
|
|
@@ -45,27 +55,26 @@ function CallbackEditor({ slot, }) {
|
|
|
45
55
|
// if default value is a callback, will have to remove jexl:
|
|
46
56
|
// do this last
|
|
47
57
|
return (React.createElement(React.Fragment, null,
|
|
48
|
-
React.createElement(
|
|
49
|
-
|
|
58
|
+
error ? React.createElement("p", { className: classes.error }, `${error}`) : null,
|
|
59
|
+
React.createElement("div", { className: classes.callbackContainer },
|
|
50
60
|
React.createElement(TextField, { multiline: true, className: classes.callbackEditor, value: code.startsWith('jexl:') ? code.split('jexl:')[1] : code, onChange: event => setCode(event.target.value), style: { background: error ? '#fdd' : undefined }, InputProps: {
|
|
51
61
|
classes: {
|
|
52
62
|
input: classes.textAreaFont,
|
|
53
63
|
},
|
|
54
64
|
} }),
|
|
55
|
-
|
|
56
|
-
React.createElement(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
React.createElement(HelpIcon, null)))));
|
|
65
|
+
React.createElement("p", null, slot.description),
|
|
66
|
+
React.createElement(Tooltip, { title: React.createElement("div", null,
|
|
67
|
+
"Callbacks are written in Jexl format. Click to learn more.",
|
|
68
|
+
React.createElement("br", null),
|
|
69
|
+
" Names of available context items: ",
|
|
70
|
+
slot.contextVariable), arrow: true },
|
|
71
|
+
React.createElement(IconButton, { color: "primary", onClick: () => {
|
|
72
|
+
const newWindow = window.open('https://github.com/TomFrost/Jexl', '_blank', 'noopener,noreferrer');
|
|
73
|
+
if (newWindow) {
|
|
74
|
+
newWindow.opener = null;
|
|
75
|
+
}
|
|
76
|
+
} },
|
|
77
|
+
React.createElement(HelpIcon, null))))));
|
|
69
78
|
}
|
|
70
79
|
export default observer(CallbackEditor);
|
|
71
80
|
//# sourceMappingURL=CallbackEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallbackEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/CallbackEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CallbackEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/CallbackEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +1,15 @@
|
|
|
1
1
|
import React, { lazy, useState } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { TextField } from '@mui/material';
|
|
4
|
-
const ColorPicker = lazy(() => import('
|
|
5
|
-
// this is needed because passing a entire color object into the react-color
|
|
6
|
-
// for alpha, can't pass in an rgba string for example
|
|
7
|
-
function serializeColor(color) {
|
|
8
|
-
if (color instanceof Object) {
|
|
9
|
-
const { r, g, b, a } = color;
|
|
10
|
-
return a === undefined ? `rgb(${r},${g},${b})` : `rgba(${r},${g},${b},${a})`;
|
|
11
|
-
}
|
|
12
|
-
return color;
|
|
13
|
-
}
|
|
4
|
+
const ColorPicker = lazy(() => import('@jbrowse/core/ui/ColorPicker'));
|
|
14
5
|
export const ColorSlot = (props) => {
|
|
15
6
|
const { value = '#000', label = '', TextFieldProps = {}, onChange } = props;
|
|
16
7
|
const [displayed, setDisplayed] = useState(false);
|
|
17
|
-
return (React.createElement(
|
|
18
|
-
React.createElement(TextField, { value: value, label: label,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
borderRightStyle: 'solid',
|
|
23
|
-
borderRightColor: value,
|
|
24
|
-
},
|
|
25
|
-
}, onClick: () => setDisplayed(!displayed), onChange: event => onChange(event.target.value), ...TextFieldProps }),
|
|
26
|
-
displayed ? (React.createElement(React.Suspense, { fallback: React.createElement("div", null) },
|
|
27
|
-
React.createElement(ColorPicker, { color: value, onChange: event => onChange(serializeColor(event.rgb)) }))) : null));
|
|
8
|
+
return (React.createElement("div", { style: { display: 'flex' } },
|
|
9
|
+
React.createElement(TextField, { value: value, label: label, onClick: () => setDisplayed(!displayed), onChange: event => onChange(event.target.value), ...TextFieldProps }),
|
|
10
|
+
React.createElement("div", { style: { marginTop: 10 } },
|
|
11
|
+
React.createElement(React.Suspense, { fallback: React.createElement("div", null) },
|
|
12
|
+
React.createElement(ColorPicker, { color: value, onChange: event => onChange(event) })))));
|
|
28
13
|
};
|
|
29
14
|
function ColorEditorSlot(props) {
|
|
30
15
|
const { slot } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/ColorEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"ColorEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/ColorEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEzC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAQzB,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC7B,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,EACvC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAC3C,cAAc,GAClB;QACF,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3B,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,gCAAO;gBAC/B,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAI,CAClD,CACb,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,SAAS,eAAe,CAAC,KAOxB;IACC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACtB,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAClC,cAAc,EAAE;YACd,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,SAAS,EAAE,IAAI;SAChB,GACD,CACH,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,eAAe,CAAC,CAAA"}
|
|
@@ -24,6 +24,10 @@ const useStyles = makeStyles()(theme => ({
|
|
|
24
24
|
accordion: {
|
|
25
25
|
border: `1px solid ${theme.palette.text.primary}`,
|
|
26
26
|
},
|
|
27
|
+
noOverflow: {
|
|
28
|
+
width: '100%',
|
|
29
|
+
overflowX: 'auto',
|
|
30
|
+
},
|
|
27
31
|
}));
|
|
28
32
|
const Member = observer((props) => {
|
|
29
33
|
const { classes } = useStyles();
|
|
@@ -48,10 +52,10 @@ const Member = observer((props) => {
|
|
|
48
52
|
}
|
|
49
53
|
return (React.createElement(Accordion, { defaultExpanded: true, className: classes.accordion },
|
|
50
54
|
React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
|
|
51
|
-
React.createElement(Typography, null, [...path, slotName].join('
|
|
55
|
+
React.createElement(Typography, null, [...path, slotName].join('➔'))),
|
|
52
56
|
React.createElement(AccordionDetails, { className: classes.expansionPanelDetails },
|
|
53
57
|
typeSelector,
|
|
54
|
-
React.createElement(FormGroup,
|
|
58
|
+
React.createElement(FormGroup, { className: classes.noOverflow },
|
|
55
59
|
React.createElement(Schema, { schema: slot, path: [...path, slotName] })))));
|
|
56
60
|
}
|
|
57
61
|
if (isConfigurationSlotType(slotSchema)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigurationEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/ConfigurationEditor.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ConfigurationEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/ConfigurationEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,cAAc,EACd,oCAAoC,EACpC,yBAAyB,EACzB,uBAAuB,GAExB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAY,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,QAAQ;AACR,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,SAAS;AACT,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KACnC;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC1B;IAED,SAAS,EAAE;QACT,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;KAClD;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,MAAM,GAAG,QAAQ,CACrB,CAAC,KAMA,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,MAAM,EACN,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,EACvB,IAAI,GAAG,EAAE,GACV,GAAG,KAAK,CAAA;IACT,IAAI,YAAY,CAAA;IAChB,IAAI,yBAAyB,CAAC,UAAU,CAAC,EAAE;QACzC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,OAA8B,EAAE,SAAiB,EAAE,EAAE;gBACpE,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,SAAS,GAAG,CAAC,EAAE,CAAA;gBACpD,OAAO,oBAAC,MAAM,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAI,CAAA;YACtE,CAAC,CAAC,CAAA;SACH;QACD,wEAAwE;QACxE,sCAAsC;QACtC,MAAM,eAAe,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAA;QACxE,IAAI,eAAe,CAAC,MAAM,EAAE;YAC1B,YAAY,GAAG,CACb,oBAAC,YAAY,IACX,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,CAAC,EAAE;oBACd,IAAI,GAAG,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,EAAE;wBAClC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;qBAC1D;gBACH,CAAC,GACD,CACH,CAAA;SACF;QACD,OAAO,CACL,oBAAC,SAAS,IAAC,eAAe,QAAC,SAAS,EAAE,OAAO,CAAC,SAAS;YACrD,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,GAAI;gBAE7D,oBAAC,UAAU,QAAE,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAc,CACvC;YACnB,oBAAC,gBAAgB,IAAC,SAAS,EAAE,OAAO,CAAC,qBAAqB;gBACvD,YAAY;gBACb,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU;oBACtC,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAI,CACzC,CACK,CACT,CACb,CAAA;KACF;IAED,IAAI,uBAAuB,CAAC,UAAU,CAAC,EAAE;QACvC,gCAAgC;QAChC,OAAO,oBAAC,UAAU,IAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CAAA;KACzE;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CACF,CAAA;AAED,MAAM,MAAM,GAAG,QAAQ,CACrB,CAAC,EACC,MAAM,EACN,IAAI,GAAG,EAAE,GAIV,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,UAAU,CAAA;IAChD,OAAO,CACL,0CACG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAC1D,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAClC,CAAC,EAAE,KAAK,EAAgD,EAAE,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,yEAAyE;IACzE,wEAAwE;IACxE,cAAc;IACd,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACxB,MAAM,GAAG,GAAG,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACvD,MAAM,IAAI,GAAG,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrD,OAAO,CACL;QACE,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,eAAe,QAAC,SAAS,EAAE,OAAO,CAAC,SAAS;YAC/D,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,GAAI;gBAE7D,oBAAC,UAAU,QAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,eAAe,CAAc,CACjC;YACnB,oBAAC,gBAAgB,IACf,SAAS,EAAE,OAAO,CAAC,qBAAqB,iBAC5B,cAAc,IAEzB,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,GAAI,CACtC,CACT;QAGZ,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CAC9B,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare function JsonEditor({ slot, }: {
|
|
3
|
+
slot: {
|
|
4
|
+
name: string;
|
|
5
|
+
description: string;
|
|
6
|
+
value: unknown;
|
|
7
|
+
set: (arg: unknown) => void;
|
|
8
|
+
};
|
|
3
9
|
}): JSX.Element;
|
|
4
|
-
declare
|
|
5
|
-
namespace propTypes {
|
|
6
|
-
const slot: import("prop-types").Validator<any>;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
10
|
+
declare const _default: typeof JsonEditor;
|
|
9
11
|
export default _default;
|
|
@@ -1,39 +1,55 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
import {
|
|
3
|
-
import { FormControl, FormHelperText, InputLabel } from '@mui/material';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { InputLabel, TextField } from '@mui/material';
|
|
4
3
|
import { makeStyles } from 'tss-react/mui';
|
|
5
|
-
import { observer
|
|
6
|
-
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
// fontSize and fontFamily have to match between Editor and SyntaxHighlighter
|
|
6
|
+
const fontSize = '12px';
|
|
7
|
+
// Optimize by using system default fonts: https://css-tricks.com/snippets/css/font-stacks/
|
|
8
|
+
const fontFamily = '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';
|
|
9
|
+
const useStyles = makeStyles()(theme => ({
|
|
7
10
|
error: {
|
|
8
11
|
color: 'red',
|
|
9
12
|
fontSize: '0.8em',
|
|
10
13
|
},
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
+
callbackEditor: {
|
|
15
|
+
fontFamily,
|
|
16
|
+
fontSize,
|
|
17
|
+
background: theme.palette.background.default,
|
|
18
|
+
width: 800,
|
|
19
|
+
marginTop: '16px',
|
|
20
|
+
border: '1px solid rgba(0,0,0,0.42)',
|
|
21
|
+
},
|
|
22
|
+
callbackContainer: {
|
|
23
|
+
width: '100%',
|
|
24
|
+
overflowX: 'auto',
|
|
25
|
+
},
|
|
26
|
+
textAreaFont: {
|
|
27
|
+
fontFamily,
|
|
28
|
+
},
|
|
29
|
+
}));
|
|
30
|
+
function JsonEditor({ slot, }) {
|
|
14
31
|
const { classes } = useStyles();
|
|
15
|
-
const [contents, setContents] = useState(JSON.stringify(slot.value, null,
|
|
32
|
+
const [contents, setContents] = useState(JSON.stringify(slot.value, null, 2));
|
|
16
33
|
const [error, setError] = useState();
|
|
17
|
-
const debouncedJson = useDebounce(contents, 400);
|
|
18
34
|
useEffect(() => {
|
|
19
35
|
try {
|
|
20
|
-
slot.set(JSON.parse(debouncedJson));
|
|
21
36
|
setError(undefined);
|
|
37
|
+
slot.set(JSON.parse(contents));
|
|
22
38
|
}
|
|
23
39
|
catch (e) {
|
|
24
|
-
|
|
40
|
+
console.error({ e });
|
|
41
|
+
setError(e);
|
|
25
42
|
}
|
|
26
|
-
}, [
|
|
43
|
+
}, [contents, slot]);
|
|
27
44
|
return (React.createElement(React.Fragment, null,
|
|
28
|
-
error ? React.createElement("p", { className: classes.error }, error) : null,
|
|
29
|
-
React.createElement(
|
|
30
|
-
React.createElement(InputLabel, { shrink: true, htmlFor: "
|
|
31
|
-
React.createElement(
|
|
32
|
-
|
|
33
|
-
|
|
45
|
+
error ? React.createElement("p", { className: classes.error }, `${error}`) : null,
|
|
46
|
+
React.createElement("div", { className: classes.callbackContainer },
|
|
47
|
+
React.createElement(InputLabel, { shrink: true, htmlFor: "json-editor" }, slot.name),
|
|
48
|
+
React.createElement(TextField, { id: "json-editor", className: classes.callbackEditor, value: contents, helperText: slot.description, multiline: true, onChange: event => setContents(event.target.value), style: { background: error ? '#fdd' : undefined }, InputProps: {
|
|
49
|
+
classes: {
|
|
50
|
+
input: classes.textAreaFont,
|
|
51
|
+
},
|
|
52
|
+
} }))));
|
|
34
53
|
}
|
|
35
|
-
JsonEditor.propTypes = {
|
|
36
|
-
slot: PropTypes.objectOrObservableObject.isRequired,
|
|
37
|
-
};
|
|
38
54
|
export default observer(JsonEditor);
|
|
39
55
|
//# sourceMappingURL=JsonEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/JsonEditor.
|
|
1
|
+
{"version":3,"file":"JsonEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/JsonEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,6EAA6E;AAC7E,MAAM,QAAQ,GAAG,MAAM,CAAA;AACvB,2FAA2F;AAC3F,MAAM,UAAU,GACd,sNAAsN,CAAA;AAExN,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,OAAO;KAClB;IACD,cAAc,EAAE;QACd,UAAU;QACV,QAAQ;QACR,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;QAC5C,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,4BAA4B;KACrC;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;KAClB;IACD,YAAY,EAAE;QACZ,UAAU;KACX;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,UAAU,CAAC,EAClB,IAAI,GAQL;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IAC7E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI;YACF,QAAQ,CAAC,SAAS,CAAC,CAAA;YACnB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;SAC/B;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;YACpB,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL;QACG,KAAK,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,GAAG,KAAK,EAAE,CAAK,CAAC,CAAC,CAAC,IAAI;QAC7D,6BAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB;YACvC,oBAAC,UAAU,IAAC,MAAM,QAAC,OAAO,EAAC,aAAa,IACrC,IAAI,CAAC,IAAI,CACC;YACb,oBAAC,SAAS,IACR,EAAE,EAAC,aAAa,EAChB,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,SAAS,QACT,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAClD,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,EACjD,UAAU,EAAE;oBACV,OAAO,EAAE;wBACP,KAAK,EAAE,OAAO,CAAC,YAAY;qBAC5B;iBACF,GACD,CACE,CACL,CACJ,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,UAAU,CAAC,CAAA"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IAnyType } from 'mobx-state-tree';
|
|
3
|
+
export declare const useSlotEditorStyles: (params: void, styleOverrides?: {
|
|
2
4
|
props: {
|
|
3
5
|
classes?: Record<string, string> | undefined;
|
|
4
6
|
} & Record<string, unknown>;
|
|
@@ -9,8 +11,8 @@ export const useSlotEditorStyles: (params: void, styleOverrides?: {
|
|
|
9
11
|
css: import("tss-react/types").Css;
|
|
10
12
|
cx: import("tss-react/types").Cx;
|
|
11
13
|
};
|
|
12
|
-
|
|
13
|
-
declare function SlotEditor({ slot, slotSchema }: {
|
|
14
|
+
declare const SlotEditor: ({ slot, slotSchema }: {
|
|
14
15
|
slot: any;
|
|
15
|
-
slotSchema:
|
|
16
|
-
})
|
|
16
|
+
slotSchema: IAnyType;
|
|
17
|
+
}) => JSX.Element;
|
|
18
|
+
export default SlotEditor;
|
|
@@ -16,14 +16,15 @@ import ColorEditor from './ColorEditor';
|
|
|
16
16
|
import JsonEditor from './JsonEditor';
|
|
17
17
|
// adds ability to have html in helperText. note that FormHelperTextProps is
|
|
18
18
|
// div because the default is p which does not like div children
|
|
19
|
-
|
|
19
|
+
function MyTextField(props) {
|
|
20
20
|
const { helperText } = props;
|
|
21
|
-
return (React.createElement(TextField, { ...props, helperText: React.createElement(SanitizedHTML, { html: helperText }), FormHelperTextProps: {
|
|
21
|
+
return (React.createElement(TextField, { ...props, helperText: React.createElement(SanitizedHTML, { html: helperText || '' }), FormHelperTextProps: {
|
|
22
|
+
// @ts-ignore
|
|
22
23
|
component: 'div',
|
|
23
24
|
}, fullWidth: true }));
|
|
24
|
-
}
|
|
25
|
-
const StringEditor = observer(({ slot }) => (React.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
|
|
26
|
-
const TextEditor = observer(({ slot }) => (React.createElement(TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
|
|
25
|
+
}
|
|
26
|
+
const StringEditor = observer(({ slot, }) => (React.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
|
|
27
|
+
const TextEditor = observer(({ slot, }) => (React.createElement(TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
|
|
27
28
|
// checked checkbox, looks like a styled (x)
|
|
28
29
|
const SvgCheckbox = () => (React.createElement(SvgIcon, null,
|
|
29
30
|
React.createElement("path", { d: "M20.41,3C21.8,5.71 22.35,8.84 22,12C21.8,15.16 20.7,18.29 18.83,21L17.3,20C18.91,17.57 19.85,14.8 20,12C20.34,9.2 19.89,6.43 18.7,4L20.41,3M5.17,3L6.7,4C5.09,6.43 4.15,9.2 4,12C3.66,14.8 4.12,17.57 5.3,20L3.61,21C2.21,18.29 1.65,15.17 2,12C2.2,8.84 3.3,5.71 5.17,3M12.08,10.68L14.4,7.45H16.93L13.15,12.45L15.35,17.37H13.09L11.71,14L9.28,17.33H6.76L10.66,12.21L8.53,7.45H10.8L12.08,10.68Z" })));
|
|
@@ -32,7 +33,7 @@ const useMapEditorStyles = makeStyles()(theme => ({
|
|
|
32
33
|
marginTop: theme.spacing(1),
|
|
33
34
|
},
|
|
34
35
|
}));
|
|
35
|
-
const StringArrayMapEditor = observer(({ slot }) => {
|
|
36
|
+
const StringArrayMapEditor = observer(({ slot, }) => {
|
|
36
37
|
const { classes } = useMapEditorStyles();
|
|
37
38
|
const [value, setValue] = useState('');
|
|
38
39
|
return (React.createElement(React.Fragment, null,
|
|
@@ -42,17 +43,12 @@ const StringArrayMapEditor = observer(({ slot }) => {
|
|
|
42
43
|
React.createElement(DeleteIcon, null)) }),
|
|
43
44
|
React.createElement(CardContent, null,
|
|
44
45
|
React.createElement(StringArrayEditor, { slot: {
|
|
46
|
+
name: slot.name,
|
|
45
47
|
value: val,
|
|
46
48
|
description: `Values associated with entry ${key}`,
|
|
47
|
-
setAtIndex: (idx,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
removeAtIndex: idx => {
|
|
51
|
-
slot.removeAtKeyIndex(key, idx);
|
|
52
|
-
},
|
|
53
|
-
add: strValue => {
|
|
54
|
-
slot.addToKey(key, strValue);
|
|
55
|
-
},
|
|
49
|
+
setAtIndex: (idx, val) => slot.setAtKeyIndex(key, idx, val),
|
|
50
|
+
removeAtIndex: (idx) => slot.removeAtKeyIndex(key, idx),
|
|
51
|
+
add: (val) => slot.addToKey(key, val),
|
|
56
52
|
} }))))),
|
|
57
53
|
React.createElement(Card, { raised: true, className: classes.card },
|
|
58
54
|
React.createElement(CardHeader, { disableTypography: true, title: React.createElement(TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
|
|
@@ -65,7 +61,7 @@ const StringArrayMapEditor = observer(({ slot }) => {
|
|
|
65
61
|
} }) })),
|
|
66
62
|
React.createElement(FormHelperText, null, slot.description)));
|
|
67
63
|
});
|
|
68
|
-
const NumberMapEditor = observer(({ slot }) => {
|
|
64
|
+
const NumberMapEditor = observer(({ slot, }) => {
|
|
69
65
|
const { classes } = useMapEditorStyles();
|
|
70
66
|
const [value, setValue] = useState('');
|
|
71
67
|
return (React.createElement(React.Fragment, null,
|
|
@@ -76,7 +72,7 @@ const NumberMapEditor = observer(({ slot }) => {
|
|
|
76
72
|
React.createElement(CardContent, null,
|
|
77
73
|
React.createElement(NumberEditor, { slot: {
|
|
78
74
|
value: val,
|
|
79
|
-
set:
|
|
75
|
+
set: (val) => slot.add(key, val),
|
|
80
76
|
} }))))),
|
|
81
77
|
React.createElement(Card, { raised: true, className: classes.card },
|
|
82
78
|
React.createElement(CardHeader, { disableTypography: true, title: React.createElement(TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
|
|
@@ -89,20 +85,21 @@ const NumberMapEditor = observer(({ slot }) => {
|
|
|
89
85
|
} }) })),
|
|
90
86
|
React.createElement(FormHelperText, null, slot.description)));
|
|
91
87
|
});
|
|
92
|
-
const NumberEditor = observer(({ slot }) => {
|
|
88
|
+
const NumberEditor = observer(({ slot, }) => {
|
|
93
89
|
const [val, setVal] = useState(slot.value);
|
|
94
90
|
useEffect(() => {
|
|
95
|
-
|
|
91
|
+
var _a;
|
|
92
|
+
const num = parseFloat(val);
|
|
96
93
|
if (!Number.isNaN(num)) {
|
|
97
94
|
slot.set(num);
|
|
98
95
|
}
|
|
99
96
|
else {
|
|
100
|
-
slot.reset();
|
|
97
|
+
(_a = slot.reset) === null || _a === void 0 ? void 0 : _a.call(slot);
|
|
101
98
|
}
|
|
102
99
|
}, [slot, val]);
|
|
103
100
|
return (React.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
|
|
104
101
|
});
|
|
105
|
-
const IntegerEditor = observer(({ slot }) => {
|
|
102
|
+
const IntegerEditor = observer(({ slot, }) => {
|
|
106
103
|
const [val, setVal] = useState(slot.value);
|
|
107
104
|
useEffect(() => {
|
|
108
105
|
const num = parseInt(val, 10);
|
|
@@ -112,15 +109,17 @@ const IntegerEditor = observer(({ slot }) => {
|
|
|
112
109
|
}, [slot, val]);
|
|
113
110
|
return (React.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
|
|
114
111
|
});
|
|
115
|
-
const BooleanEditor = observer(({ slot }) => (React.createElement(FormControl, null,
|
|
112
|
+
const BooleanEditor = observer(({ slot, }) => (React.createElement(FormControl, null,
|
|
116
113
|
React.createElement(FormControlLabel, { label: slot.name, control: React.createElement(Checkbox, { checked: slot.value, onChange: evt => slot.set(evt.target.checked) }) }),
|
|
117
114
|
React.createElement(FormHelperText, null, slot.description))));
|
|
118
|
-
const StringEnumEditor = observer(
|
|
115
|
+
const StringEnumEditor = observer(
|
|
116
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
117
|
+
({ slot, slotSchema }) => {
|
|
119
118
|
const p = getPropertyMembers(getSubType(slotSchema));
|
|
120
119
|
const choices = getUnionSubTypes(getUnionSubTypes(getSubType(getPropertyType(p, 'value')))[1]).map(t => t.value);
|
|
121
120
|
return (React.createElement(MyTextField, { value: slot.value, label: slot.name, select: true, helperText: slot.description, onChange: evt => slot.set(evt.target.value) }, choices.map(str => (React.createElement(MenuItem, { key: str, value: str }, str)))));
|
|
122
121
|
});
|
|
123
|
-
const FileSelectorWrapper = observer(({ slot }) => {
|
|
122
|
+
const FileSelectorWrapper = observer(({ slot, }) => {
|
|
124
123
|
var _a;
|
|
125
124
|
return (React.createElement(FileSelector, { location: slot.value, setLocation: location => slot.set(location), name: slot.name, description: slot.description, rootModel: (_a = getEnv(slot).pluginManager) === null || _a === void 0 ? void 0 : _a.rootModel }));
|
|
126
125
|
});
|
|
@@ -156,10 +155,15 @@ export const useSlotEditorStyles = makeStyles()(theme => ({
|
|
|
156
155
|
alignItems: 'center',
|
|
157
156
|
},
|
|
158
157
|
}));
|
|
159
|
-
const SlotEditor = observer(
|
|
158
|
+
const SlotEditor = observer(
|
|
159
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
160
|
+
({ slot, slotSchema }) => {
|
|
160
161
|
const { classes } = useSlotEditorStyles();
|
|
161
162
|
const { type } = slot;
|
|
162
|
-
let ValueComponent = slot.isCallback
|
|
163
|
+
let ValueComponent = slot.isCallback
|
|
164
|
+
? CallbackEditor
|
|
165
|
+
: // @ts-ignore
|
|
166
|
+
valueComponents[type];
|
|
163
167
|
if (!ValueComponent) {
|
|
164
168
|
console.warn(`no slot editor defined for ${type}, editing as string`);
|
|
165
169
|
ValueComponent = StringEditor;
|
|
@@ -170,7 +174,9 @@ const SlotEditor = observer(({ slot, slotSchema }) => {
|
|
|
170
174
|
return (React.createElement(Paper, { className: classes.paper },
|
|
171
175
|
React.createElement("div", { className: classes.paperContent },
|
|
172
176
|
React.createElement(ValueComponent, { slot: slot, slotSchema: slotSchema })),
|
|
173
|
-
React.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (React.createElement(IconButton, {
|
|
177
|
+
React.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (React.createElement(IconButton, { onClick: () => slot.isCallback
|
|
178
|
+
? slot.convertToValue()
|
|
179
|
+
: slot.convertToCallback(), title: `convert to ${slot.isCallback ? 'regular value' : 'callback'}`, color: "secondary" }, !slot.isCallback ? (React.createElement(RadioButtonUncheckedIcon, null)) : (React.createElement(SvgCheckbox, null)))) : null)));
|
|
174
180
|
});
|
|
175
181
|
export default SlotEditor;
|
|
176
182
|
//# sourceMappingURL=SlotEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlotEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/SlotEditor.
|
|
1
|
+
{"version":3,"file":"SlotEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/SlotEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAY,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EACL,eAAe,EACf,UAAU,EACV,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,cAAc,EACd,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,GAEV,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,QAAQ;AACR,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,wBAAwB,MAAM,0CAA0C,CAAA;AAE/E,SAAS;AACT,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,UAAU,MAAM,cAAc,CAAA;AAGrC,4EAA4E;AAC5E,gEAAgE;AAChE,SAAS,WAAW,CAAC,KAA+C;IAClE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC5B,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,UAAU,EAAE,oBAAC,aAAa,IAAC,IAAI,EAAE,UAAU,IAAI,EAAE,GAAI,EACrD,mBAAmB,EAAE;YACnB,aAAa;YACb,SAAS,EAAE,KAAK;SACjB,EACD,SAAS,SACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAG,QAAQ,CAC3B,CAAC,EACC,IAAI,GAQL,EAAE,EAAE,CAAC,CACJ,oBAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3C,CACH,CACF,CAAA;AAED,MAAM,UAAU,GAAG,QAAQ,CACzB,CAAC,EACC,IAAI,GAQL,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,SAAS,QACT,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3C,CACH,CACF,CAAA;AAED,4CAA4C;AAC5C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,oBAAC,OAAO;IACN,8BAAM,CAAC,EAAC,qYAAqY,GAAG,CACxY,CACX,CAAA;AAED,MAAM,kBAAkB,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAChD,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,oBAAoB,GAAG,QAAQ,CACnC,CAAC,EACC,IAAI,GAYL,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,OAAO,CACL;QACE,oBAAC,UAAU,QAAE,IAAI,CAAC,IAAI,CAAc;QACnC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CACtC,oBAAC,IAAI,IAAC,MAAM,QAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI;YAC5C,oBAAC,UAAU,IACT,KAAK,EAAE,GAAG,EACV,MAAM,EACJ,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;oBAC3D,oBAAC,UAAU,OAAG,CACH,GAEf;YACF,oBAAC,WAAW;gBACV,oBAAC,iBAAiB,IAChB,IAAI,EAAE;wBACJ,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,KAAK,EAAE,GAAG;wBACV,WAAW,EAAE,gCAAgC,GAAG,EAAE;wBAClD,UAAU,EAAE,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE,CACvC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;wBACnC,aAAa,EAAE,CAAC,GAAW,EAAE,EAAE,CAC7B,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,GAAG,CAAC;wBACjC,GAAG,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;qBAC9C,GACD,CACU,CACT,CACR,CAAC;QACF,oBAAC,IAAI,IAAC,MAAM,QAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YAClC,oBAAC,UAAU,IACT,iBAAiB,QACjB,KAAK,EACH,oBAAC,SAAS,IACR,SAAS,QACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,UAAU,EAAE;wBACV,YAAY,EAAE,CACZ,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;4BAC5B,oBAAC,UAAU,IACT,QAAQ,EAAE,KAAK,KAAK,EAAE,EACtB,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;oCACnB,QAAQ,CAAC,EAAE,CAAC,CAAA;gCACd,CAAC,EACD,KAAK,EAAC,WAAW;gCAEjB,oBAAC,OAAO,OAAG,CACA,CACE,CAClB;qBACF,GACD,GAEJ,CACG;QACP,oBAAC,cAAc,QAAE,IAAI,CAAC,WAAW,CAAkB,CAClD,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,eAAe,GAAG,QAAQ,CAC9B,CAAC,EACC,IAAI,GASL,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,OAAO,CACL;QACE,oBAAC,UAAU,QAAE,IAAI,CAAC,IAAI,CAAc;QACnC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CACtC,oBAAC,IAAI,IAAC,MAAM,QAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI;YAC5C,oBAAC,UAAU,IACT,KAAK,EAAE,GAAG,EACV,MAAM,EACJ,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;oBAC3D,oBAAC,UAAU,OAAG,CACH,GAEf;YACF,oBAAC,WAAW;gBACV,oBAAC,YAAY,IACX,IAAI,EAAE;wBACJ,KAAK,EAAE,GAAG;wBACV,GAAG,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;qBACzC,GACD,CACU,CACT,CACR,CAAC;QACF,oBAAC,IAAI,IAAC,MAAM,QAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YAClC,oBAAC,UAAU,IACT,iBAAiB,QACjB,KAAK,EACH,oBAAC,SAAS,IACR,SAAS,QACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,UAAU,EAAE;wBACV,YAAY,EAAE,CACZ,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;4BAC5B,oBAAC,UAAU,IACT,QAAQ,EAAE,KAAK,KAAK,EAAE,EACtB,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;oCAClB,QAAQ,CAAC,EAAE,CAAC,CAAA;gCACd,CAAC,EACD,KAAK,EAAC,WAAW;gCAEjB,oBAAC,OAAO,OAAG,CACA,CACE,CAClB;qBACF,GACD,GAEJ,CACG;QACP,oBAAC,cAAc,QAAE,IAAI,CAAC,WAAW,CAAkB,CAClD,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,YAAY,GAAG,QAAQ,CAC3B,CAAC,EACC,IAAI,GASL,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;;QACb,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;QAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACtB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;SACd;aAAM;YACL,MAAA,IAAI,CAAC,KAAK,oDAAI,CAAA;SACf;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;IACf,OAAO,CACL,oBAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,aAAa,GAAG,QAAQ,CAC5B,CAAC,EACC,IAAI,GAQL,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;QAC7B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACtB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;SACd;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;IACf,OAAO,CACL,oBAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,aAAa,GAAG,QAAQ,CAC5B,CAAC,EACC,IAAI,GAQL,EAAE,EAAE,CAAC,CACJ,oBAAC,WAAW;IACV,oBAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EACL,oBAAC,QAAQ,IACP,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,GAC7C,GAEJ;IACF,oBAAC,cAAc,QAAE,IAAI,CAAC,WAAW,CAAkB,CACvC,CACf,CACF,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ;AAC/B,8DAA8D;AAC9D,CAAC,EAAE,IAAI,EAAE,UAAU,EAAuC,EAAE,EAAE;IAC5D,MAAM,CAAC,GAAG,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAA;IACpD,MAAM,OAAO,GAAG,gBAAgB,CAC9B,gBAAgB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAC7D,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,MAAM,QACN,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAE1C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAC3B,GAAG,CACK,CACZ,CAAC,CACU,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAClC,CAAC,EACC,IAAI,GAQL,EAAE,EAAE;;IACH,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,CAAC,aAAa,0CAAE,SAAS,GAChD,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,mBAAmB;IACjC,WAAW,EAAE,iBAAiB;IAC9B,cAAc,EAAE,oBAAoB;IACpC,SAAS,EAAE,eAAe;IAC1B,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,WAAW;IAClB,UAAU,EAAE,gBAAgB;IAC5B,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,UAAU;IAClB,mBAAmB,EAAE,UAAU;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACxD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,QAAQ,EAAE,UAAU;KACrB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;KACd;IACD,cAAc,EAAE;QACd,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;QACzC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,GAAG,QAAQ;AACzB,8DAA8D;AAC9D,CAAC,EAAE,IAAI,EAAE,UAAU,EAAuC,EAAE,EAAE;IAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACzC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACrB,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU;QAClC,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,aAAa;YACb,eAAe,CAAC,IAAI,CAAC,CAAA;IACzB,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC,8BAA8B,IAAI,qBAAqB,CAAC,CAAA;QACrE,cAAc,GAAG,YAAY,CAAA;KAC9B;IACD,IAAI,CAAC,CAAC,IAAI,IAAI,eAAe,CAAC,EAAE;QAC9B,OAAO,CAAC,IAAI,CAAC,iCAAiC,IAAI,EAAE,CAAC,CAAA;KACtD;IACD,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC7B,6BAAK,SAAS,EAAE,OAAO,CAAC,YAAY;YAClC,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CAClD;QACN,6BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,IACnC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CACZ,IAAI,CAAC,UAAU;gBACb,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;gBACvB,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAE9B,KAAK,EAAE,cACL,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UACtC,EAAE,EACF,KAAK,EAAC,WAAW,IAEhB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAClB,oBAAC,wBAAwB,OAAG,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,OAAG,CAChB,CACU,CACd,CAAC,CAAC,CAAC,IAAI,CACJ,CACA,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
export const
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export { default as stateModelFactory } from './model';
|
|
3
|
+
export declare const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
|
|
4
|
+
export declare const HeadingComponent: ({ model }: {
|
|
5
|
+
model?: {
|
|
6
|
+
target: {
|
|
7
|
+
type: string;
|
|
8
|
+
};
|
|
9
|
+
} | undefined;
|
|
10
|
+
}) => JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { observer } from 'mobx-react';
|
|
2
3
|
import { isStateTreeNode, getType } from 'mobx-state-tree';
|
|
3
4
|
import { ConfigurationSchema } from '@jbrowse/core/configuration';
|
|
@@ -6,15 +7,15 @@ export const configSchema = ConfigurationSchema('ConfigurationEditorWidget', {})
|
|
|
6
7
|
export const HeadingComponent = observer(({ model }) => {
|
|
7
8
|
if (model === null || model === void 0 ? void 0 : model.target) {
|
|
8
9
|
if (model.target.type) {
|
|
9
|
-
return `${model.target.type} settings
|
|
10
|
+
return React.createElement(React.Fragment, null, `${model.target.type} settings`);
|
|
10
11
|
}
|
|
11
12
|
if (isStateTreeNode(model.target)) {
|
|
12
13
|
const type = getType(model.target);
|
|
13
14
|
if (type === null || type === void 0 ? void 0 : type.name) {
|
|
14
|
-
return `${type.name.replace('ConfigurationSchema', '')} settings
|
|
15
|
+
return (React.createElement(React.Fragment, null, `${type.name.replace('ConfigurationSchema', '')} settings`));
|
|
15
16
|
}
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
|
-
return
|
|
19
|
+
return React.createElement(React.Fragment, null, "Settings");
|
|
19
20
|
});
|
|
20
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ConfigurationEditorWidget/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ConfigurationEditorWidget/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtD,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC,2BAA2B,EAAE,EAAE,CAAC,CAAA;AAChF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CACtC,CAAC,EAAE,KAAK,EAA4C,EAAE,EAAE;IACtD,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE;QACjB,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE;YACrB,OAAO,0CAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,WAAW,CAAI,CAAA;SAC9C;QACD,IAAI,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACjC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAClC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;gBACd,OAAO,CACL,0CAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,EAAE,CAAC,WAAW,CAAI,CAClE,CAAA;aACF;SACF;KACF;IACD,OAAO,qDAAa,CAAA;AACtB,CAAC,CACF,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import PluginManager from '@jbrowse/core/PluginManager';
|
|
2
|
+
declare const _default: (pluginManager: PluginManager) => import("mobx-state-tree").IModelType<{
|
|
2
3
|
id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
3
4
|
type: import("mobx-state-tree").ISimpleType<"ConfigurationEditorWidget">;
|
|
4
|
-
target: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<
|
|
5
|
+
target: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyModelType>>;
|
|
5
6
|
}, {
|
|
6
7
|
setTarget(newTarget: any): void;
|
|
7
8
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|