@jbrowse/plugin-config 2.6.3 → 2.7.0

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const BooleanEditor: ({ slot, }: {
     slot: {
         name: string;
         value: boolean;
@@ -7,4 +7,4 @@ declare const _default: ({ slot, }: {
         description: string;
     };
 }) => React.JSX.Element;
-export default _default;
+export default BooleanEditor;

package/dist/ConfigurationEditorWidget/components/BooleanEditor.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
-exports.default = (0, mobx_react_1.observer)(function ({ slot, }) {
+const BooleanEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     return (react_1.default.createElement(material_1.FormControl, null,
         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) }) }),
         react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
 });
+exports.default = BooleanEditor;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare function CallbackEditor({ slot, }: {
+declare const CallbackEditor: ({ slot, }: {
     slot: {
         set: (arg: string) => void;
         description: string;
@@ -7,6 +7,5 @@ declare function CallbackEditor({ slot, }: {
         value: string;
         contextVariable: string;
     };
-}): React.JSX.Element;
-declare const _default: typeof CallbackEditor;
-export default _default;
+}) => React.JSX.Element;
+export default CallbackEditor;

package/dist/ConfigurationEditorWidget/components/CallbackEditor.js

@@ -57,7 +57,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         fontSize: '0.8em',
     },
 }));
-function CallbackEditor({ slot, }) {
+const CallbackEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     const { classes } = useStyles();
     const [code, setCode] = (0, react_1.useState)(slot.value);
     const [error, setCodeError] = (0, react_1.useState)();
@@ -103,5 +103,5 @@ function CallbackEditor({ slot, }) {
                         }
                     } },
                     react_1.default.createElement(Help_1.default, null))))));
-}
-exports.default = (0, mobx_react_1.observer)(CallbackEditor);
+});
+exports.default = CallbackEditor;

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

@@ -8,13 +8,12 @@ export declare const ColorSlot: (props: {
     } | undefined;
     onChange: (arg: string) => void;
 }) => React.JSX.Element;
-declare function ColorEditorSlot(props: {
+declare const ColorEditor: (props: {
     slot: {
         name: string;
         value: string;
         description: string;
         set: (arg: string) => void;
     };
-}): React.JSX.Element;
-declare const _default: typeof ColorEditorSlot;
-export default _default;
+}) => React.JSX.Element;
+export default ColorEditor;

package/dist/ConfigurationEditorWidget/components/ColorEditor.js

@@ -38,11 +38,11 @@ const ColorSlot = (props) => {
                 react_1.default.createElement(ColorPicker, { color: value, onChange: event => onChange(event) })))));
 };
 exports.ColorSlot = ColorSlot;
-function ColorEditorSlot(props) {
+const ColorEditor = (0, mobx_react_1.observer)(function (props) {
     const { slot } = props;
     return (react_1.default.createElement(exports.ColorSlot, { label: slot.name, value: slot.value, onChange: color => slot.set(color), TextFieldProps: {
             helperText: slot.description,
             fullWidth: true,
         } }));
-}
-exports.default = (0, mobx_react_1.observer)(ColorEditorSlot);
+});
+exports.default = ColorEditor;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const HeadingComponent: ({ model, }: {
+    model?: {
+        target: {
+            type: string;
+        };
+    } | undefined;
+}) => React.JSX.Element;
+export default HeadingComponent;

package/dist/ConfigurationEditorWidget/components/HeadingComponent.js

@@ -0,0 +1,23 @@
+"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 mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const HeadingComponent = (0, mobx_react_1.observer)(function ({ model, }) {
+    if (model === null || model === void 0 ? void 0 : model.target) {
+        if (model.target.type) {
+            return react_1.default.createElement(react_1.default.Fragment, null, `${model.target.type} settings`);
+        }
+        if ((0, mobx_state_tree_1.isStateTreeNode)(model.target)) {
+            const type = (0, mobx_state_tree_1.getType)(model.target);
+            if (type === null || type === void 0 ? void 0 : type.name) {
+                return react_1.default.createElement(react_1.default.Fragment, null, `${type.name.replace('ConfigurationSchema', '')} settings`);
+            }
+        }
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, "Settings");
+});
+exports.default = HeadingComponent;

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

@@ -1,11 +1,10 @@
 import React from 'react';
-declare function JsonEditor({ slot, }: {
+declare const JsonEditor: ({ slot, }: {
     slot: {
         name: string;
         description: string;
         value: unknown;
         set: (arg: unknown) => void;
     };
-}): React.JSX.Element;
-declare const _default: typeof JsonEditor;
-export default _default;
+}) => React.JSX.Element;
+export default JsonEditor;

package/dist/ConfigurationEditorWidget/components/JsonEditor.js

@@ -52,7 +52,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         fontFamily,
     },
 }));
