@jbrowse/plugin-data-management 2.18.0 → 3.0.0

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = TrackLabel;
-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 material_1 = require("@mui/material");
@@ -27,15 +27,21 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 function TrackLabel({ data }) {
     const { classes } = useStyles();
-    const { checked, conf, model, drawerPosition, id, trackId, name, onChange, selected, } = data;
+    const { checked, conf, model, drawerPosition, id, trackId, name, selected, onChange, } = data;
     const description = (0, configuration_1.readConfObject)(conf, 'description');
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
-            react_1.default.createElement(material_1.FormControlLabel, { className: classes.checkboxLabel, control: react_1.default.createElement(material_1.Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
-                        onChange(trackId);
-                    }, disabled: (0, util_1.isUnsupported)(name), inputProps: {
-                        'data-testid': `htsTrackEntry-${id}`,
-                    } }), label: react_1.default.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
-                    react_1.default.createElement(SanitizedHTML_1.default, { html: name })) })),
-        react_1.default.createElement(TrackLabelMenu_1.default, { model: model, trackId: trackId, id: id, conf: conf })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left', children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { className: classes.checkboxLabel, onClick: event => {
+                        if (event.ctrlKey || event.metaKey) {
+                            if (selected) {
+                                model.removeFromSelection([conf]);
+                            }
+                            else {
+                                model.addToSelection([conf]);
+                            }
+                            event.preventDefault();
+                        }
+                    }, control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
+                            onChange(trackId);
+                        }, disabled: (0, util_1.isUnsupported)(name), inputProps: {
+                            'data-testid': `htsTrackEntry-${id}`,
+                        } }), label: (0, jsx_runtime_1.jsx)("div", { "data-testid": `htsTrackLabel-${id}`, className: selected ? classes.selected : undefined, children: (0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { html: name }) }) }) }), (0, jsx_runtime_1.jsx)(TrackLabelMenu_1.default, { model: model, trackId: trackId, id: id, conf: conf })] }));
 }

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, conf, }: {
@@ -8,5 +7,5 @@ declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, c
     conf: AnyConfigurationModel;
     setOpen?: (arg: boolean) => void;
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrackLabelMenu;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.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 CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const util_1 = require("@jbrowse/core/util");
 const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
@@ -18,7 +18,7 @@ const useStyles = (0, mui_1.makeStyles)()({
 const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen, conf, }) {
     var _a, _b;
     const { classes } = useStyles();
-    return (react_1.default.createElement(CascadingMenuButton_1.default, { className: classes.cascadingStyle, stopPropagation: stopPropagation, setOpen: setOpen, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
+    return ((0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { className: classes.cascadingStyle, stopPropagation: stopPropagation, setOpen: setOpen, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
             ...(((_b = (_a = (0, util_1.getSession)(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, conf)) || []),
             model.isFavorite(trackId)
                 ? {
@@ -51,7 +51,6 @@ const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen,
                     },
                 ]
                 : []),
-        ] },
-        react_1.default.createElement(MoreHoriz_1.default, null)));
+        ], children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, {}) }));
 };
 exports.default = TrackLabelMenu;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { NodeData } from '../util';
 export default function Node({ data, isOpen, style, setOpen, }: {
     data: NodeData;
@@ -7,4 +6,4 @@ export default function Node({ data, isOpen, style, setOpen, }: {
         height: number;
     };
     setOpen: (arg: boolean) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Node;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const mui_1 = require("tss-react/mui");
 const TrackCategory_1 = __importDefault(require("./TrackCategory"));
 const TrackLabel_1 = __importDefault(require("./TrackLabel"));
@@ -34,12 +34,9 @@ function Node({ data, isOpen, style, setOpen, }) {
     const { classes } = useStyles();
     const width = 10;
     const marginLeft = nestingLevel * width + (isLeaf ? width : 0);
-    return (react_1.default.createElement("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined },
-        new Array(nestingLevel).fill(0).map((_, idx) => (react_1.default.createElement("div", { key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
-        react_1.default.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
-                marginLeft,
-                whiteSpace: 'nowrap',
-                width: '100%',
-            } },
-            react_1.default.createElement("div", { className: !isLeaf ? classes.accordionColor : undefined }, !isLeaf ? (react_1.default.createElement(TrackCategory_1.default, { isOpen: isOpen, data: data, setOpen: setOpen })) : (react_1.default.createElement(TrackLabel_1.default, { data: data }))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined, children: [new Array(nestingLevel).fill(0).map((_, idx) => ((0, jsx_runtime_1.jsx)("div", { style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }, `mark-${idx}`))), (0, jsx_runtime_1.jsx)("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
+                    marginLeft,
+                    whiteSpace: 'nowrap',
+                    width: '100%',
+                }, children: (0, jsx_runtime_1.jsx)("div", { className: !isLeaf ? classes.accordionColor : undefined, children: !isLeaf ? ((0, jsx_runtime_1.jsx)(TrackCategory_1.default, { isOpen: isOpen, data: data, setOpen: setOpen })) : ((0, jsx_runtime_1.jsx)(TrackLabel_1.default, { data: data })) }) })] }));
 }

package/dist/HierarchicalTrackSelectorWidget/components/util.js

@@ -5,9 +5,7 @@ exports.treeToMap = treeToMap;
 exports.isUnsupported = isUnsupported;
 function getAllChildren(subtree) {
     return (subtree === null || subtree === void 0 ? void 0 : subtree.type) === 'category'
-        ? subtree.children
-            .map(t => (t.type === 'category' ? getAllChildren(t) : t.conf))
-            .flat(Number.POSITIVE_INFINITY)
+        ? subtree.children.flatMap(t => t.type === 'category' ? getAllChildren(t) : t.conf)
         : [];
 }
 function treeToMap(tree, map = new Map()) {

package/dist/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -79,3 +79,4 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type FacetedStateModel = ReturnType<typeof facetedStateTreeF>;
 export type FacetedModel = Instance<FacetedStateModel>;
+export type FacetedRow = FacetedModel['filteredRows'][0];

package/dist/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -14,10 +14,10 @@ function facetedStateTreeF() {
     return mobx_state_tree_1.types
         .model('FacetedModel', {
         filterText: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.string, ''),
-        showSparse: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_1.localStorageGetItem)('facet-showSparse') || 'false')),
-        showFilters: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_1.localStorageGetItem)('facet-showFilters') || 'true')),
-        showOptions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_1.localStorageGetItem)('facet-showTableOptions') || 'false')),
-        panelWidth: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, () => JSON.parse((0, util_1.localStorageGetItem)('facet-panelWidth') || '400')),
+        showSparse: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => (0, util_1.localStorageGetBoolean)('facet-showSparse', false)),
+        showFilters: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => (0, util_1.localStorageGetBoolean)('facet-showFilters', true)),
+        showOptions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => (0, util_1.localStorageGetBoolean)('facet-showTableOptions', false)),
+        panelWidth: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, () => (0, util_1.localStorageGetNumber)('facet-panelWidth', 400)),
     })
         .volatile(() => ({
         visible: {},
@@ -61,7 +61,7 @@ function facetedStateTreeF() {
                 .filter(conf => (0, util_3.matches)(filterText, conf, session))
                 .map(track => {
                 var _a, _b;
-                return {
+                return ({
                     id: track.trackId,
                     conf: track,
                     name: (0, tracks_1.getTrackName)(track, session),
@@ -69,7 +69,7 @@ function facetedStateTreeF() {
                     adapter: (_b = (0, configuration_1.readConfObject)(track, 'adapter')) === null || _b === void 0 ? void 0 : _b.type,
                     description: (0, configuration_1.readConfObject)(track, 'description'),
                     metadata: (0, configuration_1.readConfObject)(track, 'metadata'),
-                };
+                });
             });
         },
     }))

package/dist/HierarchicalTrackSelectorWidget/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/PluginStoreWidget/components/AddCustomPluginDialog.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 declare const AddCustomPluginDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AddCustomPluginDialog;

package/dist/PluginStoreWidget/components/AddCustomPluginDialog.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 ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
@@ -70,35 +48,18 @@ const AddCustomPluginDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
             jbrowse.addPlugin({ cjsUrl: cjsPluginUrl });
         }
     }
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Add custom plugin" },
-        react_1.default.createElement("form", { onSubmit: handleSubmit },
-            react_1.default.createElement(material_1.DialogContent, { className: classes.dialogContent },
-                react_1.default.createElement(material_1.DialogContentText, null, "Enter the name of the plugin and its URL. The name should match what is defined in the plugin's build."),
-                react_1.default.createElement(material_1.TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => {
-                        setUMDPluginName(event.target.value);
-                    } }),
-                react_1.default.createElement(material_1.TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => {
-                        setUMDPluginUrl(event.target.value);
-                    } }),
-                react_1.default.createElement(material_1.DialogContentText, { onClick: () => {
-                        setAdvancedOptionsOpen(!advancedOptionsOpen);
-                    } },
-                    react_1.default.createElement(IconButton_1.default, { className: cx(classes.expand, {
-                            [classes.expandOpen]: advancedOptionsOpen,
-                        }), "aria-expanded": advancedOptionsOpen, "aria-label": "show more" },
-                        react_1.default.createElement(ExpandMore_1.default, null)),
-                    "Advanced options"),
-                react_1.default.createElement(material_1.Collapse, { in: advancedOptionsOpen },
-                    react_1.default.createElement("div", { className: classes.dialogContent },
-                        react_1.default.createElement(material_1.DialogContentText, null, "The above fields assume that the plugin is built in UMD format. If your plugin is in another format, or you have additional builds you want to add (such as a CJS build for using NodeJS APIs in desktop), you can enter the URLs for those builds below."),
-                        react_1.default.createElement(material_1.TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => {
-                                setESMPluginUrl(event.target.value);
-                            } }),
-                        react_1.default.createElement(material_1.TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => {
-                                setCJSPluginUrl(event.target.value);
-                            } })))),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: onClose }, "Cancel"),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: handleSubmit, disabled: !ready }, "Submit")))));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: onClose, title: "Add custom plugin", children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.dialogContent, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "Enter the name of the plugin and its URL. The name should match what is defined in the plugin's build." }), (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => {
+                                setUMDPluginName(event.target.value);
+                            } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => {
+                                setUMDPluginUrl(event.target.value);
+                            } }), (0, jsx_runtime_1.jsxs)(material_1.DialogContentText, { onClick: () => {
+                                setAdvancedOptionsOpen(!advancedOptionsOpen);
+                            }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.default, { className: cx(classes.expand, {
+                                        [classes.expandOpen]: advancedOptionsOpen,
+                                    }), "aria-expanded": advancedOptionsOpen, "aria-label": "show more", children: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) }), "Advanced options"] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: advancedOptionsOpen, children: (0, jsx_runtime_1.jsxs)("div", { className: classes.dialogContent, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "The above fields assume that the plugin is built in UMD format. If your plugin is in another format, or you have additional builds you want to add (such as a CJS build for using NodeJS APIs in desktop), you can enter the URLs for those builds below." }), (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => {
+                                            setESMPluginUrl(event.target.value);
+                                        } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => {
+                                            setCJSPluginUrl(event.target.value);
+                                        } })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: onClose, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: handleSubmit, disabled: !ready, children: "Submit" })] })] }) }));
 });
 exports.default = AddCustomPluginDialog;

