@jbrowse/plugin-spreadsheet-view 2.17.0 → 2.18.0

package/dist/SpreadsheetView/SpreadsheetViewModel.d.ts

@@ -0,0 +1,299 @@
+import type { SpreadsheetModel } from './SpreadsheetModel';
+import type { MenuItem } from '@jbrowse/core/ui';
+import type { Instance } from 'mobx-state-tree';
+export default function stateModelFactory(): import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    minimized: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"SpreadsheetView">;
+    offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    hideVerticalResizeHandle: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideFilterControls: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    importWizard: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+        fileType: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        hasColumnNameLine: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        columnNameLineNumber: import("mobx-state-tree").IType<number | undefined, number, number>;
+        selectedAssemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        cachedFileLocation: import("mobx-state-tree").IType<import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined>;
+    }, {
+        fileTypes: string[];
+        fileSource: any;
+        error: unknown;
+        loading: boolean;
+    } & {
+        readonly isReadyToOpen: any;
+        readonly fileName: any;
+        readonly requiresUnzip: any;
+        isValidRefName(refName: string, assemblyName?: string): boolean;
+        tracksForAssembly(selectedAssembly: string): {
+            track: {
+                [x: string]: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                    [x: string]: any;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                    setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                        [x: string]: any;
+                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+                } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+            } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>;
+            label: string;
+            assemblyNames: any;
+            type: string;
+            loc: import("@jbrowse/core/util").FileLocation;
+        }[];
+    } & {
+        setSelectedAssemblyName(s: string): void;
+        setFileSource(newSource: unknown): void;
+        setColumnNameLineNumber(newnumber: number): void;
+        setFileType(typeName: string): void;
+        setError(error: unknown): void;
+        setLoading(arg: boolean): void;
+        cancelButton(): void;
+        setCachedFileHandle(arg: import("@jbrowse/core/util").FileLocation): void;
+    } & {
+        import(assemblyName: string): Promise<void>;
+    } & {
+        afterAttach(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    spreadsheet: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+        rowSet: import("mobx-state-tree").IType<import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined>;
+        columns: import("mobx-state-tree").IType<{
+            name: string;
+        }[], {
+            name: string;
+        }[], {
+            name: string;
+        }[]>;
+        assemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        visibleColumns: import("mobx-state-tree").IType<Record<string, boolean>, Record<string, boolean>, Record<string, boolean>>;
+    }, {
+        isLoaded: boolean;
+        visibleRowFlags: Record<number, boolean> | undefined;
+    } & {
+        readonly rows: {
+            id: number;
+            feature: import("@jbrowse/core/util").SimpleFeatureSerialized | undefined;
+        }[] | undefined;
+        readonly initialized: boolean | undefined;
+    } & {
+        readonly dataGridColumns: ({
+            field: string;
+            width: number;
+        } | {
+            field: string;
+            width: number;
+            renderCell: ({ row }: import("@mui/x-data-grid").GridRenderCellParams<{
+                id: number;
+                feature: import("@jbrowse/core/util").SimpleFeatureSerialized | undefined;
+            }, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => import("react").JSX.Element | "N/A";
+            valueGetter?: undefined;
+            valueFormatter?: undefined;
+        } | {
+            field: string;
+            width: number;
+            valueGetter: (_val: unknown, row: {
+                feature?: import("@jbrowse/core/util").SimpleFeatureSerialized;
+            }) => number | undefined;
+            valueFormatter: (arg: never) => string;
+            renderCell?: undefined;
+        })[] | undefined;
+    } & {
+        readonly visibleRows: {
+            id: number;
+            feature: import("@jbrowse/core/util").SimpleFeatureSerialized | undefined;
+        }[] | undefined;
+    } & {
+        setVisibleRows(arg?: Record<number, boolean>): void;
+        setVisibleColumns(arg: Record<string, boolean>): void;
+        setLoaded(flag: boolean): void;
+        afterAttach(): void;
+    }, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        rowSet: import("mobx-state-tree").IType<import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined>;
+        columns: import("mobx-state-tree").IType<{
+            name: string;
+        }[], {
+            name: string;
+        }[], {
+            name: string;
+        }[]>;
+        assemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        visibleColumns: import("mobx-state-tree").IType<Record<string, boolean>, Record<string, boolean>, Record<string, boolean>>;
+    }>>, import("mobx-state-tree")._NotCustomized>>;
+}, {
+    width: number;
+} & {
+    menuItems(): MenuItem[];
+} & {
+    setDisplayName(name: string): void;
+    setWidth(newWidth: number): void;
+    setMinimized(flag: boolean): void;
+} & {
+    width: number;
+    rowMenuItems: MenuItem[];
+} & {
+    readonly assembly: any;
+} & {
+    setRowMenuItems(newItems: MenuItem[]): void;
+    setWidth(newWidth: number): number;
+    setHeight(newHeight: number): number;
+    resizeHeight(distance: number): number;
+    resizeWidth(distance: number): number;
+    displaySpreadsheet(spreadsheet?: SpreadsheetModel): void;
+} & {
+    menuItems(): {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+    }[];
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree").ModelSnapshotType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    minimized: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"SpreadsheetView">;
+    offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    hideVerticalResizeHandle: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideFilterControls: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    importWizard: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+        fileType: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        hasColumnNameLine: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        columnNameLineNumber: import("mobx-state-tree").IType<number | undefined, number, number>;
+        selectedAssemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        cachedFileLocation: import("mobx-state-tree").IType<import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined>;
+    }, {
+        fileTypes: string[];
+        fileSource: any;
+        error: unknown;
+        loading: boolean;
+    } & {
+        readonly isReadyToOpen: any;
+        readonly fileName: any;
+        readonly requiresUnzip: any;
+        isValidRefName(refName: string, assemblyName?: string): boolean;
+        tracksForAssembly(selectedAssembly: string): {
+            track: {
+                [x: string]: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                    [x: string]: any;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                    setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                        [x: string]: any;
+                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+                } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+            } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>;
+            label: string;
+            assemblyNames: any;
+            type: string;
+            loc: import("@jbrowse/core/util").FileLocation;
+        }[];
+    } & {
+        setSelectedAssemblyName(s: string): void;
+        setFileSource(newSource: unknown): void;
+        setColumnNameLineNumber(newnumber: number): void;
+        setFileType(typeName: string): void;
+        setError(error: unknown): void;
+        setLoading(arg: boolean): void;
+        cancelButton(): void;
+        setCachedFileHandle(arg: import("@jbrowse/core/util").FileLocation): void;
+    } & {
+        import(assemblyName: string): Promise<void>;
+    } & {
+        afterAttach(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    spreadsheet: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+        rowSet: import("mobx-state-tree").IType<import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined>;
+        columns: import("mobx-state-tree").IType<{
+            name: string;
+        }[], {
+            name: string;
+        }[], {
+            name: string;
+        }[]>;
+        assemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        visibleColumns: import("mobx-state-tree").IType<Record<string, boolean>, Record<string, boolean>, Record<string, boolean>>;
+    }, {
+        isLoaded: boolean;
+        visibleRowFlags: Record<number, boolean> | undefined;
+    } & {
+        readonly rows: {
+            id: number;
+            feature: import("@jbrowse/core/util").SimpleFeatureSerialized | undefined;
+        }[] | undefined;
+        readonly initialized: boolean | undefined;
+    } & {
+        readonly dataGridColumns: ({
+            field: string;
+            width: number;
+        } | {
+            field: string;
+            width: number;
+            renderCell: ({ row }: import("@mui/x-data-grid").GridRenderCellParams<{
+                id: number;
+                feature: import("@jbrowse/core/util").SimpleFeatureSerialized | undefined;
+            }, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => import("react").JSX.Element | "N/A";
+            valueGetter?: undefined;
+            valueFormatter?: undefined;
+        } | {
+            field: string;
+            width: number;
+            valueGetter: (_val: unknown, row: {
+                feature?: import("@jbrowse/core/util").SimpleFeatureSerialized;
+            }) => number | undefined;
+            valueFormatter: (arg: never) => string;
+            renderCell?: undefined;
+        })[] | undefined;
+    } & {
+        readonly visibleRows: {
+            id: number;
+            feature: import("@jbrowse/core/util").SimpleFeatureSerialized | undefined;
+        }[] | undefined;
+    } & {
+        setVisibleRows(arg?: Record<number, boolean>): void;
+        setVisibleColumns(arg: Record<string, boolean>): void;
+        setLoaded(flag: boolean): void;
+        afterAttach(): void;
+    }, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        rowSet: import("mobx-state-tree").IType<import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined, import("./SpreadsheetModel").RowSet | undefined>;
+        columns: import("mobx-state-tree").IType<{
+            name: string;
+        }[], {
+            name: string;
+        }[], {
+            name: string;
+        }[]>;
+        assemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        visibleColumns: import("mobx-state-tree").IType<Record<string, boolean>, Record<string, boolean>, Record<string, boolean>>;
+    }>>, import("mobx-state-tree")._NotCustomized>>;
+}> | {
+    spreadsheet: {
+        columns: {
+            name: string;
+        }[];
+        assemblyName: string | undefined;
+        visibleColumns: Record<string, boolean>;
+    };
+    id: string;
+    type: "SpreadsheetView";
+    height: number;
+    displayName: string | undefined;
+    minimized: boolean;
+    hideVerticalResizeHandle: boolean;
+    offsetPx: number;
+    hideFilterControls: boolean;
+    importWizard: import("mobx-state-tree").ModelSnapshotType<{
+        fileType: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        hasColumnNameLine: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        columnNameLineNumber: import("mobx-state-tree").IType<number | undefined, number, number>;
+        selectedAssemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        cachedFileLocation: import("mobx-state-tree").IType<import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined>;
+    }>;
+}>;
+export type SpreadsheetViewStateModel = ReturnType<typeof stateModelFactory>;
+export type SpreadsheetViewModel = Instance<SpreadsheetViewStateModel>;