-function JsonEditor({ slot, }) {
+const JsonEditor = (0, mobx_react_1.observer)(function JsonEditor({ slot, }) {
     const { classes } = useStyles();
     const [contents, setContents] = (0, react_1.useState)(JSON.stringify(slot.value, null, 2));
     const [error, setError] = (0, react_1.useState)();
@@ -75,5 +75,5 @@ function JsonEditor({ slot, }) {
                         input: classes.textAreaFont,
                     },
                 } }))));
-}
-exports.default = (0, mobx_react_1.observer)(JsonEditor);
+});
+exports.default = JsonEditor;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const NumberEditor: ({ slot, }: {
     slot: {
         name?: string | undefined;
         value: string;
@@ -8,4 +8,4 @@ declare const _default: ({ slot, }: {
         reset?: (() => void) | undefined;
     };
 }) => React.JSX.Element;
-export default _default;
+export default NumberEditor;

package/dist/ConfigurationEditorWidget/components/NumberEditor.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const mobx_react_1 = require("mobx-react");
 const ConfigurationTextField_1 = __importDefault(require("./ConfigurationTextField"));
-exports.default = (0, mobx_react_1.observer)(function ({ slot, }) {
+const NumberEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     const [val, setVal] = (0, react_1.useState)(slot.value);
     (0, react_1.useEffect)(() => {
         var _a;
@@ -43,3 +43,4 @@ exports.default = (0, mobx_react_1.observer)(function ({ slot, }) {
     }, [slot, val]);
     return (react_1.default.createElement(ConfigurationTextField_1.default, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
 });
+exports.default = NumberEditor;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const NumberMapEditor: ({ slot, }: {
     slot: {
         name: string;
         value: Map<string, string>;
@@ -8,4 +8,4 @@ declare const _default: ({ slot, }: {
         description: string;
     };
 }) => React.JSX.Element;
-export default _default;
+export default NumberMapEditor;

package/dist/ConfigurationEditorWidget/components/NumberMapEditor.js

@@ -39,7 +39,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         marginTop: theme.spacing(1),
     },
 }));
-exports.default = (0, mobx_react_1.observer)(function ({ slot, }) {
+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,
@@ -63,3 +63,4 @@ exports.default = (0, mobx_react_1.observer)(function ({ slot, }) {
                     } }) })),
         react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
 });
+exports.default = NumberMapEditor;

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

@@ -1,15 +1,6 @@
 import React from 'react';
 import { IAnyType } from 'mobx-state-tree';
-export declare const useSlotEditorStyles: (params: void, styleOverrides?: {
-    props: any;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"paper" | "paperContent" | "slotModeSwitch", string>;
-    theme: import("@mui/material").Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};
-declare const SlotEditor: ({ slot, slotSchema }: {
+declare const SlotEditor: ({ slot, slotSchema, }: {
     slot: any;
     slotSchema: IAnyType;
 }) => React.JSX.Element;

package/dist/ConfigurationEditorWidget/components/SlotEditor.js

@@ -26,7 +26,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSlotEditorStyles = void 0;
 const react_1 = __importStar(require("react"));
 const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
@@ -34,7 +33,6 @@ const util_1 = require("@jbrowse/core/util");
 const ui_1 = require("@jbrowse/core/ui");
 const mst_reflection_1 = require("@jbrowse/core/util/mst-reflection");
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 // icons
 const RadioButtonUnchecked_1 = __importDefault(require("@mui/icons-material/RadioButtonUnchecked"));
 // locals
@@ -47,12 +45,17 @@ const ConfigurationTextField_1 = __importDefault(require("./ConfigurationTextFie
 const NumberMapEditor_1 = __importDefault(require("./NumberMapEditor"));
 const NumberEditor_1 = __importDefault(require("./NumberEditor"));
 const BooleanEditor_1 = __importDefault(require("./BooleanEditor"));
-const StringEditor = (0, mobx_react_1.observer)(({ slot, }) => (react_1.default.createElement(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)(({ 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) })));
+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 => 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 => 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 IntegerEditor = (0, mobx_react_1.observer)(({ slot, }) => {
+const IntegerEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
     const [val, setVal] = (0, react_1.useState)(slot.value);
     (0, react_1.useEffect)(() => {
         const num = Number.parseInt(val, 10);
@@ -86,27 +89,8 @@ const valueComponents = {
     frozen: JsonEditor_1.default,
     configRelationships: JsonEditor_1.default,
 };
-exports.useSlotEditorStyles = (0, mui_1.makeStyles)()(theme => ({
-    paper: {
-        display: 'flex',
-        marginBottom: theme.spacing(2),
-        position: 'relative',
-    },
-    paperContent: {
-        width: '100%',
-    },
-    slotModeSwitch: {
-        width: 24,
-        background: theme.palette.secondary.light,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-}));
-const SlotEditor = (0, mobx_react_1.observer)(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-({ slot, slotSchema }) => {
-    const { classes } = (0, exports.useSlotEditorStyles)();
+const SlotEditor = (0, mobx_react_1.observer)(function ({ slot, slotSchema, }) {
+    const { classes } = (0, useSlotEditorStyles_1.useSlotEditorStyles)();
     const { type } = slot;
     let ValueComponent = slot.isCallback
         ? CallbackEditor_1.default
@@ -122,8 +106,6 @@ const SlotEditor = (0, mobx_react_1.observer)(
     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)));
+        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)));
 });
 exports.default = SlotEditor;

package/dist/ConfigurationEditorWidget/components/StringArrayEditor.js

@@ -31,7 +31,7 @@ const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
 // icons
 const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const StringArrayEditor = (0, mobx_react_1.observer)(({ slot, }) => {
+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,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const StringArrayMapEditor: ({ slot, }: {
     slot: {
         name: string;
         value: Map<string, string[]>;
@@ -11,4 +11,4 @@ declare const _default: ({ slot, }: {
         addToKey: (key: string, val: string) => void;
     };
 }) => React.JSX.Element;
-export default _default;
+export default StringArrayMapEditor;

package/dist/ConfigurationEditorWidget/components/StringArrayMapEditor.js

@@ -40,7 +40,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         marginTop: theme.spacing(1),
     },
 }));
-exports.default = (0, mobx_react_1.observer)(function ({ slot, }) {
+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,
@@ -68,3 +68,4 @@ exports.default = (0, mobx_react_1.observer)(function ({ slot, }) {
                     } }) })),
         react_1.default.createElement(material_1.FormHelperText, null, slot.description)));
 });
+exports.default = StringArrayMapEditor;

package/dist/ConfigurationEditorWidget/components/TypeSelector.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-const SlotEditor_1 = require("./SlotEditor");
-const TypeSelector = (0, mobx_react_1.observer)(({ typeNameChoices, slot, slotName, onChange, }) => {
-    const { classes } = (0, SlotEditor_1.useSlotEditorStyles)();
+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)))))));

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

