@jbrowse/plugin-linear-genome-view 2.18.0 → 3.0.0

package/dist/LinearGenomeView/components/SequenceSearchDialog.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 ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
@@ -48,53 +26,42 @@ const SequenceSearchDialog = (0, mobx_react_1.observer)(function ({ model, handl
     catch (e) {
         error = e;
     }
-    return (react_1.default.createElement(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Sequence search" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.dialogContent },
-            react_1.default.createElement(material_1.Typography, null, "Supply a sequence to search for. A track will be created with the resulting matches once submitted. You can also supply regex style expressions e.g. AACT(C|T)."),
-            react_1.default.createElement(material_1.TextField, { value: value, onChange: e => {
-                    setValue(e.target.value);
-                }, helperText: "Sequence search pattern" }),
-            react_1.default.createElement(material_1.FormGroup, null,
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: searchForward, onChange: event => {
-                            setSearchForward(event.target.checked);
-                        } }), label: "Search forward strand" }),
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: searchReverse, onChange: event => {
-                            setSearchReverse(event.target.checked);
-                        } }), label: "Search reverse strand" }),
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: caseInsensitive, onChange: event => {
-                            setCaseInsensitive(event.target.checked);
-                        } }), label: "Case insensitive" })),
-            error ? react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`) : null),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    var _a;
-                    if (value) {
-                        const trackId = `sequence_search_${+Date.now()}`;
-                        const session = (0, util_1.getSession)(model);
-                        const { assemblyManager } = session;
-                        const assemblyName = model.assemblyNames[0];
-                        if ((0, util_1.isSessionWithAddTracks)(session)) {
-                            session.addTrackConf({
-                                trackId,
-                                name: `Sequence search ${value}`,
-                                assemblyNames: [assemblyName],
-                                type: 'FeatureTrack',
-                                adapter: {
-                                    type: 'SequenceSearchAdapter',
-                                    search: value,
-                                    searchForward,
-                                    searchReverse,
-                                    caseInsensitive,
-                                    sequenceAdapter: (0, mobx_state_tree_1.getSnapshot)((_a = assemblyManager.get(assemblyName)) === null || _a === void 0 ? void 0 : _a.configuration.sequence.adapter),
-                                },
-                            });
-                            model.showTrack(trackId);
-                        }
-                    }
-                    handleClose();
-                }, variant: "contained", color: "primary" }, "Submit"),
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleClose();
-                }, variant: "contained", color: "secondary" }, "Close"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Sequence search", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.dialogContent, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Supply a sequence to search for. A track will be created with the resulting matches once submitted. You can also supply regex style expressions e.g. AACT(C|T)." }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: value, onChange: e => {
+                            setValue(e.target.value);
+                        }, helperText: "Sequence search pattern" }), (0, jsx_runtime_1.jsxs)(material_1.FormGroup, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: searchForward, onChange: event => {
+                                        setSearchForward(event.target.checked);
+                                    } }), label: "Search forward strand" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: searchReverse, onChange: event => {
+                                        setSearchReverse(event.target.checked);
+                                    } }), label: "Search reverse strand" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: caseInsensitive, onChange: event => {
+                                        setCaseInsensitive(event.target.checked);
+                                    } }), label: "Case insensitive" })] }), error ? (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: `${error}` }) : null] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                            var _a;
+                            if (value) {
+                                const trackId = `sequence_search_${+Date.now()}`;
+                                const session = (0, util_1.getSession)(model);
+                                const { assemblyManager } = session;
+                                const assemblyName = model.assemblyNames[0];
+                                if ((0, util_1.isSessionWithAddTracks)(session)) {
+                                    session.addTrackConf({
+                                        trackId,
+                                        name: `Sequence search ${value}`,
+                                        assemblyNames: [assemblyName],
+                                        type: 'FeatureTrack',
+                                        adapter: {
+                                            type: 'SequenceSearchAdapter',
+                                            search: value,
+                                            searchForward,
+                                            searchReverse,
+                                            caseInsensitive,
+                                            sequenceAdapter: (0, mobx_state_tree_1.getSnapshot)((_a = assemblyManager.get(assemblyName)) === null || _a === void 0 ? void 0 : _a.configuration.sequence.adapter),
+                                        },
+                                    });
+                                    model.showTrack(trackId);
+                                }
+                            }
+                            handleClose();
+                        }, variant: "contained", color: "primary", children: "Submit" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
+                            handleClose();
+                        }, variant: "contained", color: "secondary", children: "Close" })] })] }));
 });
 exports.default = SequenceSearchDialog;

package/dist/LinearGenomeView/components/TrackContainer.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 import type { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 type LGV = LinearGenomeViewModel;
 declare const TrackContainer: ({ model, track, }: {
     model: LGV;
     track: BaseTrackModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrackContainer;

package/dist/LinearGenomeView/components/TrackContainer.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 ErrorBoundary_1 = require("@jbrowse/core/ui/ErrorBoundary");
 const material_1 = require("@mui/material");
@@ -51,22 +29,18 @@ const TrackContainer = (0, mobx_react_1.observer)(function ({ model, track, }) {
     const display = track.displays[0];
     const { draggingTrackId, showTrackOutlines } = model;
     const ref = (0, react_1.useRef)(null);
-    return (react_1.default.createElement(material_1.Paper, { ref: ref, className: classes.root, variant: showTrackOutlines ? 'outlined' : undefined, elevation: showTrackOutlines ? undefined : 0, onClick: event => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { ref: ref, className: classes.root, variant: showTrackOutlines ? 'outlined' : undefined, elevation: showTrackOutlines ? undefined : 0, onClick: event => {
             var _a;
             if (event.detail === 2 && !track.displays[0].featureIdUnderMouse) {
                 const left = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
                 model.zoomTo(model.bpPerPx / 2, event.clientX - left, true);
             }
-        } },
-        react_1.default.createElement(TrackLabelContainer_1.default, { track: track, view: model }),
-        react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: e => react_1.default.createElement(ui_1.ErrorMessage, { error: e.error }) },
-            react_1.default.createElement(TrackRenderingContainer_1.default, { model: model, track: track, onDragEnter: () => {
-                    if ((0, mobx_state_tree_1.isAlive)(display) &&
-                        draggingTrackId !== undefined &&
-                        draggingTrackId !== display.id) {
-                        model.moveTrack(draggingTrackId, track.id);
-                    }
-                } })),
-        react_1.default.createElement(ui_1.ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })));
+        }, children: [(0, jsx_runtime_1.jsx)(TrackLabelContainer_1.default, { track: track, view: model }), (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: e => (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: e.error }), children: (0, jsx_runtime_1.jsx)(TrackRenderingContainer_1.default, { model: model, track: track, onDragEnter: () => {
+                        if ((0, mobx_state_tree_1.isAlive)(display) &&
+                            draggingTrackId !== undefined &&
+                            draggingTrackId !== display.id) {
+                            model.moveTrack(draggingTrackId, track.id);
+                        }
+                    } }) }), (0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })] }));
 });
 exports.default = TrackContainer;

package/dist/LinearGenomeView/components/TrackLabel.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 interface Props {
     track: BaseTrackModel;
     className?: string;
 }
-declare const TrackLabel: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const TrackLabel: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default TrackLabel;

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -3,24 +3,18 @@ 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 react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
-const KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
-const KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
-const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
 const TrackLabelDragHandle_1 = __importDefault(require("./TrackLabelDragHandle"));
+const TrackLabelMenu_1 = __importDefault(require("./TrackLabelMenu"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
         background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
@@ -35,8 +29,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         padding: theme.spacing(1),
     },
 }));
-const TrackLabel = (0, mobx_react_1.observer)(react_1.default.forwardRef(function TrackLabel2({ track, className }, ref) {
-    var _a;
+const TrackLabel = (0, mobx_react_1.observer)((0, react_1.forwardRef)(function TrackLabel2({ track, className }, ref) {
     const { classes, cx } = useStyles();
     const view = (0, util_1.getContainingView)(track);
     const session = (0, util_1.getSession)(track);
@@ -44,73 +37,12 @@ const TrackLabel = (0, mobx_react_1.observer)(react_1.default.forwardRef(functio
     const minimized = track.minimized;
     const trackId = (0, configuration_1.getConf)(track, 'trackId');
     const trackName = (0, tracks_1.getTrackName)(trackConf, session);
-    const items = [
-        {
-            label: 'Track order',
-            type: 'subMenu',
-            priority: 2000,
-            subMenu: [
-                {
-                    label: minimized ? 'Restore track' : 'Minimize track',
-                    icon: minimized ? Add_1.default : Minimize_1.default,
-                    onClick: () => {
-                        track.setMinimized(!minimized);
-                    },
-                },
-                ...(view.tracks.length > 2
-                    ? [
-                        {
-                            label: 'Move track to top',
-                            icon: KeyboardDoubleArrowUp_1.default,
-                            onClick: () => {
-                                view.moveTrackToTop(track.id);
-                            },
-                        },
-                    ]
-                    : []),
-                {
-                    label: 'Move track up',
-                    icon: KeyboardArrowUp_1.default,
-                    onClick: () => {
-                        view.moveTrackUp(track.id);
-                    },
-                },
-                {
-                    label: 'Move track down',
-                    icon: KeyboardArrowDown_1.default,
-                    onClick: () => {
-                        view.moveTrackDown(track.id);
-                    },
-                },
-                ...(view.tracks.length > 2
-                    ? [
-                        {
-                            label: 'Move track to bottom',
-                            icon: KeyboardDoubleArrowDown_1.default,
-                            onClick: () => {
-                                view.moveTrackToBottom(track.id);
-                            },
-                        },
-                    ]
-                    : []),
-            ],
-        },
-        ...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
-        ...track.trackMenuItems(),
-    ].sort((a, b) => ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0));
-    return (react_1.default.createElement(material_1.Paper, { ref: ref, className: cx(className, classes.root), onClick: event => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { ref: ref, className: cx(className, classes.root), onClick: event => {
             event.stopPropagation();
-        } },
-        react_1.default.createElement(TrackLabelDragHandle_1.default, { track: track, trackId: trackId, view: view }),
-        react_1.default.createElement(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track" },
-            react_1.default.createElement(Close_1.default, { fontSize: "small" })),
-        react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName, onMouseDown: event => {
-                event.stopPropagation();
-            } },
-            react_1.default.createElement(ui_1.SanitizedHTML, { html: [trackName, minimized ? '(minimized)' : '']
-                    .filter(f => !!f)
-                    .join(' ') })),
-        react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: items, "data-testid": "track_menu_icon" },
-            react_1.default.createElement(MoreVert_1.default, { fontSize: "small" }))));
+        }, children: [(0, jsx_runtime_1.jsx)(TrackLabelDragHandle_1.default, { track: track, trackId: trackId, view: view }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track", children: (0, jsx_runtime_1.jsx)(Close_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName, onMouseDown: event => {
+                    event.stopPropagation();
+                }, children: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: [trackName, minimized ? '(minimized)' : '']
+                        .filter(f => !!f)
+                        .join(' ') }) }), (0, jsx_runtime_1.jsx)(TrackLabelMenu_1.default, { track: track })] }));
 }));
 exports.default = TrackLabel;

package/dist/LinearGenomeView/components/TrackLabelContainer.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 import type { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 type LGV = LinearGenomeViewModel;
 declare const TrackLabelContainer: ({ track, view, }: {
     track: BaseTrackModel;
     view: LGV;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default TrackLabelContainer;

package/dist/LinearGenomeView/components/TrackLabelContainer.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 mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
 const TrackLabel_1 = __importDefault(require("./TrackLabel"));
@@ -26,6 +26,6 @@ const TrackLabelContainer = (0, mobx_react_1.observer)(function ({ track, view,
     const labelStyle = view.trackLabelsSetting !== 'overlapping' || display.prefersOffset
         ? trackLabelOffset
         : trackLabelOverlap;
-    return view.trackLabelsSetting !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: track, className: cx(trackLabel, labelStyle) })) : null;
+    return view.trackLabelsSetting !== 'hidden' ? ((0, jsx_runtime_1.jsx)(TrackLabel_1.default, { track: track, className: cx(trackLabel, labelStyle) })) : null;
 });
 exports.default = TrackLabelContainer;

package/dist/LinearGenomeView/components/TrackLabelDragHandle.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 import type { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 declare function TrackLabelDragHandle({ trackId, view, track, }: {
     trackId: string;
     track: BaseTrackModel;
     view: LinearGenomeViewModel;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default TrackLabelDragHandle;

package/dist/LinearGenomeView/components/TrackLabelDragHandle.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 DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
@@ -18,7 +18,7 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 function TrackLabelDragHandle({ trackId, view, track, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
+    return ((0, jsx_runtime_1.jsx)("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
             const target = event.currentTarget;
             if (target.parentNode) {
                 const parent = target.parentNode;
@@ -27,7 +27,6 @@ function TrackLabelDragHandle({ trackId, view, track, }) {
             }
         }, onDragEnd: () => {
             view.setDraggingTrackId(undefined);
-        }, "data-testid": `dragHandle-${view.id}-${trackId}` },
-        react_1.default.createElement(DragIndicator_1.default, { className: classes.dragHandleIcon, fontSize: "small" })));
+        }, "data-testid": `dragHandle-${view.id}-${trackId}`, children: (0, jsx_runtime_1.jsx)(DragIndicator_1.default, { className: classes.dragHandleIcon, fontSize: "small" }) }));
 }
 exports.default = TrackLabelDragHandle;

package/dist/LinearGenomeView/components/TrackLabelMenu.d.ts

@@ -0,0 +1,5 @@
+import type { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+declare const TrackLabelMenu: ({ track, }: {
+    track: BaseTrackModel;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TrackLabelMenu;

package/dist/LinearGenomeView/components/TrackLabelMenu.js

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
+const util_1 = require("@jbrowse/core/util");
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
+const KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
+const KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
+const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
+const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+const mobx_react_1 = require("mobx-react");
+const TrackLabelMenu = (0, mobx_react_1.observer)(function ({ track, }) {
+    var _a;
+    const view = (0, util_1.getContainingView)(track);
+    const session = (0, util_1.getSession)(track);
+    const trackConf = track.configuration;
+    const minimized = track.minimized;
+    const items = [
+        {
+            label: 'Track order',
+            type: 'subMenu',
+            priority: 2000,
+            subMenu: [
+                {
+                    label: minimized ? 'Restore track' : 'Minimize track',
+                    icon: minimized ? Add_1.default : Minimize_1.default,
+                    onClick: () => {
+                        track.setMinimized(!minimized);
+                    },
+                },
+                ...(view.tracks.length > 2
+                    ? [
+                        {
+                            label: 'Move track to top',
+                            icon: KeyboardDoubleArrowUp_1.default,
+                            onClick: () => {
+                                view.moveTrackToTop(track.id);
+                            },
+                        },
+                    ]
+                    : []),
+                {
+                    label: 'Move track up',
+                    icon: KeyboardArrowUp_1.default,
+                    onClick: () => {
+                        view.moveTrackUp(track.id);
+                    },
+                },
+                {
+                    label: 'Move track down',
+                    icon: KeyboardArrowDown_1.default,
+                    onClick: () => {
+                        view.moveTrackDown(track.id);
+                    },
+                },
+                ...(view.tracks.length > 2
+                    ? [
+                        {
+                            label: 'Move track to bottom',
+                            icon: KeyboardDoubleArrowDown_1.default,
+                            onClick: () => {
+                                view.moveTrackToBottom(track.id);
+                            },
+                        },
+                    ]
+                    : []),
+            ],
+        },
+        ...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
+        ...track.trackMenuItems(),
+    ].sort((a, b) => ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0));
+    return ((0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: items, "data-testid": "track_menu_icon", children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, { fontSize: "small" }) }));
+});
+exports.default = TrackLabelMenu;

package/dist/LinearGenomeView/components/TrackRenderingContainer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 import type { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 type LGV = LinearGenomeViewModel;
@@ -6,5 +5,5 @@ declare const TrackRenderingContainer: ({ model, track, onDragEnter, }: {
     model: LGV;
     track: BaseTrackModel;
     onDragEnter: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrackRenderingContainer;

package/dist/LinearGenomeView/components/TrackRenderingContainer.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 configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
 const mobx_react_1 = require("mobx-react");
@@ -60,19 +38,14 @@ const TrackRenderingContainer = (0, mobx_react_1.observer)(function ({ model, tr
             delete trackRefs[trackId];
         };
     }, [trackRefs, trackId]);
-    return (react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes.trackRenderingContainer, style: {
             height: minimized ? 20 : height,
-        }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: onDragEnter, "data-testid": `trackRenderingContainer-${id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: {
-                transform: scaleFactor !== 1 ? `scaleX(${scaleFactor})` : undefined,
-            } },
-            react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ui_1.LoadingEllipses, null) },
-                react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll }))),
-        DisplayBlurb ? (react_1.default.createElement("div", { style: {
-                position: 'absolute',
-                left: 0,
-                top: display.height - 20,
-            } },
-            react_1.default.createElement(DisplayBlurb, { model: display }))) : null)) : null));
+        }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: onDragEnter, "data-testid": `trackRenderingContainer-${id}-${trackId}`, children: !minimized ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: ref, className: classes.renderingComponentContainer, style: {
+                        transform: scaleFactor !== 1 ? `scaleX(${scaleFactor})` : undefined,
+                    }, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}), children: (0, jsx_runtime_1.jsx)(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll }) }) }), DisplayBlurb ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                        position: 'absolute',
+                        left: 0,
+                        top: display.height - 20,
+                    }, children: (0, jsx_runtime_1.jsx)(DisplayBlurb, { model: display }) })) : null] })) : null }));
 });
 exports.default = TrackRenderingContainer;

package/dist/LinearGenomeView/components/TracksContainer.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import type { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
 declare const TracksContainer: ({ children, model, }: {
     children: React.ReactNode;
     model: LGV;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TracksContainer;