@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
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -33,97 +22,67 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
33
22
|
__setModuleDefault(result, mod);
|
|
34
23
|
return result;
|
|
35
24
|
};
|
|
36
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
37
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
38
|
-
if (!m) return o;
|
|
39
|
-
var i = m.call(o), r, ar = [], e;
|
|
40
|
-
try {
|
|
41
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
42
|
-
}
|
|
43
|
-
catch (error) { e = { error: error }; }
|
|
44
|
-
finally {
|
|
45
|
-
try {
|
|
46
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
47
|
-
}
|
|
48
|
-
finally { if (e) throw e.error; }
|
|
49
|
-
}
|
|
50
|
-
return ar;
|
|
51
|
-
};
|
|
52
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
53
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
54
27
|
};
|
|
55
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
56
29
|
exports.useSlotEditorStyles = void 0;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const mobx_react_1 = require("mobx-react");
|
|
32
|
+
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
33
|
+
const ui_1 = require("@jbrowse/core/ui");
|
|
34
|
+
const mst_reflection_1 = require("@jbrowse/core/util/mst-reflection");
|
|
35
|
+
const material_1 = require("@mui/material");
|
|
36
|
+
const mui_1 = require("tss-react/mui");
|
|
64
37
|
// icons
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
38
|
+
const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
|
|
39
|
+
const Add_1 = __importDefault(require("@mui/icons-material/Add"));
|
|
40
|
+
const RadioButtonUnchecked_1 = __importDefault(require("@mui/icons-material/RadioButtonUnchecked"));
|
|
68
41
|
// locals
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
42
|
+
const StringArrayEditor_1 = __importDefault(require("./StringArrayEditor"));
|
|
43
|
+
const CallbackEditor_1 = __importDefault(require("./CallbackEditor"));
|
|
44
|
+
const ColorEditor_1 = __importDefault(require("./ColorEditor"));
|
|
45
|
+
const JsonEditor_1 = __importDefault(require("./JsonEditor"));
|
|
73
46
|
// adds ability to have html in helperText. note that FormHelperTextProps is
|
|
74
47
|
// div because the default is p which does not like div children
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
return (react_1.default.createElement(material_1.TextField,
|
|
48
|
+
function MyTextField(props) {
|
|
49
|
+
const { helperText } = props;
|
|
50
|
+
return (react_1.default.createElement(material_1.TextField, { ...props, helperText: react_1.default.createElement(ui_1.SanitizedHTML, { html: helperText || '' }), FormHelperTextProps: {
|
|
51
|
+
// @ts-ignore
|
|
78
52
|
component: 'div',
|
|
79
|
-
}, fullWidth: true }))
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
return (react_1.default.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: function (evt) { return slot.set(evt.target.value); } }));
|
|
84
|
-
});
|
|
85
|
-
var TextEditor = (0, mobx_react_1.observer)(function (_a) {
|
|
86
|
-
var slot = _a.slot;
|
|
87
|
-
return (react_1.default.createElement(material_1.TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: function (evt) { return slot.set(evt.target.value); } }));
|
|
88
|
-
});
|
|
53
|
+
}, fullWidth: true }));
|
|
54
|
+
}
|
|
55
|
+
const StringEditor = (0, mobx_react_1.observer)(({ slot, }) => (react_1.default.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
|
|
56
|
+
const TextEditor = (0, mobx_react_1.observer)(({ slot, }) => (react_1.default.createElement(material_1.TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
|
|
89
57
|
// checked checkbox, looks like a styled (x)
|
|
90
|
-
|
|
91
|
-
react_1.default.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" })));
|
|
92
|
-
|
|
58
|
+
const SvgCheckbox = () => (react_1.default.createElement(material_1.SvgIcon, null,
|
|
59
|
+
react_1.default.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" })));
|
|
60
|
+
const useMapEditorStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
93
61
|
card: {
|
|
94
62
|
marginTop: theme.spacing(1),
|
|
95
63
|
},
|
|
96
|
-
})
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
var _b = __read((0, react_1.useState)(''), 2), value = _b[0], setValue = _b[1];
|
|
64
|
+
}));
|
|
65
|
+
const StringArrayMapEditor = (0, mobx_react_1.observer)(({ slot, }) => {
|
|
66
|
+
const { classes } = useMapEditorStyles();
|
|
67
|
+
const [value, setValue] = (0, react_1.useState)('');
|
|
101
68
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
102
69
|
react_1.default.createElement(material_1.InputLabel, null, slot.name),
|
|
103
|
-
Array.from(slot.value,
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
removeAtIndex: function (idx) {
|
|
116
|
-
slot.removeAtKeyIndex(key, idx);
|
|
117
|
-
},
|
|
118
|
-
add: function (strValue) {
|
|
119
|
-
slot.addToKey(key, strValue);
|
|
120
|
-
},
|
|
121
|
-
} }))));
|
|
122
|
-
}),
|
|
70
|
+
Array.from(slot.value, ([key, val]) => (react_1.default.createElement(material_1.Card, { raised: true, key: key, className: classes.card },
|
|
71
|
+
react_1.default.createElement(material_1.CardHeader, { title: key, action: react_1.default.createElement(material_1.IconButton, { color: "secondary", onClick: () => slot.remove(key) },
|
|
72
|
+
react_1.default.createElement(Delete_1.default, null)) }),
|
|
73
|
+
react_1.default.createElement(material_1.CardContent, null,
|
|
74
|
+
react_1.default.createElement(StringArrayEditor_1.default, { slot: {
|
|
75
|
+
name: slot.name,
|
|
76
|
+
value: val,
|
|
77
|
+
description: `Values associated with entry ${key}`,
|
|
78
|
+
setAtIndex: (idx, val) => slot.setAtKeyIndex(key, idx, val),
|
|
79
|
+
removeAtIndex: (idx) => slot.removeAtKeyIndex(key, idx),
|
|
80
|
+
add: (val) => slot.addToKey(key, val),
|
|
81
|
+
} }))))),
|
|
123
82
|
react_1.default.createElement(material_1.Card, { raised: true, className: classes.card },
|
|
124
|
-
react_1.default.createElement(material_1.CardHeader, { disableTypography: true, title: react_1.default.createElement(material_1.TextField, { fullWidth: true, value: value, placeholder: "add new", onChange:
|
|
83
|
+
react_1.default.createElement(material_1.CardHeader, { disableTypography: true, title: react_1.default.createElement(material_1.TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
|
|
125
84
|
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
|
|
126
|
-
react_1.default.createElement(material_1.IconButton, { disabled: value === '', onClick:
|
|
85
|
+
react_1.default.createElement(material_1.IconButton, { disabled: value === '', onClick: () => {
|
|
127
86
|
slot.add(value, []);
|
|
128
87
|
setValue('');
|
|
129
88
|
}, color: "secondary" },
|
|
@@ -131,27 +90,23 @@ var StringArrayMapEditor = (0, mobx_react_1.observer)(function (_a) {
|
|
|
131
90
|
} }) })),
|
|
132
91
|
react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
|
|
133
92
|
});
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
var _b = __read((0, react_1.useState)(''), 2), value = _b[0], setValue = _b[1];
|
|
93
|
+
const NumberMapEditor = (0, mobx_react_1.observer)(({ slot, }) => {
|
|
94
|
+
const { classes } = useMapEditorStyles();
|
|
95
|
+
const [value, setValue] = (0, react_1.useState)('');
|
|
138
96
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
139
97
|
react_1.default.createElement(material_1.InputLabel, null, slot.name),
|
|
140
|
-
Array.from(slot.value,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
set: function (numValue) { return slot.add(key, numValue); },
|
|
149
|
-
} }))));
|
|
150
|
-
}),
|
|
98
|
+
Array.from(slot.value, ([key, val]) => (react_1.default.createElement(material_1.Card, { raised: true, key: key, className: classes.card },
|
|
99
|
+
react_1.default.createElement(material_1.CardHeader, { title: key, action: react_1.default.createElement(material_1.IconButton, { color: "secondary", onClick: () => slot.remove(key) },
|
|
100
|
+
react_1.default.createElement(Delete_1.default, null)) }),
|
|
101
|
+
react_1.default.createElement(material_1.CardContent, null,
|
|
102
|
+
react_1.default.createElement(NumberEditor, { slot: {
|
|
103
|
+
value: val,
|
|
104
|
+
set: (val) => slot.add(key, val),
|
|
105
|
+
} }))))),
|
|
151
106
|
react_1.default.createElement(material_1.Card, { raised: true, className: classes.card },
|
|
152
|
-
react_1.default.createElement(material_1.CardHeader, { disableTypography: true, title: react_1.default.createElement(material_1.TextField, { fullWidth: true, value: value, placeholder: "add new", onChange:
|
|
107
|
+
react_1.default.createElement(material_1.CardHeader, { disableTypography: true, title: react_1.default.createElement(material_1.TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
|
|
153
108
|
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
|
|
154
|
-
react_1.default.createElement(material_1.IconButton, { disabled: value === '', onClick:
|
|
109
|
+
react_1.default.createElement(material_1.IconButton, { disabled: value === '', onClick: () => {
|
|
155
110
|
slot.add(value, 0);
|
|
156
111
|
setValue('');
|
|
157
112
|
}, color: "secondary" },
|
|
@@ -159,49 +114,45 @@ var NumberMapEditor = (0, mobx_react_1.observer)(function (_a) {
|
|
|
159
114
|
} }) })),
|
|
160
115
|
react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
|
|
161
116
|
});
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
117
|
+
const NumberEditor = (0, mobx_react_1.observer)(({ slot, }) => {
|
|
118
|
+
const [val, setVal] = (0, react_1.useState)(slot.value);
|
|
119
|
+
(0, react_1.useEffect)(() => {
|
|
120
|
+
var _a;
|
|
121
|
+
const num = parseFloat(val);
|
|
167
122
|
if (!Number.isNaN(num)) {
|
|
168
123
|
slot.set(num);
|
|
169
124
|
}
|
|
170
125
|
else {
|
|
171
|
-
slot.reset();
|
|
126
|
+
(_a = slot.reset) === null || _a === void 0 ? void 0 : _a.call(slot);
|
|
172
127
|
}
|
|
173
128
|
}, [slot, val]);
|
|
174
|
-
return (react_1.default.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange:
|
|
129
|
+
return (react_1.default.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
|
|
175
130
|
});
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
var num = parseInt(val, 10);
|
|
131
|
+
const IntegerEditor = (0, mobx_react_1.observer)(({ slot, }) => {
|
|
132
|
+
const [val, setVal] = (0, react_1.useState)(slot.value);
|
|
133
|
+
(0, react_1.useEffect)(() => {
|
|
134
|
+
const num = parseInt(val, 10);
|
|
181
135
|
if (!Number.isNaN(num)) {
|
|
182
136
|
slot.set(num);
|
|
183
137
|
}
|
|
184
138
|
}, [slot, val]);
|
|
185
|
-
return (react_1.default.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange:
|
|
139
|
+
return (react_1.default.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
|
|
186
140
|
});
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
})
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
var choices = (0, mst_reflection_1.getUnionSubTypes)((0, mst_reflection_1.getUnionSubTypes)((0, mst_reflection_1.getSubType)((0, mst_reflection_1.getPropertyType)(p, 'value')))[1]).map(function (t) { return t.value; });
|
|
197
|
-
return (react_1.default.createElement(MyTextField, { value: slot.value, label: slot.name, select: true, helperText: slot.description, onChange: function (evt) { return slot.set(evt.target.value); } }, choices.map(function (str) { return (react_1.default.createElement(material_1.MenuItem, { key: str, value: str }, str)); })));
|
|
141
|
+
const BooleanEditor = (0, mobx_react_1.observer)(({ slot, }) => (react_1.default.createElement(material_1.FormControl, null,
|
|
142
|
+
react_1.default.createElement(material_1.FormControlLabel, { label: slot.name, control: react_1.default.createElement(material_1.Checkbox, { checked: slot.value, onChange: evt => slot.set(evt.target.checked) }) }),
|
|
143
|
+
react_1.default.createElement(material_1.FormHelperText, null, slot.description))));
|
|
144
|
+
const StringEnumEditor = (0, mobx_react_1.observer)(
|
|
145
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
146
|
+
({ slot, slotSchema }) => {
|
|
147
|
+
const p = (0, mobx_state_tree_1.getPropertyMembers)((0, mst_reflection_1.getSubType)(slotSchema));
|
|
148
|
+
const choices = (0, mst_reflection_1.getUnionSubTypes)((0, mst_reflection_1.getUnionSubTypes)((0, mst_reflection_1.getSubType)((0, mst_reflection_1.getPropertyType)(p, 'value')))[1]).map(t => t.value);
|
|
149
|
+
return (react_1.default.createElement(MyTextField, { value: slot.value, label: slot.name, select: true, helperText: slot.description, onChange: evt => slot.set(evt.target.value) }, choices.map(str => (react_1.default.createElement(material_1.MenuItem, { key: str, value: str }, str)))));
|
|
198
150
|
});
|
|
199
|
-
|
|
200
|
-
var
|
|
201
|
-
|
|
202
|
-
return (react_1.default.createElement(ui_1.FileSelector, { location: slot.value, setLocation: function (location) { return slot.set(location); }, name: slot.name, description: slot.description, rootModel: (_b = (0, mobx_state_tree_1.getEnv)(slot).pluginManager) === null || _b === void 0 ? void 0 : _b.rootModel }));
|
|
151
|
+
const FileSelectorWrapper = (0, mobx_react_1.observer)(({ slot, }) => {
|
|
152
|
+
var _a;
|
|
153
|
+
return (react_1.default.createElement(ui_1.FileSelector, { location: slot.value, setLocation: location => slot.set(location), name: slot.name, description: slot.description, rootModel: (_a = (0, mobx_state_tree_1.getEnv)(slot).pluginManager) === null || _a === void 0 ? void 0 : _a.rootModel }));
|
|
203
154
|
});
|
|
204
|
-
|
|
155
|
+
const valueComponents = {
|
|
205
156
|
string: StringEditor,
|
|
206
157
|
text: TextEditor,
|
|
207
158
|
fileLocation: FileSelectorWrapper,
|
|
@@ -216,7 +167,7 @@ var valueComponents = {
|
|
|
216
167
|
frozen: JsonEditor_1.default,
|
|
217
168
|
configRelationships: JsonEditor_1.default,
|
|
218
169
|
};
|
|
219
|
-
exports.useSlotEditorStyles = (0, mui_1.makeStyles)()(
|
|
170
|
+
exports.useSlotEditorStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
220
171
|
paper: {
|
|
221
172
|
display: 'flex',
|
|
222
173
|
marginBottom: theme.spacing(2),
|
|
@@ -232,25 +183,29 @@ exports.useSlotEditorStyles = (0, mui_1.makeStyles)()(function (theme) { return
|
|
|
232
183
|
justifyContent: 'center',
|
|
233
184
|
alignItems: 'center',
|
|
234
185
|
},
|
|
235
|
-
})
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
186
|
+
}));
|
|
187
|
+
const SlotEditor = (0, mobx_react_1.observer)(
|
|
188
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
189
|
+
({ slot, slotSchema }) => {
|
|
190
|
+
const { classes } = (0, exports.useSlotEditorStyles)();
|
|
191
|
+
const { type } = slot;
|
|
192
|
+
let ValueComponent = slot.isCallback
|
|
193
|
+
? CallbackEditor_1.default
|
|
194
|
+
: // @ts-ignore
|
|
195
|
+
valueComponents[type];
|
|
241
196
|
if (!ValueComponent) {
|
|
242
|
-
console.warn(
|
|
197
|
+
console.warn(`no slot editor defined for ${type}, editing as string`);
|
|
243
198
|
ValueComponent = StringEditor;
|
|
244
199
|
}
|
|
245
200
|
if (!(type in valueComponents)) {
|
|
246
|
-
console.warn(
|
|
201
|
+
console.warn(`SlotEditor needs to implement ${type}`);
|
|
247
202
|
}
|
|
248
203
|
return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
|
|
249
204
|
react_1.default.createElement("div", { className: classes.paperContent },
|
|
250
205
|
react_1.default.createElement(ValueComponent, { slot: slot, slotSchema: slotSchema })),
|
|
251
|
-
react_1.default.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (react_1.default.createElement(material_1.IconButton, {
|
|
252
|
-
|
|
253
|
-
|
|
206
|
+
react_1.default.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (react_1.default.createElement(material_1.IconButton, { onClick: () => slot.isCallback
|
|
207
|
+
? slot.convertToValue()
|
|
208
|
+
: slot.convertToCallback(), title: `convert to ${slot.isCallback ? 'regular value' : 'callback'}`, color: "secondary" }, !slot.isCallback ? (react_1.default.createElement(RadioButtonUnchecked_1.default, null)) : (react_1.default.createElement(SvgCheckbox, null)))) : null)));
|
|
254
209
|
});
|
|
255
210
|
exports.default = SlotEditor;
|
|
256
211
|
//# 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":"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"}
|
|
@@ -22,59 +22,42 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
-
if (!m) return o;
|
|
28
|
-
var i = m.call(o), r, ar = [], e;
|
|
29
|
-
try {
|
|
30
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
-
}
|
|
32
|
-
catch (error) { e = { error: error }; }
|
|
33
|
-
finally {
|
|
34
|
-
try {
|
|
35
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
-
}
|
|
37
|
-
finally { if (e) throw e.error; }
|
|
38
|
-
}
|
|
39
|
-
return ar;
|
|
40
|
-
};
|
|
41
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
42
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
43
27
|
};
|
|
44
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const mobx_react_1 = require("mobx-react");
|
|
31
|
+
const material_1 = require("@mui/material");
|
|
48
32
|
// icons
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
var _c = __read((0, react_1.useState)(false), 2), addNew = _c[0], setAddNew = _c[1];
|
|
33
|
+
const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
|
|
34
|
+
const StringArrayEditor = (0, mobx_react_1.observer)(({ slot, }) => {
|
|
35
|
+
const [value, setValue] = (0, react_1.useState)('');
|
|
36
|
+
const [addNew, setAddNew] = (0, react_1.useState)(false);
|
|
54
37
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
55
38
|
slot.name ? react_1.default.createElement(material_1.InputLabel, null, slot.name) : null,
|
|
56
39
|
react_1.default.createElement(material_1.List, { disablePadding: true },
|
|
57
|
-
slot.value.map(
|
|
58
|
-
react_1.default.createElement(material_1.TextField, { value: val, onChange:
|
|
40
|
+
slot.value.map((val, idx) => (react_1.default.createElement(material_1.ListItem, { key: idx, disableGutters: true },
|
|
41
|
+
react_1.default.createElement(material_1.TextField, { value: val, onChange: evt => slot.setAtIndex(idx, evt.target.value), InputProps: {
|
|
59
42
|
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
|
|
60
|
-
react_1.default.createElement(material_1.IconButton, { color: "secondary", onClick:
|
|
43
|
+
react_1.default.createElement(material_1.IconButton, { color: "secondary", onClick: () => slot.removeAtIndex(idx) },
|
|
61
44
|
react_1.default.createElement(Delete_1.default, null)))),
|
|
62
|
-
} })))
|
|
45
|
+
} })))),
|
|
63
46
|
addNew ? (react_1.default.createElement(material_1.ListItem, { disableGutters: true },
|
|
64
|
-
react_1.default.createElement(material_1.TextField, { value: value, placeholder: "add new", onChange:
|
|
47
|
+
react_1.default.createElement(material_1.TextField, { value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
|
|
65
48
|
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
|
|
66
49
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
67
|
-
react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, "data-testid":
|
|
50
|
+
react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, "data-testid": `stringArrayAdd-${slot.name}`, onClick: () => {
|
|
68
51
|
setAddNew(false);
|
|
69
52
|
slot.add(value);
|
|
70
53
|
setValue('');
|
|
71
54
|
} }, "OK"),
|
|
72
|
-
react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, onClick:
|
|
55
|
+
react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, onClick: () => {
|
|
73
56
|
setAddNew(false);
|
|
74
57
|
setValue('');
|
|
75
58
|
} }, "Cancel")))),
|
|
76
59
|
} }))) : null,
|
|
77
|
-
react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 4 }, disabled: addNew, onClick:
|
|
60
|
+
react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 4 }, disabled: addNew, onClick: () => setAddNew(true) }, "Add item")),
|
|
78
61
|
react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
|
|
79
62
|
});
|
|
80
63
|
exports.default = StringArrayEditor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StringArrayEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/StringArrayEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StringArrayEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/StringArrayEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,16 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var classes = (0, SlotEditor_1.useSlotEditorStyles)().classes;
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const material_1 = require("@mui/material");
|
|
8
|
+
const mobx_react_1 = require("mobx-react");
|
|
9
|
+
const SlotEditor_1 = require("./SlotEditor");
|
|
10
|
+
const TypeSelector = (0, mobx_react_1.observer)(({ typeNameChoices, slot, slotName, onChange, }) => {
|
|
11
|
+
const { classes } = (0, SlotEditor_1.useSlotEditorStyles)();
|
|
13
12
|
return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
|
|
14
13
|
react_1.default.createElement("div", { className: classes.paperContent },
|
|
15
|
-
react_1.default.createElement(material_1.TextField, { value: slot.type, label: "Type", select: true, helperText:
|
|
14
|
+
react_1.default.createElement(material_1.TextField, { value: slot.type, label: "Type", select: true, helperText: `Type of ${slotName} to use`, fullWidth: true, onChange: onChange }, typeNameChoices.map(str => (react_1.default.createElement(material_1.MenuItem, { key: str, value: str }, str)))))));
|
|
16
15
|
});
|
|
17
16
|
exports.default = TypeSelector;
|
|
18
17
|
//# sourceMappingURL=TypeSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeSelector.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/TypeSelector.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"TypeSelector.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/TypeSelector.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4CAA0D;AAC1D,2CAAqC;AACrC,6CAAkD;AAGlD,MAAM,YAAY,GAAG,IAAA,qBAAQ,EAC3B,CAAC,EACC,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,QAAQ,GAMT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAmB,GAAE,CAAA;IACzC,OAAO,CACL,8BAAC,gBAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC7B,uCAAK,SAAS,EAAE,OAAO,CAAC,YAAY;YAClC,8BAAC,oBAAS,IACR,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,MAAM,EACZ,MAAM,QACN,UAAU,EAAE,WAAW,QAAQ,SAAS,EACxC,SAAS,QACT,QAAQ,EAAE,QAAQ,IAEjB,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAC1B,8BAAC,mBAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAC3B,GAAG,CACK,CACZ,CAAC,CACQ,CACR,CACA,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,YAAY,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;
|
|
@@ -4,25 +4,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.HeadingComponent = exports.configSchema = exports.stateModelFactory = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const mobx_react_1 = require("mobx-react");
|
|
9
|
+
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
10
|
+
const configuration_1 = require("@jbrowse/core/configuration");
|
|
10
11
|
var model_1 = require("./model");
|
|
11
12
|
Object.defineProperty(exports, "stateModelFactory", { enumerable: true, get: function () { return __importDefault(model_1).default; } });
|
|
12
13
|
exports.configSchema = (0, configuration_1.ConfigurationSchema)('ConfigurationEditorWidget', {});
|
|
13
|
-
exports.HeadingComponent = (0, mobx_react_1.observer)(
|
|
14
|
-
var model = _a.model;
|
|
14
|
+
exports.HeadingComponent = (0, mobx_react_1.observer)(({ model }) => {
|
|
15
15
|
if (model === null || model === void 0 ? void 0 : model.target) {
|
|
16
16
|
if (model.target.type) {
|
|
17
|
-
return
|
|
17
|
+
return react_1.default.createElement(react_1.default.Fragment, null, `${model.target.type} settings`);
|
|
18
18
|
}
|
|
19
19
|
if ((0, mobx_state_tree_1.isStateTreeNode)(model.target)) {
|
|
20
|
-
|
|
20
|
+
const type = (0, mobx_state_tree_1.getType)(model.target);
|
|
21
21
|
if (type === null || type === void 0 ? void 0 : type.name) {
|
|
22
|
-
return
|
|
22
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, `${type.name.replace('ConfigurationSchema', '')} settings`));
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
return
|
|
26
|
+
return react_1.default.createElement(react_1.default.Fragment, null, "Settings");
|
|
27
27
|
});
|
|
28
28
|
//# 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,kDAAyB;AACzB,2CAAqC;AACrC,qDAA0D;AAC1D,+DAAiE;AAEjE,iCAAsD;AAA7C,2HAAA,OAAO,OAAqB;AACxB,QAAA,YAAY,GAAG,IAAA,mCAAmB,EAAC,2BAA2B,EAAE,EAAE,CAAC,CAAA;AACnE,QAAA,gBAAgB,GAAG,IAAA,qBAAQ,EACtC,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,8DAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,WAAW,CAAI,CAAA;SAC9C;QACD,IAAI,IAAA,iCAAe,EAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACjC,MAAM,IAAI,GAAG,IAAA,yBAAO,EAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAClC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;gBACd,OAAO,CACL,8DAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,EAAE,CAAC,WAAW,CAAI,CAClE,CAAA;aACF;SACF;KACF;IACD,OAAO,yEAAa,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>;
|