package/dist/PluginStoreWidget/components/DeletePluginDialog.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export default function DeletePluginDialog({ onClose, plugin, }: {
     plugin: string;
     onClose: (s?: string) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/PluginStoreWidget/components/DeletePluginDialog.js

@@ -1,29 +1,17 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DeletePluginDialog;
-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 DeletePluginDialog({ onClose, plugin, }) {
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, title: `Remove ${plugin}`, onClose: () => {
             onClose();
-        }, title: `Remove ${plugin}` },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, null,
-                "Please confirm that you want to remove ",
-                plugin,
-                "."),
-            react_1.default.createElement(material_1.Typography, { color: "error" }, "Note: if any resources in this session still use this plugin, it may cause your session to crash")),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
-                    window.setTimeout(() => {
-                        onClose(plugin);
-                    }, 500);
-                } }, "Confirm"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    onClose();
-                } }, "Cancel"))));
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["Please confirm that you want to remove ", plugin, "."] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: "Note: if any resources in this session still use this plugin, it may cause your session to crash" })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
+                            window.setTimeout(() => {
+                                onClose(plugin);
+                            }, 500);
+                        }, children: "Confirm" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            onClose();
+                        }, children: "Cancel" })] })] }));
 }

package/dist/PluginStoreWidget/components/InstalledPlugin.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 import type { BasePlugin } from '@jbrowse/core/util/types';
 declare const InstalledPlugin: ({ plugin, model, }: {
     plugin: BasePlugin;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default InstalledPlugin;

package/dist/PluginStoreWidget/components/InstalledPlugin.js

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 types_1 = require("@jbrowse/core/util/types");
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
@@ -42,8 +53,7 @@ const useStyles = (0, mui_1.makeStyles)()(() => ({
 }));
 function LockedPlugin() {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Tooltip, { className: classes.lockedPluginTooltip, title: "This plugin was installed by an administrator, you cannot remove it." },
-        react_1.default.createElement(Lock_1.default, null)));
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { className: classes.lockedPluginTooltip, title: "This plugin was installed by an administrator, you cannot remove it.", children: (0, jsx_runtime_1.jsx)(Lock_1.default, {}) }));
 }
 const InstalledPlugin = (0, mobx_react_1.observer)(function ({ plugin, model, }) {
     const { pluginManager } = (0, util_1.getEnv)(model);
@@ -52,28 +62,25 @@ const InstalledPlugin = (0, mobx_react_1.observer)(function ({ plugin, model, })
     const isSessionPlugin = (0, types_1.isSessionWithSessionPlugins)(session)
         ? session.sessionPlugins.some(p => { var _a; return ((_a = pluginManager.pluginMetadata[plugin.name]) === null || _a === void 0 ? void 0 : _a.url) === p.url; })
         : false;
-    return (react_1.default.createElement(material_1.ListItem, { key: plugin.name },
-        adminMode || isSessionPlugin ? (react_1.default.createElement(material_1.IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => {
-                session.queueDialog(onClose => [
-                    DeletePluginDialog,
-                    {
-                        plugin: plugin.name,
-                        onClose: (name) => {
-                            if (name) {
-                                const pluginMetadata = pluginManager.pluginMetadata[plugin.name];
-                                if (adminMode) {
-                                    jbrowse.removePlugin(pluginMetadata);
-                                }
-                                else if ((0, types_1.isSessionWithSessionPlugins)(session)) {
-                                    session.removeSessionPlugin(pluginMetadata);
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, { children: [adminMode || isSessionPlugin ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => {
+                    session.queueDialog(onClose => [
+                        DeletePluginDialog,
+                        {
+                            plugin: plugin.name,
+                            onClose: (name) => {
+                                if (name) {
+                                    const pluginMetadata = pluginManager.pluginMetadata[plugin.name];
+                                    if (adminMode) {
+                                        jbrowse.removePlugin(pluginMetadata);
+                                    }
+                                    else if ((0, types_1.isSessionWithSessionPlugins)(session)) {
+                                        session.removeSessionPlugin(pluginMetadata);
+                                    }
                                 }
-                            }
-                            onClose();
+                                onClose();
+                            },
                         },
-                    },
-                ]);
-            } },
-            react_1.default.createElement(Close_1.default, null))) : (react_1.default.createElement(LockedPlugin, null)),
-        react_1.default.createElement(material_1.Typography, null, plugin.name)));
+                    ]);
+                }, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })) : ((0, jsx_runtime_1.jsx)(LockedPlugin, {})), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: plugin.name })] }, plugin.name));
 });
 exports.default = InstalledPlugin;

