npm - @jbrowse/plugin-sv-inspector - Versions diffs - 2.18.0 → 3.0.0 - Mend

@jbrowse/plugin-sv-inspector 2.18.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/SvInspectorView/components/CircularViewOptions.d.ts CHANGED Viewed

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

package/dist/SvInspectorView/components/CircularViewOptions.js CHANGED Viewed

@@ -1,9 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
@@ -14,10 +11,8 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 const CircularViewOptions = (0, mobx_react_1.observer)(function ({ svInspector, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Grid, { container: true, className: classes.circularViewOptions, style: { height: svInspector.circularViewOptionsBarHeight } },
-        react_1.default.createElement(material_1.Grid, { item: true },
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: svInspector.onlyDisplayRelevantRegionsInCircularView, onChange: e => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, className: classes.circularViewOptions, style: { height: svInspector.circularViewOptionsBarHeight }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: svInspector.onlyDisplayRelevantRegionsInCircularView, onChange: e => {
                         svInspector.setOnlyDisplayRelevantRegionsInCircularView(e.target.checked);
-                    } }), label: "show only regions with data" }))));
+                    } }), label: "show only regions with data" }) }) }));
 });
 exports.default = CircularViewOptions;

package/dist/SvInspectorView/components/SvInspectorView.d.ts CHANGED Viewed

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

package/dist/SvInspectorView/components/SvInspectorView.js CHANGED Viewed

@@ -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 ui_1 = require("@jbrowse/core/ui");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
@@ -34,18 +34,11 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const SvInspectorView = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { SpreadsheetViewReactComponent, CircularViewReactComponent, showCircularView, } = model;
-    return (react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement("div", { className: classes.viewsContainer },
-            react_1.default.createElement("div", { style: { width: model.spreadsheetView.width }, className: classes.container },
-                react_1.default.createElement(SpreadsheetViewReactComponent, { model: model.spreadsheetView })),
-            showCircularView ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ui_1.ResizeHandle, { onDrag: distance => {
-                        const ret1 = model.circularView.resizeWidth(-distance);
-                        return model.spreadsheetView.resizeWidth(-ret1);
-                    }, vertical: true, flexbox: true, className: classes.resizeHandleVert }),
-                react_1.default.createElement("div", { style: { width: model.circularView.width } },
-                    react_1.default.createElement(CircularViewOptions_1.default, { svInspector: model }),
-                    react_1.default.createElement(CircularViewReactComponent, { model: model.circularView })))) : null),
-        react_1.default.createElement(ui_1.ResizeHandle, { onDrag: model.resizeHeight, className: classes.resizeHandleHoriz })));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.container, children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.viewsContainer, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                            width: model.spreadsheetView.width,
+                        }, className: classes.container, children: (0, jsx_runtime_1.jsx)(SpreadsheetViewReactComponent, { model: model.spreadsheetView }) }), showCircularView ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: distance => {
+                                    const ret1 = model.circularView.resizeWidth(-distance);
+                                    return model.spreadsheetView.resizeWidth(-ret1);
+                                }, vertical: true, flexbox: true, className: classes.resizeHandleVert }), (0, jsx_runtime_1.jsxs)("div", { style: { width: model.circularView.width }, children: [(0, jsx_runtime_1.jsx)(CircularViewOptions_1.default, { svInspector: model }), (0, jsx_runtime_1.jsx)(CircularViewReactComponent, { model: model.circularView })] })] })) : null] }), (0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: model.resizeHeight, className: classes.resizeHandleHoriz })] }));
 });
 exports.default = SvInspectorView;

package/dist/SvInspectorView/index.js CHANGED Viewed

@@ -1,14 +1,47 @@
 "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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SvInspectorViewF;
+const react_1 = require("react");
 const ViewType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/ViewType"));
 const util_1 = require("@jbrowse/core/util");
 const sv_core_1 = require("@jbrowse/sv-core");
 const mobx_state_tree_1 = require("mobx-state-tree");
-const SvInspectorView_1 = __importDefault(require("./components/SvInspectorView"));
 const model_1 = __importDefault(require("./model"));
 function defaultOnChordClick(feature, chordTrack) {
     ;
@@ -40,7 +73,7 @@ function SvInspectorViewF(pluginManager) {
             name: 'SvInspectorView',
             displayName: 'SV inspector',
             stateModel,
-            ReactComponent: SvInspectorView_1.default,
+            ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SvInspectorView')))),
         });
     });
 }

package/dist/SvInspectorView/model.d.ts CHANGED Viewed