package/dist/SpreadsheetView/SpreadsheetViewModel.js

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = stateModelFactory;
+const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
+const util_1 = require("@jbrowse/core/util");
+const FolderOpen_1 = __importDefault(require("@mui/icons-material/FolderOpen"));
+const mobx_state_tree_1 = require("mobx-state-tree");
+const ImportWizard_1 = __importDefault(require("./ImportWizard"));
+const SpreadsheetModel_1 = __importDefault(require("./SpreadsheetModel"));
+const minHeight = 40;
+const defaultHeight = 440;
+function x() { }
+function stateModelFactory() {
+    const ImportWizardModel = (0, ImportWizard_1.default)();
+    return mobx_state_tree_1.types
+        .compose(models_1.BaseViewModel, mobx_state_tree_1.types
+        .model('SpreadsheetView', {
+        type: mobx_state_tree_1.types.literal('SpreadsheetView'),
+        offsetPx: 0,
+        height: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, defaultHeight),
+        hideVerticalResizeHandle: false,
+        hideFilterControls: false,
+        importWizard: mobx_state_tree_1.types.optional(ImportWizardModel, () => ImportWizardModel.create()),
+        spreadsheet: mobx_state_tree_1.types.maybe((0, SpreadsheetModel_1.default)()),
+    })
+        .volatile(() => ({
+        width: 400,
+        rowMenuItems: [],
+    }))
+        .views(self => ({
+        get assembly() {
+            var _a, _b;
+            const name = (_a = self.spreadsheet) === null || _a === void 0 ? void 0 : _a.assemblyName;
+            return name
+                ? (_b = (0, util_1.getSession)(self).assemblyManager.get(name)) === null || _b === void 0 ? void 0 : _b.configuration
+                : undefined;
+        },
+    }))
+        .actions(self => ({
+        setRowMenuItems(newItems) {
+            self.rowMenuItems = newItems;
+        },
+        setWidth(newWidth) {
+            self.width = newWidth;
+            return self.width;
+        },
+        setHeight(newHeight) {
+            self.height = Math.max(newHeight, minHeight);
+            return self.height;
+        },
+        resizeHeight(distance) {
+            const oldHeight = self.height;
+            const newHeight = this.setHeight(self.height + distance);
+            return newHeight - oldHeight;
+        },
+        resizeWidth(distance) {
+            const oldWidth = self.width;
+            const newWidth = this.setWidth(self.width + distance);
+            return newWidth - oldWidth;
+        },
+        displaySpreadsheet(spreadsheet) {
+            self.spreadsheet = (0, mobx_state_tree_1.cast)(spreadsheet);
+        },
+    }))
+        .views(self => ({
+        menuItems() {
+            return [
+                {
+                    label: 'Return to import form',
+                    icon: FolderOpen_1.default,
+                    onClick: () => {
+                        self.displaySpreadsheet(undefined);
+                    },
+                },
+            ];
+        },
+    })))
+        .postProcessSnapshot(snap => {
+        const { importWizard, spreadsheet } = snap;
+        if (importWizard.cachedFileLocation && spreadsheet) {
+            const { rowSet, ...rest } = spreadsheet;
+            return {
+                ...snap,
+                spreadsheet: rest,
+            };
+        }
+        else {
+            return snap;
+        }
+    });
+}

