@jbrowse/plugin-config 2.17.0 → 3.0.0

package/dist/ConfigurationEditorWidget/components/NumberMapEditor.js

@@ -1,38 +1,15 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const NumberEditor_1 = __importDefault(require("./NumberEditor"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     card: {
@@ -42,33 +19,22 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const NumberMapEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     const { classes } = useStyles();
     const [value, setValue] = (0, react_1.useState)('');
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.InputLabel, null, slot.name),
-        [...slot.value].map(([key, val]) => (react_1.default.createElement(material_1.Card, { raised: true, key: key, className: classes.card },
-            react_1.default.createElement(material_1.CardHeader, { title: key, action: react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                        slot.remove(key);
-                    } },
-                    react_1.default.createElement(Delete_1.default, null)) }),
-            react_1.default.createElement(material_1.CardContent, null,
-                react_1.default.createElement(NumberEditor_1.default, { slot: {
-                        value: val,
-                        set: (val) => {
-                            slot.add(key, val);
-                        },
-                    } }))))),
-        react_1.default.createElement(material_1.Card, { raised: true, className: classes.card },
-            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);
-                    }, slotProps: {
-                        input: {
-                            endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                                react_1.default.createElement(material_1.IconButton, { disabled: value === '', onClick: () => {
-                                        slot.add(value, 0);
-                                        setValue('');
-                                    } },
-                                    react_1.default.createElement(Add_1.default, null)))),
-                        },
-                    } }) })),
-        react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: slot.name }), [...slot.value].map(([key, val]) => ((0, jsx_runtime_1.jsxs)(material_1.Card, { raised: true, className: classes.card, children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: key, action: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                                slot.remove(key);
+                            }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(NumberEditor_1.default, { slot: {
+                                value: val,
+                                set: (val) => {
+                                    slot.add(key, val);
+                                },
+                            } }) })] }, key))), (0, jsx_runtime_1.jsx)(material_1.Card, { raised: true, className: classes.card, children: (0, jsx_runtime_1.jsx)(material_1.CardHeader, { disableTypography: true, title: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => {
+                            setValue(event.target.value);
+                        }, slotProps: {
+                            input: {
+                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { disabled: value === '', onClick: () => {
+                                            slot.add(value, 0);
+                                            setValue('');
+                                        }, children: (0, jsx_runtime_1.jsx)(Add_1.default, {}) }) })),
+                            },
+                        } }) }) }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: slot.description })] }));
 });
 exports.default = NumberMapEditor;