package/dist/PluginStoreWidget/components/InstalledPluginsList.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 import type PluginManager from '@jbrowse/core/PluginManager';
 declare const InstalledPluginsList: ({ pluginManager, model, }: {
     pluginManager: PluginManager;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default InstalledPluginsList;

package/dist/PluginStoreWidget/components/InstalledPluginsList.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 material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const InstalledPlugin_1 = __importDefault(require("./InstalledPlugin"));
@@ -11,8 +11,8 @@ const InstalledPluginsList = (0, mobx_react_1.observer)(function InstalledPlugin
     const { plugins } = pluginManager;
     const { filterText } = model;
     const externalPlugins = plugins.filter(p => { var _a; return !((_a = pluginManager.pluginMetadata[p.name]) === null || _a === void 0 ? void 0 : _a.isCore); });
-    return (react_1.default.createElement(material_1.List, null, externalPlugins.length > 0 ? (externalPlugins
-        .filter(p => p.name.toLowerCase().includes(filterText.toLowerCase()))
-        .map(p => react_1.default.createElement(InstalledPlugin_1.default, { key: p.name, plugin: p, model: model }))) : (react_1.default.createElement(material_1.Typography, null, "No plugins currently installed"))));
+    return ((0, jsx_runtime_1.jsx)(material_1.List, { children: externalPlugins.length > 0 ? (externalPlugins
+            .filter(p => p.name.toLowerCase().includes(filterText.toLowerCase()))
+            .map(p => (0, jsx_runtime_1.jsx)(InstalledPlugin_1.default, { plugin: p, model: model }, p.name))) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "No plugins currently installed" })) }));
 });
 exports.default = InstalledPluginsList;

