@jbrowse/plugin-spreadsheet-view 2.17.0 → 2.18.0

package/dist/SpreadsheetView/components/LocationCell.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LocationCell;
+const react_1 = __importDefault(require("react"));
+const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const util_2 = require("../util");
+const FeatureMenu_1 = __importDefault(require("./FeatureMenu"));
+function LocationCell({ model, feature, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(FeatureMenu_1.default, { session: (0, util_1.getSession)(model), spreadsheetViewId: (0, mobx_state_tree_1.getParent)(model).id, assemblyName: model.assemblyName, feature: feature }),
+        react_1.default.createElement(material_1.Link, { href: "#", onClick: async (event) => {
+                try {
+                    event.preventDefault();
+                    await (0, util_2.locationLinkClick)({
+                        spreadsheetViewId: (0, mobx_state_tree_1.getParent)(model).id,
+                        session: (0, util_1.getSession)(model),
+                        locString: (0, util_1.assembleLocString)(feature),
+                        assemblyName: model.assemblyName,
+                    });
+                }
+                catch (e) {
+                    console.error(e);
+                    (0, util_1.getSession)(model).notifyError(`${e}`, e);
+                }
+            } }, (0, util_1.assembleLocString)(feature))));
+}

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

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

package/dist/SpreadsheetView/components/NumberEditor.js

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     textField: {
         width: '2rem',
@@ -34,14 +34,12 @@ const useStyles = (0, mui_1.makeStyles)()({
     },
 });
 const NumberEditor = (0, mobx_react_1.observer)(function ({ model, disabled, modelPropName, modelSetterName, }) {
-    // @ts-expect-error
     const [val, setVal] = (0, react_1.useState)(model[modelPropName]);
     const { classes } = useStyles();
     (0, react_1.useEffect)(() => {
         const num = Number.parseInt(val, 10);
         if (!Number.isNaN(num)) {
             if (num > 0) {
-                // @ts-expect-error
                 model[modelSetterName](num);
             }
             else {

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

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

package/dist/SpreadsheetView/components/SpreadsheetDataGrid.js

@@ -0,0 +1,27 @@
+"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 ui_1 = require("@jbrowse/core/ui");
+const x_data_grid_1 = require("@mui/x-data-grid");
+const mobx_react_1 = require("mobx-react");
+const SpreadsheetDataGrid = (0, mobx_react_1.observer)(function ({ model, }) {
+    const { rows, dataGridColumns, visibleColumns } = model;
+    const apiRef = (0, x_data_grid_1.useGridApiRef)();
+    return rows && dataGridColumns ? (react_1.default.createElement(x_data_grid_1.DataGrid, { apiRef: apiRef, checkboxSelection: true, disableRowSelectionOnClick: true, columnHeaderHeight: 35, columnVisibilityModel: visibleColumns, onFilterModelChange: () => {
+            setTimeout(() => {
+                model.setVisibleRows(apiRef.current.state.visibleRowsLookup);
+            });
+        }, onColumnVisibilityModelChange: n => {
+            model.setVisibleColumns(n);
+        }, rowHeight: 25, hideFooter: rows.length < 100, slots: {
+            toolbar: x_data_grid_1.GridToolbar,
+        }, slotProps: {
+            toolbar: {
+                showQuickFilter: true,
+            },
+        }, rows: rows, columns: dataGridColumns })) : (react_1.default.createElement(ui_1.LoadingEllipses, { variant: "h6" }));
+});
+exports.default = SpreadsheetDataGrid;

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

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

package/dist/SpreadsheetView/components/SpreadsheetView.js

@@ -27,60 +27,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
 const ui_1 = require("@jbrowse/core/ui");
-// locals
-const ImportWizard_1 = __importDefault(require("./ImportWizard"));
-const Spreadsheet_1 = __importDefault(require("./Spreadsheet"));
-const GlobalFilterControls_1 = __importDefault(require("./GlobalFilterControls"));
-const ColumnFilterControls_1 = __importDefault(require("./ColumnFilterControls"));
-const StatusBar_1 = __importDefault(require("./StatusBar"));
-const headerHeight = 52;
-const colFilterHeight = 46;
-const statusBarHeight = 40;
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
+const SpreadsheetDataGrid_1 = __importDefault(require("./SpreadsheetDataGrid"));
+const ImportWizard = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ImportWizard'))));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    header: {
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        boxSizing: 'border-box',
-        height: headerHeight,
-        paddingLeft: theme.spacing(1),
-    },
     contentArea: {
         overflow: 'auto',
+        position: 'relative',
+        marginBottom: theme.spacing(1),
+        background: theme.palette.background.paper,
     },
     resizeHandle: {
-        height: 3,
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        background: theme.palette.action.disabled,
+        height: 5,
         boxSizing: 'border-box',
+        background: theme.palette.action.disabled,
         borderTop: '1px solid #fafafa',
     },
 }));
 const SpreadsheetView = (0, mobx_react_1.observer)(function ({ model, }) {
+    const [initialHeight, setInitialHeight] = (0, react_1.useState)(0);
     const { classes } = useStyles();
-    const { spreadsheet, filterControls, hideFilterControls, hideVerticalResizeHandle, mode, height, } = model;
-    const [page, setPage] = (0, react_1.useState)(0);
-    const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(100);
-    return (react_1.default.createElement("div", null,
-        mode !== 'display' || hideFilterControls ? null : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Grid, { container: true, direction: "row", className: classes.header },
-                react_1.default.createElement(material_1.Grid, { item: true },
-                    react_1.default.createElement(GlobalFilterControls_1.default, { model: model }))),
-            filterControls.columnFilters.map((f, i) => (react_1.default.createElement(ColumnFilterControls_1.default, { key: `${f.columnNumber}-${i}`, viewModel: model, filterModel: f, columnNumber: f.columnNumber, height: colFilterHeight }))))),
-        mode === 'import' ? (react_1.default.createElement(ImportWizard_1.default, { model: model.importWizard })) : (react_1.default.createElement("div", { className: classes.contentArea },
-            react_1.default.createElement("div", { style: {
-                    position: 'relative',
-                    display: mode === 'display' ? undefined : 'none',
-                } }, spreadsheet ? (react_1.default.createElement(Spreadsheet_1.default, { page: page, rowsPerPage: rowsPerPage, model: spreadsheet, height: height -
-                    headerHeight -
-                    filterControls.columnFilters.length * colFilterHeight -
-                    statusBarHeight })) : null))),
-        spreadsheet ? (react_1.default.createElement(StatusBar_1.default, { page: page, setPage: setPage, rowsPerPage: rowsPerPage, setRowsPerPage: setRowsPerPage, mode: mode, spreadsheet: spreadsheet })) : null,
-        hideVerticalResizeHandle ? null : (react_1.default.createElement(ui_1.ResizeHandle, { onDrag: model.resizeHeight, className: classes.resizeHandle }))));
+    const { spreadsheet, hideVerticalResizeHandle, height } = model;
+    return spreadsheet ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: { height }, className: classes.contentArea },
+            react_1.default.createElement(SpreadsheetDataGrid_1.default, { model: spreadsheet })),
+        hideVerticalResizeHandle ? null : (react_1.default.createElement(ui_1.ResizeHandle, { onMouseDown: () => {
+                setInitialHeight(height);
+            }, onDrag: (_, dist) => model.setHeight(initialHeight - dist), className: classes.resizeHandle })))) : (react_1.default.createElement("div", null, "Unknown"));
+});
+const SpreadsheetContainer = (0, mobx_react_1.observer)(function ({ model, }) {
+    var _a;
+    return !((_a = model.spreadsheet) === null || _a === void 0 ? void 0 : _a.initialized) ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
+        react_1.default.createElement(ImportWizard, { model: model.importWizard }))) : (react_1.default.createElement(SpreadsheetView, { model: model }));
 });