package/dist/ConfigurationEditorWidget/components/SlotEditor.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { IAnyType } from 'mobx-state-tree';
+import type { IAnyType } from 'mobx-state-tree';
 declare const SlotEditor: ({ slot, slotSchema, }: {
     slot: any;
     slotSchema: IAnyType;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SlotEditor;

package/dist/ConfigurationEditorWidget/components/SlotEditor.js

@@ -1,64 +1,38 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const util_1 = require("@jbrowse/core/util");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
 const mst_reflection_1 = require("@jbrowse/core/util/mst-reflection");
-const material_1 = require("@mui/material");
-// icons
 const RadioButtonUnchecked_1 = __importDefault(require("@mui/icons-material/RadioButtonUnchecked"));
-// locals
-const StringArrayEditor_1 = __importDefault(require("./StringArrayEditor"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const BooleanEditor_1 = __importDefault(require("./BooleanEditor"));
 const CallbackEditor_1 = __importDefault(require("./CallbackEditor"));
 const ColorEditor_1 = __importDefault(require("./ColorEditor"));
-const JsonEditor_1 = __importDefault(require("./JsonEditor"));
-const StringArrayMapEditor_1 = __importDefault(require("./StringArrayMapEditor"));
 const ConfigurationTextField_1 = __importDefault(require("./ConfigurationTextField"));
-const NumberMapEditor_1 = __importDefault(require("./NumberMapEditor"));
+const JsonEditor_1 = __importDefault(require("./JsonEditor"));
 const NumberEditor_1 = __importDefault(require("./NumberEditor"));
-const BooleanEditor_1 = __importDefault(require("./BooleanEditor"));
+const NumberMapEditor_1 = __importDefault(require("./NumberMapEditor"));
+const StringArrayEditor_1 = __importDefault(require("./StringArrayEditor"));
+const StringArrayMapEditor_1 = __importDefault(require("./StringArrayMapEditor"));
 const useSlotEditorStyles_1 = require("./useSlotEditorStyles");
 const StringEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
-    return (react_1.default.createElement(ConfigurationTextField_1.default, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => {
+    return ((0, jsx_runtime_1.jsx)(ConfigurationTextField_1.default, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => {
             slot.set(evt.target.value);
         } }));
 });
 const TextEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
-    return (react_1.default.createElement(material_1.TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: evt => {
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: evt => {
             slot.set(evt.target.value);
         } }));
 });
-// checked checkbox, looks like a styled (x)
-const SvgCheckbox = () => (react_1.default.createElement(material_1.SvgIcon, null,
-    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" })));
+const SvgCheckbox = () => ((0, jsx_runtime_1.jsx)(material_1.SvgIcon, { children: (0, jsx_runtime_1.jsx)("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" }) }));
 const IntegerEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     const [val, setVal] = (0, react_1.useState)(slot.value);
     (0, react_1.useEffect)(() => {
@@ -67,24 +41,22 @@ const IntegerEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
             slot.set(num);
         }
     }, [slot, val]);
-    return (react_1.default.createElement(ConfigurationTextField_1.default, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => {
+    return ((0, jsx_runtime_1.jsx)(ConfigurationTextField_1.default, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => {
             setVal(evt.target.value);
         } }));
 });
 const StringEnumEditor = (0, mobx_react_1.observer)(function ({ slot, slotSchema, }) {
     const p = (0, mobx_state_tree_1.getPropertyMembers)((0, mst_reflection_1.getSubType)(slotSchema));
     const choices = (0, mst_reflection_1.getUnionSubTypes)((0, mst_reflection_1.getUnionSubTypes)((0, mst_reflection_1.getSubType)(p.properties.value))[1]).map(t => t.value);
-    return (react_1.default.createElement(ConfigurationTextField_1.default, { value: slot.value, label: slot.name, select: true, helperText: slot.description, onChange: evt => {
+    return ((0, jsx_runtime_1.jsx)(ConfigurationTextField_1.default, { 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)))));
+        }, children: choices.map(str => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: str, children: str }, str))) }));
 });
 const FileSelectorWrapper = (0, mobx_react_1.observer)(function ({ slot, }) {
     var _a;
-    return (react_1.default.createElement(ui_1.FileSelector, { location: slot.value, setLocation: location => {
+    return ((0, jsx_runtime_1.jsx)(ui_1.FileSelector, { location: slot.value, setLocation: location => {
             slot.set(location);
-        }, name: slot.name, description: slot.description, 
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        rootModel: (_a = (0, util_1.getEnv)(slot).pluginManager) === null || _a === void 0 ? void 0 : _a.rootModel }));
+        }, name: slot.name, description: slot.description, rootModel: (_a = (0, util_1.getEnv)(slot).pluginManager) === null || _a === void 0 ? void 0 : _a.rootModel }));
 });
 const valueComponents = {
     string: StringEditor,
@@ -106,7 +78,7 @@ const SlotEditor = (0, mobx_react_1.observer)(function ({ slot, slotSchema, }) {
     const { type } = slot;
     let ValueComponent = slot.isCallback
         ? CallbackEditor_1.default
-        : // @ts-expect-error
+        :
             valueComponents[type];
     if (!ValueComponent) {
         console.warn(`no slot editor defined for ${type}, editing as string`);
@@ -115,9 +87,6 @@ const SlotEditor = (0, mobx_react_1.observer)(function ({ slot, slotSchema, }) {
     if (!(type in valueComponents)) {
         console.warn(`SlotEditor needs to implement ${type}`);
     }
-    return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
-        react_1.default.createElement("div", { className: classes.paperContent },
-            react_1.default.createElement(ValueComponent, { slot: slot, slotSchema: slotSchema })),
-        react_1.default.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (react_1.default.createElement(material_1.IconButton, { onClick: () => slot.isCallback ? slot.convertToValue() : slot.convertToCallback(), title: `convert to ${slot.isCallback ? 'regular value' : 'callback'}` }, slot.isCallback ? react_1.default.createElement(SvgCheckbox, null) : react_1.default.createElement(RadioButtonUnchecked_1.default, null))) : null)));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { className: classes.paper, children: [(0, jsx_runtime_1.jsx)("div", { className: classes.paperContent, children: (0, jsx_runtime_1.jsx)(ValueComponent, { slot: slot, slotSchema: slotSchema }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.slotModeSwitch, children: slot.contextVariable.length ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => slot.isCallback ? slot.convertToValue() : slot.convertToCallback(), title: `convert to ${slot.isCallback ? 'regular value' : 'callback'}`, children: slot.isCallback ? (0, jsx_runtime_1.jsx)(SvgCheckbox, {}) : (0, jsx_runtime_1.jsx)(RadioButtonUnchecked_1.default, {}) })) : null })] }));
 });
 exports.default = SlotEditor;

