@jbrowse/plugin-config 2.17.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 mobx_react_1 = require("mobx-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,42 +1,17 @@
 "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 material_1 = require("@mui/material");
+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 mobx_state_tree_1 = require("mobx-state-tree");
+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");
-// icons
-const Help_1 = __importDefault(require("@mui/icons-material/Help"));
-// Optimize by using system default fonts:
-// https://css-tricks.com/snippets/css/font-stacks/
 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: {
@@ -80,32 +55,19 @@ const CallbackEditor = (0, mobx_react_1.observer)(function ({ slot, }) {
             setCodeError(e);
         }
     }, [debouncedCode, slot]);
-    // if default value is a callback, will have to remove jexl:
-    // do this last
-    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 mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
+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,10 +1,9 @@
-import React from 'react';
-import { AbstractSessionModel } from '@jbrowse/core/util';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const ConfigurationEditor: ({ model, }: {
     model: {
         target: AnyConfigurationModel;
     };
     session?: AbstractSessionModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ConfigurationEditor;

package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js

@@ -3,17 +3,15 @@ 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"));
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const pluralize_1 = require("pluralize");
-const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
-const configuration_1 = require("@jbrowse/core/configuration");
-// icons
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
-// locals
+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 => ({
@@ -41,26 +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);
             });
         }
-        // if this is an explicitly typed schema, make a type-selecting dropdown
-        // that can be used to change its type
         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;
@@ -68,21 +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();
-    // key forces a re-render, otherwise the same field can end up being used for
-    // different tracks since only the backing model changes for example see pr
-    // #804
     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 { TextFieldProps } from '@mui/material';
+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,17 +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 material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@jbrowse/core/ui");
-// adds ability to have html in helperText. note that FormHelperTextProps is
-// div because the default is p which does not like div children
+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,35 +1,11 @@
 "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 mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
-// fontSize and fontFamily have to match between Editor and SyntaxHighlighter
+const mui_1 = require("tss-react/mui");
 const fontSize = '12px';
-// Optimize by using system default fonts: https://css-tricks.com/snippets/css/font-stacks/
 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: {
@@ -66,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;