package/dist/SpreadsheetView/components/BreakendMultiLevelOptionDialog.d.ts

@@ -0,0 +1 @@
+export { BreakendMultiLevelOptionDialog as default } from '@jbrowse/sv-core';

package/dist/SpreadsheetView/components/BreakendMultiLevelOptionDialog.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var sv_core_1 = require("@jbrowse/sv-core");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return sv_core_1.BreakendMultiLevelOptionDialog; } });

package/dist/SpreadsheetView/components/BreakendSingleLevelOptionDialog.d.ts

@@ -0,0 +1 @@
+export { BreakendSingleLevelOptionDialog as default } from '@jbrowse/sv-core';

package/dist/SpreadsheetView/components/BreakendSingleLevelOptionDialog.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var sv_core_1 = require("@jbrowse/sv-core");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return sv_core_1.BreakendSingleLevelOptionDialog; } });

package/dist/SpreadsheetView/components/FeatureMenu.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { AbstractSessionModel, SimpleFeatureSerialized } from '@jbrowse/core/util';
+export default function FeatureMenu({ assemblyName, session, spreadsheetViewId, feature, }: {
+    spreadsheetViewId: string;
+    assemblyName: string;
+    session: AbstractSessionModel;
+    feature: SimpleFeatureSerialized;
+}): React.JSX.Element;