package/dist/ConfigurationEditorWidget/components/StringArrayEditor.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const StringArrayEditor: ({ slot, }: {
     slot: {
         name: string;
@@ -8,5 +7,5 @@ declare const StringArrayEditor: ({ slot, }: {
         add: (arg: string) => void;
         description: string;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default StringArrayEditor;

package/dist/ConfigurationEditorWidget/components/StringArrayEditor.js

@@ -1,75 +1,39 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
-// icons
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const StringArrayEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     const [value, setValue] = (0, react_1.useState)('');
     const [addNew, setAddNew] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        slot.name ? react_1.default.createElement(material_1.InputLabel, null, slot.name) : null,
-        react_1.default.createElement(material_1.List, { disablePadding: true },
-            slot.value.map((val, idx) => (react_1.default.createElement(material_1.ListItem, { key: `${JSON.stringify(val)}-${idx}`, disableGutters: true },
-                react_1.default.createElement(material_1.TextField, { value: val, onChange: evt => {
-                        slot.setAtIndex(idx, evt.target.value);
-                    }, slotProps: {
-                        input: {
-                            endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                                react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                                        slot.removeAtIndex(idx);
-                                    } },
-                                    react_1.default.createElement(Delete_1.default, null)))),
-                        },
-                    } })))),
-            addNew ? (react_1.default.createElement(material_1.ListItem, { disableGutters: true },
-                react_1.default.createElement(material_1.TextField, { value: value, placeholder: "add new", onChange: event => {
-                        setValue(event.target.value);
-                    }, slotProps: {
-                        input: {
-                            endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                                react_1.default.createElement(react_1.default.Fragment, null,
-                                    react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, "data-testid": `stringArrayAdd-${slot.name}`, onClick: () => {
-                                            setAddNew(false);
-                                            slot.add(value);
-                                            setValue('');
-                                        } }, "OK"),
-                                    react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, onClick: () => {
-                                            setAddNew(false);
-                                            setValue('');
-                                        } }, "Cancel")))),
-                        },
-                    } }))) : null,
-            react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", style: { margin: 4 }, disabled: addNew, onClick: () => {
-                    setAddNew(true);
-                } }, "Add item")),
-        react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [slot.name ? (0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: slot.name }) : null, (0, jsx_runtime_1.jsxs)(material_1.List, { disablePadding: true, children: [slot.value.map((val, idx) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { value: val, onChange: evt => {
+                                slot.setAtIndex(idx, evt.target.value);
+                            }, slotProps: {
+                                input: {
+                                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                                                slot.removeAtIndex(idx);
+                                            }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }) })),
+                                },
+                            } }) }, `${JSON.stringify(val)}-${idx}`))), addNew ? ((0, jsx_runtime_1.jsx)(material_1.ListItem, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { value: value, placeholder: "add new", onChange: event => {
+                                setValue(event.target.value);
+                            }, slotProps: {
+                                input: {
+                                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, "data-testid": `stringArrayAdd-${slot.name}`, onClick: () => {
+                                                        setAddNew(false);
+                                                        slot.add(value);
+                                                        setValue('');
+                                                    }, children: "OK" }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", style: { margin: 2 }, onClick: () => {
+                                                        setAddNew(false);
+                                                        setValue('');
+                                                    }, children: "Cancel" })] }) })),
+                                },
+                            } }) })) : null, (0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", style: { margin: 4 }, disabled: addNew, onClick: () => {
+                            setAddNew(true);
+                        }, children: "Add item" })] }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: slot.description })] }));
 });
 exports.default = StringArrayEditor;

