@jbrowse/plugin-config 2.18.0 → 3.0.0

package/esm/ConfigurationEditorWidget/components/StringArrayMapEditor.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
 import AddIcon from '@mui/icons-material/Add';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { Card, CardContent, CardHeader, FormHelperText, IconButton, InputAdornment, InputLabel, TextField, } from '@mui/material';
@@ -13,41 +14,30 @@ const useStyles = makeStyles()(theme => ({
 const StringArrayMapEditor = observer(function ({ slot, }) {
     const { classes } = useStyles();
     const [value, setValue] = useState('');
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputLabel, null, slot.name),
-        [...slot.value].map(([key, val]) => (React.createElement(Card, { raised: true, key: key, className: classes.card },
-            React.createElement(CardHeader, { title: key, action: React.createElement(IconButton, { onClick: () => {
-                        slot.remove(key);
-                    } },
-                    React.createElement(DeleteIcon, null)) }),
-            React.createElement(CardContent, null,
-                React.createElement(StringArrayEditor, { slot: {
-                        name: slot.name,
-                        value: val,
-                        description: `Values associated with entry ${key}`,
-                        setAtIndex: (idx, val) => {
-                            slot.setAtKeyIndex(key, idx, val);
-                        },
-                        removeAtIndex: (idx) => {
-                            slot.removeAtKeyIndex(key, idx);
-                        },
-                        add: (val) => {
-                            slot.addToKey(key, val);
-                        },
-                    } }))))),
-        React.createElement(Card, { raised: true, className: classes.card },
-            React.createElement(CardHeader, { disableTypography: true, title: React.createElement(TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => {
-                        setValue(event.target.value);
-                    }, slotProps: {
-                        input: {
-                            endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                                React.createElement(IconButton, { disabled: value === '', onClick: () => {
-                                        slot.add(value, []);
-                                        setValue('');
-                                    } },
-                                    React.createElement(AddIcon, null)))),
-                        },
-                    } }) })),
-        React.createElement(FormHelperText, null, slot.description)));
+    return (_jsxs(_Fragment, { children: [_jsx(InputLabel, { children: slot.name }), [...slot.value].map(([key, val]) => (_jsxs(Card, { raised: true, className: classes.card, children: [_jsx(CardHeader, { title: key, action: _jsx(IconButton, { onClick: () => {
+                                slot.remove(key);
+                            }, children: _jsx(DeleteIcon, {}) }) }), _jsx(CardContent, { children: _jsx(StringArrayEditor, { slot: {
+                                name: slot.name,
+                                value: val,
+                                description: `Values associated with entry ${key}`,
+                                setAtIndex: (idx, val) => {
+                                    slot.setAtKeyIndex(key, idx, val);
+                                },
+                                removeAtIndex: (idx) => {
+                                    slot.removeAtKeyIndex(key, idx);
+                                },
+                                add: (val) => {
+                                    slot.addToKey(key, val);
+                                },
+                            } }) })] }, key))), _jsx(Card, { raised: true, className: classes.card, children: _jsx(CardHeader, { disableTypography: true, title: _jsx(TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => {
+                            setValue(event.target.value);
+                        }, slotProps: {
+                            input: {
+                                endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { disabled: value === '', onClick: () => {
+                                            slot.add(value, []);
+                                            setValue('');
+                                        }, children: _jsx(AddIcon, {}) }) })),
+                            },
+                        } }) }) }), _jsx(FormHelperText, { children: slot.description })] }));
 });
 export default StringArrayMapEditor;

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

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

package/esm/ConfigurationEditorWidget/components/TypeSelector.js

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { MenuItem, Paper, TextField } from '@mui/material';
 import { observer } from 'mobx-react';
 import { useSlotEditorStyles } from './useSlotEditorStyles';
 const TypeSelector = observer(function ({ typeNameChoices, slot, slotName, onChange, }) {
     const { classes } = useSlotEditorStyles();
-    return (React.createElement(Paper, { className: classes.paper },
-        React.createElement("div", { className: classes.paperContent },
-            React.createElement(TextField, { value: slot.type, label: "Type", select: true, helperText: `Type of ${slotName} to use`, fullWidth: true, onChange: onChange }, typeNameChoices.map(str => (React.createElement(MenuItem, { key: str, value: str }, str)))))));
+    return (_jsx(Paper, { className: classes.paper, children: _jsx("div", { className: classes.paperContent, children: _jsx(TextField, { value: slot.type, label: "Type", select: true, helperText: `Type of ${slotName} to use`, fullWidth: true, onChange: onChange, children: typeNameChoices.map(str => (_jsx(MenuItem, { value: str, children: str }, str))) }) }) }));
 });
 export default TypeSelector;

package/esm/index.d.ts

@@ -5,7 +5,7 @@ declare const LazyConfigurationEditorComponent: import("react").LazyExoticCompon
         target: import("@jbrowse/core/configuration").AnyConfigurationModel;
     };
     session?: import("@jbrowse/core/util").AbstractSessionModel;
-}) => import("react").JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default class ConfigurationPlugin extends Plugin {
     name: string;
     install(pluginManager: PluginManager): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-config",
-  "version": "2.18.0",
+  "version": "3.0.0",
   "description": "JBrowse 2 config utilities",
   "keywords": [
     "jbrowse",
@@ -56,5 +56,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
 }