@jbrowse/plugin-spreadsheet-view 2.18.0 → 3.0.1

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

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

package/esm/SpreadsheetView/components/SpreadsheetDataGrid.js

@@ -1,11 +1,10 @@
-import React from 'react';
-import { LoadingEllipses } from '@jbrowse/core/ui';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { DataGrid, GridToolbar, useGridApiRef } from '@mui/x-data-grid';
 import { observer } from 'mobx-react';
 const SpreadsheetDataGrid = observer(function ({ model, }) {
     const { rows, dataGridColumns, visibleColumns } = model;
     const apiRef = useGridApiRef();
-    return rows && dataGridColumns ? (React.createElement(DataGrid, { apiRef: apiRef, checkboxSelection: true, disableRowSelectionOnClick: true, columnHeaderHeight: 35, columnVisibilityModel: visibleColumns, onFilterModelChange: () => {
+    return rows && dataGridColumns ? (_jsx(DataGrid, { apiRef: apiRef, checkboxSelection: true, disableRowSelectionOnClick: true, columnHeaderHeight: 35, columnVisibilityModel: visibleColumns, onFilterModelChange: () => {
             setTimeout(() => {
                 model.setVisibleRows(apiRef.current.state.visibleRowsLookup);
             });
@@ -17,6 +16,6 @@ const SpreadsheetDataGrid = observer(function ({ model, }) {
             toolbar: {
                 showQuickFilter: true,
             },
-        }, rows: rows, columns: dataGridColumns })) : (React.createElement(LoadingEllipses, { variant: "h6" }));
+        }, rows: rows, columns: dataGridColumns })) : null;
 });
 export default SpreadsheetDataGrid;

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

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

package/esm/SpreadsheetView/components/SpreadsheetView.js

@@ -1,37 +1,10 @@
-import React, { Suspense, lazy, useState } from 'react';
-import { ResizeHandle } from '@jbrowse/core/ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from 'react';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import SpreadsheetDataGrid from './SpreadsheetDataGrid';
+import SpreadsheetViewActual from './SpreadsheetViewActual';
 const ImportWizard = lazy(() => import('./ImportWizard'));
-const useStyles = makeStyles()(theme => ({
-    contentArea: {
-        overflow: 'auto',
-        position: 'relative',
-        marginBottom: theme.spacing(1),
-        background: theme.palette.background.paper,
-    },
-    resizeHandle: {
-        height: 5,
-        boxSizing: 'border-box',
-        background: theme.palette.action.disabled,
-        borderTop: '1px solid #fafafa',
-    },
-}));
-const SpreadsheetView = observer(function ({ model, }) {
-    const [initialHeight, setInitialHeight] = useState(0);
-    const { classes } = useStyles();
-    const { spreadsheet, hideVerticalResizeHandle, height } = model;
-    return spreadsheet ? (React.createElement(React.Fragment, null,
-        React.createElement("div", { style: { height }, className: classes.contentArea },
-            React.createElement(SpreadsheetDataGrid, { model: spreadsheet })),
-        hideVerticalResizeHandle ? null : (React.createElement(ResizeHandle, { onMouseDown: () => {
-                setInitialHeight(height);
-            }, onDrag: (_, dist) => model.setHeight(initialHeight - dist), className: classes.resizeHandle })))) : (React.createElement("div", null, "Unknown"));
-});
 const SpreadsheetContainer = observer(function ({ model, }) {
     var _a;
-    return !((_a = model.spreadsheet) === null || _a === void 0 ? void 0 : _a.initialized) ? (React.createElement(Suspense, { fallback: null },
-        React.createElement(ImportWizard, { model: model.importWizard }))) : (React.createElement(SpreadsheetView, { model: model }));
+    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 }));
 });
 export default SpreadsheetContainer;

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

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

