@jbrowse/plugin-spreadsheet-view 2.17.0 → 3.0.0

package/dist/SpreadsheetView/components/ColumnMenu.js

@@ -1,140 +0,0 @@
-"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 util_1 = require("@jbrowse/core/util");
-const ui_1 = require("@jbrowse/core/ui");
-// icons
-const Check_1 = __importDefault(require("@mui/icons-material/Check"));
-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 columnNumber = (currentColumnMenu === null || currentColumnMenu === void 0 ? void 0 : currentColumnMenu.colNumber) || 0;
-    const sortMenuClick = (descending) => {
-        spreadsheetModel.setSortColumns([
-            {
-                columnNumber,
-                descending,
-            },
-        ]);
-    };
-    const { dataTypeChoices } = spreadsheetModel;
-    const dataTypeTopLevelMenu = new Map();
-    dataTypeChoices.forEach(dataTypeRecord => {
-        const { displayName, categoryName } = dataTypeRecord;
-        if (categoryName) {
-            let entry = dataTypeTopLevelMenu.get(categoryName);
-            if (!entry) {
-                entry = {
-                    isCategory: true,
-                    subMenuItems: [],
-                };
-                dataTypeTopLevelMenu.set(categoryName, entry);
-            }
-            entry.subMenuItems.push(dataTypeRecord);
-        }
-        else {
-            dataTypeTopLevelMenu.set(displayName, dataTypeRecord);
-        }
-    });
-    const { columns, sortColumns } = spreadsheetModel;
-    const dataType = currentColumnMenu && columns[columnNumber].dataType;
-    const dataTypeName = (dataType === null || dataType === void 0 ? void 0 : dataType.type) || '';
-    const dataTypeDisplayName = (currentColumnMenu && columns[columnNumber].dataType.displayName) || '';
-    const isSortingAscending = !!currentColumnMenu &&
-        sortColumns.some(c => c.columnNumber === currentColumnMenu.colNumber && !c.descending);
-    const isSortingDescending = !!currentColumnMenu &&
-        sortColumns.some(c => c.columnNumber === currentColumnMenu.colNumber && c.descending);
-    const menuItems = [
-        // top-level column menu
-        {
-            label: 'Sort ascending',
-            icon: Sort_1.default,
-            type: 'radio',
-            checked: isSortingAscending,
-            onClick: () => {
-                sortMenuClick(false);
-            },
-        },
-        {
-            label: 'Sort descending',
-            icon: Sort_1.default,
-            type: 'radio',
-            checked: isSortingDescending,
-            onClick: () => {
-                sortMenuClick(true);
-            },
-        },
-        {
-            label: 'No sort',
-            icon: Sort_1.default,
-            type: 'radio',
-            checked: !isSortingDescending && !isSortingAscending,
-            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);
-                        },
-                    };
-                }
-                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                if ('subMenuItems' in record && record.subMenuItems) {
-                    const { subMenuItems } = record;
-                    return {
-                        label: displayName,
-                        icon: subMenuItems.some(i => i.typeName === dataTypeName)
-                            ? Check_1.default
-                            : undefined,
-                        subMenu: subMenuItems.map(({ typeName, displayName }) => ({
-                            label: displayName,
-                            icon: typeName === dataTypeName ? Check_1.default : undefined,
-                            onClick: () => {
-                                spreadsheetModel.setColumnType(columnNumber, typeName);
-                            },
-                        })),
-                    };
-                }
-                return null;
-            }).filter(Boolean),
-        },
-    ];
-    // don't display the filter item if this data type doesn't have filtering
-    // implemented
-    if (dataType === null || dataType === void 0 ? void 0 : dataType.hasFilter) {
-        menuItems.push({
-            label: 'Create filter',
-            icon: FilterList_1.default,
-            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) => {
-            callback();
-            columnMenuClose();
-        }, onClose: columnMenuClose, menuItems: menuItems, anchorOrigin: {
-            vertical: 'bottom',
-            horizontal: 'right',
-        } }));
-});
-exports.default = ColumnMenu;

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Instance } from 'mobx-state-tree';
-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, }: {
-    rowModel: RowModel;
-    rowNumber: string;
-    spreadsheetModel: SpreadsheetModel;
-}) => React.JSX.Element;
-export default DataRow;

package/dist/SpreadsheetView/components/DataRow.js