@@ -0,0 +1,9 @@
+export declare const useSlotEditorStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"paper" | "paperContent" | "slotModeSwitch", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};

package/dist/ConfigurationEditorWidget/components/useSlotEditorStyles.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSlotEditorStyles = void 0;
+const mui_1 = require("tss-react/mui");
+exports.useSlotEditorStyles = (0, mui_1.makeStyles)()(theme => ({
+    paper: {
+        display: 'flex',
+        marginBottom: theme.spacing(2),
+        position: 'relative',
+    },
+    paperContent: {
+        width: '100%',
+    },
+    slotModeSwitch: {
+        width: 24,
+        background: theme.palette.secondary.light,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+}));

package/dist/ConfigurationEditorWidget/index.d.ts

@@ -1,10 +1,2 @@
-import React from 'react';
-export { default as stateModelFactory } from './model';
-export declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-export declare const HeadingComponent: ({ model }: {
-    model?: {
-        target: {
-            type: string;
-        };
-    } | undefined;
-}) => React.JSX.Element;
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function registerConfigurationEditorWidget(pluginManager: PluginManager): void;

package/dist/ConfigurationEditorWidget/index.js

@@ -1,27 +1,47 @@
 "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 });
-exports.HeadingComponent = exports.configSchema = exports.stateModelFactory = void 0;
-const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
-var model_1 = require("./model");
-Object.defineProperty(exports, "stateModelFactory", { enumerable: true, get: function () { return __importDefault(model_1).default; } });
-exports.configSchema = (0, configuration_1.ConfigurationSchema)('ConfigurationEditorWidget', {});
-exports.HeadingComponent = (0, mobx_react_1.observer)(({ model }) => {
-    if (model === null || model === void 0 ? void 0 : model.target) {
-        if (model.target.type) {
-            return react_1.default.createElement(react_1.default.Fragment, null, `${model.target.type} settings`);
-        }
-        if ((0, mobx_state_tree_1.isStateTreeNode)(model.target)) {
-            const type = (0, mobx_state_tree_1.getType)(model.target);
-            if (type === null || type === void 0 ? void 0 : type.name) {
-                return (react_1.default.createElement(react_1.default.Fragment, null, `${type.name.replace('ConfigurationSchema', '')} settings`));
-            }
-        }
-    }
-    return react_1.default.createElement(react_1.default.Fragment, null, "Settings");
-});
+const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
+const model_1 = __importDefault(require("./model"));
+const HeadingComponent_1 = __importDefault(require("./components/HeadingComponent"));
+const configSchema = (0, configuration_1.ConfigurationSchema)('ConfigurationEditorWidget', {});
+const LazyConfigurationEditorComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ConfigurationEditor'))));
+function registerConfigurationEditorWidget(pluginManager) {
+    pluginManager.addWidgetType(() => {
+        return new pluggableElementTypes_1.WidgetType({
+            name: 'ConfigurationEditorWidget',
+            HeadingComponent: HeadingComponent_1.default,
+            configSchema,
+            stateModel: (0, model_1.default)(pluginManager),
+            ReactComponent: LazyConfigurationEditorComponent,
+        });
+    });
+}
+exports.default = registerConfigurationEditorWidget;

package/dist/FromConfigAdapter/FromConfigAdapter.js

@@ -20,9 +20,9 @@ class FromConfigAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
     }
     static makeFeatures(fdata) {
         const features = new Map();
-        for (let i = 0; i < fdata.length; i += 1) {
-            if (fdata[i]) {
-                const f = this.makeFeature(fdata[i]);
+        for (const entry of fdata) {
+            if (entry) {
+                const f = this.makeFeature(entry);
                 const refName = f.get('refName');
                 let bucket = features.get(refName);
                 if (!bucket) {
@@ -54,8 +54,7 @@ class FromConfigAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
         const { refName, start, end } = region;
         return (0, rxjs_1.ObservableCreate)(async (observer) => {
             const features = this.features.get(refName) || [];
-            for (let i = 0; i < features.length; i++) {
-                const f = features[i];
+            for (const f of features) {
                 if (f.get('end') > start && f.get('start') < end) {
                     observer.next(f);
                 }

package/dist/index.js

@@ -28,13 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigurationEditor = exports.JsonEditor = void 0;
 const react_1 = require("react");
-const WidgetType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/WidgetType"));
 const Plugin_1 = __importDefault(require("@jbrowse/core/Plugin"));
-const ConfigurationEditorWidget_1 = require("./ConfigurationEditorWidget");
 const FromConfigAdapter_1 = __importDefault(require("./FromConfigAdapter"));
 const FromConfigRegionsAdapter_1 = __importDefault(require("./FromConfigRegionsAdapter"));
 const FromConfigSequenceAdapter_1 = __importDefault(require("./FromConfigSequenceAdapter"));
 const RefNameAliasAdapter_1 = __importDefault(require("./RefNameAliasAdapter"));
+const ConfigurationEditorWidget_1 = __importDefault(require("./ConfigurationEditorWidget"));
 const LazyConfigurationEditorComponent = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ConfigurationEditorWidget/components/ConfigurationEditor'))));
 exports.ConfigurationEditor = LazyConfigurationEditorComponent;
 class default_1 extends Plugin_1.default {
@@ -47,15 +46,7 @@ class default_1 extends Plugin_1.default {
         (0, FromConfigRegionsAdapter_1.default)(pluginManager);
         (0, FromConfigSequenceAdapter_1.default)(pluginManager);
         (0, RefNameAliasAdapter_1.default)(pluginManager);
-        pluginManager.addWidgetType(() => {
-            return new WidgetType_1.default({
-                name: 'ConfigurationEditorWidget',
-                HeadingComponent: ConfigurationEditorWidget_1.HeadingComponent,
-                configSchema: ConfigurationEditorWidget_1.configSchema,
-                stateModel: (0, ConfigurationEditorWidget_1.stateModelFactory)(pluginManager),
-                ReactComponent: LazyConfigurationEditorComponent,
-            });
-        });
+        (0, ConfigurationEditorWidget_1.default)(pluginManager);
     }
 }
 exports.default = default_1;

package/esm/ConfigurationEditorWidget/components/BooleanEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const BooleanEditor: ({ slot, }: {
     slot: {
         name: string;
         value: boolean;
@@ -7,4 +7,4 @@ declare const _default: ({ slot, }: {
         description: string;
     };
 }) => React.JSX.Element;
-export default _default;
+export default BooleanEditor;

package/esm/ConfigurationEditorWidget/components/BooleanEditor.js

@@ -1,8 +1,9 @@
 import React from 'react';
 import { observer } from 'mobx-react';
 import { Checkbox, FormControl, FormControlLabel, FormHelperText, } from '@mui/material';
-export default observer(function ({ slot, }) {
+const BooleanEditor = observer(function ({ slot, }) {
     return (React.createElement(FormControl, null,
         React.createElement(FormControlLabel, { label: slot.name, control: React.createElement(Checkbox, { checked: slot.value, onChange: evt => slot.set(evt.target.checked) }) }),
         React.createElement(FormHelperText, null, slot.description)));
 });
+export default BooleanEditor;

package/esm/ConfigurationEditorWidget/components/CallbackEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare function CallbackEditor({ slot, }: {
+declare const CallbackEditor: ({ slot, }: {
     slot: {
         set: (arg: string) => void;
         description: string;
@@ -7,6 +7,5 @@ declare function CallbackEditor({ slot, }: {
         value: string;
         contextVariable: string;
     };
-}): React.JSX.Element;
-declare const _default: typeof CallbackEditor;
-export default _default;
+}) => React.JSX.Element;
+export default CallbackEditor;

package/esm/ConfigurationEditorWidget/components/CallbackEditor.js

@@ -29,7 +29,7 @@ const useStyles = makeStyles()(theme => ({
         fontSize: '0.8em',
     },
 }));
-function CallbackEditor({ slot, }) {
+const CallbackEditor = observer(function ({ slot, }) {
     const { classes } = useStyles();
     const [code, setCode] = useState(slot.value);
     const [error, setCodeError] = useState();
@@ -75,5 +75,5 @@ function CallbackEditor({ slot, }) {
                         }
                     } },
                     React.createElement(HelpIcon, null))))));
-}
-export default observer(CallbackEditor);
+});
+export default CallbackEditor;

package/esm/ConfigurationEditorWidget/components/ColorEditor.d.ts

@@ -8,13 +8,12 @@ export declare const ColorSlot: (props: {
     } | undefined;
     onChange: (arg: string) => void;
 }) => React.JSX.Element;
-declare function ColorEditorSlot(props: {
+declare const ColorEditor: (props: {
     slot: {
         name: string;
         value: string;
         description: string;
         set: (arg: string) => void;
     };
-}): React.JSX.Element;
-declare const _default: typeof ColorEditorSlot;
-export default _default;
+}) => React.JSX.Element;
+export default ColorEditor;

package/esm/ConfigurationEditorWidget/components/ColorEditor.js

@@ -11,11 +11,11 @@ export const ColorSlot = (props) => {
             React.createElement(React.Suspense, { fallback: React.createElement("div", null) },
                 React.createElement(ColorPicker, { color: value, onChange: event => onChange(event) })))));
 };
-function ColorEditorSlot(props) {
+const ColorEditor = observer(function (props) {
     const { slot } = props;
     return (React.createElement(ColorSlot, { label: slot.name, value: slot.value, onChange: color => slot.set(color), TextFieldProps: {
             helperText: slot.description,
             fullWidth: true,
         } }));
-}
-export default observer(ColorEditorSlot);
+});
+export default ColorEditor;

package/esm/ConfigurationEditorWidget/components/HeadingComponent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const HeadingComponent: ({ model, }: {
+    model?: {
+        target: {
+            type: string;
+        };
+    } | undefined;
+}) => React.JSX.Element;
+export default HeadingComponent;

package/esm/ConfigurationEditorWidget/components/HeadingComponent.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { isStateTreeNode, getType } from 'mobx-state-tree';
+const HeadingComponent = observer(function ({ model, }) {
+    if (model === null || model === void 0 ? void 0 : model.target) {
+        if (model.target.type) {
+            return React.createElement(React.Fragment, null, `${model.target.type} settings`);
+        }
+        if (isStateTreeNode(model.target)) {
+            const type = getType(model.target);
+            if (type === null || type === void 0 ? void 0 : type.name) {
+                return React.createElement(React.Fragment, null, `${type.name.replace('ConfigurationSchema', '')} settings`);
+            }
+        }
+    }
+    return React.createElement(React.Fragment, null, "Settings");
+});
+export default HeadingComponent;

package/esm/ConfigurationEditorWidget/components/JsonEditor.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-declare function JsonEditor({ slot, }: {
+declare const JsonEditor: ({ slot, }: {
     slot: {
         name: string;
         description: string;
         value: unknown;
         set: (arg: unknown) => void;
     };
-}): React.JSX.Element;
-declare const _default: typeof JsonEditor;
-export default _default;
+}) => React.JSX.Element;
+export default JsonEditor;

package/esm/ConfigurationEditorWidget/components/JsonEditor.js

@@ -27,7 +27,7 @@ const useStyles = makeStyles()(theme => ({
         fontFamily,
     },
 }));
-function JsonEditor({ slot, }) {
+const JsonEditor = observer(function JsonEditor({ slot, }) {
     const { classes } = useStyles();
     const [contents, setContents] = useState(JSON.stringify(slot.value, null, 2));
     const [error, setError] = useState();
@@ -50,5 +50,5 @@ function JsonEditor({ slot, }) {
                         input: classes.textAreaFont,
                     },
                 } }))));
