@jbrowse/plugin-spreadsheet-view 2.13.1 → 2.15.0

package/dist/LaunchSpreadsheetView/index.js

@@ -7,13 +7,10 @@ function LaunchSpreadsheetViewF(pluginManager) {
     async ({ session, assembly, uri, fileType, }) => {
         var _a, _b;
         const view = session.addView('SpreadsheetView');
-        if (!view) {
-            throw new Error('Failed to initialize view');
-        }
         const exts = uri.split('.');
-        let ext = (_a = exts === null || exts === void 0 ? void 0 : exts.pop()) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+        let ext = (_a = exts.pop()) === null || _a === void 0 ? void 0 : _a.toUpperCase();
         if (ext === 'GZ') {
-            ext = (_b = exts === null || exts === void 0 ? void 0 : exts.pop()) === null || _b === void 0 ? void 0 : _b.toUpperCase();
+            ext = (_b = exts.pop()) === null || _b === void 0 ? void 0 : _b.toUpperCase();
         }
         view.importWizard.setFileType(fileType || ext || '');
         view.importWizard.setSelectedAssemblyName(assembly);

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

@@ -1,5 +1,5 @@
 import { Instance } from 'mobx-state-tree';
-import SpreadsheetStateModel from '../models/Spreadsheet';
+import type SpreadsheetStateModel from '../models/Spreadsheet';
 type SpreadsheetModel = Instance<typeof SpreadsheetStateModel>;
 declare const CellData: ({ cell, spreadsheetModel, columnNumber, }: {
     cell: any;

package/dist/SpreadsheetView/components/ColumnFilterControls.js

@@ -33,7 +33,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         padding: theme.spacing(1.5),
     },
 }));
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function FilterOperations({ filterModel }) {
     if (filterModel) {
         return react_1.default.createElement(filterModel.ReactComponent, { filterModel: filterModel });
@@ -50,9 +49,7 @@ const ColumnFilterControls = (0, mobx_react_1.observer)(function ({ viewModel, f
         react_1.default.createElement(material_1.Grid, { item: true, className: classes.filterIconBg },
             react_1.default.createElement(FilterList_1.default, { className: classes.filterIcon })),
         react_1.default.createElement(material_1.Grid, { item: true },
-            react_1.default.createElement(material_1.IconButton, { onClick: () => 
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                (0, mobx_state_tree_1.getParent)(filterModel, 2).removeColumnFilter(filterModel), title: "remove filter" },
+            react_1.default.createElement(material_1.IconButton, { onClick: () => (0, mobx_state_tree_1.getParent)(filterModel, 2).removeColumnFilter(filterModel), title: "remove filter" },
                 react_1.default.createElement(Close_1.default, null)),
             react_1.default.createElement(material_1.Typography, { className: classes.columnName, component: "span" }, columnDefinition.name),
             ' ',

package/dist/SpreadsheetView/components/ColumnMenu.js

@@ -13,7 +13,9 @@ const FilterList_1 = __importDefault(require("@mui/icons-material/FilterList"));
 const PermDataSetting_1 = __importDefault(require("@mui/icons-material/PermDataSetting"));
 const Sort_1 = __importDefault(require("@mui/icons-material/Sort"));
 const ColumnMenu = (0, mobx_react_1.observer)(function ({ viewModel, spreadsheetModel, currentColumnMenu, setColumnMenu, }) {
-    const columnMenuClose = () => setColumnMenu(undefined);
+    const columnMenuClose = () => {
+        setColumnMenu(undefined);
+    };
     const columnNumber = (currentColumnMenu === null || currentColumnMenu === void 0 ? void 0 : currentColumnMenu.colNumber) || 0;
     const sortMenuClick = (descending) => {
         spreadsheetModel.setSortColumns([
@@ -57,36 +59,46 @@ const ColumnMenu = (0, mobx_react_1.observer)(function ({ viewModel, spreadsheet
             icon: Sort_1.default,
             type: 'radio',
             checked: isSortingAscending,
-            onClick: () => sortMenuClick(false),
+            onClick: () => {
+                sortMenuClick(false);
+            },
         },
         {
             label: 'Sort descending',
             icon: Sort_1.default,
             type: 'radio',
             checked: isSortingDescending,
-            onClick: () => sortMenuClick(true),
+            onClick: () => {
+                sortMenuClick(true);
+            },
         },
         {
             label: 'No sort',
             icon: Sort_1.default,
             type: 'radio',
             checked: !isSortingDescending && !isSortingAscending,
-            onClick: () => spreadsheetModel.setSortColumns([]),
+            onClick: () => {
+                spreadsheetModel.setSortColumns([]);
+            },
         },
         // data type menu
         {
             label: `Type: ${dataTypeDisplayName}`,
             icon: PermDataSetting_1.default,
             subMenu: (0, util_1.iterMap)(dataTypeTopLevelMenu.entries(), ([displayName, record]) => {
+                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                 if ('typeName' in record && record.typeName) {
                     const { typeName } = record;
                     return {
                         label: displayName || typeName,
                         icon: dataTypeName === typeName ? Check_1.default : undefined,
-                        onClick: () => spreadsheetModel.setColumnType(columnNumber, typeName),
+                        onClick: () => {
+                            spreadsheetModel.setColumnType(columnNumber, typeName);
+                        },
                     };
                 }
-                else if ('subMenuItems' in record && record.subMenuItems) {
+                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                if ('subMenuItems' in record && record.subMenuItems) {
                     const { subMenuItems } = record;
                     return {
                         label: displayName,
@@ -96,13 +108,13 @@ const ColumnMenu = (0, mobx_react_1.observer)(function ({ viewModel, spreadsheet
                         subMenu: subMenuItems.map(({ typeName, displayName }) => ({
                             label: displayName,
                             icon: typeName === dataTypeName ? Check_1.default : undefined,
-                            onClick: () => spreadsheetModel.setColumnType(columnNumber, typeName),
+                            onClick: () => {
+                                spreadsheetModel.setColumnType(columnNumber, typeName);
+                            },
                         })),
                     };
                 }
-                else {
-                    return null;
-                }
+                return null;
             }).filter(Boolean),
         },
     ];
@@ -112,7 +124,9 @@ const ColumnMenu = (0, mobx_react_1.observer)(function ({ viewModel, spreadsheet
         menuItems.push({
             label: 'Create filter',
             icon: FilterList_1.default,
-            onClick: () => viewModel.filterControls.addBlankColumnFilter(columnNumber),
+            onClick: () => {
+                viewModel.filterControls.addBlankColumnFilter(columnNumber);
+            },
         });
     }
     return (react_1.default.createElement(ui_1.Menu, { anchorEl: currentColumnMenu === null || currentColumnMenu === void 0 ? void 0 : currentColumnMenu.anchorEl, open: Boolean(currentColumnMenu), onMenuItemClick: (_event, callback) => {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Instance } from 'mobx-state-tree';
-import SpreadsheetStateModel from '../models/Spreadsheet';
-import RowStateModel from '../models/Row';
+import type SpreadsheetStateModel from '../models/Spreadsheet';
+import type RowStateModel from '../models/Row';
 type SpreadsheetModel = Instance<typeof SpreadsheetStateModel>;
 type RowModel = Instance<typeof RowStateModel>;
 declare const DataRow: ({ rowModel, rowNumber, spreadsheetModel, }: {

package/dist/SpreadsheetView/components/DataRow.js

@@ -56,7 +56,7 @@ const DataRow = (0, mobx_react_1.observer)(function ({ rowModel, rowNumber, spre
     const { hideRowSelection, columnDisplayOrder } = spreadsheetModel;
     let rowClass = '';
     if (rowModel.isSelected) {
-        rowClass += `${classes.dataRowSelected}`;
+        rowClass += classes.dataRowSelected;
     }
     function labelClick(evt) {
         rowModel.toggleSelect();

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Instance } from 'mobx-state-tree';
-import SpreadsheetStateModel from '../models/Spreadsheet';
+import type SpreadsheetStateModel from '../models/Spreadsheet';
 type SpreadsheetModel = Instance<typeof SpreadsheetStateModel>;
 declare const DataTable: ({ model, page, rowsPerPage, }: {
     model: SpreadsheetModel;

package/dist/SpreadsheetView/components/DataTableHeader.js

@@ -74,28 +74,31 @@ const DataTableHeader = (0, mobx_react_1.observer)(function ({ model, }) {
                 react_1.default.createElement("th", { className: classes.topLeftCorner },
                     react_1.default.createElement(material_1.Tooltip, { title: "Unselect all", placement: "right" },
                         react_1.default.createElement("span", null,
-                            react_1.default.createElement(material_1.IconButton, { onClick: () => model.unselectAll(), disabled: !rowSet.selectedCount },
+                            react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                                    model.unselectAll();
+                                }, disabled: !rowSet.selectedCount },
                                 react_1.default.createElement(CropFree_1.default, null))))),
-                columnDisplayOrder.map(colNumber => {
-                    var _a;
-                    return (react_1.default.createElement("th", { className: classes.columnHead, key: colNumber, onMouseOver: () => setHoveredColumn(colNumber), onMouseOut: () => setHoveredColumn(undefined) },
-                        react_1.default.createElement(SortIndicator_1.default, { model: model, columnNumber: colNumber }),
-                        (hasColumnNames && ((_a = columns[colNumber]) === null || _a === void 0 ? void 0 : _a.name)) ||
-                            (0, util_1.numToColName)(colNumber),
-                        react_1.default.createElement("div", { className: classes.columnButtonContainer, style: {
-                                display: currentHoveredColumn === colNumber ||
-                                    (currentColumnMenu === null || currentColumnMenu === void 0 ? void 0 : currentColumnMenu.colNumber) === colNumber
-                                    ? 'block'
-                                    : 'none',
+                columnDisplayOrder.map(colNumber => (react_1.default.createElement("th", { className: classes.columnHead, key: colNumber, onMouseOver: () => {
+                        setHoveredColumn(colNumber);
+                    }, onMouseOut: () => {
+                        setHoveredColumn(undefined);
+                    } },
+                    react_1.default.createElement(SortIndicator_1.default, { model: model, columnNumber: colNumber }),
+                    (hasColumnNames && columns[colNumber].name) ||
+                        (0, util_1.numToColName)(colNumber),
+                    react_1.default.createElement("div", { className: classes.columnButtonContainer, style: {
+                            display: currentHoveredColumn === colNumber ||
+                                (currentColumnMenu === null || currentColumnMenu === void 0 ? void 0 : currentColumnMenu.colNumber) === colNumber
+                                ? 'block'
+                                : 'none',
+                        } },
+                        react_1.default.createElement(material_1.IconButton, { onClick: evt => {
+                                setColumnMenu({
+                                    colNumber,
+                                    anchorEl: evt.currentTarget,
+                                });
                             } },
-                            react_1.default.createElement(material_1.IconButton, { onClick: evt => {
-                                    setColumnMenu({
-                                        colNumber,
-                                        anchorEl: evt.currentTarget,
-                                    });
-                                } },
-                                react_1.default.createElement(ArrowDropDown_1.default, null)))));
-                }))),
+                            react_1.default.createElement(ArrowDropDown_1.default, null)))))))),
         react_1.default.createElement(ColumnMenu_1.default, { viewModel: (0, mobx_state_tree_1.getParent)(model), spreadsheetModel: model, currentColumnMenu: currentColumnMenu, setColumnMenu: setColumnMenu })));
 });
 exports.default = DataTableHeader;

package/dist/SpreadsheetView/components/GlobalFilterControls.js

@@ -47,15 +47,18 @@ const TextFilter = (0, mobx_react_1.observer)(function ({ textFilter, }) {
         textFilter.setString(debouncedTextFilter);
     }, [debouncedTextFilter, textFilter]);
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.TextField, { label: "text filter", value: textFilterValue, onChange: evt => setTextFilterValue(evt.target.value), variant: "outlined", InputProps: {
+        react_1.default.createElement(material_1.TextField, { label: "text filter", value: textFilterValue, onChange: evt => {
+                setTextFilterValue(evt.target.value);
+            }, variant: "outlined", InputProps: {
                 startAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "start" },
                     react_1.default.createElement(FilterList_1.default, null))),
                 endAdornment: (react_1.default.createElement(material_1.InputAdornment, { className: classes.textFilterControlEndAdornment, position: "end" },
-                    react_1.default.createElement(material_1.IconButton, { "aria-label": "clear filter", onClick: () => setTextFilterValue('') },
+                    react_1.default.createElement(material_1.IconButton, { "aria-label": "clear filter", onClick: () => {
+                            setTextFilterValue('');
+                        } },
                         react_1.default.createElement(Clear_1.default, null)))),
             } })));
 });
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const GlobalFilterControls = (0, mobx_react_1.observer)(({ model }) => {
     const textFilter = model.filterControls.rowFullText;
     return react_1.default.createElement(TextFilter, { textFilter: textFilter });

package/dist/SpreadsheetView/components/ImportWizard.js

@@ -57,20 +57,30 @@ const ImportWizard = (0, mobx_react_1.observer)(({ model }) => {
             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(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 })))))),
+                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: !showRowControls || !hasColumnNameLine, modelPropName: "columnNameLineNumber", modelSetterName: "setColumnNameLineNumber" })))) : null,
+                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(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,
+            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

package/dist/SpreadsheetView/components/NumberEditor.js

@@ -49,6 +49,8 @@ const NumberEditor = (0, mobx_react_1.observer)(function ({ model, disabled, mod
             }
         }
     }, [model, modelSetterName, val]);
-    return (react_1.default.createElement(material_1.TextField, { value: val, disabled: disabled, type: "number", onChange: evt => setVal(evt.target.value), className: classes.textField }));
+    return (react_1.default.createElement(material_1.TextField, { value: val, disabled: disabled, type: "number", onChange: evt => {
+            setVal(evt.target.value);
+        }, className: classes.textField }));
 });
 exports.default = NumberEditor;

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

@@ -1,7 +1,6 @@
-import { Instance } from 'mobx-state-tree';
-import SpreadsheetStateModel from '../models/Spreadsheet';
-type SpreadsheetModel = Instance<typeof SpreadsheetStateModel>;
+import React from 'react';
+import type { SpreadsheetModel } from '../models/Spreadsheet';
 declare const RowCountMessage: ({ spreadsheet, }: {
     spreadsheet: SpreadsheetModel;
-}) => string | null;
+}) => React.JSX.Element | null;
 export default RowCountMessage;

package/dist/SpreadsheetView/components/RowCountMessage.js

@@ -1,7 +1,12 @@
 "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 mobx_react_1 = require("mobx-react");
 const RowCountMessage = (0, mobx_react_1.observer)(function ({ spreadsheet, }) {
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (spreadsheet.rowSet.isLoaded) {
         const { passingFiltersCount, count, selectedCount, selectedAndPassingFiltersCount, } = spreadsheet.rowSet;
         let rowMessage;
@@ -21,7 +26,7 @@ const RowCountMessage = (0, mobx_react_1.observer)(function ({ spreadsheet, }) {
                 rowMessage += `, ${selectedCount} selected`;
             }
         }
-        return rowMessage;
+        return react_1.default.createElement(react_1.default.Fragment, null, rowMessage);
     }
     return null;
 });

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Instance } from 'mobx-state-tree';
-import SpreadsheetModel from '../models/Spreadsheet';
-import ViewModel from '../models/SpreadsheetView';
+import type SpreadsheetModel from '../models/Spreadsheet';
+import type ViewModel from '../models/SpreadsheetView';
 declare const RowMenu: ({ viewModel, spreadsheetModel, }: {
     viewModel: Instance<typeof ViewModel>;
     spreadsheetModel: Instance<typeof SpreadsheetModel>;

package/dist/SpreadsheetView/components/RowMenu.js

@@ -18,6 +18,7 @@ const RowMenu = (0, mobx_react_1.observer)(function ({ viewModel, spreadsheetMod
         return null;
     }
     const row = spreadsheetModel.rowSet.rows[+rowNumber - 1];
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
     function handleMenuItemClick(_event, callback) {
         callback(viewModel, spreadsheetModel, rowNumber, row);
         rowMenuClose();

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Instance } from 'mobx-state-tree';
-import SpreadsheetStateModel from '../models/Spreadsheet';
+import type SpreadsheetStateModel from '../models/Spreadsheet';
 type SpreadsheetModel = Instance<typeof SpreadsheetStateModel>;
 declare const Spreadsheet: ({ model, height, page, rowsPerPage, }: {
     model: SpreadsheetModel;

package/dist/SpreadsheetView/components/Spreadsheet.js

@@ -17,8 +17,9 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     },
 }));
 const Spreadsheet = (0, mobx_react_1.observer)(function ({ model, height, page, rowsPerPage, }) {
-    var _a;
     const { classes } = useStyles();
-    return (react_1.default.createElement("div", { className: classes.root, style: { height } }, ((_a = model === null || model === void 0 ? void 0 : model.rowSet) === null || _a === void 0 ? void 0 : _a.isLoaded) && model.initialized ? (react_1.default.createElement(DataTable_1.default, { model: model, page: page, rowsPerPage: rowsPerPage })) : (react_1.default.createElement(ui_1.LoadingEllipses, { variant: "h6" }))));
+    return (react_1.default.createElement("div", { className: classes.root, style: { height } }, 
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    model.rowSet.isLoaded && model.initialized ? (react_1.default.createElement(DataTable_1.default, { model: model, page: page, rowsPerPage: rowsPerPage })) : (react_1.default.createElement(ui_1.LoadingEllipses, { variant: "h6" }))));
 });
 exports.default = Spreadsheet;

package/dist/SpreadsheetView/components/StatusBar.js

@@ -28,14 +28,17 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 const StatusBar = (0, mobx_react_1.observer)(function StatusBar({ page, rowsPerPage, setPage, setRowsPerPage, spreadsheet, mode, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement("div", { className: classes.statusBar, style: { display: mode === 'display' ? undefined : 'none' } }, spreadsheet ? (react_1.default.createElement(material_1.FormGroup, { row: true },
-        react_1.default.createElement("div", { className: classes.verticallyCenter },
-            react_1.default.createElement(RowCountMessage_1.default, { spreadsheet: spreadsheet })),
-        react_1.default.createElement("div", { className: classes.spacer }),
-        react_1.default.createElement(material_1.TablePagination, { rowsPerPageOptions: [10, 25, 100, 1000], count: spreadsheet.rowSet.count, component: "div", rowsPerPage: rowsPerPage, page: page, onPageChange: (_, newPage) => setPage(newPage), onRowsPerPageChange: event => {
-                setRowsPerPage(+event.target.value);
-                setPage(0);
-            } }),
-        react_1.default.createElement("div", { className: classes.spacer }))) : null));
+    return (react_1.default.createElement("div", { className: classes.statusBar, style: { display: mode === 'display' ? undefined : 'none' } },
+        react_1.default.createElement(material_1.FormGroup, { row: true },
+            react_1.default.createElement("div", { className: classes.verticallyCenter },
+                react_1.default.createElement(RowCountMessage_1.default, { spreadsheet: spreadsheet })),
+            react_1.default.createElement("div", { className: classes.spacer }),
+            react_1.default.createElement(material_1.TablePagination, { rowsPerPageOptions: [10, 25, 100, 1000], count: spreadsheet.rowSet.count, component: "div", rowsPerPage: rowsPerPage, page: page, onPageChange: (_, newPage) => {
+                    setPage(newPage);
+                }, onRowsPerPageChange: event => {
+                    setRowsPerPage(+event.target.value);
+                    setPage(0);
+                } }),
+            react_1.default.createElement("div", { className: classes.spacer }))));
 });
 exports.default = StatusBar;

package/dist/SpreadsheetView/importAdapters/BedImport.js

@@ -35,7 +35,7 @@ function removeBedHeaders(buffer) {
         }
     }
     if (i) {
-        return buffer.slice(i);
+        return buffer.subarray(i);
     }
     return buffer;
 }
@@ -110,12 +110,11 @@ async function parseBedPEBuffer(buffer, options) {
     data.hasColumnNames = true;
     // decorate each row with a feature object in its extendedData
     data.rowSet.rows.forEach((row, rowNumber) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const featureData = {};
         row.cells.forEach(({ text }, columnNumber) => {
             const bedColumn = bedColumns[columnNumber];
             const val = bedColumn && bedColumn.dataType.type === 'Number' && text
-                ? parseFloat(text)
+                ? Number.parseFloat(text)
                 : text;
             if (bedColumn) {
                 // a predefined column

package/dist/SpreadsheetView/importAdapters/ImportUtils.js

@@ -76,6 +76,7 @@ function dataToSpreadsheetSnapshot(rows, options = {}) {
     };
     // process the column names row if present
     const columnNames = {};
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (hasColumnNameLine && columnNameLineNumber !== undefined) {
         const [colNamesRow] = rowSet.rows.splice(columnNameLineNumber - 1, 1);
         if (colNamesRow) {

package/dist/SpreadsheetView/importAdapters/STARFusionImport.js

@@ -33,7 +33,6 @@ async function parseSTARFusionBuffer(buffer, options) {
     });
     // decorate each row with a feature object in its extendedData
     data.rowSet.rows.forEach((row, rowNumber) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const featureData = {};
         row.cells.forEach(({ text }, columnNumber) => {
             const column = data.columns[columnNumber];
@@ -55,7 +54,7 @@ async function parseSTARFusionBuffer(buffer, options) {
             }
             else if (text && numericColumns[column.name]) {
                 // some other column, numeric
-                featureData[column.name] = parseFloat(text);
+                featureData[column.name] = Number.parseFloat(text);
             }
             else {
                 // some other column, text

package/dist/SpreadsheetView/importAdapters/VcfImport.js

@@ -19,7 +19,6 @@ const vcfCoreColumns = [
     { name: 'INFO', type: 'Text' }, // 7
     { name: 'FORMAT', type: 'Text' }, // 8
 ];
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function vcfRecordToRow(vcfParser, line, lineNumber) {
     const vcfVariant = vcfParser.parseLine(line);
     const vcfFeature = new plugin_variants_1.VcfFeature({
@@ -72,7 +71,10 @@ function parseVcfBuffer(buffer, options = {}) {
     for (let i = 0; i < vcfParser.samples.length; i += 1) {
         const oi = vcfCoreColumns.length + i;
         columnDisplayOrder.push(oi);
-        columns[oi] = { name: vcfParser.samples[i], dataType: { type: 'Text' } };
+        columns[oi] = {
+            name: vcfParser.samples[i],
+            dataType: { type: 'Text' },
+        };
     }
     columnDisplayOrder.push(columnDisplayOrder.length);
     columns.unshift({

package/dist/SpreadsheetView/models/ColumnDataTypes/LocEnd.js

@@ -13,7 +13,7 @@ const LocEnd = (0, MakeSpreadsheetColumnType_1.default)('LocEnd', {
     categoryName: 'Location',
     displayName: 'End',
     compare(cellA, cellB) {
-        return parseFloat(cellA.text) - parseFloat(cellB.text);
+        return Number.parseFloat(cellA.text) - Number.parseFloat(cellB.text);
     },
     FilterModelType,
 });

package/dist/SpreadsheetView/models/ColumnDataTypes/LocStart.js

@@ -13,7 +13,7 @@ const LocStart = (0, MakeSpreadsheetColumnType_1.default)('LocStart', {
     categoryName: 'Location',
     displayName: 'Start',
     compare(cellA, cellB) {
-        return parseFloat(cellA.text) - parseFloat(cellB.text);
+        return Number.parseFloat(cellA.text) - Number.parseFloat(cellB.text);
     },
     FilterModelType,
 });

package/dist/SpreadsheetView/models/ColumnDataTypes/LocString.js

@@ -80,7 +80,7 @@ const FilterModelType = mobx_state_tree_1.types
     type: mobx_state_tree_1.types.literal('LocString'),
     columnNumber: mobx_state_tree_1.types.integer,
     locString: '',
-    operation: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.enumeration(OPERATIONS), OPERATIONS[0]),
+    operation: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.string, OPERATIONS[0]),
 })
     .views(self => ({
     get locStringIsInvalid() {
@@ -96,7 +96,6 @@ const FilterModelType = mobx_state_tree_1.types
     },
     get parsedLocString() {
         const session = (0, util_1.getSession)(self);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const model = (0, mobx_state_tree_1.getParent)(self, 3).spreadsheet;
         const { assemblyName } = model;
         try {
@@ -116,7 +115,6 @@ const FilterModelType = mobx_state_tree_1.types
                 return true;
             };
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return function stringPredicate(_sheet, row) {
             const { cellsWithDerived: cells } = row;
             const cell = cells[columnNumber];
@@ -145,14 +143,9 @@ const FilterModelType = mobx_state_tree_1.types
 }))
     .volatile(() => ({ ReactComponent: FilterReactComponent }));
 // opens a new LGV at the location described in the locString in the cell text
-async function locationLinkClick(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-spreadsheet, _columnNumber, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-cell) {
+async function locationLinkClick(spreadsheet, _columnNumber, cell) {
     const session = (0, util_1.getSession)(spreadsheet);
     const { assemblyName } = spreadsheet;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const { id } = (0, mobx_state_tree_1.getParent)(spreadsheet);
     const newViewId = `${id}_${assemblyName}`;
     let view = session.views.find(v => v.id === newViewId);
@@ -174,12 +167,11 @@ const DataCellReactComponent = (0, mobx_react_1.observer)(function ({ cell, colu
                 console.error(e);
                 session.notifyError(`${e}`, e);
             }
-        }, title: "open a new linear genome view here", href: "#link" }, cell.text));
+        }, title: "open a new linear genome view here", href: "#" }, cell.text));
 });
 const LocStringColumnType = (0, MakeSpreadsheetColumnType_1.default)('LocString', {
     categoryName: 'Location',
     displayName: 'Full location',
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     compare(cellA, cellB) {
         return (0, util_1.compareLocs)(cellA.extendedData, cellB.extendedData);
     },

package/dist/SpreadsheetView/models/ColumnDataTypes/Number.js

@@ -52,21 +52,19 @@ const useStyles = (0, mui_1.makeStyles)()({
     },
 });
 // React component for the column filter control
-const FilterReactComponent = (0, mobx_react_1.observer)(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-({ filterModel }) => {
+const FilterReactComponent = (0, mobx_react_1.observer)(({ filterModel }) => {
     const { classes } = useStyles();
     const operationChoices = OPERATIONS;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.Select, { value: filterModel.operation, onChange: e => filterModel.setOperation(String(e.target.value)) }, operationChoices.map(name => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, name)))),
         ' ',
         react_1.default.createElement(material_1.TextField, { label: "number", placeholder: "123", type: "number", error: filterModel.firstNumberIsInvalid, defaultValue: filterModel.firstNumber, onChange: evt => {
-                filterModel.setFirstNumber(parseFloat(evt.target.value));
+                filterModel.setFirstNumber(Number.parseFloat(evt.target.value));
             }, className: classes.textFilterControl }),
         filterModel.operation !== 'between' &&
             filterModel.operation !== 'not between' ? null : (react_1.default.createElement(react_1.default.Fragment, null,
             ' and ',
-            react_1.default.createElement(material_1.TextField, { label: "number", placeholder: "456", type: "number", error: filterModel.secondNumberIsInvalid, defaultValue: filterModel.secondNumber, onChange: evt => filterModel.setSecondNumber(parseFloat(evt.target.value)), className: classes.textFilterControl })))));
+            react_1.default.createElement(material_1.TextField, { label: "number", placeholder: "456", type: "number", error: filterModel.secondNumberIsInvalid, defaultValue: filterModel.secondNumber, onChange: evt => filterModel.setSecondNumber(Number.parseFloat(evt.target.value)), className: classes.textFilterControl })))));
 });
 // MST model for the column filter control
 const FilterModelType = mobx_state_tree_1.types
@@ -86,14 +84,13 @@ const FilterModelType = mobx_state_tree_1.types
             };
         }
         const { firstNumber, secondNumber, operation, columnNumber } = self; // avoid closing over self
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return function stringPredicate(_sheet, row) {
             const { cellsWithDerived } = row;
             const cell = cellsWithDerived[columnNumber];
             if (!(cell === null || cell === void 0 ? void 0 : cell.text)) {
                 return false;
             }
-            const parsedCellText = parseFloat(cell.text);
+            const parsedCellText = Number.parseFloat(cell.text);
             if (typeof parsedCellText !== 'number') {
                 return false;
             }
@@ -122,7 +119,7 @@ const FilterModelType = mobx_state_tree_1.types
 exports.FilterModelType = FilterModelType;
 const NumberColumn = (0, MakeSpreadsheetColumnType_1.default)('Number', {
     compare(cellA, cellB) {
-        return parseFloat(cellA.text) - parseFloat(cellB.text);
+        return Number.parseFloat(cellA.text) - Number.parseFloat(cellB.text);
     },
     FilterModelType,
 });

package/dist/SpreadsheetView/models/ColumnDataTypes/Text.js

@@ -62,9 +62,7 @@ const useStyles = (0, mui_1.makeStyles)()({
     },
 });
 // React component for the column filter control
-const FilterReactComponent = (0, mobx_react_1.observer)(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-({ filterModel }) => {
+const FilterReactComponent = (0, mobx_react_1.observer)(({ filterModel }) => {
     const { classes } = useStyles();
     const operationChoices = (0, mst_reflection_1.getEnumerationValues)((0, mst_reflection_1.getSubType)((0, mst_reflection_1.getPropertyType)((0, mobx_state_tree_1.getPropertyMembers)(filterModel), 'operation')));
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -96,7 +94,6 @@ const ColumnTextFilter = mobx_state_tree_1.types
             };
         }
         const s = stringToFind.toLowerCase(); // case insensitive match
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return function stringPredicate(_sheet, row) {
             const { cellsWithDerived } = row;
             const cell = cellsWithDerived[columnNumber];