@jbrowse/plugin-config 3.6.5 → 4.0.0

package/esm/RefNameAliasAdapter/configSchema.d.ts

@@ -1,4 +1,4 @@
-declare const RefNameAliasAdapter: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const RefNameAliasAdapter: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     location: {
         type: string;
         defaultValue: {
@@ -15,5 +15,5 @@ declare const RefNameAliasAdapter: import("@jbrowse/core/configuration/configura
         description: string;
         defaultValue: string;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default RefNameAliasAdapter;

package/esm/RefNameAliasAdapter/index.js

@@ -1,10 +1,10 @@
 import { AdapterType } from '@jbrowse/core/pluggableElementTypes';
-import configSchema from './configSchema';
+import configSchema from "./configSchema.js";
 export default function RefNameAliasAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType({
         name: 'RefNameAliasAdapter',
         configSchema,
-        getAdapterClass: () => import('./RefNameAliasAdapter').then(r => r.default),
+        getAdapterClass: () => import("./RefNameAliasAdapter.js").then(r => r.default),
         adapterMetadata: {
             hiddenFromGUI: true,
         },

package/esm/index.d.ts

@@ -2,7 +2,7 @@ import Plugin from '@jbrowse/core/Plugin';
 import type PluginManager from '@jbrowse/core/PluginManager';
 declare const LazyConfigurationEditorComponent: import("react").LazyExoticComponent<({ model, }: {
     model: {
-        target: import("@jbrowse/core/configuration").AnyConfigurationModel;
+        target?: import("@jbrowse/core/configuration").AnyConfigurationModel;
     };
     session?: import("@jbrowse/core/util").AbstractSessionModel;
 }) => import("react/jsx-runtime").JSX.Element>;

package/esm/index.js

@@ -1,17 +1,14 @@
 import { lazy } from 'react';
 import Plugin from '@jbrowse/core/Plugin';
-import ConfigurationEditorWidgetF from './ConfigurationEditorWidget';
-import FromConfigAdapterF from './FromConfigAdapter';
-import FromConfigRegionsAdapterF from './FromConfigRegionsAdapter';
-import FromConfigSequenceAdapterF from './FromConfigSequenceAdapter';
-import NcbiSequenceReportAliasAdapterF from './NcbiSequenceReportAliasAdapter';
-import RefNameAliasAdapterF from './RefNameAliasAdapter';
-const LazyConfigurationEditorComponent = lazy(() => import('./ConfigurationEditorWidget/components/ConfigurationEditor'));
+import ConfigurationEditorWidgetF from "./ConfigurationEditorWidget/index.js";
+import FromConfigAdapterF from "./FromConfigAdapter/index.js";
+import FromConfigRegionsAdapterF from "./FromConfigRegionsAdapter/index.js";
+import FromConfigSequenceAdapterF from "./FromConfigSequenceAdapter/index.js";
+import NcbiSequenceReportAliasAdapterF from "./NcbiSequenceReportAliasAdapter/index.js";
+import RefNameAliasAdapterF from "./RefNameAliasAdapter/index.js";
+const LazyConfigurationEditorComponent = lazy(() => import("./ConfigurationEditorWidget/components/ConfigurationEditor.js"));
 export default class ConfigurationPlugin extends Plugin {
-    constructor() {
-        super(...arguments);
-        this.name = 'ConfigurationPlugin';
-    }
+    name = 'ConfigurationPlugin';
     install(pluginManager) {
         FromConfigAdapterF(pluginManager);
         FromConfigRegionsAdapterF(pluginManager);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-config",
-  "version": "3.6.5",
+  "version": "4.0.0",
   "description": "JBrowse 2 config utilities",
   "keywords": [
     "jbrowse",
@@ -15,36 +15,19 @@
     "directory": "plugins/config"
   },
   "author": "JBrowse Team",
-  "distMain": "dist/index.js",
-  "srcMain": "src/index.ts",
-  "main": "dist/index.js",
+  "main": "esm/index.js",
   "files": [
-    "dist",
     "esm"
   ],
-  "scripts": {
-    "build": "npm-run-all build:*",
-    "test": "cd ../..; jest --passWithNoTests plugins/config",
-    "prepublishOnly": "yarn test",
-    "prepack": "yarn build && yarn useDist",
-    "postpack": "yarn useSrc",
-    "useDist": "node ../../scripts/useDist.js",
-    "useSrc": "node ../../scripts/useSrc.js",
-    "prebuild": "npm run clean",
-    "build:esm": "tsc --build tsconfig.build.esm.json",
-    "build:commonjs": "tsc --build tsconfig.build.commonjs.json",
-    "clean": "rimraf dist esm *.tsbuildinfo"
-  },
   "dependencies": {
-    "@jbrowse/core": "^3.6.5",
-    "@mui/icons-material": "^7.0.0",
-    "@mui/material": "^7.0.0",
-    "mobx": "^6.0.0",
-    "mobx-react": "^9.0.0",
-    "mobx-state-tree": "^5.0.0",
+    "@jbrowse/mobx-state-tree": "^5.5.0",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6",
+    "mobx": "^6.15.0",
+    "mobx-react": "^9.2.1",
     "pluralize": "^8.0.0",
-    "rxjs": "^7.0.0",
-    "tss-react": "^4.0.0"
+    "rxjs": "^7.8.2",
+    "@jbrowse/core": "^4.0.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -53,8 +36,19 @@
   "publishConfig": {
     "access": "public"
   },
-  "distModule": "esm/index.js",
-  "srcModule": "src/index.ts",
-  "module": "esm/index.js",
-  "gitHead": "354d0a87b757b4d84f824b47507662f6f3a1693f"
-}
+  "sideEffects": false,
+  "scripts": {
+    "build": "pnpm run /^build:/",
+    "test": "cd ../..; jest --passWithNoTests plugins/config",
+    "prebuild": "pnpm clean",
+    "build:esm": "tsc -p tsconfig.build.esm.json",
+    "clean": "rimraf esm *.tsbuildinfo"
+  },
+  "types": "esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "import": "./esm/index.js"
+    }
+  }
+}

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

@@ -1,9 +0,0 @@
-declare const BooleanEditor: ({ slot, }: {
-    slot: {
-        name: string;
-        value: boolean;
-        set: (arg: boolean) => void;
-        description: string;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default BooleanEditor;

package/dist/ConfigurationEditorWidget/components/BooleanEditor.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const BooleanEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { label: slot.name, control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: slot.value, onChange: evt => {
-                        slot.set(evt.target.checked);
-                    } }) }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: slot.description })] }));
-});
-exports.default = BooleanEditor;

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

