@jbrowse/plugin-spreadsheet-view 3.7.0 → 4.0.1

package/esm/SpreadsheetView/SpreadsheetViewModel.d.ts

@@ -1,22 +1,27 @@
-import type { SpreadsheetModel } from './SpreadsheetModel';
+import type { SpreadsheetModel } from './SpreadsheetModel.tsx';
 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>;
+import type { Instance } from '@jbrowse/mobx-state-tree';
+export interface SpreadsheetViewInit {
+    assembly: string;
+    uri: string;
+    fileType?: string;
+}
+export default function stateModelFactory(): import("@jbrowse/mobx-state-tree").IModelType<{
+    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+    minimized: import("@jbrowse/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>;
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"SpreadsheetView">;
+    offsetPx: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<number>, [undefined]>;
+    hideVerticalResizeHandle: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideFilterControls: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    importWizard: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IModelType<{
+        fileType: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+        hasColumnNameLine: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        columnNameLineNumber: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+        selectedAssemblyName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+        cachedFileLocation: import("@jbrowse/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;
@@ -30,15 +35,11 @@ export default function stateModelFactory(): import("mobx-state-tree").IModelTyp
         tracksForAssembly(selectedAssembly: string): {
             track: {
                 [x: string]: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            } & import("@jbrowse/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>;
+                } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & any & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+            } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>;
             label: string;
             assemblyNames: any;
             type: string;
@@ -57,18 +58,18 @@ export default function stateModelFactory(): import("mobx-state-tree").IModelTyp
         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<{
+    }, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>, [undefined]>;
+    spreadsheet: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").IModelType<{
+        rowSet: import("@jbrowse/mobx-state-tree").IType<import("./SpreadsheetModel.tsx").RowSet | undefined, import("./SpreadsheetModel.tsx").RowSet | undefined, import("./SpreadsheetModel.tsx").RowSet | undefined>;
+        columns: import("@jbrowse/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>>;
+        assemblyName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+        visibleColumns: import("@jbrowse/mobx-state-tree").IType<Record<string, boolean>, Record<string, boolean>, Record<string, boolean>>;
     }, {
         visibleRowFlags: Record<number, boolean> | undefined;
     } & {
@@ -85,10 +86,7 @@ export default function stateModelFactory(): import("mobx-state-tree").IModelTyp
         } | {
             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-runtime").JSX.Element | "N/A";
+            renderCell: ({ row }: import("@mui/x-data-grid").GridRenderCellParams<any, any, any, import("@mui/x-data-grid").GridTreeNodeWithRender>) => import("react/jsx-runtime").JSX.Element | "N/A";
             type?: undefined;
             valueGetter?: undefined;
             valueFormatter?: undefined;
@@ -110,18 +108,19 @@ export default function stateModelFactory(): import("mobx-state-tree").IModelTyp
     } & {
         setVisibleRows(arg?: Record<number, boolean>): void;
         setVisibleColumns(arg: Record<string, boolean>): 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<{
+    }, import("@jbrowse/mobx-state-tree").ModelCreationType<import("@jbrowse/mobx-state-tree/dist/internal").ExtractCFromProps<{
+        rowSet: import("@jbrowse/mobx-state-tree").IType<import("./SpreadsheetModel.tsx").RowSet | undefined, import("./SpreadsheetModel.tsx").RowSet | undefined, import("./SpreadsheetModel.tsx").RowSet | undefined>;
+        columns: import("@jbrowse/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>>;
+        assemblyName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+        visibleColumns: import("@jbrowse/mobx-state-tree").IType<Record<string, boolean>, Record<string, boolean>, Record<string, boolean>>;
+    }>>, import("@jbrowse/mobx-state-tree")._NotCustomized>>;
+    init: import("@jbrowse/mobx-state-tree").IType<SpreadsheetViewInit | undefined, SpreadsheetViewInit | undefined, SpreadsheetViewInit | undefined>;
 }, {
     width: number;
 } & {
@@ -142,6 +141,9 @@ export default function stateModelFactory(): import("mobx-state-tree").IModelTyp
     resizeHeight(distance: number): number;
     resizeWidth(distance: number): number;
     displaySpreadsheet(spreadsheet?: SpreadsheetModel): void;
+    setInit(init?: SpreadsheetViewInit): void;
+} & {
+    afterAttach(): void;
 } & {
     menuItems(): {
         label: string;
@@ -150,150 +152,45 @@ export default function stateModelFactory(): import("mobx-state-tree").IModelTyp
         };
         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>>;
-    }, {
-        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;
-            type: "number" | undefined;
-        } | {
-            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-runtime").JSX.Element | "N/A";
-            type?: undefined;
-            valueGetter?: undefined;
-            valueFormatter?: undefined;
-        } | {
-            field: string;
-            type: "number";
-            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;
-    }, 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>>;
-}> | {
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, {
+    importWizard: import("@jbrowse/mobx-state-tree").ModelSnapshotType<{
+        fileType: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+        hasColumnNameLine: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        columnNameLineNumber: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+        selectedAssemblyName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+        cachedFileLocation: import("@jbrowse/mobx-state-tree").IType<import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined>;
+    }>;
     spreadsheet: {
+        assemblyName: string | undefined;
         columns: {
             name: string;
         }[];
-        assemblyName: string | undefined;
         visibleColumns: Record<string, boolean>;
     };
+    height: number;
     id: string;
     type: "SpreadsheetView";
-    height: number;
     displayName: string | undefined;
     minimized: boolean;
-    hideVerticalResizeHandle: boolean;
     offsetPx: number;
+    hideVerticalResizeHandle: boolean;
     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>;
+} | {
+    importWizard: import("@jbrowse/mobx-state-tree").ModelSnapshotType<{
+        fileType: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+        hasColumnNameLine: import("@jbrowse/mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        columnNameLineNumber: import("@jbrowse/mobx-state-tree").IType<number | undefined, number, number>;
+        selectedAssemblyName: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
+        cachedFileLocation: import("@jbrowse/mobx-state-tree").IType<import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined, import("@jbrowse/core/util").FileLocation | undefined>;
     }>;
+    height: number;
+    id: string;
+    type: "SpreadsheetView";
+    displayName: string | undefined;
+    minimized: boolean;
+    offsetPx: number;
+    hideVerticalResizeHandle: boolean;
+    hideFilterControls: boolean;
 }>;
 export type SpreadsheetViewStateModel = ReturnType<typeof stateModelFactory>;
 export type SpreadsheetViewModel = Instance<SpreadsheetViewStateModel>;

package/esm/SpreadsheetView/SpreadsheetViewModel.js

@@ -1,9 +1,10 @@
 import { BaseViewModel } from '@jbrowse/core/pluggableElementTypes/models';
 import { getSession } from '@jbrowse/core/util';
+import { addDisposer, cast, types } from '@jbrowse/mobx-state-tree';
 import FolderOpenIcon from '@mui/icons-material/FolderOpen';
-import { cast, types } from 'mobx-state-tree';
-import ImportWizard from './ImportWizard';
-import Spreadsheet from './SpreadsheetModel';
+import { autorun } from 'mobx';
+import ImportWizard from "./ImportWizard.js";
+import Spreadsheet from "./SpreadsheetModel.js";
 const minHeight = 40;
 const defaultHeight = 440;
 function x() { }
@@ -19,6 +20,7 @@ export default function stateModelFactory() {
         hideFilterControls: false,
         importWizard: types.optional(ImportWizardModel, () => ImportWizardModel.create()),
         spreadsheet: types.maybe(Spreadsheet()),
+        init: types.frozen(),
     })
         .volatile(() => ({
         width: 400,
@@ -26,10 +28,9 @@ export default function stateModelFactory() {
     }))
         .views(self => ({
         get assembly() {
-            var _a, _b;
-            const name = (_a = self.spreadsheet) === null || _a === void 0 ? void 0 : _a.assemblyName;
+            const name = self.spreadsheet?.assemblyName;
             return name
-                ? (_b = getSession(self).assemblyManager.get(name)) === null || _b === void 0 ? void 0 : _b.configuration
+                ? getSession(self).assemblyManager.get(name)?.configuration
                 : undefined;
         },
     }))
@@ -58,6 +59,41 @@ export default function stateModelFactory() {
         displaySpreadsheet(spreadsheet) {
             self.spreadsheet = cast(spreadsheet);
         },
+        setInit(init) {
+            self.init = init;
+        },
+    }))
+        .actions(self => ({
+        afterAttach() {
+            addDisposer(self, autorun(async function spreadsheetViewInitAutorun() {
+                const { init, width } = self;
+                if (!width || !init) {
+                    return;
+                }
+                const session = getSession(self);
+                try {
+                    const exts = init.uri.split('.');
+                    let ext = exts.pop()?.toUpperCase();
+                    if (ext === 'GZ') {
+                        ext = exts.pop()?.toUpperCase();
+                    }
+                    self.importWizard.setFileType(init.fileType || ext || '');
+                    self.importWizard.setSelectedAssemblyName(init.assembly);
+                    self.importWizard.setFileSource({
+                        uri: init.uri,
+                        locationType: 'UriLocation',
+                    });
+                    await self.importWizard.import(init.assembly);
+                }
+                catch (e) {
+                    console.error(e);
+                    session.notifyError(`${e}`, e);
+                }
+                finally {
+                    self.setInit(undefined);
+                }
+            }, { name: 'SpreadsheetViewInit' }));
+        },
     }))
         .views(self => ({
         menuItems() {
@@ -73,23 +109,25 @@ export default function stateModelFactory() {
         },
     })))
         .postProcessSnapshot(snap => {
-        const { importWizard, spreadsheet } = snap;
+        const { init, importWizard, spreadsheet, ...rest } = snap;
         if (importWizard.cachedFileLocation && spreadsheet) {
-            const { rowSet, ...rest } = spreadsheet;
+            const { rowSet, ...spreadsheetRest } = spreadsheet;
             return {
-                ...snap,
-                spreadsheet: rest,
+                ...rest,
+                importWizard,
+                spreadsheet: spreadsheetRest,
             };
         }
         else if (spreadsheet) {
-            const { rowSet, ...rest } = spreadsheet;
-            return rowSet && JSON.stringify(rowSet).length > 1000000
+            const { rowSet, ...spreadsheetRest } = spreadsheet;
+            return rowSet && JSON.stringify(rowSet).length > 1_000_000
                 ? {
-                    ...snap,
-                    spreadsheet: rest,
+                    ...rest,
+                    importWizard,
+                    spreadsheet: spreadsheetRest,
                 }
-                : snap;
+                : { ...rest, importWizard, spreadsheet };
         }
-        return snap;
+        return { ...rest, importWizard };
     });
 }

package/esm/SpreadsheetView/components/BreakpointSplitViewChoiceDialog.d.ts

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

package/esm/SpreadsheetView/components/BreakpointSplitViewChoiceDialog.js

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

package/esm/SpreadsheetView/components/FeatureMenu.js

@@ -3,10 +3,8 @@ import { lazy } from 'react';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import { SimpleFeature, assembleLocStringFast } from '@jbrowse/core/util';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import { getEnv } from 'mobx-state-tree';
-import { locationLinkClick } from '../util';
-const BreakendMultiLevelOptionDialog = lazy(() => import('./BreakendMultiLevelOptionDialog'));
-const BreakendSingleLevelOptionDialog = lazy(() => import('./BreakendSingleLevelOptionDialog'));
+import { locationLinkClick } from "../util.js";
+const BreakpointSplitViewChoiceDialog = lazy(() => import("./BreakpointSplitViewChoiceDialog.js"));
 export default function FeatureMenu({ assemblyName, session, spreadsheetViewId, feature, }) {
     return (_jsx(CascadingMenuButton, { menuItems: [
             {
@@ -27,36 +25,15 @@ export default function FeatureMenu({ assemblyName, session, spreadsheetViewId,
                 },
             },
             {
-                label: 'Open in single-level split view',
-                onClick: async () => {
-                    const { pluginManager } = getEnv(session);
-                    const viewType = pluginManager.getViewType('BreakpointSplitView');
-                    session.queueDialog(handleClose => [
-                        BreakendSingleLevelOptionDialog,
-                        {
-                            handleClose,
-                            session,
-                            stableViewId: `${spreadsheetViewId}_${assemblyName}_breakpointsplitview_singlelevel`,
-                            feature: new SimpleFeature(feature),
-                            viewType,
-                            assemblyName,
-                        },
-                    ]);
-                },
-            },
-            {
-                label: 'Open in multi-level split view',
-                onClick: async () => {
-                    const { pluginManager } = getEnv(session);
-                    const viewType = pluginManager.getViewType('BreakpointSplitView');
+                label: 'Open in breakpoint split view',
+                onClick: () => {
                     session.queueDialog(handleClose => [
-                        BreakendMultiLevelOptionDialog,
+                        BreakpointSplitViewChoiceDialog,
                         {
                             handleClose,
                             session,
-                            stableViewId: `${spreadsheetViewId}_${assemblyName}_breakpointsplitview_multilevel`,
+                            stableViewId: `${spreadsheetViewId}_${assemblyName}_breakpointsplitview`,
                             feature: new SimpleFeature(feature),
-                            viewType,
                             assemblyName,
                         },
                     ]);

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

@@ -1,4 +1,4 @@
-import type { ImportWizardModel } from '../ImportWizard';
+import type { ImportWizardModel } from '../ImportWizard.ts';
 declare const ImportWizard: ({ model, }: {
     model: ImportWizardModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/SpreadsheetView/components/ImportWizard.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { AssemblySelector, ErrorMessage, FileSelector, LoadingEllipses, } from '@jbrowse/core/ui';
 import { getSession } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { getRoot } from '@jbrowse/mobx-state-tree';
 import { Button, FormControl, FormControlLabel, FormGroup, FormLabel, Paper, Radio, RadioGroup, } from '@mui/material';
 import { observer } from 'mobx-react';
-import { getRoot } from 'mobx-state-tree';
-import { makeStyles } from 'tss-react/mui';
-import TrackSelector from './TrackSelector';
+import TrackSelector from "./TrackSelector.js";
 const useStyles = makeStyles()({
     container: {
         margin: '0 auto',
@@ -14,15 +14,14 @@ const useStyles = makeStyles()({
         padding: 20,
     },
 });
-const ImportWizard = observer(function ({ model, }) {
-    var _a;
+const ImportWizard = observer(function ImportWizard({ model, }) {
     const session = getSession(model);
     const { classes } = useStyles();
     const { assemblyNames, assemblyManager } = session;
     const { loading, fileType, fileSource, isReadyToOpen, fileTypes, error } = model;
     const [selectedAssembly, setSelectedAssembly] = useState(assemblyNames[0]);
     const [selectorType, setSelectorType] = useState('custom');
-    const err = ((_a = assemblyManager.get(selectedAssembly)) === null || _a === void 0 ? void 0 : _a.error) || error;
+    const err = assemblyManager.get(selectedAssembly)?.error || error;
     const rootModel = getRoot(model);
     return (_jsxs("div", { children: [err ? _jsx(ErrorMessage, { error: err }) : null, _jsxs(Paper, { className: classes.container, children: [loading ? _jsx(LoadingEllipses, { variant: "h6" }) : null, _jsx("div", { children: _jsx(FormControl, { component: "fieldset", children: _jsx(RadioGroup, { row: true, "aria-label": "file type", name: "type", value: fileType, onChange: event => {
                                     setSelectorType(event.target.value);

package/esm/SpreadsheetView/components/LocationCell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { assembleLocString, getSession } from '@jbrowse/core/util';
+import { getParent } from '@jbrowse/mobx-state-tree';
 import { Link } from '@mui/material';
-import { getParent } from 'mobx-state-tree';
-import { locationLinkClick } from '../util';
-import FeatureMenu from './FeatureMenu';
+import { locationLinkClick } from "../util.js";
+import FeatureMenu from "./FeatureMenu.js";
 export default function LocationCell({ model, feature, }) {
     return (_jsxs(_Fragment, { children: [_jsx(FeatureMenu, { session: getSession(model), spreadsheetViewId: getParent(model).id, assemblyName: model.assemblyName, feature: feature }), _jsx(Link, { href: "#", onClick: async (event) => {
                     try {

package/esm/SpreadsheetView/components/NumberEditor.d.ts

@@ -1,4 +1,4 @@
-import type { ImportWizardModel } from '../ImportWizard';
+import type { ImportWizardModel } from '../ImportWizard.ts';
 declare const NumberEditor: ({ model, disabled, modelPropName, modelSetterName, }: {
     model: ImportWizardModel;
     disabled: boolean;

package/esm/SpreadsheetView/components/NumberEditor.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { TextField } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     textField: {
         width: '2rem',
         verticalAlign: 'baseline',
     },
 });
-const NumberEditor = observer(function ({ model, disabled, modelPropName, modelSetterName, }) {
+const NumberEditor = observer(function NumberEditor({ model, disabled, modelPropName, modelSetterName, }) {
     const [val, setVal] = useState(model[modelPropName]);
     const { classes } = useStyles();
     useEffect(() => {

package/esm/SpreadsheetView/components/SpreadsheetDataGrid.d.ts

@@ -1,4 +1,4 @@
-import type { SpreadsheetModel } from '../SpreadsheetModel';
+import type { SpreadsheetModel } from '../SpreadsheetModel.tsx';
 declare const SpreadsheetDataGrid: ({ model, }: {
     model: SpreadsheetModel;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/esm/SpreadsheetView/components/SpreadsheetDataGrid.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { startTransition } from 'react';
 import { DataGrid, useGridApiRef } from '@mui/x-data-grid';
 import { observer } from 'mobx-react';
-const SpreadsheetDataGrid = observer(function ({ model, }) {
+const SpreadsheetDataGrid = observer(function SpreadsheetDataGrid({ model, }) {
     const { rows, dataGridColumns, visibleColumns } = model;
     const apiRef = useGridApiRef();
     return rows && dataGridColumns ? (_jsx(DataGrid, { "data-testid": "spreadsheet-view-data-grid", apiRef: apiRef, checkboxSelection: true, disableRowSelectionOnClick: true, columnHeaderHeight: 35, columnVisibilityModel: visibleColumns, onFilterModelChange: () => {
-            setTimeout(() => {
+            startTransition(() => {
                 if (apiRef.current) {
                     model.setVisibleRows(apiRef.current.state.visibleRowsLookup);
                 }

package/esm/SpreadsheetView/components/SpreadsheetView.d.ts

@@ -1,4 +1,4 @@
-import type { SpreadsheetViewModel } from '../SpreadsheetViewModel';
+import type { SpreadsheetViewModel } from '../SpreadsheetViewModel.ts';
 declare const SpreadsheetContainer: ({ model, }: {
     model: SpreadsheetViewModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/SpreadsheetView/components/SpreadsheetView.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from 'react';
 import { observer } from 'mobx-react';
-import SpreadsheetViewActual from './SpreadsheetViewActual';
-const ImportWizard = lazy(() => import('./ImportWizard'));
-const SpreadsheetContainer = observer(function ({ model, }) {
-    var _a;
-    return !((_a = model.spreadsheet) === null || _a === void 0 ? void 0 : _a.initialized) ? (_jsx(Suspense, { fallback: null, children: _jsx(ImportWizard, { model: model.importWizard }) })) : (_jsx(SpreadsheetViewActual, { model: model }));
+import SpreadsheetViewActual from "./SpreadsheetViewActual.js";
+const ImportWizard = lazy(() => import("./ImportWizard.js"));
+const SpreadsheetContainer = observer(function SpreadsheetContainer({ model, }) {
+    return !model.spreadsheet?.initialized ? (_jsx(Suspense, { fallback: null, children: _jsx(ImportWizard, { model: model.importWizard }) })) : (_jsx(SpreadsheetViewActual, { model: model }));
 });
 export default SpreadsheetContainer;

package/esm/SpreadsheetView/components/SpreadsheetViewActual.d.ts

@@ -1,4 +1,4 @@
-import type { SpreadsheetViewModel } from '../SpreadsheetViewModel';
+import type { SpreadsheetViewModel } from '../SpreadsheetViewModel.ts';
 declare const SpreadsheetViewActual: ({ model, }: {
     model: SpreadsheetViewModel;
 }) => import("react/jsx-runtime").JSX.Element;