@@ -79,7 +79,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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: {
@@ -91,17 +90,20 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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.Element | "N/A";
+                }, 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;
@@ -117,8 +119,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
         } & {
             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("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined>;
             columns: import("mobx-state-tree").IType<{
@@ -228,7 +228,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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: {
@@ -240,17 +239,20 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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.Element | "N/A";
+                }, 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;
@@ -266,8 +268,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
         } & {
             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("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined>;
             columns: import("mobx-state-tree").IType<{
@@ -690,7 +690,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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: {
@@ -702,17 +701,20 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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.Element | "N/A";
+                }, 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;
@@ -728,8 +730,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
         } & {
             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("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined>;
             columns: import("mobx-state-tree").IType<{

package/dist/SvInspectorView/model.js CHANGED Viewed

@@ -50,7 +50,8 @@ function SvInspectorViewF(pluginManager) {
                 : undefined;
         },
         get showCircularView() {
-            return !!self.spreadsheetView.spreadsheet;
+            var _a;
+            return !!((_a = self.spreadsheetView.spreadsheet) === null || _a === void 0 ? void 0 : _a.rowSet);
         },
         get features() {
             var _a, _b;
@@ -153,13 +154,15 @@ function SvInspectorViewF(pluginManager) {
             (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
                 self.spreadsheetView.setHeight(self.height - headerHeight);
                 self.circularView.setHeight(self.height - headerHeight - circularViewOptionsBarHeight);
-            }, { name: 'SvInspectorView height binding' }));
+            }, {
+                name: 'SvInspectorView height binding',
+            }));
             (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
                 const { onlyDisplayRelevantRegionsInCircularView, circularView, canonicalFeatureRefNameSet, currentAssembly, } = self;
                 if (!circularView.initialized || !(currentAssembly === null || currentAssembly === void 0 ? void 0 : currentAssembly.regions)) {
                     return;
                 }
-                if (onlyDisplayRelevantRegionsInCircularView) {
+                else if (onlyDisplayRelevantRegionsInCircularView) {
                     if (circularView.tracks.length === 1) {
                         try {
                             circularView.setDisplayedRegions(structuredClone(currentAssembly.regions.filter(r => canonicalFeatureRefNameSet.has(r.refName))));

package/esm/SvInspectorView/components/CircularViewOptions.d.ts CHANGED Viewed

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

package/esm/SvInspectorView/components/CircularViewOptions.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Checkbox, FormControlLabel, Grid } from '@mui/material';
 import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
@@ -9,10 +9,8 @@ const useStyles = makeStyles()(theme => ({
 }));
 const CircularViewOptions = observer(function ({ svInspector, }) {
     const { classes } = useStyles();
-    return (React.createElement(Grid, { container: true, className: classes.circularViewOptions, style: { height: svInspector.circularViewOptionsBarHeight } },
-        React.createElement(Grid, { item: true },
-            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: svInspector.onlyDisplayRelevantRegionsInCircularView, onChange: e => {
+    return (_jsx(Grid, { container: true, className: classes.circularViewOptions, style: { height: svInspector.circularViewOptionsBarHeight }, children: _jsx(Grid, { item: true, children: _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: svInspector.onlyDisplayRelevantRegionsInCircularView, onChange: e => {
                         svInspector.setOnlyDisplayRelevantRegionsInCircularView(e.target.checked);
-                    } }), label: "show only regions with data" }))));
+                    } }), label: "show only regions with data" }) }) }));
 });
 export default CircularViewOptions;

package/esm/SvInspectorView/components/SvInspectorView.d.ts CHANGED Viewed

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

package/esm/SvInspectorView/components/SvInspectorView.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ResizeHandle } from '@jbrowse/core/ui';
 import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