-}
-export default observer(JsonEditor);
+});
+export default JsonEditor;

package/esm/ConfigurationEditorWidget/components/NumberEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const NumberEditor: ({ slot, }: {
     slot: {
         name?: string | undefined;
         value: string;
@@ -8,4 +8,4 @@ declare const _default: ({ slot, }: {
         reset?: (() => void) | undefined;
     };
 }) => React.JSX.Element;
-export default _default;
+export default NumberEditor;

package/esm/ConfigurationEditorWidget/components/NumberEditor.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { observer } from 'mobx-react';
 import ConfigurationTextField from './ConfigurationTextField';
-export default observer(function ({ slot, }) {
+const NumberEditor = observer(function ({ slot, }) {
     const [val, setVal] = useState(slot.value);
     useEffect(() => {
         var _a;
@@ -15,3 +15,4 @@ export default observer(function ({ slot, }) {
     }, [slot, val]);
     return (React.createElement(ConfigurationTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
 });
+export default NumberEditor;

package/esm/ConfigurationEditorWidget/components/NumberMapEditor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const NumberMapEditor: ({ slot, }: {
     slot: {
         name: string;
         value: Map<string, string>;
@@ -8,4 +8,4 @@ declare const _default: ({ slot, }: {
         description: string;
     };
 }) => React.JSX.Element;
-export default _default;
+export default NumberMapEditor;

package/esm/ConfigurationEditorWidget/components/NumberMapEditor.js

@@ -11,7 +11,7 @@ const useStyles = makeStyles()(theme => ({
         marginTop: theme.spacing(1),
     },
 }));
-export default observer(function ({ slot, }) {
+const NumberMapEditor = observer(function ({ slot, }) {
     const { classes } = useStyles();
     const [value, setValue] = useState('');
     return (React.createElement(React.Fragment, null,
@@ -35,3 +35,4 @@ export default observer(function ({ slot, }) {
                     } }) })),
         React.createElement(FormHelperText, null, slot.description)));
 });
+export default NumberMapEditor;

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

@@ -1,15 +1,6 @@
 import React from 'react';
 import { IAnyType } from 'mobx-state-tree';
-export declare const useSlotEditorStyles: (params: void, styleOverrides?: {
-    props: any;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"paper" | "paperContent" | "slotModeSwitch", string>;
-    theme: import("@mui/material").Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};
-declare const SlotEditor: ({ slot, slotSchema }: {
+declare const SlotEditor: ({ slot, slotSchema, }: {
     slot: any;
     slotSchema: IAnyType;
 }) => React.JSX.Element;

package/esm/ConfigurationEditorWidget/components/SlotEditor.js

@@ -5,7 +5,6 @@ import { getEnv } from '@jbrowse/core/util';
 import { FileSelector } from '@jbrowse/core/ui';
 import { getSubType, getUnionSubTypes, } from '@jbrowse/core/util/mst-reflection';
 import { IconButton, MenuItem, Paper, SvgIcon, TextField } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 // icons
 import RadioButtonUncheckedIcon from '@mui/icons-material/RadioButtonUnchecked';
 // locals
@@ -18,12 +17,17 @@ import ConfigurationTextField from './ConfigurationTextField';
 import NumberMapEditor from './NumberMapEditor';
 import NumberEditor from './NumberEditor';
 import BooleanEditor from './BooleanEditor';
-const StringEditor = observer(({ slot, }) => (React.createElement(ConfigurationTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
-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) })));
+import { useSlotEditorStyles } from './useSlotEditorStyles';
+const StringEditor = observer(function ({ slot, }) {
+    return (React.createElement(ConfigurationTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => slot.set(evt.target.value) }));
+});
+const TextEditor = observer(function ({ slot, }) {
+    return (React.createElement(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.createElement(SvgIcon, null,
     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" })));
-const IntegerEditor = observer(({ slot, }) => {
+const IntegerEditor = observer(function ({ slot, }) {
     const [val, setVal] = useState(slot.value);
     useEffect(() => {
         const num = Number.parseInt(val, 10);
@@ -57,26 +61,7 @@ const valueComponents = {
     frozen: JsonEditor,
     configRelationships: JsonEditor,
 };
-export const useSlotEditorStyles = makeStyles()(theme => ({
-    paper: {
-        display: 'flex',
-        marginBottom: theme.spacing(2),
-        position: 'relative',
-    },
-    paperContent: {
-        width: '100%',
-    },
-    slotModeSwitch: {
-        width: 24,
-        background: theme.palette.secondary.light,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-}));
-const SlotEditor = observer(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-({ slot, slotSchema }) => {
+const SlotEditor = observer(function ({ slot, slotSchema, }) {
     const { classes } = useSlotEditorStyles();
     const { type } = slot;
     let ValueComponent = slot.isCallback
@@ -93,8 +78,6 @@ const SlotEditor = observer(
     return (React.createElement(Paper, { className: classes.paper },
         React.createElement("div", { className: classes.paperContent },
             React.createElement(ValueComponent, { slot: slot, slotSchema: slotSchema })),
-        React.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (React.createElement(IconButton, { onClick: () => slot.isCallback
-                ? slot.convertToValue()
-                : slot.convertToCallback(), title: `convert to ${slot.isCallback ? 'regular value' : 'callback'}` }, slot.isCallback ? React.createElement(SvgCheckbox, null) : React.createElement(RadioButtonUncheckedIcon, null))) : null)));
+        React.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (React.createElement(IconButton, { onClick: () => slot.isCallback ? slot.convertToValue() : slot.convertToCallback(), title: `convert to ${slot.isCallback ? 'regular value' : 'callback'}` }, slot.isCallback ? React.createElement(SvgCheckbox, null) : React.createElement(RadioButtonUncheckedIcon, null))) : null)));
 });
 export default SlotEditor;

package/esm/ConfigurationEditorWidget/components/StringArrayEditor.js

@@ -3,7 +3,7 @@ import { observer } from 'mobx-react';
 import { Button, FormHelperText, IconButton, InputAdornment, InputLabel, List, ListItem, TextField, } from '@mui/material';
 // icons
 import DeleteIcon from '@mui/icons-material/Delete';
-const StringArrayEditor = observer(({ slot, }) => {
+const StringArrayEditor = observer(function ({ slot, }) {
     const [value, setValue] = useState('');
     const [addNew, setAddNew] = useState(false);
     return (React.createElement(React.Fragment, null,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: ({ slot, }: {
+declare const StringArrayMapEditor: ({ slot, }: {
     slot: {
         name: string;
         value: Map<string, string[]>;
@@ -11,4 +11,4 @@ declare const _default: ({ slot, }: {
         addToKey: (key: string, val: string) => void;
     };
 }) => React.JSX.Element;
-export default _default;
+export default StringArrayMapEditor;

package/esm/ConfigurationEditorWidget/components/StringArrayMapEditor.js

@@ -12,7 +12,7 @@ const useStyles = makeStyles()(theme => ({
         marginTop: theme.spacing(1),
     },
 }));
-export default observer(function ({ slot, }) {
+const StringArrayMapEditor = observer(function ({ slot, }) {
     const { classes } = useStyles();
     const [value, setValue] = useState('');
     return (React.createElement(React.Fragment, null,
@@ -40,3 +40,4 @@ export default observer(function ({ slot, }) {
                     } }) })),
         React.createElement(FormHelperText, null, slot.description)));
 });
+export default StringArrayMapEditor;

package/esm/ConfigurationEditorWidget/components/TypeSelector.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { MenuItem, Paper, TextField } from '@mui/material';
 import { observer } from 'mobx-react';
-import { useSlotEditorStyles } from './SlotEditor';
-const TypeSelector = observer(({ typeNameChoices, slot, slotName, onChange, }) => {
+import { useSlotEditorStyles } from './useSlotEditorStyles';
+const TypeSelector = observer(function ({ typeNameChoices, slot, slotName, onChange, }) {
     const { classes } = useSlotEditorStyles();
     return (React.createElement(Paper, { className: classes.paper },
         React.createElement("div", { className: classes.paperContent },

package/esm/ConfigurationEditorWidget/components/useSlotEditorStyles.d.ts

@@ -0,0 +1,9 @@
+export declare const useSlotEditorStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"paper" | "paperContent" | "slotModeSwitch", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};

package/esm/ConfigurationEditorWidget/components/useSlotEditorStyles.js

@@ -0,0 +1,18 @@
+import { makeStyles } from 'tss-react/mui';
+export const useSlotEditorStyles = makeStyles()(theme => ({
+    paper: {
+        display: 'flex',
+        marginBottom: theme.spacing(2),
+        position: 'relative',
+    },
+    paperContent: {
+        width: '100%',
+    },
+    slotModeSwitch: {
+        width: 24,
+        background: theme.palette.secondary.light,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+}));

package/esm/ConfigurationEditorWidget/index.d.ts

@@ -1,10 +1,2 @@
-import React from 'react';
-export { default as stateModelFactory } from './model';
-export declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-export declare const HeadingComponent: ({ model }: {
-    model?: {
-        target: {
-            type: string;
-        };
-    } | undefined;
-}) => React.JSX.Element;
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function registerConfigurationEditorWidget(pluginManager: PluginManager): void;

package/esm/ConfigurationEditorWidget/index.js

@@ -1,20 +1,18 @@
-import React from 'react';
-import { observer } from 'mobx-react';
-import { isStateTreeNode, getType } from 'mobx-state-tree';
+import { lazy } from 'react';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
-export { default as stateModelFactory } from './model';
-export const configSchema = ConfigurationSchema('ConfigurationEditorWidget', {});
-export const HeadingComponent = observer(({ model }) => {
-    if (model === null || model === void 0 ? void 0 : model.target) {
-        if (model.target.type) {
-            return React.createElement(React.Fragment, null, `${model.target.type} settings`);
-        }
-        if (isStateTreeNode(model.target)) {
-            const type = getType(model.target);
-            if (type === null || type === void 0 ? void 0 : type.name) {
-                return (React.createElement(React.Fragment, null, `${type.name.replace('ConfigurationSchema', '')} settings`));
-            }
-        }
-    }
-    return React.createElement(React.Fragment, null, "Settings");
-});
+import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
+import stateModelFactory from './model';
+import HeadingComponent from './components/HeadingComponent';
+const configSchema = ConfigurationSchema('ConfigurationEditorWidget', {});
+const LazyConfigurationEditorComponent = lazy(() => import('./components/ConfigurationEditor'));
+export default function registerConfigurationEditorWidget(pluginManager) {
+    pluginManager.addWidgetType(() => {
+        return new WidgetType({
+            name: 'ConfigurationEditorWidget',
+            HeadingComponent,
+            configSchema,
+            stateModel: stateModelFactory(pluginManager),
+            ReactComponent: LazyConfigurationEditorComponent,
+        });
+    });
+}

package/esm/FromConfigAdapter/FromConfigAdapter.js

@@ -15,9 +15,9 @@ export default class FromConfigAdapter extends BaseFeatureDataAdapter {
     }
     static makeFeatures(fdata) {
         const features = new Map();
-        for (let i = 0; i < fdata.length; i += 1) {
-            if (fdata[i]) {
-                const f = this.makeFeature(fdata[i]);
+        for (const entry of fdata) {
+            if (entry) {
+                const f = this.makeFeature(entry);
                 const refName = f.get('refName');
                 let bucket = features.get(refName);
                 if (!bucket) {
@@ -49,8 +49,7 @@ export default class FromConfigAdapter extends BaseFeatureDataAdapter {
         const { refName, start, end } = region;
         return ObservableCreate(async (observer) => {
             const features = this.features.get(refName) || [];
-            for (let i = 0; i < features.length; i++) {
-                const f = features[i];
+            for (const f of features) {
                 if (f.get('end') > start && f.get('start') < end) {
                     observer.next(f);
                 }

package/esm/index.js

@@ -1,11 +1,10 @@
 import { lazy } from 'react';
-import WidgetType from '@jbrowse/core/pluggableElementTypes/WidgetType';
 import Plugin from '@jbrowse/core/Plugin';
-import { configSchema as ConfigurationEditorConfigSchema, HeadingComponent as ConfigurationEditorHeadingComponent, stateModelFactory as ConfigurationEditorStateModelFactory, } from './ConfigurationEditorWidget';
 import FromConfigAdapterF from './FromConfigAdapter';
 import FromConfigRegionsAdapterF from './FromConfigRegionsAdapter';
 import FromConfigSequenceAdapterF from './FromConfigSequenceAdapter';
 import RefNameAliasAdapterF from './RefNameAliasAdapter';
+import ConfigurationEditorWidgetF from './ConfigurationEditorWidget';
 const LazyConfigurationEditorComponent = lazy(() => import('./ConfigurationEditorWidget/components/ConfigurationEditor'));
 export default class extends Plugin {
     constructor() {
@@ -17,15 +16,7 @@ export default class extends Plugin {
         FromConfigRegionsAdapterF(pluginManager);
         FromConfigSequenceAdapterF(pluginManager);
         RefNameAliasAdapterF(pluginManager);
-        pluginManager.addWidgetType(() => {
-            return new WidgetType({
-                name: 'ConfigurationEditorWidget',
-                HeadingComponent: ConfigurationEditorHeadingComponent,
-                configSchema: ConfigurationEditorConfigSchema,
-                stateModel: ConfigurationEditorStateModelFactory(pluginManager),
-                ReactComponent: LazyConfigurationEditorComponent,
-            });
-        });
+        ConfigurationEditorWidgetF(pluginManager);
     }
 }
 export { default as JsonEditor } from './ConfigurationEditorWidget/components/JsonEditor';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-config",
-  "version": "2.6.3",
+  "version": "2.7.0",
   "description": "JBrowse 2 config utilities",
   "keywords": [
     "jbrowse",
@@ -43,7 +43,7 @@
     "@jbrowse/core": "^2.0.0",
     "@mui/material": "^5.0.0",
     "mobx": "^6.0.0",
-    "mobx-react": "^7.0.0",
+    "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
@@ -56,5 +56,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "ed402c87efb0904858d602c363bd1757d5742129"
+  "gitHead": "dbe7fb1af01fc89f833d2744635eb44a17365b41"
 }