package/dist/SpreadsheetView/components/FeatureMenu.js

@@ -0,0 +1,95 @@
+"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.default = FeatureMenu;
+const react_1 = __importStar(require("react"));
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
+const util_1 = require("@jbrowse/core/util");
+const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+const mobx_state_tree_1 = require("mobx-state-tree");
+const util_2 = require("../util");
+const BreakendMultiLevelOptionDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./BreakendMultiLevelOptionDialog'))));
+const BreakendSingleLevelOptionDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./BreakendSingleLevelOptionDialog'))));
+function FeatureMenu({ assemblyName, session, spreadsheetViewId, feature, }) {
+    return (react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: [
+            {
+                label: 'Open in linear genome view',
+                onClick: async () => {
+                    try {
+                        await (0, util_2.locationLinkClick)({
+                            spreadsheetViewId,
+                            assemblyName,
+                            session,
+                            locString: (0, util_1.assembleLocStringFast)(feature),
+                        });
+                    }
+                    catch (e) {
+                        console.error(e);
+                        session.notifyError(`${e}`, e);
+                    }
+                },
+            },
+            {
+                label: 'Open in single-level split view',
+                onClick: async () => {
+                    const { pluginManager } = (0, mobx_state_tree_1.getEnv)(session);
+                    const viewType = pluginManager.getViewType('BreakpointSplitView');
+                    session.queueDialog(handleClose => [
+                        BreakendSingleLevelOptionDialog,
+                        {
+                            handleClose,
+                            session,
+                            stableViewId: `${spreadsheetViewId}_${assemblyName}_breakpointsplitview_singlelevel`,
+                            feature: new util_1.SimpleFeature(feature),
+                            viewType,
+                            assemblyName,
+                        },
+                    ]);
+                },
+            },
+            {
+                label: 'Open in multi-level split view',
+                onClick: async () => {
+                    const { pluginManager } = (0, mobx_state_tree_1.getEnv)(session);
+                    const viewType = pluginManager.getViewType('BreakpointSplitView');
+                    session.queueDialog(handleClose => [
+                        BreakendMultiLevelOptionDialog,
+                        {
+                            handleClose,
+                            session,
+                            stableViewId: `${spreadsheetViewId}_${assemblyName}_breakpointsplitview_multilevel`,
+                            feature: new util_1.SimpleFeature(feature),
+                            viewType,
+                            assemblyName,
+                        },
+                    ]);
+                },
+            },
+        ] },
+        react_1.default.createElement(ArrowDropDown_1.default, null)));
+}