-exports.default = SpreadsheetView;
+exports.default = SpreadsheetContainer;

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

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

package/dist/SpreadsheetView/components/TrackSelector.js

@@ -0,0 +1,49 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const TrackSelector = (0, mobx_react_1.observer)(function ({ model, selectedAssembly, }) {
+    var _a;
+    const filteredTracks = selectedAssembly
+        ? model.tracksForAssembly(selectedAssembly)
+        : undefined;
+    const resetTrack = ((_a = filteredTracks === null || filteredTracks === void 0 ? void 0 : filteredTracks[0]) === null || _a === void 0 ? void 0 : _a.track.trackId) || '';
+    const [selectedTrack, setSelectedTrack] = (0, react_1.useState)(resetTrack);
+    (0, react_1.useEffect)(() => {
+        const entry = filteredTracks === null || filteredTracks === void 0 ? void 0 : filteredTracks.find(f => selectedTrack === f.track.trackId);
+        if (entry) {
+            model.setFileSource(entry.loc);
+            model.setFileType(entry.type);
+        }
+    }, [model, selectedTrack, filteredTracks]);
+    return (react_1.default.createElement("div", null, (filteredTracks === null || filteredTracks === void 0 ? void 0 : filteredTracks.length) ? (react_1.default.createElement(material_1.TextField, { select: true, label: "Tracks", variant: "outlined", value: selectedTrack, onChange: event => {
+            setSelectedTrack(event.target.value);
+        } }, filteredTracks.map(({ track, label }) => (react_1.default.createElement(material_1.MenuItem, { key: track.trackId, value: track.trackId }, (0, util_1.coarseStripHTML)(label)))))) : (react_1.default.createElement(ui_1.ErrorMessage, { error: `No tracks found for ${selectedAssembly}` }))));
+});
+exports.default = TrackSelector;