@@ -1,10 +0,0 @@
-declare const CallbackEditor: ({ slot, }: {
-    slot: {
-        set: (arg: string) => void;
-        description: string;
-        name: string;
-        value: string;
-        contextVariable: string;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default CallbackEditor;

package/dist/ConfigurationEditorWidget/components/CallbackEditor.js

@@ -1,73 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const jexlStrings_1 = require("@jbrowse/core/util/jexlStrings");
-const Help_1 = __importDefault(require("@mui/icons-material/Help"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mui_1 = require("tss-react/mui");
-const fontFamily = 'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace';
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    callbackEditor: {
-        marginTop: '16px',
-        borderBottom: `1px solid ${theme.palette.divider}`,
-        width: '100%',
-        fontFamily,
-    },
-    textAreaFont: {
-        fontFamily,
-    },
-    callbackContainer: {
-        width: '100%',
-        overflowX: 'auto',
-    },
-    error: {
-        color: 'red',
-        fontSize: '0.8em',
-    },
-}));
-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)();
-    const debouncedCode = (0, util_1.useDebounce)(code, 400);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        try {
-            const jexlDebouncedCode = debouncedCode.startsWith('jexl:')
-                ? debouncedCode
-                : `jexl:${debouncedCode}`;
-            if (jexlDebouncedCode === 'jexl:') {
-                throw new Error('Empty jexl expression is not valid');
-            }
-            (0, jexlStrings_1.stringToJexlExpression)(jexlDebouncedCode, (_a = (0, mobx_state_tree_1.getEnv)(slot).pluginManager) === null || _a === void 0 ? void 0 : _a.jexl);
-            slot.set(jexlDebouncedCode);
-            setCodeError(undefined);
-        }
-        catch (e) {
-            console.error({ e });
-            setCodeError(e);
-        }
-    }, [debouncedCode, slot]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [error ? (0, jsx_runtime_1.jsx)("p", { className: classes.error, children: `${error}` }) : null, (0, jsx_runtime_1.jsxs)("div", { className: classes.callbackContainer, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { multiline: true, className: classes.callbackEditor, value: code.startsWith('jexl:') ? code.split('jexl:')[1] : code, onChange: event => {
-                            setCode(event.target.value);
-                        }, style: { background: error ? '#fdd' : undefined }, slotProps: {
-                            input: {
-                                classes: {
-                                    input: classes.textAreaFont,
-                                },
-                            },
-                        } }), (0, jsx_runtime_1.jsx)("p", { children: slot.description }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: (0, jsx_runtime_1.jsxs)("div", { children: ["Callbacks are written in Jexl format. Click to learn more.", (0, jsx_runtime_1.jsx)("br", {}), " Names of available context items: ", slot.contextVariable] }), arrow: true, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "primary", onClick: () => {
-                                const newWindow = window.open('https://github.com/TomFrost/Jexl', '_blank', 'noopener,noreferrer');
-                                if (newWindow) {
-                                    newWindow.opener = null;
-                                }
-                            }, children: (0, jsx_runtime_1.jsx)(Help_1.default, {}) }) })] })] }));
-});
-exports.default = CallbackEditor;

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