package/dist/SpreadsheetView/components/ImportWizard.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ImportWizardModel } from '../models/ImportWizard';
-declare const ImportWizard: ({ model }: {
+import type { ImportWizardModel } from '../ImportWizard';
+declare const ImportWizard: ({ model, }: {
     model: ImportWizardModel;
 }) => React.JSX.Element;
 export default ImportWizard;

package/dist/SpreadsheetView/components/ImportWizard.js

@@ -27,64 +27,61 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
-const util_1 = require("@jbrowse/core/util");
-const ui_1 = require("@jbrowse/core/ui");
-const NumberEditor_1 = __importDefault(require("./NumberEditor"));
 const mui_1 = require("tss-react/mui");
+const TrackSelector_1 = __importDefault(require("./TrackSelector"));
 const useStyles = (0, mui_1.makeStyles)()({
     container: {
         margin: '0 auto',
-        maxWidth: '25em',
+        maxWidth: '40em',
         padding: 20,
     },
 });
-const ImportWizard = (0, mobx_react_1.observer)(({ model }) => {
+const ImportWizard = (0, mobx_react_1.observer)(function ({ model, }) {
     var _a;
     const session = (0, util_1.getSession)(model);
     const { classes } = useStyles();
     const { assemblyNames, assemblyManager } = session;
-    const { fileType, canCancel, fileSource, isReadyToOpen, fileTypes, hasColumnNameLine, error, } = model;
-    const [selected, setSelected] = (0, react_1.useState)(assemblyNames[0]);
-    const err = ((_a = assemblyManager.get(selected)) === null || _a === void 0 ? void 0 : _a.error) || error;
-    const showRowControls = fileType === 'CSV' || fileType === 'TSV';
+    const { loading, fileType, fileSource, isReadyToOpen, fileTypes, error } = model;
+    const [selectedAssembly, setSelectedAssembly] = (0, react_1.useState)(assemblyNames[0]);
+    const [selectorType, setSelectorType] = (0, react_1.useState)('custom');
+    const err = ((_a = assemblyManager.get(selectedAssembly)) === null || _a === void 0 ? void 0 : _a.error) || error;
     const rootModel = (0, mobx_state_tree_1.getRoot)(model);
-    return (react_1.default.createElement("div", { className: classes.container },
+    return (react_1.default.createElement("div", null,
         err ? react_1.default.createElement(ui_1.ErrorMessage, { error: err }) : null,
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(material_1.FormControl, { component: "fieldset" },
-                react_1.default.createElement(material_1.FormLabel, { component: "legend" }, "Tabular file"),
-                react_1.default.createElement(material_1.FormGroup, null,
-                    react_1.default.createElement(ui_1.FileSelector, { location: fileSource, setLocation: arg => {
-                            model.setFileSource(arg);
-                        }, rootModel: rootModel })))),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(material_1.FormControl, { component: "fieldset" },
-                react_1.default.createElement(material_1.FormLabel, { component: "legend" }, "File Type"),
-                react_1.default.createElement(material_1.RadioGroup, { row: true, "aria-label": "file type", name: "type", value: fileType }, fileTypes.map(fileTypeName => (react_1.default.createElement(material_1.FormControlLabel, { key: fileTypeName, checked: fileType === fileTypeName, value: fileTypeName, onClick: () => {
-                        model.setFileType(fileTypeName);
-                    }, control: react_1.default.createElement(material_1.Radio, null), label: fileTypeName })))))),
-        showRowControls ? (react_1.default.createElement("div", null,
-            react_1.default.createElement(material_1.FormControl, { component: "fieldset" },
-                react_1.default.createElement(material_1.FormLabel, { component: "legend" }, "Column Names"),
-                react_1.default.createElement(material_1.FormControlLabel, { disabled: !showRowControls, label: "has column names on line", labelPlacement: "end", control: react_1.default.createElement(material_1.Checkbox, { checked: hasColumnNameLine, onClick: () => {
-                            model.toggleHasColumnNameLine();
-                        } }) }),
-                react_1.default.createElement(NumberEditor_1.default, { model: model, disabled: !hasColumnNameLine, modelPropName: "columnNameLineNumber", modelSetterName: "setColumnNameLineNumber" })))) : null,
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(ui_1.AssemblySelector, { session: session, selected: selected, onChange: val => {
-                    setSelected(val);
-                } })),
-        react_1.default.createElement("div", null,
-            canCancel ? (react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                    model.cancelButton();
-                }, disabled: !canCancel }, "Cancel")) : null,
-            ' ',
-            react_1.default.createElement(material_1.Button, { disabled: !isReadyToOpen || !!err, variant: "contained", "data-testid": "open_spreadsheet", color: "primary", onClick: () => {
-                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-                    model.import(selected);
-                } }, "Open"))));
+        react_1.default.createElement(material_1.Paper, { className: classes.container },
+            loading ? react_1.default.createElement(ui_1.LoadingEllipses, { variant: "h6" }) : null,
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(material_1.FormControl, { component: "fieldset" },
+                    react_1.default.createElement(material_1.RadioGroup, { row: true, "aria-label": "file type", name: "type", value: fileType, onChange: event => {
+                            setSelectorType(event.target.value);
+                        } }, Object.entries({
+                        custom: 'Open file from URL or local computer',
+                        existing: 'Open from track',
+                    }).map(([key, val]) => (react_1.default.createElement(material_1.FormControlLabel, { key: key, checked: selectorType === key, value: key, control: react_1.default.createElement(material_1.Radio, null), label: val })))))),
+            selectorType === 'custom' ? (react_1.default.createElement("div", null,
+                react_1.default.createElement(material_1.FormControl, { component: "fieldset" },
+                    react_1.default.createElement(material_1.FormGroup, null,
+                        react_1.default.createElement(ui_1.FileSelector, { inline: true, location: fileSource, rootModel: rootModel, setLocation: arg => {
+                                model.setFileSource(arg);
+                            } }))))) : selectedAssembly ? (react_1.default.createElement(TrackSelector_1.default, { model: model, selectedAssembly: selectedAssembly })) : (react_1.default.createElement("div", null, "Select assembly")),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(material_1.FormControl, { component: "fieldset" },
+                    react_1.default.createElement(material_1.FormLabel, { component: "legend" }, "File Type"),
+                    react_1.default.createElement(material_1.RadioGroup, { row: true, "aria-label": "file type", name: "type", value: fileType, onChange: event => {
+                            model.setFileType(event.target.value);
+                        } }, fileTypes.map(fileTypeName => (react_1.default.createElement(material_1.FormControlLabel, { key: fileTypeName, checked: fileType === fileTypeName, value: fileTypeName, control: react_1.default.createElement(material_1.Radio, null), label: fileTypeName })))))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(ui_1.AssemblySelector, { session: session, selected: selectedAssembly, onChange: val => {
+                        setSelectedAssembly(val);
+                    } })),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(material_1.Button, { disabled: !isReadyToOpen || !!err, variant: "contained", "data-testid": "open_spreadsheet", color: "primary", onClick: () => {
+                        model.import(selectedAssembly);
+                    } }, "Open")))));
 });
 exports.default = ImportWizard;

package/dist/SpreadsheetView/components/LocationCell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SimpleFeatureSerialized } from '@jbrowse/core/util';
+export default function LocationCell({ model, feature, }: {
+    model: {
+        assemblyName?: string;
+    };
+    feature: SimpleFeatureSerialized;
+}): React.JSX.Element;