@@ -1,81 +0,0 @@
-"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 material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const colors_1 = require("@mui/material/colors");
-const mui_1 = require("tss-react/mui");
-// icons
-const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
-const CellData_1 = __importDefault(require("./CellData"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    rowNumCell: {
-        textAlign: 'left',
-        border: `1px solid ${theme.palette.action.disabledBackground}`,
-        position: 'relative',
-        padding: '0 2px 0 0',
-        whiteSpace: 'nowrap',
-        userSelect: 'none',
-    },
-    rowNumber: {
-        fontWeight: 'normal',
-        display: 'inline-block',
-        flex: 'none',
-        paddingRight: '20px',
-        margin: 0,
-        whiteSpace: 'nowrap',
-    },
-    rowMenuButton: {
-        padding: 0,
-        margin: 0,
-        position: 'absolute',
-        right: 0,
-        display: 'inline-block',
-        whiteSpace: 'nowrap',
-        flex: 'none',
-    },
-    rowMenuButtonIcon: {},
-    rowSelector: {
-        position: 'relative',
-        top: '-2px',
-        margin: 0,
-        padding: '0 0.2rem',
-    },
-    dataRowSelected: {
-        background: colors_1.indigo[100],
-        '& th': {
-            background: colors_1.indigo[100],
-        },
-    },
-}));
-const DataRow = (0, mobx_react_1.observer)(function ({ rowModel, rowNumber, spreadsheetModel, }) {
-    const { classes } = useStyles();
-    const { hideRowSelection, columnDisplayOrder } = spreadsheetModel;
-    let rowClass = '';
-    if (rowModel.isSelected) {
-        rowClass += classes.dataRowSelected;
-    }
-    function labelClick(evt) {
-        rowModel.toggleSelect();
-        evt.stopPropagation();
-        evt.preventDefault();
-    }
-    return (react_1.default.createElement("tr", { className: rowClass },
-        react_1.default.createElement("td", { className: classes.rowNumCell, onClick: labelClick },
-            hideRowSelection ? (react_1.default.createElement(material_1.FormControlLabel, { className: classes.rowNumber, control: react_1.default.createElement(material_1.Checkbox, { className: classes.rowSelector, checked: rowModel.isSelected, onClick: labelClick }), label: rowModel.id })) : null,
-            react_1.default.createElement(material_1.IconButton, { className: classes.rowMenuButton, onClick: event => {
-                    spreadsheetModel.setRowMenuPosition({
-                        anchorEl: event.currentTarget,
-                        rowNumber,
-                    });
-                    event.preventDefault();
-                    event.stopPropagation();
-                } },
-                react_1.default.createElement(ArrowDropDown_1.default, { className: classes.rowMenuButtonIcon }))),
-        columnDisplayOrder.map(colNumber => (react_1.default.createElement("td", { key: colNumber },
-            react_1.default.createElement(CellData_1.default, { cell: rowModel.cellsWithDerived[colNumber], spreadsheetModel: spreadsheetModel, columnNumber: colNumber }))))));
-});
-exports.default = DataRow;

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

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

package/dist/SpreadsheetView/components/DataTable.js

@@ -1,42 +0,0 @@
-"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 mobx_state_tree_1 = require("mobx-state-tree");
-const mui_1 = require("tss-react/mui");
-const RowMenu_1 = __importDefault(require("./RowMenu"));
-const DataRow_1 = __importDefault(require("./DataRow"));
-const DataTableHeader_1 = __importDefault(require("./DataTableHeader"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    dataTable: {
-        borderCollapse: 'collapse',
-        '& td': {
-            border: `1px solid ${theme.palette.action.disabledBackground}`,
-            padding: '0.2rem',
-            maxWidth: '50em',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-        },
-    },
-    emptyMessage: {
-        captionSide: 'bottom',
-    },
-}));
-const DataTableBody = (0, mobx_react_1.observer)(function ({ rows, spreadsheetModel, page, rowsPerPage, }) {
-    return (react_1.default.createElement("tbody", null, rows.slice(rowsPerPage * page, rowsPerPage * (page + 1)).map(row => (react_1.default.createElement(DataRow_1.default, { key: row.id, rowNumber: row.id, spreadsheetModel: spreadsheetModel, rowModel: row })))));
-});
-const DataTable = (0, mobx_react_1.observer)(function ({ model, page, rowsPerPage, }) {
-    const { rowSet } = model;
-    const { classes } = useStyles();
-    const rows = rowSet.sortedFilteredRows;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(RowMenu_1.default, { viewModel: (0, mobx_state_tree_1.getParent)(model), spreadsheetModel: model }),
-        react_1.default.createElement("table", { className: classes.dataTable },
-            react_1.default.createElement(DataTableHeader_1.default, { model: model }),
-            react_1.default.createElement(DataTableBody, { rows: rows, spreadsheetModel: model, page: page, rowsPerPage: rowsPerPage }),
-            !rows.length ? (react_1.default.createElement("caption", { className: classes.emptyMessage }, rowSet.count ? 'no rows match criteria' : 'no rows present')) : null)));
-});
-exports.default = DataTable;

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

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