package/dist/ConfigurationEditorWidget/components/StringArrayMapEditor.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const StringArrayMapEditor: ({ slot, }: {
     slot: {
         name: string;
@@ -10,5 +9,5 @@ declare const StringArrayMapEditor: ({ slot, }: {
         removeAtKeyIndex: (key: string, idx: number) => void;
         addToKey: (key: string, val: string) => void;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default StringArrayMapEditor;

package/dist/ConfigurationEditorWidget/components/StringArrayMapEditor.js

@@ -1,39 +1,15 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
-// locals
 const StringArrayEditor_1 = __importDefault(require("./StringArrayEditor"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     card: {
@@ -43,41 +19,30 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const StringArrayMapEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     const { classes } = useStyles();
     const [value, setValue] = (0, react_1.useState)('');
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.InputLabel, null, slot.name),
-        [...slot.value].map(([key, val]) => (react_1.default.createElement(material_1.Card, { raised: true, key: key, className: classes.card },
-            react_1.default.createElement(material_1.CardHeader, { title: key, action: react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                        slot.remove(key);
-                    } },
-                    react_1.default.createElement(Delete_1.default, null)) }),
-            react_1.default.createElement(material_1.CardContent, null,
-                react_1.default.createElement(StringArrayEditor_1.default, { slot: {
-                        name: slot.name,
-                        value: val,
-                        description: `Values associated with entry ${key}`,
-                        setAtIndex: (idx, val) => {
-                            slot.setAtKeyIndex(key, idx, val);
-                        },
-                        removeAtIndex: (idx) => {
-                            slot.removeAtKeyIndex(key, idx);
-                        },
-                        add: (val) => {
-                            slot.addToKey(key, val);
-                        },
-                    } }))))),
-        react_1.default.createElement(material_1.Card, { raised: true, className: classes.card },
-            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);
-                    }, slotProps: {
-                        input: {
-                            endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                                react_1.default.createElement(material_1.IconButton, { disabled: value === '', onClick: () => {
-                                        slot.add(value, []);
-                                        setValue('');
-                                    } },
-                                    react_1.default.createElement(Add_1.default, null)))),
-                        },
-                    } }) })),
-        react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: slot.name }), [...slot.value].map(([key, val]) => ((0, jsx_runtime_1.jsxs)(material_1.Card, { raised: true, className: classes.card, children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: key, action: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                                slot.remove(key);
+                            }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(StringArrayEditor_1.default, { slot: {
+                                name: slot.name,
+                                value: val,
+                                description: `Values associated with entry ${key}`,
+                                setAtIndex: (idx, val) => {
+                                    slot.setAtKeyIndex(key, idx, val);
+                                },
+                                removeAtIndex: (idx) => {
+                                    slot.removeAtKeyIndex(key, idx);
+                                },
+                                add: (val) => {
+                                    slot.addToKey(key, val);
+                                },
+                            } }) })] }, key))), (0, jsx_runtime_1.jsx)(material_1.Card, { raised: true, className: classes.card, children: (0, jsx_runtime_1.jsx)(material_1.CardHeader, { disableTypography: true, title: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => {
+                            setValue(event.target.value);
+                        }, slotProps: {
+                            input: {
+                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { disabled: value === '', onClick: () => {
+                                            slot.add(value, []);
+                                            setValue('');
+                                        }, children: (0, jsx_runtime_1.jsx)(Add_1.default, {}) }) })),
+                            },
+                        } }) }) }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: slot.description })] }));
 });
 exports.default = StringArrayMapEditor;