package/dist/SpreadsheetView/importAdapters/BedImport.d.ts

@@ -1,17 +1,26 @@
-import { ParseOptions } from './ImportUtils';
-import type { Buffer } from 'buffer';
-export declare function removeBedHeaders(buffer: Buffer): Buffer;
-export declare function parseBedBuffer(buffer: Buffer, options: ParseOptions): Promise<{
-    rowSet: import("./ImportUtils").RowSet;
-    columnDisplayOrder: number[];
-    hasColumnNames: boolean;
-    columns: import("./ImportUtils").Column[];
-    assemblyName: string | undefined;
-}>;
-export declare function parseBedPEBuffer(buffer: Buffer, options: ParseOptions): Promise<{
-    rowSet: import("./ImportUtils").RowSet;
-    columnDisplayOrder: number[];
-    hasColumnNames: boolean;
-    columns: import("./ImportUtils").Column[];
-    assemblyName: string | undefined;
-}>;
+export declare function parseBedBuffer(buffer: Uint8Array): {
+    columns: {
+        name: string;
+    }[];
+    rowSet: {
+        rows: {
+            cellData: {
+                refName: string | undefined;
+                start: number;
+                end: number;
+                name: string | undefined;
+                score: string | undefined;
+                strand: string | undefined;
+            };
+            feature: {
+                uniqueId: string;
+                refName: string | undefined;
+                start: number;
+                end: number;
+                name: string | undefined;
+                score: string | undefined;
+                strand: number | undefined;
+            };
+        }[];
+    };
+};

package/dist/SpreadsheetView/importAdapters/BedImport.js

@@ -1,144 +1,58 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeBedHeaders = removeBedHeaders;
 exports.parseBedBuffer = parseBedBuffer;