package/dist/PluginStoreWidget/components/PluginCard.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 import type { JBrowsePlugin } from '@jbrowse/core/util/types';
 declare const PluginCard: ({ plugin, model, }: {
     plugin: JBrowsePlugin;
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PluginCard;

package/dist/PluginStoreWidget/components/PluginCard.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 types_1 = require("@jbrowse/core/util/types");
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
@@ -63,27 +41,17 @@ const PluginCard = (0, mobx_react_1.observer)(function PluginCard({ plugin, mode
     const [tempDisabled, setTempDisabled] = (0, react_1.useState)(false);
     const { adminMode, jbrowse } = session;
     const { name, authors, description } = plugin;
-    return (react_1.default.createElement(material_1.Card, { variant: "outlined", key: name, className: classes.card },
-        react_1.default.createElement(material_1.CardContent, null,
-            react_1.default.createElement(material_1.Typography, { variant: "h5" },
-                react_1.default.createElement(material_1.Link, { href: `${plugin.location}#readme`, target: "_blank", rel: "noopener" }, plugin.name)),
-            react_1.default.createElement("div", { className: classes.dataField },
-                react_1.default.createElement(Person_1.default, { className: classes.mr }),
-                react_1.default.createElement(material_1.Typography, null, authors.join(', '))),
-            react_1.default.createElement(material_1.Typography, { className: classes.bold }, "Description:"),
-            react_1.default.createElement(material_1.Typography, null, description)),
-        react_1.default.createElement(material_1.CardActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", disabled: isInstalled || tempDisabled, startIcon: isInstalled ? react_1.default.createElement(Check_1.default, null) : react_1.default.createElement(Add_1.default, null), onClick: () => {
-                    if (adminMode) {
-                        jbrowse.addPlugin(plugin);
-                    }
-                    else if ((0, types_1.isSessionWithSessionPlugins)(session)) {
-                        session.addSessionPlugin(plugin);
-                    }
-                    else {
-                        session.notify('No way to install plugin');
-                    }
-                    setTempDisabled(true);
-                } }, isInstalled ? 'Installed' : 'Install'))));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Card, { variant: "outlined", className: classes.card, children: [(0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: `${plugin.location}#readme`, target: "_blank", rel: "noopener", children: plugin.name }) }), (0, jsx_runtime_1.jsxs)("div", { className: classes.dataField, children: [(0, jsx_runtime_1.jsx)(Person_1.default, { className: classes.mr }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: authors.join(', ') })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { className: classes.bold, children: "Description:" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: description })] }), (0, jsx_runtime_1.jsx)(material_1.CardActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", disabled: isInstalled || tempDisabled, startIcon: isInstalled ? (0, jsx_runtime_1.jsx)(Check_1.default, {}) : (0, jsx_runtime_1.jsx)(Add_1.default, {}), onClick: () => {
+                        if (adminMode) {
+                            jbrowse.addPlugin(plugin);
+                        }
+                        else if ((0, types_1.isSessionWithSessionPlugins)(session)) {
+                            session.addSessionPlugin(plugin);
+                        }
+                        else {
+                            session.notify('No way to install plugin');
+                        }
+                        setTempDisabled(true);
+                    }, children: isInstalled ? 'Installed' : 'Install' }) })] }, name));
 });
 exports.default = PluginCard;

package/dist/PluginStoreWidget/components/PluginStoreWidget.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { PluginStoreModel } from '../model';
 declare const PluginStoreWidget: ({ model, }: {
     model: PluginStoreModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PluginStoreWidget;