package/dist/ConfigurationEditorWidget/components/TypeSelector.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const TypeSelector: ({ typeNameChoices, slot, slotName, onChange, }: {
     typeNameChoices: string[];
     slot: AnyConfigurationModel;
     slotName: string;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TypeSelector;

package/dist/ConfigurationEditorWidget/components/TypeSelector.js

@@ -1,16 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const useSlotEditorStyles_1 = require("./useSlotEditorStyles");
 const TypeSelector = (0, mobx_react_1.observer)(function ({ typeNameChoices, slot, slotName, onChange, }) {
     const { classes } = (0, useSlotEditorStyles_1.useSlotEditorStyles)();
-    return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
-        react_1.default.createElement("div", { className: classes.paperContent },
-            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)))))));
+    return ((0, jsx_runtime_1.jsx)(material_1.Paper, { className: classes.paper, children: (0, jsx_runtime_1.jsx)("div", { className: classes.paperContent, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { value: slot.type, label: "Type", select: true, helperText: `Type of ${slotName} to use`, fullWidth: true, onChange: onChange, children: typeNameChoices.map(str => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: str, children: str }, str))) }) }) }));
 });
 exports.default = TypeSelector;

package/dist/ConfigurationEditorWidget/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function registerConfigurationEditorWidget(pluginManager: PluginManager): void;

package/dist/ConfigurationEditorWidget/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,8 +40,8 @@ exports.default = registerConfigurationEditorWidget;
 const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
-const model_1 = __importDefault(require("./model"));
 const HeadingComponent_1 = __importDefault(require("./components/HeadingComponent"));
+const model_1 = __importDefault(require("./model"));
 const configSchema = (0, configuration_1.ConfigurationSchema)('ConfigurationEditorWidget', {});
 const LazyConfigurationEditorComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ConfigurationEditor'))));
 function registerConfigurationEditorWidget(pluginManager) {

package/dist/ConfigurationEditorWidget/model.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"ConfigurationEditorWidget">;

package/dist/ConfigurationEditorWidget/model.js

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = stateModelFactory;
-const mobx_state_tree_1 = require("mobx-state-tree");
 const mst_1 = require("@jbrowse/core/util/types/mst");
+const mobx_state_tree_1 = require("mobx-state-tree");
 function stateModelFactory(pluginManager) {
     return mobx_state_tree_1.types
         .model('ConfigurationEditorWidget', {
         id: mst_1.ElementId,
         type: mobx_state_tree_1.types.literal('ConfigurationEditorWidget'),
-        // If you add different types of targets, don't forget to account for that
-        // in the key of ./components/ConfigurationEditor.js
         target: mobx_state_tree_1.types.safeReference(pluginManager.pluggableConfigSchemaType('track')),
     })
         .actions(self => ({

package/dist/FromConfigAdapter/FromConfigAdapter.d.ts

@@ -1,9 +1,9 @@
 import { BaseFeatureDataAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
-import { Feature, SimpleFeatureSerialized } from '@jbrowse/core/util/simpleFeature';
-import { NoAssemblyRegion } from '@jbrowse/core/util/types';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import PluginManager from '@jbrowse/core/PluginManager';
-import { getSubAdapterType } from '@jbrowse/core/data_adapters/dataAdapterCache';
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { getSubAdapterType } from '@jbrowse/core/data_adapters/dataAdapterCache';
+import type { Feature, SimpleFeatureSerialized } from '@jbrowse/core/util/simpleFeature';
+import type { NoAssemblyRegion } from '@jbrowse/core/util/types';
 export declare function makeFeatures(fdata: SimpleFeatureSerialized[]): Map<string, Feature[]>;
 export default class FromConfigAdapter extends BaseFeatureDataAdapter {
     protected features: Map<string, Feature[]>;