package/dist/SpreadsheetView/components/DataTableHeader.js

@@ -1,104 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mui_1 = require("tss-react/mui");
-// icons
-const CropFree_1 = __importDefault(require("@mui/icons-material/CropFree"));
-const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
-const ColumnMenu_1 = __importDefault(require("./ColumnMenu"));
-const SortIndicator_1 = __importDefault(require("./SortIndicator"));
-const util_1 = require("./util");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    columnHead: {
-        fontWeight: 'normal',
-        background: theme.palette.mode === 'dark' ? '#333' : '#eee',
-        position: 'sticky',
-        top: 0,
-        zIndex: 2,
-        whiteSpace: 'nowrap',
-    },
-    columnButtonContainer: {
-        display: 'none',
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        background: theme.palette.background.paper,
-        height: '100%',
-    },
-    topLeftCorner: {
-        background: theme.palette.mode === 'dark' ? '#333' : '#eee',
-        zIndex: 2,
-        position: 'sticky',
-        top: 0,
-        minWidth: theme.spacing(2),
-        textAlign: 'left',
-    },
-}));
-const DataTableHeader = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { columnDisplayOrder, columns, hasColumnNames, rowSet } = model;
-    const [currentColumnMenu, setColumnMenu] = (0, react_1.useState)();
-    const [currentHoveredColumn, setHoveredColumn] = (0, react_1.useState)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("thead", null,
-            react_1.default.createElement("tr", null,
-                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(CropFree_1.default, null))))),
-                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(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.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const GlobalFilterControls: ({ model }: {
-    model: any;
-}) => React.JSX.Element;
-export default GlobalFilterControls;

package/dist/SpreadsheetView/components/GlobalFilterControls.js

@@ -1,68 +0,0 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
-const FilterList_1 = __importDefault(require("@mui/icons-material/FilterList"));
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const util_1 = require("@jbrowse/core/util");
-const useStyles = (0, mui_1.makeStyles)()({
-    textFilterControlEndAdornment: {
-        marginRight: '-18px',
-    },
-});
-const TextFilter = (0, mobx_react_1.observer)(function ({ textFilter, }) {
-    const { classes } = useStyles();
-    // this paragraph is silliness to debounce the text filter input
-    const [textFilterValue, setTextFilterValue] = (0, react_1.useState)(textFilter.stringToFind);
-    const debouncedTextFilter = (0, util_1.useDebounce)(textFilterValue, 500);
-    (0, react_1.useEffect)(() => {
-        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", slotProps: {
-                input: {
-                    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(Clear_1.default, null)))),
-                },
-            } })));
-});
-const GlobalFilterControls = (0, mobx_react_1.observer)(({ model }) => {
-    const textFilter = model.filterControls.rowFullText;
-    return react_1.default.createElement(TextFilter, { textFilter: textFilter });
-});
-exports.default = GlobalFilterControls;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { SpreadsheetModel } from '../models/Spreadsheet';
-declare const RowCountMessage: ({ spreadsheet, }: {
-    spreadsheet: SpreadsheetModel;
-}) => React.JSX.Element | null;
-export default RowCountMessage;

package/dist/SpreadsheetView/components/RowCountMessage.js