@@ -1,18 +0,0 @@
-export declare const ColorSlot: (props: {
-    value: string;
-    label?: string;
-    TextFieldProps?: {
-        helperText: string;
-        fullWidth: boolean;
-    };
-    onChange: (arg: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const ColorEditor: (props: {
-    slot: {
-        name: string;
-        value: string;
-        description: string;
-        set: (arg: string) => void;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default ColorEditor;

package/dist/ConfigurationEditorWidget/components/ColorEditor.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorSlot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ColorPicker_1 = __importDefault(require("@jbrowse/core/ui/ColorPicker"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const ColorSlot = (props) => {
-    const { value = '#000', label = '', TextFieldProps = {}, onChange } = props;
-    const [displayed, setDisplayed] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { value: value, label: label, onClick: () => {
-                    setDisplayed(!displayed);
-                }, onChange: event => {
-                    onChange(event.target.value);
-                }, ...TextFieldProps }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: 10 }, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(ColorPicker_1.default, { color: value, onChange: event => {
-                            onChange(event);
-                        } }) }) })] }));
-};
-exports.ColorSlot = ColorSlot;
-const ColorEditor = (0, mobx_react_1.observer)(function (props) {
-    const { slot } = props;
-    return ((0, jsx_runtime_1.jsx)(exports.ColorSlot, { label: slot.name, value: slot.value, onChange: color => {
-            slot.set(color);
-        }, TextFieldProps: {
-            helperText: slot.description,
-            fullWidth: true,
-        } }));
-});
-exports.default = ColorEditor;

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