@@ -29,18 +29,11 @@ const useStyles = makeStyles()(theme => ({
 const SvInspectorView = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { SpreadsheetViewReactComponent, CircularViewReactComponent, showCircularView, } = model;
-    return (React.createElement("div", { className: classes.container },
-        React.createElement("div", { className: classes.viewsContainer },
-            React.createElement("div", { style: { width: model.spreadsheetView.width }, className: classes.container },
-                React.createElement(SpreadsheetViewReactComponent, { model: model.spreadsheetView })),
-            showCircularView ? (React.createElement(React.Fragment, null,
-                React.createElement(ResizeHandle, { onDrag: distance => {
-                        const ret1 = model.circularView.resizeWidth(-distance);
-                        return model.spreadsheetView.resizeWidth(-ret1);
-                    }, vertical: true, flexbox: true, className: classes.resizeHandleVert }),
-                React.createElement("div", { style: { width: model.circularView.width } },
-                    React.createElement(CircularViewOptions, { svInspector: model }),
-                    React.createElement(CircularViewReactComponent, { model: model.circularView })))) : null),
-        React.createElement(ResizeHandle, { onDrag: model.resizeHeight, className: classes.resizeHandleHoriz })));
+    return (_jsxs("div", { className: classes.container, children: [_jsxs("div", { className: classes.viewsContainer, children: [_jsx("div", { style: {
+                            width: model.spreadsheetView.width,
+                        }, className: classes.container, children: _jsx(SpreadsheetViewReactComponent, { model: model.spreadsheetView }) }), showCircularView ? (_jsxs(_Fragment, { children: [_jsx(ResizeHandle, { onDrag: distance => {
+                                    const ret1 = model.circularView.resizeWidth(-distance);
+                                    return model.spreadsheetView.resizeWidth(-ret1);
+                                }, vertical: true, flexbox: true, className: classes.resizeHandleVert }), _jsxs("div", { style: { width: model.circularView.width }, children: [_jsx(CircularViewOptions, { svInspector: model }), _jsx(CircularViewReactComponent, { model: model.circularView })] })] })) : null] }), _jsx(ResizeHandle, { onDrag: model.resizeHeight, className: classes.resizeHandleHoriz })] }));
 });
 export default SvInspectorView;

package/esm/SvInspectorView/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
+import { lazy } from 'react';
 import ViewType from '@jbrowse/core/pluggableElementTypes/ViewType';
 import { getContainingView, getSession } from '@jbrowse/core/util';
 import { navToMultiLevelBreak } from '@jbrowse/sv-core';
 import { getParent } from 'mobx-state-tree';
-import ReactComponent from './components/SvInspectorView';
 import stateModelFactory from './model';
 function defaultOnChordClick(feature, chordTrack) {
     ;
@@ -34,7 +34,7 @@ export default function SvInspectorViewF(pluginManager) {
             name: 'SvInspectorView',
             displayName: 'SV inspector',
             stateModel,
-            ReactComponent,
+            ReactComponent: lazy(() => import('./components/SvInspectorView')),
         });
     });
 }

package/esm/SvInspectorView/model.d.ts CHANGED Viewed

@@ -79,7 +79,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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: {
@@ -91,17 +90,20 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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.Element | "N/A";
+                }, 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;
@@ -117,8 +119,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
         } & {
             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("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined>;
             columns: import("mobx-state-tree").IType<{
@@ -228,7 +228,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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: {
@@ -240,17 +239,20 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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.Element | "N/A";
+                }, 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;
@@ -266,8 +268,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
         } & {
             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("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined>;
             columns: import("mobx-state-tree").IType<{
@@ -690,7 +690,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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: {
@@ -702,17 +701,20 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
             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.Element | "N/A";
+                }, 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;
@@ -728,8 +730,6 @@ declare function SvInspectorViewF(pluginManager: PluginManager): import("mobx-st
         } & {
             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("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined, import("@jbrowse/plugin-spreadsheet-view/src/SpreadsheetView/SpreadsheetModel").RowSet | undefined>;
             columns: import("mobx-state-tree").IType<{

package/esm/SvInspectorView/model.js CHANGED Viewed

@@ -45,7 +45,8 @@ function SvInspectorViewF(pluginManager) {
                 : undefined;
         },
         get showCircularView() {
-            return !!self.spreadsheetView.spreadsheet;
+            var _a;
+            return !!((_a = self.spreadsheetView.spreadsheet) === null || _a === void 0 ? void 0 : _a.rowSet);
         },
         get features() {
             var _a, _b;
@@ -148,13 +149,15 @@ function SvInspectorViewF(pluginManager) {
             addDisposer(self, autorun(() => {
                 self.spreadsheetView.setHeight(self.height - headerHeight);
                 self.circularView.setHeight(self.height - headerHeight - circularViewOptionsBarHeight);
-            }, { name: 'SvInspectorView height binding' }));
+            }, {
+                name: 'SvInspectorView height binding',
+            }));
             addDisposer(self, autorun(async () => {
                 const { onlyDisplayRelevantRegionsInCircularView, circularView, canonicalFeatureRefNameSet, currentAssembly, } = self;
                 if (!circularView.initialized || !(currentAssembly === null || currentAssembly === void 0 ? void 0 : currentAssembly.regions)) {
                     return;
                 }
-                if (onlyDisplayRelevantRegionsInCircularView) {
+                else if (onlyDisplayRelevantRegionsInCircularView) {
                     if (circularView.tracks.length === 1) {
                         try {
                             circularView.setDisplayedRegions(structuredClone(currentAssembly.regions.filter(r => canonicalFeatureRefNameSet.has(r.refName))));

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-sv-inspector",
-  "version": "2.18.0",
+  "version": "3.0.0",
   "description": "JBrowse 2 SV inspector view",
   "keywords": [
     "jbrowse",
@@ -36,7 +36,7 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
-    "@jbrowse/sv-core": "^2.18.0",
+    "@jbrowse/sv-core": "^3.0.0",
     "@mui/icons-material": "^6.0.0"
   },
   "peerDependencies": {
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
 }