@jbrowse/plugin-config 2.18.0 → 3.0.0

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

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

package/dist/ConfigurationEditorWidget/components/BooleanEditor.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 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)));
+    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,4 +1,3 @@
-import React from 'react';
 declare const CallbackEditor: ({ slot, }: {
     slot: {
         set: (arg: string) => void;
@@ -7,5 +6,5 @@ declare const CallbackEditor: ({ slot, }: {
         value: string;
         contextVariable: string;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CallbackEditor;

package/dist/ConfigurationEditorWidget/components/CallbackEditor.js

@@ -1,32 +1,10 @@
 "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 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"));
@@ -77,30 +55,19 @@ const CallbackEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
             setCodeError(e);
         }
     }, [debouncedCode, slot]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        error ? react_1.default.createElement("p", { className: classes.error }, `${error}`) : null,
-        react_1.default.createElement("div", { className: classes.callbackContainer },
-            react_1.default.createElement(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,
-                        },
-                    },
-                } }),
-            react_1.default.createElement("p", null, slot.description),
-            react_1.default.createElement(material_1.Tooltip, { title: react_1.default.createElement("div", null,
-                    "Callbacks are written in Jexl format. Click to learn more.",
-                    react_1.default.createElement("br", null),
-                    " Names of available context items: ",
-                    slot.contextVariable), arrow: true },
-                react_1.default.createElement(material_1.IconButton, { color: "primary", onClick: () => {
-                        const newWindow = window.open('https://github.com/TomFrost/Jexl', '_blank', 'noopener,noreferrer');
-                        if (newWindow) {
-                            newWindow.opener = null;
-                        }
-                    } },
-                    react_1.default.createElement(Help_1.default, null))))));
+    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,4 +1,3 @@
-import React from 'react';
 export declare const ColorSlot: (props: {
     value: string;
     label?: string;
@@ -7,7 +6,7 @@ export declare const ColorSlot: (props: {
         fullWidth: boolean;
     };
     onChange: (arg: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const ColorEditor: (props: {
     slot: {
         name: string;
@@ -15,5 +14,5 @@ declare const ColorEditor: (props: {
         description: string;
         set: (arg: string) => void;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ColorEditor;

package/dist/ConfigurationEditorWidget/components/ColorEditor.js

@@ -1,55 +1,29 @@
 "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.ColorSlot = void 0;
-const react_1 = __importStar(require("react"));
+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 (react_1.default.createElement("div", { style: { display: 'flex' } },
-        react_1.default.createElement(material_1.TextField, { value: value, label: label, onClick: () => {
-                setDisplayed(!displayed);
-            }, onChange: event => {
-                onChange(event.target.value);
-            }, ...TextFieldProps }),
-        react_1.default.createElement("div", { style: { marginTop: 10 } },
-            react_1.default.createElement(react_1.default.Suspense, { fallback: null },
-                react_1.default.createElement(ColorPicker_1.default, { color: value, onChange: event => {
-                        onChange(event);
-                    } })))));
+    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 (react_1.default.createElement(exports.ColorSlot, { label: slot.name, value: slot.value, onChange: color => {
+    return ((0, jsx_runtime_1.jsx)(exports.ColorSlot, { label: slot.name, value: slot.value, onChange: color => {
             slot.set(color);
         }, TextFieldProps: {
             helperText: slot.description,

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

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

package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js

@@ -3,7 +3,7 @@ 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 configuration_1 = require("@jbrowse/core/configuration");
 const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
 const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
@@ -39,24 +39,18 @@ const Member = (0, mobx_react_1.observer)(function (props) {
                 const key = subslot.type
                     ? `${(0, pluralize_1.singular)(slotName)} ${subslot.type}`
                     : `${(0, pluralize_1.singular)(slotName)} ${slotIndex + 1}`;
-                return react_1.default.createElement(Member, { key: key, ...props, slot: subslot, slotName: key });
+                return (0, jsx_runtime_1.jsx)(Member, { ...props, slot: subslot, slotName: key }, key);
             });
         }
         const typeNameChoices = (0, configuration_1.getTypeNamesFromExplicitlyTypedUnion)(slotSchema);
-        return (react_1.default.createElement(material_1.Accordion, { defaultExpanded: true, className: classes.accordion },
-            react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.icon }) },
-                react_1.default.createElement(material_1.Typography, null, [...path, slotName].join('➔'))),
-            react_1.default.createElement(material_1.AccordionDetails, { className: classes.expansionPanelDetails },
-                typeNameChoices.length ? (react_1.default.createElement(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,
-                react_1.default.createElement(material_1.FormGroup, { className: classes.noOverflow },
-                    react_1.default.createElement(Schema, { schema: slot, path: [...path, slotName] })))));
+        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 react_1.default.createElement(SlotEditor_1.default, { key: slotName, slot: slot, slotSchema: slotSchema });
+        return (0, jsx_runtime_1.jsx)(SlotEditor_1.default, { slot: slot, slotSchema: slotSchema }, slotName);
     }
     else {
         return null;
@@ -64,18 +58,13 @@ const Member = (0, mobx_react_1.observer)(function (props) {
 });
 const Schema = (0, mobx_react_1.observer)(function ({ schema, path = [], }) {
     const properties = (0, mobx_state_tree_1.getMembers)(schema).properties;
-    return (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(properties).map(([slotName, slotSchema]) => (react_1.default.createElement(Member, { key: slotName, slotName: slotName, slotSchema: slotSchema, path: path, schema: schema })))));
+    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 (react_1.default.createElement(material_1.Accordion, { key: key, defaultExpanded: true, className: classes.accordion },
-        react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.icon }) },
-            react_1.default.createElement(material_1.Typography, null,
-                react_1.default.createElement(SanitizedHTML_1.default, { html: name !== null && name !== void 0 ? name : 'Configuration' }))),
-        react_1.default.createElement(material_1.AccordionDetails, { className: classes.expansionPanelDetails, "data-testid": "configEditor" },
-            react_1.default.createElement(Schema, { schema: target }))));
+    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,5 +1,4 @@
-import React from 'react';
 import type { TextFieldProps } from '@mui/material';
 export default function ConfigurationTextField(props: {
     helperText?: string;
-} & TextFieldProps): React.JSX.Element;
+} & TextFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/ConfigurationEditorWidget/components/ConfigurationTextField.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ConfigurationTextField;
-const react_1 = __importDefault(require("react"));
+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 (react_1.default.createElement(material_1.TextField, { ...props, helperText: react_1.default.createElement(ui_1.SanitizedHTML, { html: helperText || '' }), fullWidth: true, slotProps: {
+    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,9 +1,8 @@
-import React from 'react';
 declare const HeadingComponent: ({ model, }: {
     model?: {
         target: {
             type: string;
         };
     };
-}) => string | React.JSX.Element;
+}) => string | import("react/jsx-runtime").JSX.Element;
 export default HeadingComponent;

package/dist/ConfigurationEditorWidget/components/HeadingComponent.js

@@ -1,9 +1,6 @@
 "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 mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const HeadingComponent = (0, mobx_react_1.observer)(function ({ model, }) {
@@ -18,6 +15,6 @@ const HeadingComponent = (0, mobx_react_1.observer)(function ({ model, }) {
             }
         }
     }
-    return react_1.default.createElement(react_1.default.Fragment, null, "Settings");
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Settings" });
 });
 exports.default = HeadingComponent;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const JsonEditor: ({ slot, }: {
     slot: {
         name: string;
@@ -6,5 +5,5 @@ declare const JsonEditor: ({ slot, }: {
         value: unknown;
         set: (arg: unknown) => void;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default JsonEditor;

package/dist/ConfigurationEditorWidget/components/JsonEditor.js

@@ -1,29 +1,7 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+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");
@@ -64,18 +42,14 @@ const JsonEditor = (0, mobx_react_1.observer)(function JsonEditor({ slot, }) {
             setError(e);
         }
     }, [contents, slot]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        error ? react_1.default.createElement("p", { className: classes.error }, `${error}`) : null,
-        react_1.default.createElement("div", { className: classes.callbackContainer },
-            react_1.default.createElement(material_1.InputLabel, { shrink: true, htmlFor: "json-editor" }, slot.name),
-            react_1.default.createElement(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,
-                        },
-                    },
-                } }))));
+    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,4 +1,3 @@
-import React from 'react';
 declare const NumberEditor: ({ slot, }: {
     slot: {
         name?: string;
@@ -7,5 +6,5 @@ declare const NumberEditor: ({ slot, }: {
         set: (val: number) => void;
         reset?: () => void;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default NumberEditor;

package/dist/ConfigurationEditorWidget/components/NumberEditor.js

@@ -1,32 +1,10 @@
 "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 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, }) {
@@ -41,7 +19,7 @@ const NumberEditor = (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);
         } }));
 });

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

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

package/dist/ConfigurationEditorWidget/components/NumberMapEditor.js

@@ -1,32 +1,10 @@
 "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 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");
@@ -41,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 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;