@@ -1,33 +0,0 @@
-"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;
-        if (passingFiltersCount !== count) {
-            rowMessage = `${spreadsheet.rowSet.passingFiltersCount} rows of ${spreadsheet.rowSet.count} total`;
-            if (selectedCount) {
-                rowMessage += `, ${selectedAndPassingFiltersCount} selected`;
-                const selectedAndNotPassingFiltersCount = selectedCount - selectedAndPassingFiltersCount;
-                if (selectedAndNotPassingFiltersCount) {
-                    rowMessage += ` (${selectedAndNotPassingFiltersCount} selected rows do not pass filters)`;
-                }
-            }
-        }
-        else {
-            rowMessage = `${spreadsheet.rowSet.count} rows`;
-            if (selectedCount) {
-                rowMessage += `, ${selectedCount} selected`;
-            }
-        }
-        return react_1.default.createElement(react_1.default.Fragment, null, rowMessage);
-    }
-    return null;
-});
-exports.default = RowCountMessage;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Instance } from 'mobx-state-tree';
-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>;
-}) => React.JSX.Element | null;
-export default RowMenu;

package/dist/SpreadsheetView/components/RowMenu.js

@@ -1,39 +0,0 @@
-"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 ui_1 = require("@jbrowse/core/ui");
-const RowMenu = (0, mobx_react_1.observer)(function ({ viewModel, spreadsheetModel, }) {
-    var _a;
-    const currentRowMenu = spreadsheetModel.rowMenuPosition;
-    const { setRowMenuPosition } = spreadsheetModel;
-    const rowMenuClose = () => {
-        setRowMenuPosition(null);
-    };
-    const rowNumber = (_a = spreadsheetModel.rowMenuPosition) === null || _a === void 0 ? void 0 : _a.rowNumber;
-    if (rowNumber === undefined) {
-        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();
-    }
-    // got through and evaluate all the `disabled` callbacks of the menu items
-    const menuItems = viewModel.rowMenuItems.map(item => {
-        if (typeof item.disabled === 'function') {
-            const disabled = item.disabled(viewModel, spreadsheetModel, +rowNumber, row);
-            return { ...item, disabled };
-        }
-        return item;
-    });
-    return (react_1.default.createElement(ui_1.Menu, { anchorEl: currentRowMenu === null || currentRowMenu === void 0 ? void 0 : currentRowMenu.anchorEl, open: Boolean(currentRowMenu), onMenuItemClick: handleMenuItemClick, onClose: rowMenuClose, menuItems: menuItems, anchorOrigin: {
-            vertical: 'bottom',
-            horizontal: 'right',
-        } }));
-});
-exports.default = RowMenu;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SpreadsheetModel } from '../models/Spreadsheet';
-export default function SortIndicator({ model, columnNumber, }: {
-    model: SpreadsheetModel;
-    columnNumber: number;
-}): React.JSX.Element | null;

package/dist/SpreadsheetView/components/SortIndicator.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SortIndicator;
-const react_1 = __importDefault(require("react"));
-const mui_1 = require("tss-react/mui");
-// icons
-const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
-const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-const useStyles = (0, mui_1.makeStyles)()({
-    sortIndicator: {
-        position: 'relative',
-        top: '0.2rem',
-        fontSize: '1rem',
-    },
-});
-function SortIndicator({ model, columnNumber, }) {
-    const { classes } = useStyles();
-    const sortSpec = model.sortColumns.find(c => c.columnNumber === columnNumber);
-    if (sortSpec) {
-        const { descending } = sortSpec;
-        return descending ? (react_1.default.createElement(KeyboardArrowUp_1.default, { className: classes.sortIndicator })) : (react_1.default.createElement(KeyboardArrowDown_1.default, { className: classes.sortIndicator }));
-    }
-    return null;
-}

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

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

package/dist/SpreadsheetView/components/Spreadsheet.js

@@ -1,25 +0,0 @@
-"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 mui_1 = require("tss-react/mui");
-const ui_1 = require("@jbrowse/core/ui");
-const DataTable_1 = __importDefault(require("./DataTable"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {
-        position: 'relative',
-        marginBottom: theme.spacing(1),
-        background: theme.palette.background.paper,
-        overflow: 'auto',
-    },
-}));
-const Spreadsheet = (0, mobx_react_1.observer)(function ({ model, height, page, rowsPerPage, }) {
-    const { classes } = useStyles();
-    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.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { SpreadsheetModel } from '../models/Spreadsheet';
-declare const StatusBar: ({ page, rowsPerPage, setPage, setRowsPerPage, spreadsheet, mode, }: {
-    page: number;
-    mode: string;
-    spreadsheet: SpreadsheetModel;
-    rowsPerPage: number;
-    setPage: (arg: number) => void;
-    setRowsPerPage: (arg: number) => void;
-}) => React.JSX.Element;
-export default StatusBar;