-exports.parseBedPEBuffer = parseBedPEBuffer;
-const ImportUtils_1 = require("./ImportUtils");
-const browserBytes = 'browser '.split('').map(c => c.charCodeAt(0));
-const trackBytes = 'track '.split('').map(c => c.charCodeAt(0));
-const commentBytes = '#'.split('').map(c => c.charCodeAt(0));
-function bytesAreFoundAt(position, buffer, bytes) {
-    let i = 0;
-    for (; i < bytes.length; i += 1) {
-        if (buffer[position + i] !== bytes[i]) {
-            return false;
-        }
-    }
-    return true;
-}
-function removeBedHeaders(buffer) {
-    // slice off the first lines of the buffer if it starts with one or more
-    // header lines
-    let i = 0;
-    for (; i < buffer.length; i += 1) {
-        if (bytesAreFoundAt(i, buffer, browserBytes) ||
-            bytesAreFoundAt(i, buffer, trackBytes) ||
-            bytesAreFoundAt(i, buffer, commentBytes)) {
-            // consume up to the next newline
-            do {
-                i += 1;
-            } while (buffer[i] !== 10);
-        }
-        else {
-            // end of headers, return
-            break;
-        }
-    }
-    if (i) {
-        return buffer.subarray(i);
-    }
-    return buffer;
-}
-async function parseBedBuffer(buffer, options) {
-    const b = removeBedHeaders(buffer);
-    const data = await (0, ImportUtils_1.parseTsvBuffer)(b);
-    const bedColumns = [
-        { name: 'chrom', dataType: { type: 'LocRef' } },
-        { name: 'chromStart', dataType: { type: 'LocStart' } },
-        { name: 'chromEnd', dataType: { type: 'LocEnd' } },
-        { name: 'name', dataType: { type: 'Text' } },
-        { name: 'score', dataType: { type: 'Number' } },
-        { name: 'strand', dataType: { type: 'Text' } },
-    ];
-    data.columns.forEach((col, colNumber) => {
-        const bedColumn = bedColumns[colNumber];
-        if (bedColumn) {
-            col.name = bedColumn.name;
-            col.dataType = bedColumn.dataType;
-        }
-    });
-    data.hasColumnNames = true;
-    data.assemblyName = options.selectedAssemblyName;
-    data.columnDisplayOrder.push(data.columnDisplayOrder.length);
-    data.columns.unshift({
-        name: 'Location',
-        dataType: { type: 'LocString' },
-        isDerived: true,
-        derivationFunctionText: `jexl:{text:row.cells[0].text+':'+row.cells[1].text+'..'+row.cells[2].text,\n
-    extendedData: {refName: row.cells.ref.text, start: parseInt(row.cells.start.text,10), end: parseInt(row.cells.end.text,10)}}`,
-    });
-    return data;
-}
-async function parseBedPEBuffer(buffer, options) {
-    const b = removeBedHeaders(buffer);
-    const data = await (0, ImportUtils_1.parseTsvBuffer)(b);
-    const bedColumns = [
-        { name: 'chrom1', dataType: { type: 'Text' }, featureField: ['refName'] },
-        { name: 'start1', dataType: { type: 'Number' }, featureField: ['start'] },
-        { name: 'end1', dataType: { type: 'Number' }, featureField: ['end'] },
-        {
-            name: 'chrom2',
-            dataType: { type: 'Text' },
-            featureField: ['mate', 'refName'],
-        },
-        {
-            name: 'start2',
-            dataType: { type: 'Number' },
-            featureField: ['mate', 'start'],
-        },
-        {
-            name: 'end2',
-            dataType: { type: 'Number' },
-            featureField: ['mate', 'end'],
-        },
-        { name: 'name', dataType: { type: 'Text' }, featureField: ['name'] },
-        { name: 'score', dataType: { type: 'Number' }, featureField: ['score'] },
-        { name: 'strand1', dataType: { type: 'Text' }, featureField: ['strand'] },
-        {
-            name: 'strand2',
-            dataType: { type: 'Text' },
-            featureField: ['mate', 'strand'],
+const isNumber_1 = require("./isNumber");
+const util_1 = require("./util");
+function parseBedBuffer(buffer) {
+    var _a, _b;
+    const lines = (0, util_1.bufferToLines)(buffer);
+    const rest = lines.filter(line => !(line.startsWith('#') ||
+        line.startsWith('browser') ||
+        line.startsWith('track')));
+    const lastHeaderLine = lines.findLast(line => line.startsWith('#'));
+    const coreColumns = ['refName', 'start', 'end'];
+    const numExtraColumns = Math.max(0, (((_b = (_a = rest[0]) === null || _a === void 0 ? void 0 : _a.split('\t')) === null || _b === void 0 ? void 0 : _b.length) || 0) - coreColumns.length);
+    const extraNames = (lastHeaderLine === null || lastHeaderLine === void 0 ? void 0 : lastHeaderLine.includes('\t'))
+        ? lastHeaderLine
+            .slice(1)
+            .split('\t')
+            .slice(coreColumns.length)
+            .map(t => t.trim())
+        : Array.from({ length: numExtraColumns }, (_v, i) => `field_${i}`);
+    const colNames = [...coreColumns, ...extraNames];
+    return {
+        columns: colNames.map(c => ({ name: c })),
+        rowSet: {
+            rows: rest.map((line, idx) => {
+                const cols = line.split('\t');
+                return {
+                    cellData: {
+                        refName: cols[0],
+                        start: +cols[1],
+                        end: +cols[2],
+                        name: cols[3],
+                        score: cols[4],
+                        strand: cols[5],
+                        ...Object.fromEntries(extraNames.map((n, idx) => {
+                            const r = cols[idx + coreColumns.length];
+                            return [n, (0, isNumber_1.isNumber)(r) ? +r : r];
+                        })),
+                    },
+                    feature: {
+                        uniqueId: `bed-${idx}`,
+                        refName: cols[0],
+                        start: +cols[1],
+                        end: +cols[2],
+                        name: cols[3],
+                        score: cols[4],
+                        strand: (0, util_1.parseStrand)(cols[5]),
+                        ...Object.fromEntries(extraNames.map((n, idx) => {
+                            const r = cols[idx + coreColumns.length];
+                            return [n, (0, isNumber_1.isNumber)(r) ? +r : r];
+                        })),
+                    },
+                };
+            }),
         },
-    ];
-    data.columns.forEach((col, colNumber) => {
-        const bedColumn = bedColumns[colNumber];
-        if (bedColumn) {
-            col.name = bedColumn.name;
-            col.dataType = bedColumn.dataType;
-        }
-    });
-    data.hasColumnNames = true;
-    // decorate each row with a feature object in its extendedData
-    data.rowSet.rows.forEach((row, rowNumber) => {
-        const featureData = {};
-        row.cells.forEach(({ text }, columnNumber) => {
-            const bedColumn = bedColumns[columnNumber];
-            const val = bedColumn && bedColumn.dataType.type === 'Number' && text
-                ? Number.parseFloat(text)
-                : text;
-            if (bedColumn) {
-                // a predefined column
-                if (bedColumn.featureField.length === 2) {
-                    if (!featureData[bedColumn.featureField[0]]) {
-                        featureData[bedColumn.featureField[0]] = {};
-                    }
-                    featureData[bedColumn.featureField[0]][bedColumn.featureField[1]] =
-                        val;
-                }
-                else {
-                    featureData[bedColumn.featureField[0]] = val;
-                }
-            }
-            else {
-                // some other column
-                featureData[`column${columnNumber + 1}`] = val;
-            }
-        });
-        featureData.uniqueId = `bedpe-${rowNumber}`;
-        row.extendedData = {
-            feature: featureData,
-        };
-    });
-    data.assemblyName = options.selectedAssemblyName;
-    return data;
+    };
 }

package/dist/SpreadsheetView/importAdapters/BedpeImport.d.ts

@@ -0,0 +1,36 @@
+export declare function parseBedPEBuffer(buffer: Uint8Array): {
+    columns: {
+        name: string;
+    }[];
+    rowSet: {
+        rows: {
+            cellData: {
+                refName: string | undefined;
+                start: string | undefined;
+                end: string | undefined;
+                mateRefName: string | undefined;
+                mateStart: string | undefined;
+                mateEnd: string | undefined;
+                name: string | undefined;
+                score: string | number | undefined;
+                strand: string | undefined;
+                mateStrand: string | undefined;
+            };
+            feature: {
+                uniqueId: string;
+                refName: string | undefined;
+                start: number;
+                end: number;
+                strand: number | undefined;
+                mate: {
+                    refName: string | undefined;
+                    start: number;
+                    end: number;
+                    strand: number | undefined;
+                };
+                name: string | undefined;
+                score: string | undefined;
+            };
+        }[];
+    };
+};

package/dist/SpreadsheetView/importAdapters/BedpeImport.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseBedPEBuffer = parseBedPEBuffer;
+const internals_1 = require("@mui/x-data-grid/internals");
+const util_1 = require("./util");
+function parseBedPEBuffer(buffer) {
+    var _a, _b;
+    const lines = (0, util_1.bufferToLines)(buffer);
+    const rest = lines.filter(line => !(line.startsWith('#') ||
+        line.startsWith('browser') ||
+        line.startsWith('track')));
+    const lastHeaderLine = lines.findLast(line => line.startsWith('#'));
+    const coreColumns = [
+        'refName',
+        'start',
+        'end',
+        'mateRef',
+        'mateStart',
+        'mateEnd',
+        'name',
+        'score',
+        'strand',
+        'mateStrand',
+    ];
+    const numExtraColumns = Math.max(0, (((_b = (_a = rest[0]) === null || _a === void 0 ? void 0 : _a.split('\t')) === null || _b === void 0 ? void 0 : _b.length) || 0) - coreColumns.length);
+    const extraNames = (lastHeaderLine === null || lastHeaderLine === void 0 ? void 0 : lastHeaderLine.includes('\t'))
+        ? lastHeaderLine
+            .slice(1)
+            .split('\t')
+            .slice(coreColumns.length)
+            .map(t => t.trim())
+        : Array.from({ length: numExtraColumns }, (_v, i) => `field_${i}`);
+    const colNames = [...coreColumns, ...extraNames];
+    return {
+        columns: colNames.map(c => ({ name: c })),
+        rowSet: {
+            rows: rest.map((line, idx) => {
+                const cols = line.split('\t');
+                return {
+                    cellData: {
+                        refName: cols[0],
+                        start: cols[1],
+                        end: cols[2],
+                        mateRefName: cols[3],
+                        mateStart: cols[4],
+                        mateEnd: cols[5],
+                        name: cols[6],
+                        score: +cols[7] || cols[7],
+                        strand: cols[8],
+                        mateStrand: cols[9],
+                        ...Object.fromEntries(extraNames.map((n, idx) => {
+                            const r = cols[idx + coreColumns.length];
+                            return [n, (0, internals_1.isNumber)(r) ? +r : r];
+                        })),
+                    },
+                    feature: {
+                        uniqueId: `bedpe-${idx}`,
+                        refName: cols[0],
+                        start: +cols[1],
+                        end: +cols[2],
+                        strand: (0, util_1.parseStrand)(cols[8]),
+                        mate: {
+                            refName: cols[3],
+                            start: +cols[4],
+                            end: +cols[5],
+                            strand: (0, util_1.parseStrand)(cols[9]),
+                        },
+                        name: cols[6],
+                        score: cols[7],
+                        ...Object.fromEntries(extraNames.map((n, idx) => {
+                            const r = cols[idx + coreColumns.length];
+                            return [n, (0, internals_1.isNumber)(r) ? +r : r];
+                        })),
+                    },
+                };
+            }),
+        },
+    };
+}