@@ -1,9 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { AbstractSessionModel } from '@jbrowse/core/util';
-declare const ConfigurationEditor: ({ model, }: {
-    model: {
-        target: AnyConfigurationModel;
-    };
-    session?: AbstractSessionModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ConfigurationEditor;

package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js

@@ -1,72 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const configuration_1 = require("@jbrowse/core/configuration");
-const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const pluralize_1 = require("pluralize");
-const mui_1 = require("tss-react/mui");
-const SlotEditor_1 = __importDefault(require("./SlotEditor"));
-const TypeSelector_1 = __importDefault(require("./TypeSelector"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    icon: {
-        color: theme.palette.tertiary.contrastText || '#fff',
-    },
-    expansionPanelDetails: {
-        display: 'block',
-        padding: theme.spacing(1),
-    },
-    accordion: {
-        border: `1px solid ${theme.palette.text.primary}`,
-    },
-    noOverflow: {
-        width: '100%',
-        overflowX: 'auto',
-    },
-}));
-const Member = (0, mobx_react_1.observer)(function (props) {
-    const { classes } = useStyles();
-    const { slotName, slotSchema, schema, slot = schema[slotName], path = [], } = props;
-    if ((0, configuration_1.isConfigurationSchemaType)(slotSchema)) {
-        if (slot.length) {
-            return slot.map((subslot, slotIndex) => {
-                const key = subslot.type
-                    ? `${(0, pluralize_1.singular)(slotName)} ${subslot.type}`
-                    : `${(0, pluralize_1.singular)(slotName)} ${slotIndex + 1}`;
-                return (0, jsx_runtime_1.jsx)(Member, { ...props, slot: subslot, slotName: key }, key);
-            });
-        }
-        const typeNameChoices = (0, configuration_1.getTypeNamesFromExplicitlyTypedUnion)(slotSchema);
-        return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, className: classes.accordion, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.icon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: [...path, slotName].join('➔') }) }), (0, jsx_runtime_1.jsxs)(material_1.AccordionDetails, { className: classes.expansionPanelDetails, children: [typeNameChoices.length ? ((0, jsx_runtime_1.jsx)(TypeSelector_1.default, { typeNameChoices: typeNameChoices, slotName: slotName, slot: slot, onChange: evt => {
-                                if (evt.target.value !== slot.type) {
-                                    schema.setSubschema(slotName, {
-                                        type: evt.target.value,
-                                    });
-                                }
-                            } })) : null, (0, jsx_runtime_1.jsx)(material_1.FormGroup, { className: classes.noOverflow, children: (0, jsx_runtime_1.jsx)(Schema, { schema: slot, path: [...path, slotName] }) })] })] }));
-    }
-    else if ((0, configuration_1.isConfigurationSlotType)(slotSchema)) {
-        return (0, jsx_runtime_1.jsx)(SlotEditor_1.default, { slot: slot, slotSchema: slotSchema }, slotName);
-    }
-    else {
-        return null;
-    }
-});
-const Schema = (0, mobx_react_1.observer)(function ({ schema, path = [], }) {
-    const properties = (0, mobx_state_tree_1.getMembers)(schema).properties;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.entries(properties).map(([slotName, slotSchema]) => ((0, jsx_runtime_1.jsx)(Member, { slotName: slotName, slotSchema: slotSchema, path: path, schema: schema }, slotName))) }));
-});
-const ConfigurationEditor = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { target } = model;
-    const key = (0, configuration_1.readConfObject)(target, 'trackId');
-    const name = (0, configuration_1.readConfObject)(target, 'name');
-    return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, className: classes.accordion, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.icon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { html: name !== null && name !== void 0 ? name : 'Configuration' }) }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { className: classes.expansionPanelDetails, "data-testid": "configEditor", children: (0, jsx_runtime_1.jsx)(Schema, { schema: target }) })] }, key));
-});
-exports.default = ConfigurationEditor;

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

@@ -1,4 +0,0 @@
-import type { TextFieldProps } from '@mui/material';
-export default function ConfigurationTextField(props: {
-    helperText?: string;
-} & TextFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/ConfigurationEditorWidget/components/ConfigurationTextField.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ConfigurationTextField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-function ConfigurationTextField(props) {
-    const { helperText } = props;
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...props, helperText: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: helperText || '' }), fullWidth: true, slotProps: {
-            formHelperText: {
-                component: 'div',
-            },
-        } }));
-}

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

