@jbrowse/plugin-spreadsheet-view 2.13.1 → 2.15.0

package/dist/SpreadsheetView/models/FilterControls.js

@@ -19,11 +19,10 @@ const RowFullTextFilter = mobx_state_tree_1.types
         }
         s = s.toLowerCase();
         return function stringPredicate(_sheet, row) {
-            var _a;
             const { cellsWithDerived } = row;
             for (const cell of cellsWithDerived) {
                 // note: case insensitive
-                if ((_a = cell.text) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(s)) {
+                if (cell.text.toLowerCase().includes(s)) {
                     return true;
                 }
             }
@@ -69,9 +68,7 @@ const model = mobx_state_tree_1.types
 }))
     .actions(self => ({
     addBlankColumnFilter(columnNumber) {
-        const { dataType } = 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (0, mobx_state_tree_1.getParent)(self).spreadsheet.columns[columnNumber];
+        const { dataType } = (0, mobx_state_tree_1.getParent)(self).spreadsheet.columns[columnNumber];
         self.columnFilters.push({
             type: dataType.type,
             columnNumber,

package/dist/SpreadsheetView/models/ImportWizard.js

@@ -65,7 +65,6 @@ const ImportWizard = mobx_state_tree_1.types
 })
     .volatile(() => ({
     fileTypes,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     fileSource: undefined,
     error: undefined,
     loading: false,
@@ -79,7 +78,6 @@ const ImportWizard = mobx_state_tree_1.types
                 self.fileSource.uri));
     },
     get canCancel() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return (0, mobx_state_tree_1.getParent)(self).readyToDisplay;
     },
     get fileName() {
@@ -142,7 +140,6 @@ const ImportWizard = mobx_state_tree_1.types
     },
     cancelButton() {
         self.error = undefined;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         (0, mobx_state_tree_1.getParent)(self).setDisplayMode();
     },
     // fetch and parse the file, make a new Spreadsheet model for it,
@@ -158,9 +155,6 @@ const ImportWizard = mobx_state_tree_1.types
         self.loading = true;
         const type = self.fileType;
         const typeParser = await fileTypeParsers[type]();
-        if (!typeParser) {
-            throw new Error(`cannot open files of type '${self.fileType}'`);
-        }
         const { unzip } = await Promise.resolve().then(() => __importStar(require('@gmod/bgzf-filehandle')));
         const { pluginManager } = (0, util_1.getEnv)(self);
         const filehandle = (0, io_1.openLocation)(self.fileSource, pluginManager);
@@ -181,7 +175,6 @@ const ImportWizard = mobx_state_tree_1.types
                 .then(buffer => typeParser(buffer, self))
                 .then(spreadsheet => {
                 this.setLoaded();
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 (0, mobx_state_tree_1.getParent)(self).displaySpreadsheet(spreadsheet);
             });
         }

package/dist/SpreadsheetView/models/Row.js

@@ -28,10 +28,8 @@ const RowModel = mobx_state_tree_1.types
 }))
     .views(self => ({
     get cellsWithDerived() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const { columns } = (0, mobx_state_tree_1.getParent)(self, 3);
         let i = 0;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return columns.map((column) => {
             if (column.isDerived) {
                 return column.expr.evalSync({

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

@@ -1,5 +1,5 @@
 import { SnapshotIn, Instance } from 'mobx-state-tree';
-import RowModel from './Row';
+import type RowModel from './Row';
 type Row = Instance<typeof RowModel>;
 type RowMenuPosition = {
     anchorEl: Element;

package/dist/SpreadsheetView/models/Spreadsheet.js

@@ -91,7 +91,6 @@ const Spreadsheet = mobx_state_tree_1.types
      */
     get hideRowSelection() {
         // just delegates to parent
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return (0, mobx_state_tree_1.getParent)(self).hideRowSelection;
     },
     /**
@@ -153,6 +152,7 @@ const Spreadsheet = mobx_state_tree_1.types
      * #action
      */
     setSortColumns(newSort) {
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (newSort) {
             // @ts-expect-error
             self.sortColumns = newSort;
@@ -168,7 +168,7 @@ const Spreadsheet = mobx_state_tree_1.types
      * #action
      */
     unselectAll() {
-        return self.rowSet.unselectAll();
+        self.rowSet.unselectAll();
     },
 }));
 exports.default = Spreadsheet;

package/dist/SpreadsheetView/models/SpreadsheetView.d.ts

@@ -465,10 +465,6 @@ declare const SpreadsheetView: import("mobx-state-tree").IModelType<{
      * #action
      */
     setDisplayMode(): void;
-    /**
-     * #action
-     */
-    closeView(): void;
 } & {
     /**
      * #method

package/dist/SpreadsheetView/models/SpreadsheetView.js

@@ -95,7 +95,8 @@ const model = mobx_state_tree_1.types
      * #getter
      */
     get outputRows() {
-        if (self.spreadsheet && self.spreadsheet.rowSet.isLoaded) {
+        var _a;
+        if ((_a = self.spreadsheet) === null || _a === void 0 ? void 0 : _a.rowSet.isLoaded) {
             const selected = self.spreadsheet.rowSet.selectedFilteredRows;
             if (selected.length) {
                 return selected;
@@ -112,7 +113,7 @@ const model = mobx_state_tree_1.types
         const name = (_a = self.spreadsheet) === null || _a === void 0 ? void 0 : _a.assemblyName;
         if (name) {
             const assemblies = (0, util_1.getSession)(self).assemblies;
-            return assemblies === null || assemblies === void 0 ? void 0 : assemblies.find(asm => (0, configuration_1.readConfObject)(asm, 'name') === name);
+            return assemblies.find(asm => (0, configuration_1.readConfObject)(asm, 'name') === name);
         }
         return undefined;
     },
@@ -177,13 +178,6 @@ const model = mobx_state_tree_1.types
             self.mode = 'display';
         }
     },
-    /**
-     * #action
-     */
-    closeView() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (0, mobx_state_tree_1.getParent)(self, 2).removeView(self);
-    },
 }))
     .views(self => ({
     /**
@@ -193,7 +187,9 @@ const model = mobx_state_tree_1.types
         return [
             {
                 label: 'Return to import form',
-                onClick: () => self.setImportMode(),
+                onClick: () => {
+                    self.setImportMode();
+                },
                 icon: FolderOpen_1.default,
             },
         ];

package/dist/SpreadsheetView/models/StaticRowSet.js

@@ -24,7 +24,6 @@ const StaticRowModel = mobx_state_tree_1.types
         return this.selectedFilteredRows.length;
     },
     get sortedRows() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const parent = (0, mobx_state_tree_1.getParent)(self);
         return [...self.rows].sort(parent.rowSortingComparisonFunction);
     },
@@ -32,18 +31,14 @@ const StaticRowModel = mobx_state_tree_1.types
         return self.rows.filter(r => r.isSelected);
     },
     get selectedFilteredRows() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const sheet = (0, mobx_state_tree_1.getParent)(self);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const view = (0, mobx_state_tree_1.getParent)(sheet);
         const { filterControls } = view;
         return this.selectedRows.filter(row => filterControls.rowPassesFilters(sheet, row));
     },
     // the set of all rows that pass the filters, sorted
     get sortedFilteredRows() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const sheet = (0, mobx_state_tree_1.getParent)(self);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const view = (0, mobx_state_tree_1.getParent)(sheet);
         const { filterControls } = view;
         return self.rows
@@ -53,7 +48,9 @@ const StaticRowModel = mobx_state_tree_1.types
 }))
     .actions(self => ({
     unselectAll() {
-        self.rows.forEach(row => row.unSelect());
+        self.rows.forEach(row => {
+            row.unSelect();
+        });
     },
 }));
 exports.default = StaticRowModel;

package/esm/LaunchSpreadsheetView/index.js

@@ -4,13 +4,10 @@ export default 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/esm/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/esm/SpreadsheetView/components/ColumnFilterControls.js

@@ -28,7 +28,6 @@ const useStyles = makeStyles()(theme => ({
         padding: theme.spacing(1.5),
     },
 }));
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function FilterOperations({ filterModel }) {
     if (filterModel) {
         return React.createElement(filterModel.ReactComponent, { filterModel: filterModel });
@@ -45,9 +44,7 @@ const ColumnFilterControls = observer(function ({ viewModel, filterModel, column
         React.createElement(Grid, { item: true, className: classes.filterIconBg },
             React.createElement(FilterIcon, { className: classes.filterIcon })),
         React.createElement(Grid, { item: true },
-            React.createElement(IconButton, { onClick: () => 
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                getParent(filterModel, 2).removeColumnFilter(filterModel), title: "remove filter" },
+            React.createElement(IconButton, { onClick: () => getParent(filterModel, 2).removeColumnFilter(filterModel), title: "remove filter" },
                 React.createElement(CloseIcon, null)),
             React.createElement(Typography, { className: classes.columnName, component: "span" }, columnDefinition.name),
             ' ',

package/esm/SpreadsheetView/components/ColumnMenu.js

@@ -8,7 +8,9 @@ import FilterListIcon from '@mui/icons-material/FilterList';
 import PermDataSettingIcon from '@mui/icons-material/PermDataSetting';
 import SortIcon from '@mui/icons-material/Sort';
 const ColumnMenu = 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([
@@ -52,36 +54,46 @@ const ColumnMenu = observer(function ({ viewModel, spreadsheetModel, currentColu
             icon: SortIcon,
             type: 'radio',
             checked: isSortingAscending,
-            onClick: () => sortMenuClick(false),
+            onClick: () => {
+                sortMenuClick(false);
+            },
         },
         {
             label: 'Sort descending',
             icon: SortIcon,
             type: 'radio',
             checked: isSortingDescending,
-            onClick: () => sortMenuClick(true),
+            onClick: () => {
+                sortMenuClick(true);
+            },
         },
         {
             label: 'No sort',
             icon: SortIcon,
             type: 'radio',
             checked: !isSortingDescending && !isSortingAscending,
-            onClick: () => spreadsheetModel.setSortColumns([]),
+            onClick: () => {
+                spreadsheetModel.setSortColumns([]);
+            },
         },
         // data type menu
         {
             label: `Type: ${dataTypeDisplayName}`,
             icon: PermDataSettingIcon,
             subMenu: 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 ? CheckIcon : 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,
@@ -91,13 +103,13 @@ const ColumnMenu = observer(function ({ viewModel, spreadsheetModel, currentColu
                         subMenu: subMenuItems.map(({ typeName, displayName }) => ({
                             label: displayName,
                             icon: typeName === dataTypeName ? CheckIcon : undefined,
-                            onClick: () => spreadsheetModel.setColumnType(columnNumber, typeName),
+                            onClick: () => {
+                                spreadsheetModel.setColumnType(columnNumber, typeName);
+                            },
                         })),
                     };
                 }
-                else {
-                    return null;
-                }
+                return null;
             }).filter(Boolean),
         },
     ];
@@ -107,7 +119,9 @@ const ColumnMenu = observer(function ({ viewModel, spreadsheetModel, currentColu
         menuItems.push({
             label: 'Create filter',
             icon: FilterListIcon,
-            onClick: () => viewModel.filterControls.addBlankColumnFilter(columnNumber),
+            onClick: () => {
+                viewModel.filterControls.addBlankColumnFilter(columnNumber);
+            },
         });
     }
     return (React.createElement(Menu, { anchorEl: currentColumnMenu === null || currentColumnMenu === void 0 ? void 0 : currentColumnMenu.anchorEl, open: Boolean(currentColumnMenu), onMenuItemClick: (_event, callback) => {

package/esm/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/esm/SpreadsheetView/components/DataRow.js

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

package/esm/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/esm/SpreadsheetView/components/DataTableHeader.js

@@ -46,28 +46,31 @@ const DataTableHeader = observer(function ({ model, }) {
                 React.createElement("th", { className: classes.topLeftCorner },
                     React.createElement(Tooltip, { title: "Unselect all", placement: "right" },
                         React.createElement("span", null,
-                            React.createElement(IconButton, { onClick: () => model.unselectAll(), disabled: !rowSet.selectedCount },
+                            React.createElement(IconButton, { onClick: () => {
+                                    model.unselectAll();
+                                }, disabled: !rowSet.selectedCount },
                                 React.createElement(CropFreeIcon, null))))),
-                columnDisplayOrder.map(colNumber => {
-                    var _a;
-                    return (React.createElement("th", { className: classes.columnHead, key: colNumber, onMouseOver: () => setHoveredColumn(colNumber), onMouseOut: () => setHoveredColumn(undefined) },
-                        React.createElement(SortIndicator, { model: model, columnNumber: colNumber }),
-                        (hasColumnNames && ((_a = columns[colNumber]) === null || _a === void 0 ? void 0 : _a.name)) ||
-                            numToColName(colNumber),
-                        React.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.createElement("th", { className: classes.columnHead, key: colNumber, onMouseOver: () => {
+                        setHoveredColumn(colNumber);
+                    }, onMouseOut: () => {
+                        setHoveredColumn(undefined);
+                    } },
+                    React.createElement(SortIndicator, { model: model, columnNumber: colNumber }),
+                    (hasColumnNames && columns[colNumber].name) ||
+                        numToColName(colNumber),
+                    React.createElement("div", { className: classes.columnButtonContainer, style: {
+                            display: currentHoveredColumn === colNumber ||
+                                (currentColumnMenu === null || currentColumnMenu === void 0 ? void 0 : currentColumnMenu.colNumber) === colNumber
+                                ? 'block'
+                                : 'none',
+                        } },
+                        React.createElement(IconButton, { onClick: evt => {
+                                setColumnMenu({
+                                    colNumber,
+                                    anchorEl: evt.currentTarget,
+                                });
                             } },
-                            React.createElement(IconButton, { onClick: evt => {
-                                    setColumnMenu({
-                                        colNumber,
-                                        anchorEl: evt.currentTarget,
-                                    });
-                                } },
-                                React.createElement(ArrowDropDown, null)))));
-                }))),
+                            React.createElement(ArrowDropDown, null)))))))),
         React.createElement(ColumnMenu, { viewModel: getParent(model), spreadsheetModel: model, currentColumnMenu: currentColumnMenu, setColumnMenu: setColumnMenu })));
 });
 export default DataTableHeader;

package/esm/SpreadsheetView/components/GlobalFilterControls.js

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

package/esm/SpreadsheetView/components/ImportWizard.js

@@ -29,20 +29,30 @@ const ImportWizard = observer(({ model }) => {
             React.createElement(FormControl, { component: "fieldset" },
                 React.createElement(FormLabel, { component: "legend" }, "Tabular file"),
                 React.createElement(FormGroup, null,
-                    React.createElement(FileSelector, { location: fileSource, setLocation: arg => model.setFileSource(arg), rootModel: rootModel })))),
+                    React.createElement(FileSelector, { location: fileSource, setLocation: arg => {
+                            model.setFileSource(arg);
+                        }, rootModel: rootModel })))),
         React.createElement("div", null,
             React.createElement(FormControl, { component: "fieldset" },
                 React.createElement(FormLabel, { component: "legend" }, "File Type"),
-                React.createElement(RadioGroup, { row: true, "aria-label": "file type", name: "type", value: fileType }, fileTypes.map(fileTypeName => (React.createElement(FormControlLabel, { key: fileTypeName, checked: fileType === fileTypeName, value: fileTypeName, onClick: () => model.setFileType(fileTypeName), control: React.createElement(Radio, null), label: fileTypeName })))))),
+                React.createElement(RadioGroup, { row: true, "aria-label": "file type", name: "type", value: fileType }, fileTypes.map(fileTypeName => (React.createElement(FormControlLabel, { key: fileTypeName, checked: fileType === fileTypeName, value: fileTypeName, onClick: () => {
+                        model.setFileType(fileTypeName);
+                    }, control: React.createElement(Radio, null), label: fileTypeName })))))),
         showRowControls ? (React.createElement("div", null,
             React.createElement(FormControl, { component: "fieldset" },
                 React.createElement(FormLabel, { component: "legend" }, "Column Names"),
-                React.createElement(FormControlLabel, { disabled: !showRowControls, label: "has column names on line", labelPlacement: "end", control: React.createElement(Checkbox, { checked: hasColumnNameLine, onClick: () => model.toggleHasColumnNameLine() }) }),
-                React.createElement(NumberEditor, { model: model, disabled: !showRowControls || !hasColumnNameLine, modelPropName: "columnNameLineNumber", modelSetterName: "setColumnNameLineNumber" })))) : null,
+                React.createElement(FormControlLabel, { disabled: !showRowControls, label: "has column names on line", labelPlacement: "end", control: React.createElement(Checkbox, { checked: hasColumnNameLine, onClick: () => {
+                            model.toggleHasColumnNameLine();
+                        } }) }),
+                React.createElement(NumberEditor, { model: model, disabled: !hasColumnNameLine, modelPropName: "columnNameLineNumber", modelSetterName: "setColumnNameLineNumber" })))) : null,
         React.createElement("div", null,
-            React.createElement(AssemblySelector, { session: session, selected: selected, onChange: val => setSelected(val) })),
+            React.createElement(AssemblySelector, { session: session, selected: selected, onChange: val => {
+                    setSelected(val);
+                } })),
         React.createElement("div", null,
-            canCancel ? (React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => model.cancelButton(), disabled: !canCancel }, "Cancel")) : null,
+            canCancel ? (React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
+                    model.cancelButton();
+                }, disabled: !canCancel }, "Cancel")) : null,
             ' ',
             React.createElement(Button, { disabled: !isReadyToOpen || !!err, variant: "contained", "data-testid": "open_spreadsheet", color: "primary", onClick: () => {
                     // eslint-disable-next-line @typescript-eslint/no-floating-promises

package/esm/SpreadsheetView/components/NumberEditor.js

@@ -24,6 +24,8 @@ const NumberEditor = observer(function ({ model, disabled, modelPropName, modelS
             }
         }
     }, [model, modelSetterName, val]);
-    return (React.createElement(TextField, { value: val, disabled: disabled, type: "number", onChange: evt => setVal(evt.target.value), className: classes.textField }));
+    return (React.createElement(TextField, { value: val, disabled: disabled, type: "number", onChange: evt => {
+            setVal(evt.target.value);
+        }, className: classes.textField }));
 });
 export default NumberEditor;

package/esm/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/esm/SpreadsheetView/components/RowCountMessage.js

@@ -1,5 +1,7 @@
+import React from 'react';
 import { observer } from 'mobx-react';
 const RowCountMessage = 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;
@@ -19,7 +21,7 @@ const RowCountMessage = observer(function ({ spreadsheet, }) {
                 rowMessage += `, ${selectedCount} selected`;
             }
         }
-        return rowMessage;
+        return React.createElement(React.Fragment, null, rowMessage);
     }
     return null;
 });

package/esm/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/esm/SpreadsheetView/components/RowMenu.js

@@ -13,6 +13,7 @@ const RowMenu = observer(function ({ viewModel, spreadsheetModel, }) {
         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/esm/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/esm/SpreadsheetView/components/Spreadsheet.js

@@ -12,8 +12,9 @@ const useStyles = makeStyles()(theme => ({
     },
 }));
 const Spreadsheet = observer(function ({ model, height, page, rowsPerPage, }) {
-    var _a;
     const { classes } = useStyles();
-    return (React.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.createElement(DataTable, { model: model, page: page, rowsPerPage: rowsPerPage })) : (React.createElement(LoadingEllipses, { variant: "h6" }))));
+    return (React.createElement("div", { className: classes.root, style: { height } }, 
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    model.rowSet.isLoaded && model.initialized ? (React.createElement(DataTable, { model: model, page: page, rowsPerPage: rowsPerPage })) : (React.createElement(LoadingEllipses, { variant: "h6" }))));
 });
 export default Spreadsheet;

package/esm/SpreadsheetView/components/StatusBar.js

@@ -23,14 +23,17 @@ const useStyles = makeStyles()(theme => ({
 }));
 const StatusBar = observer(function StatusBar({ page, rowsPerPage, setPage, setRowsPerPage, spreadsheet, mode, }) {
     const { classes } = useStyles();
-    return (React.createElement("div", { className: classes.statusBar, style: { display: mode === 'display' ? undefined : 'none' } }, spreadsheet ? (React.createElement(FormGroup, { row: true },
-        React.createElement("div", { className: classes.verticallyCenter },
-            React.createElement(RowCountMessage, { spreadsheet: spreadsheet })),
-        React.createElement("div", { className: classes.spacer }),
-        React.createElement(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.createElement("div", { className: classes.spacer }))) : null));
+    return (React.createElement("div", { className: classes.statusBar, style: { display: mode === 'display' ? undefined : 'none' } },
+        React.createElement(FormGroup, { row: true },
+            React.createElement("div", { className: classes.verticallyCenter },
+                React.createElement(RowCountMessage, { spreadsheet: spreadsheet })),
+            React.createElement("div", { className: classes.spacer }),
+            React.createElement(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.createElement("div", { className: classes.spacer }))));
 });
 export default StatusBar;

package/esm/SpreadsheetView/importAdapters/BedImport.js

@@ -30,7 +30,7 @@ export function removeBedHeaders(buffer) {
         }
     }
     if (i) {
-        return buffer.slice(i);
+        return buffer.subarray(i);
     }
     return buffer;
 }
@@ -105,12 +105,11 @@ export 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/esm/SpreadsheetView/importAdapters/ImportUtils.js

@@ -48,6 +48,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) {