package/esm/SpreadsheetView/components/SpreadsheetViewActual.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ResizeHandle } from '@jbrowse/core/ui';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import SpreadsheetDataGrid from './SpreadsheetDataGrid';
+const useStyles = makeStyles()(theme => ({
+    contentArea: {
+        overflow: 'auto',
+        position: 'relative',
+        marginBottom: theme.spacing(1),
+        background: theme.palette.background.paper,
+    },
+    resizeHandle: {
+        height: 5,
+        boxSizing: 'border-box',
+        background: theme.palette.action.disabled,
+        borderTop: '1px solid #fafafa',
+    },
+}));
+const SpreadsheetViewActual = observer(function ({ model, }) {
+    const [initialHeight, setInitialHeight] = useState(0);
+    const { classes } = useStyles();
+    const { spreadsheet, hideVerticalResizeHandle, height } = model;
+    return spreadsheet ? (_jsxs(_Fragment, { children: [_jsx("div", { style: { height }, className: classes.contentArea, children: _jsx(SpreadsheetDataGrid, { model: spreadsheet }) }), hideVerticalResizeHandle ? null : (_jsx(ResizeHandle, { onMouseDown: () => {
+                    setInitialHeight(height);
+                }, onDrag: (_, dist) => model.setHeight(initialHeight - dist), className: classes.resizeHandle }))] })) : (_jsx("div", { children: "Unknown" }));
+});
+export default SpreadsheetViewActual;

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { ImportWizardModel } from '../ImportWizard';
 declare const TrackSelector: ({ model, selectedAssembly, }: {
     model: ImportWizardModel;
     selectedAssembly: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrackSelector;

package/esm/SpreadsheetView/components/TrackSelector.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { ErrorMessage } from '@jbrowse/core/ui';
 import { coarseStripHTML } from '@jbrowse/core/util';
 import { MenuItem, TextField } from '@mui/material';
@@ -17,8 +18,8 @@ const TrackSelector = observer(function ({ model, selectedAssembly, }) {
             model.setFileType(entry.type);
         }
     }, [model, selectedTrack, filteredTracks]);
-    return (React.createElement("div", null, (filteredTracks === null || filteredTracks === void 0 ? void 0 : filteredTracks.length) ? (React.createElement(TextField, { select: true, label: "Tracks", variant: "outlined", value: selectedTrack, onChange: event => {
-            setSelectedTrack(event.target.value);
-        } }, filteredTracks.map(({ track, label }) => (React.createElement(MenuItem, { key: track.trackId, value: track.trackId }, coarseStripHTML(label)))))) : (React.createElement(ErrorMessage, { error: `No tracks found for ${selectedAssembly}` }))));
+    return (_jsx("div", { children: (filteredTracks === null || filteredTracks === void 0 ? void 0 : filteredTracks.length) ? (_jsx(TextField, { select: true, label: "Tracks", variant: "outlined", value: selectedTrack, onChange: event => {
+                setSelectedTrack(event.target.value);
+            }, children: filteredTracks.map(({ track, label }) => (_jsx(MenuItem, { value: track.trackId, children: coarseStripHTML(label) }, track.trackId))) })) : (_jsx(ErrorMessage, { error: `No tracks found for ${selectedAssembly}` })) }));
 });
 export default TrackSelector;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-spreadsheet-view",
-  "version": "2.18.0",
+  "version": "3.0.1",
   "description": "JBrowse 2 spreadsheet view",
   "keywords": [
     "jbrowse",
@@ -36,29 +36,29 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
-    "@gmod/bgzf-filehandle": "^1.4.3",
+    "@gmod/bgzf-filehandle": "^2.0.1",
     "@gmod/vcf": "^6.0.0",
-    "@jbrowse/plugin-variants": "^2.18.0",
-    "@mui/icons-material": "^6.0.0"
-  },
-  "peerDependencies": {
-    "@jbrowse/core": "^2.0.0",
-    "@jbrowse/plugin-linear-genome-view": "^2.0.0",
+    "@jbrowse/core": "^3.0.1",
+    "@jbrowse/plugin-linear-genome-view": "^3.0.1",
+    "@jbrowse/plugin-variants": "^3.0.1",
+    "@mui/icons-material": "^6.0.0",
     "@mui/material": "^6.0.0",
     "@mui/x-data-grid": "^7.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
     "rxjs": "^7.0.0",
     "tss-react": "^4.0.0"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "aa2f1d1a89d2361c7fd1a93fe29506fa4554f5cc"
 }