@@ -1,8 +0,0 @@
-declare const HeadingComponent: ({ model, }: {
-    model?: {
-        target: {
-            type: string;
-        };
-    };
-}) => string | import("react/jsx-runtime").JSX.Element;
-export default HeadingComponent;

package/dist/ConfigurationEditorWidget/components/HeadingComponent.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-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 `${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.name) {
-                return `${type.name.replace('ConfigurationSchema', '')} settings`;
-            }
-        }
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Settings" });
-});
-exports.default = HeadingComponent;

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

@@ -1,9 +0,0 @@
-declare const JsonEditor: ({ slot, }: {
-    slot: {
-        name: string;
-        description: string;
-        value: unknown;
-        set: (arg: unknown) => void;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default JsonEditor;

package/dist/ConfigurationEditorWidget/components/JsonEditor.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const fontSize = '12px';
-const fontFamily = 'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace';
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    error: {
-        color: 'red',
-        fontSize: '0.8em',
-    },
-    callbackEditor: {
-        fontFamily,
-        fontSize,
-        background: theme.palette.background.default,
-        width: 800,
-        marginTop: '16px',
-        border: '1px solid rgba(0,0,0,0.42)',
-    },
-    callbackContainer: {
-        width: '100%',
-        overflowX: 'auto',
-    },
-    textAreaFont: {
-        fontFamily,
-    },
-}));
-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)();
-    (0, react_1.useEffect)(() => {
-        try {
-            setError(undefined);
-            slot.set(JSON.parse(contents));
-        }
-        catch (e) {
-            console.error({ e });
-            setError(e);
-        }
-    }, [contents, slot]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [error ? (0, jsx_runtime_1.jsx)("p", { className: classes.error, children: `${error}` }) : null, (0, jsx_runtime_1.jsxs)("div", { className: classes.callbackContainer, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { shrink: true, htmlFor: "json-editor", children: slot.name }), (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "json-editor", className: classes.callbackEditor, value: contents, helperText: slot.description, multiline: true, onChange: event => {
-                            setContents(event.target.value);
-                        }, style: { background: error ? '#fdd' : undefined }, slotProps: {
-                            input: {
-                                classes: {
-                                    input: classes.textAreaFont,
-                                },
-                            },
-                        } })] })] }));
-});
-exports.default = JsonEditor;

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

@@ -1,10 +0,0 @@
-declare const NumberEditor: ({ slot, }: {
-    slot: {
-        name?: string;
-        value: string;
-        description?: string;
-        set: (val: number) => void;
-        reset?: () => void;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default NumberEditor;

package/dist/ConfigurationEditorWidget/components/NumberEditor.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const ConfigurationTextField_1 = __importDefault(require("./ConfigurationTextField"));
-const NumberEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
-    const [val, setVal] = (0, react_1.useState)(slot.value);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        const num = Number.parseFloat(val);
-        if (Number.isNaN(num)) {
-            (_a = slot.reset) === null || _a === void 0 ? void 0 : _a.call(slot);
-        }
-        else {
-            slot.set(num);
-        }
-    }, [slot, val]);
-    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);
-        } }));
-});
-exports.default = NumberEditor;

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

@@ -1,10 +0,0 @@
-declare const NumberMapEditor: ({ slot, }: {
-    slot: {
-        name: string;
-        value: Map<string, string>;
-        remove: (key: string) => void;
-        add: (key: string, val: number) => void;
-        description: string;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default NumberMapEditor;

package/dist/ConfigurationEditorWidget/components/NumberMapEditor.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const NumberEditor_1 = __importDefault(require("./NumberEditor"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    card: {
-        marginTop: theme.spacing(1),
-    },
-}));
-const NumberMapEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
-    const { classes } = useStyles();
-    const [value, setValue] = (0, react_1.useState)('');
-    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,6 +0,0 @@
-import type { IAnyType } from 'mobx-state-tree';
-declare const SlotEditor: ({ slot, slotSchema, }: {
-    slot: any;
-    slotSchema: IAnyType;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SlotEditor;