@jbrowse/plugin-data-management 3.7.0 → 4.0.0

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js

@@ -1,47 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    fab: {
-        position: 'absolute',
-        bottom: theme.spacing(6),
-        right: theme.spacing(6),
-    },
-}));
-const HierarchicalFab = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const session = (0, util_1.getSession)(model);
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    function handleFabClose() {
-        setAnchorEl(null);
-    }
-    const hasConnections = (0, util_1.isSessionModelWithConnections)(session);
-    const hasAddTrack = (0, util_1.isSessionWithAddTracks)(session);
-    return hasAddTrack || hasConnections ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Fab, { color: "secondary", className: classes.fab, onClick: event => {
-                    setAnchorEl(event.currentTarget);
-                }, children: (0, jsx_runtime_1.jsx)(Add_1.default, {}) }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => {
-                    setAnchorEl(null);
-                }, children: [hasConnections ? ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => {
-                            handleFabClose();
-                            if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                                session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
-                            }
-                        }, children: "Add connection" })) : null, hasAddTrack ? ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => {
-                            handleFabClose();
-                            if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                                session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
-                                    view: model.view.id,
-                                }));
-                            }
-                        }, children: "Add track" })) : null] })] })) : null;
-});
-exports.default = HierarchicalFab;

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.d.ts

@@ -1,10 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../model';
-declare const HierarchicalTrackSelectorContainer: ({ model, toolbarHeight, overrideDimensions, }: {
-    model: HierarchicalTrackSelectorModel;
-    toolbarHeight: number;
-    overrideDimensions?: {
-        width: number;
-        height: number;
-    };
-}) => import("react/jsx-runtime").JSX.Element;
-export default HierarchicalTrackSelectorContainer;

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js

@@ -1,26 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const react_virtualized_auto_sizer_1 = __importDefault(require("react-virtualized-auto-sizer"));
-const HierarchicalFab_1 = __importDefault(require("./HierarchicalFab"));
-const HierarchicalHeader_1 = __importDefault(require("./tree/HierarchicalHeader"));
-const HierarchicalTree_1 = __importDefault(require("./tree/HierarchicalTree"));
-const AutoSizedHierarchicalTree = ({ tree, model, offset, }) => {
-    return typeof jest === 'undefined' ? ((0, jsx_runtime_1.jsx)(react_virtualized_auto_sizer_1.default, { disableWidth: true, children: args => ((0, jsx_runtime_1.jsx)(HierarchicalTree_1.default, { height: (args.height || offset) - offset, model: model, tree: tree })) })) : ((0, jsx_runtime_1.jsx)(HierarchicalTree_1.default, { height: 9000, model: model, tree: tree }));
-};
-const Wrapper = ({ overrideDimensions, children, }) => {
-    return overrideDimensions ? ((0, jsx_runtime_1.jsx)("div", { style: { ...overrideDimensions }, children: children })) : (children);
-};
-const HierarchicalTrackSelectorContainer = (0, mobx_react_1.observer)(function ({ model, toolbarHeight, overrideDimensions, }) {
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { overrideDimensions: overrideDimensions, children: [(0, jsx_runtime_1.jsx)(HierarchicalTrackSelector, { model: model, toolbarHeight: toolbarHeight }), (0, jsx_runtime_1.jsx)(HierarchicalFab_1.default, { model: model })] }));
-});
-const HierarchicalTrackSelector = (0, mobx_react_1.observer)(function ({ model, toolbarHeight = 0, }) {
-    const [headerHeight, setHeaderHeight] = (0, react_1.useState)(0);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HierarchicalHeader_1.default, { model: model, setHeaderHeight: setHeaderHeight }), (0, jsx_runtime_1.jsx)(AutoSizedHierarchicalTree, { tree: model.hierarchy, model: model, offset: toolbarHeight + headerHeight })] }));
-});
-exports.default = HierarchicalTrackSelectorContainer;

package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.d.ts

@@ -1,8 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-declare const ShoppingCart: ({ model, }: {
-    model: {
-        clearSelection: () => void;
-        selection: AnyConfigurationModel[];
-    };
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default ShoppingCart;

package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.js

@@ -1,52 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-const util_1 = require("@jbrowse/core/util");
-const ShoppingCart_1 = __importDefault(require("@mui/icons-material/ShoppingCart"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const ShoppingCart = (0, mobx_react_1.observer)(function ({ model, }) {
-    const session = (0, util_1.getSession)(model);
-    const { selection } = model;
-    const { pluginManager } = (0, util_1.getEnv)(model);
-    const { adminMode, sessionTracks } = session;
-    const s = new Set(sessionTracks === null || sessionTracks === void 0 ? void 0 : sessionTracks.map(t => t.trackId));
-    const canEdit = (t) => adminMode || s.has(t);
-    const items = pluginManager.evaluateExtensionPoint('TrackSelector-multiTrackMenuItems', [], { session });
-    return selection.length ? ((0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
-            {
-                label: 'Clear selection',
-                onClick: () => {
-                    model.clearSelection();
-                },
-            },
-            ...(selection.every(elt => canEdit(elt.trackId))
-                ? [
-                    {
-                        label: 'Delete tracks',
-                        onClick: () => {
-                            var _a;
-                            for (const s of selection) {
-                                (_a = session.deleteTrackConf) === null || _a === void 0 ? void 0 : _a.call(session, s);
-                            }
-                        },
-                    },
-                ]
-                : []),
-            ...items.map(item => ({
-                ...item,
-                ...('onClick' in item
-                    ? {
-                        onClick: () => {
-                            item.onClick(model);
-                        },
-                    }
-                    : {}),
-            })),
-        ], children: (0, jsx_runtime_1.jsx)(material_1.Badge, { badgeContent: selection.length, color: "primary", children: (0, jsx_runtime_1.jsx)(ShoppingCart_1.default, {}) }) })) : null;
-});
-exports.default = ShoppingCart;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/CloseConnectionDialog.d.ts

@@ -1,9 +0,0 @@
-declare const CloseConnectionDialog: ({ modalInfo, onClose, }: {
-    modalInfo?: {
-        name?: string;
-        dereferenceTypeCount?: Record<string, number>;
-        safelyBreakConnection?: () => void;
-    };
-    onClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CloseConnectionDialog;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/CloseConnectionDialog.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const CloseConnectionDialog = (0, mobx_react_1.observer)(function CloseConnectionDialog({ modalInfo = {}, onClose, }) {
-    const { name, dereferenceTypeCount, safelyBreakConnection } = modalInfo;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, maxWidth: "lg", title: `Close connection "${name}"`, onClose: onClose, children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [dereferenceTypeCount ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "Closing this connection will close:" }), (0, jsx_runtime_1.jsx)(material_1.List, { children: Object.entries(dereferenceTypeCount).map(([key, value]) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: `${value} ${key}` }, key))) })] })) : null, (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "Are you sure you want to close this connection?" })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                            onClose();
-                        }, color: "primary", children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => {
-                            safelyBreakConnection === null || safelyBreakConnection === void 0 ? void 0 : safelyBreakConnection();
-                            onClose();
-                        }, color: "primary", children: "OK" })] })] }));
-});
-exports.default = CloseConnectionDialog;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/DeleteConnectionDialog.d.ts

@@ -1,11 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { AbstractSessionModel } from '@jbrowse/core/util';
-declare const DeleteConnectionDialog: ({ deleteDialogDetails, session, handleClose, }: {
-    deleteDialogDetails: {
-        name: string;
-        connectionConf: AnyConfigurationModel;
-    };
-    session: AbstractSessionModel;
-    handleClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DeleteConnectionDialog;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/DeleteConnectionDialog.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const DeleteConnectionDialog = (0, mobx_react_1.observer)(function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }) {
-    const { connectionConf, name } = deleteDialogDetails;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, title: `Delete connection "${name}"`, onClose: handleClose, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "Are you sure you want to delete this connection?" }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                            handleClose();
-                        }, color: "primary", children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
-                            var _a;
-                            (_a = session.deleteConnection) === null || _a === void 0 ? void 0 : _a.call(session, connectionConf);
-                            handleClose();
-                        }, children: "OK" })] })] }));
-});
-exports.default = DeleteConnectionDialog;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.d.ts

@@ -1,8 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { AbstractSessionModel } from '@jbrowse/core/util';
-declare const ManageConnectionsDialog: ({ session, handleClose, breakConnection, }: {
-    handleClose: () => void;
-    session: AbstractSessionModel;
-    breakConnection: (conf: AnyConfigurationModel, arg: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ManageConnectionsDialog;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.js

@@ -1,34 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const configuration_1 = require("@jbrowse/core/configuration");
-const ui_1 = require("@jbrowse/core/ui");
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    connectionContainer: {
-        margin: theme.spacing(4),
-        width: 500,
-    },
-}));
-function DisabledButton() {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Unable to delete connection in config file as non-admin user", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { children: (0, jsx_runtime_1.jsx)(Close_1.default, { color: "disabled" }) }) }));
-}
-const ManageConnectionsDialog = (0, mobx_react_1.observer)(function ({ session, handleClose, breakConnection, }) {
-    const { classes } = useStyles();
-    const { adminMode, connections, sessionConnections } = session;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Delete connections", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Click the X icon to delete the connection from your config completely" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.connectionContainer, children: [connections.map(conf => {
-                                const name = (0, configuration_1.readConfObject)(conf, 'name');
-                                return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { children: [adminMode || (sessionConnections === null || sessionConnections === void 0 ? void 0 : sessionConnections.includes(conf)) ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                                                breakConnection(conf, true);
-                                            }, children: (0, jsx_runtime_1.jsx)(Close_1.default, { color: "error" }) })) : ((0, jsx_runtime_1.jsx)(DisabledButton, {})), name] }, `conn-${name}`));
-                            }), !connections.length ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "No connections found" })) : null] })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                        handleClose();
-                    }, variant: "contained", color: "primary", children: "Close" }) })] }));
-});
-exports.default = ManageConnectionsDialog;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.d.ts

@@ -1,8 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { AbstractSessionModel } from '@jbrowse/core/util';
-declare const ToggleConnectionDialog: ({ session, handleClose, breakConnection, }: {
-    handleClose: () => void;
-    session: AbstractSessionModel;
-    breakConnection: (arg: AnyConfigurationModel) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ToggleConnectionDialog;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const configuration_1 = require("@jbrowse/core/configuration");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-function ellipses(slug) {
-    return slug.length > 20 ? `${slug.slice(0, 20)}...` : slug;
-}
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    connectionContainer: {
-        width: 500,
-        margin: theme.spacing(4),
-    },
-}));
-const ConnectionRow = (0, mobx_react_1.observer)(function ConnectionRow({ conf, session, breakConnection, }) {
-    const { connectionInstances: instances = [] } = session;
-    const name = (0, configuration_1.readConfObject)(conf, 'name');
-    const assemblyNames = (0, configuration_1.readConfObject)(conf, 'assemblyNames');
-    const found = instances.find(conn => name === conn.name);
-    return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: !!found, onChange: () => {
-                var _a;
-                if (found) {
-                    breakConnection(conf);
-                }
-                else {
-                    (_a = session.makeConnection) === null || _a === void 0 ? void 0 : _a.call(session, conf);
-                }
-            }, color: "primary" }), label: [
-            name,
-            assemblyNames.length ? `(${ellipses(assemblyNames.join(','))})` : '',
-        ]
-            .filter(f => !!f)
-            .join(' ') }, conf.connectionId));
-});
-const ConnectionList = (0, mobx_react_1.observer)(function ConnectionsList({ session, breakConnection, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.connectionContainer, children: !session.connections.length ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "No connections found" })) : (session.connections.map((conf, idx) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ConnectionRow, { conf: conf, session: session, breakConnection: breakConnection }) }, `${conf.name}_${idx}`)))) }));
-});
-const ToggleConnectionDialog = (0, mobx_react_1.observer)(function ({ session, handleClose, breakConnection, }) {
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Turn on/off connections", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Use the checkbox to turn on/off connections" }), (0, jsx_runtime_1.jsx)(ConnectionList, { session: session, breakConnection: breakConnection })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => {
-                        handleClose();
-                    }, variant: "contained", color: "primary", children: "Close" }) })] }));
-});
-exports.default = ToggleConnectionDialog;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilter.d.ts

@@ -1,9 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-declare const FacetFilter: ({ column, vals, model, }: {
-    column: {
-        field: string;
-    };
-    vals: [string, number][];
-    model: HierarchicalTrackSelectorModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FacetFilter;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilter.js

@@ -1,52 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
-const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
-const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    facet: {
-        margin: 0,
-        marginLeft: theme.spacing(2),
-    },
-    select: {
-        marginBottom: theme.spacing(2),
-    },
-}));
-function ClearButton({ onClick }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Clear selection on this facet filter", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                onClick();
-            }, size: "small", children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) }) }));
-}
-function ExpandButton({ visible, onClick, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Minimize/expand this facet filter", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                onClick();
-            }, size: "small", children: visible ? (0, jsx_runtime_1.jsx)(Minimize_1.default, {}) : (0, jsx_runtime_1.jsx)(Add_1.default, {}) }) }));
-}
-const FacetFilter = (0, mobx_react_1.observer)(function ({ column, vals, model, }) {
-    const { classes } = useStyles();
-    const [visible, setVisible] = (0, react_1.useState)(true);
-    const { faceted } = model;
-    const { filters } = faceted;
-    const { field } = column;
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { className: classes.facet, fullWidth: true, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", children: field }), (0, jsx_runtime_1.jsx)(ClearButton, { onClick: () => {
-                            faceted.setFilter(field, []);
-                        } }), (0, jsx_runtime_1.jsx)(ExpandButton, { visible: visible, onClick: () => {
-                            setVisible(!visible);
-                        } })] }), visible ? ((0, jsx_runtime_1.jsx)(material_1.Select, { multiple: true, native: true, className: classes.select, value: filters.get(column.field) || [], onChange: event => {
-                    faceted.setFilter(column.field, [...event.target.options]
-                        .filter(opt => opt.selected)
-                        .map(opt => opt.value));
-                }, children: vals
-                    .sort((a, b) => a[0].localeCompare(b[0]))
-                    .map(([name, count]) => ((0, jsx_runtime_1.jsxs)("option", { value: name, children: [(0, util_1.coarseStripHTML)(name), " (", count, ")"] }, name))) })) : null] }));
-});
-exports.default = FacetFilter;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.d.ts

@@ -1,10 +0,0 @@
-import type { Row } from './util';
-import type { HierarchicalTrackSelectorModel } from '../../model';
-declare const FacetFilters: ({ rows, columns, model, }: {
-    rows: Row[];
-    columns: {
-        field: string;
-    }[];
-    model: HierarchicalTrackSelectorModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FacetFilters;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.js

@@ -1,51 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const FacetFilter_1 = __importDefault(require("./FacetFilter"));
-const util_1 = require("./util");
-const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, model, }) {
-    var _a, _b;
-    const { faceted } = model;
-    const { filters } = faceted;
-    const facets = columns.slice(1);
-    const facetFieldToCategoryCountMap = new Map(columns.slice(1).map(f => [f.field, new Map()]));
-    const filterKeys = faceted.filters.keys();
-    const facetKeys = facets.map(f => f.field);
-    const facetKeysPrioritizingUserSelections = new Set();
-    for (const entry of filterKeys) {
-        if ((_a = filters.get(entry)) === null || _a === void 0 ? void 0 : _a.length) {
-            facetKeysPrioritizingUserSelections.add(entry);
-        }
-    }
-    for (const entry of facetKeys) {
-        facetKeysPrioritizingUserSelections.add(entry);
-    }
-    let currentRows = rows;
-    for (const facetKey of facetKeysPrioritizingUserSelections) {
-        const categoryCountMap = facetFieldToCategoryCountMap.get(facetKey);
-        if (categoryCountMap) {
-            for (const row of currentRows) {
-                const key = (0, util_1.getRowStr)(facetKey, row);
-                const currentCount = categoryCountMap.get(key);
-                if (key) {
-                    if (currentCount === undefined) {
-                        categoryCountMap.set(key, 1);
-                    }
-                    else {
-                        categoryCountMap.set(key, currentCount + 1);
-                    }
-                }
-            }
-        }
-        const filter = ((_b = filters.get(facetKey)) === null || _b === void 0 ? void 0 : _b.length)
-            ? new Set(filters.get(facetKey))
-            : undefined;
-        currentRows = currentRows.filter(row => filter !== undefined ? filter.has((0, util_1.getRowStr)(facetKey, row)) : true);
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { children: facets.map(c => ((0, jsx_runtime_1.jsx)(FacetFilter_1.default, { vals: [...facetFieldToCategoryCountMap.get(c.field)], column: c, model: model }, c.field))) }));
-});
-exports.default = FacetFilters;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDataGrid.d.ts

@@ -1,9 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-import type { GridColDef, GridRowId } from '@mui/x-data-grid';
-declare const FacetedDataGrid: ({ model, columns, shownTrackIds, selection, }: {
-    model: HierarchicalTrackSelectorModel;
-    columns: GridColDef[];
-    shownTrackIds: Set<GridRowId>;
-    selection: any[];
-}) => import("react/jsx-runtime").JSX.Element;
-export default FacetedDataGrid;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDataGrid.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const x_data_grid_1 = require("@mui/x-data-grid");
-const mobx_1 = require("mobx");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const FacetedDataGrid = (0, mobx_react_1.observer)(function ({ model, columns, shownTrackIds, selection, }) {
-    const { pluginManager } = (0, util_1.getEnv)(model);
-    const { view, faceted } = model;
-    const { rows, useShoppingCart, showOptions, filteredRows, filteredNonMetadataKeys, filteredMetadataKeys, visible, } = faceted;
-    const [widths, setWidths] = (0, react_1.useState)({
-        name: (0, util_1.measureGridWidth)(rows.map(r => r.name), {
-            maxWidth: 500,
-            stripHTML: true,
-        }) + 15,
-        ...Object.fromEntries(filteredNonMetadataKeys
-            .filter(f => visible[f])
-            .map(e => [
-            e,
-            (0, util_1.measureGridWidth)(rows.map(r => r[e]), {
-                maxWidth: 400,
-                stripHTML: true,
-            }),
-        ])),
-        ...Object.fromEntries(filteredMetadataKeys
-            .filter(f => visible[`metadata.${f}`])
-            .map(e => {
-            return [
-                `metadata.${e}`,
-                (0, util_1.measureGridWidth)(rows.map(r => r.metadata[e]), {
-                    maxWidth: 400,
-                    stripHTML: true,
-                }),
-            ];
-        })),
-    });
-    return ((0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { rowHeight: 25, columnHeaderHeight: 35, checkboxSelection: true, disableRowSelectionOnClick: true, keepNonExistentRowsSelected: true, rows: filteredRows, columnVisibilityModel: visible, showToolbar: showOptions, onColumnWidthChange: arg => {
-            setWidths({
-                ...widths,
-                [arg.colDef.field]: arg.width,
-            });
-        }, onColumnVisibilityModelChange: n => {
-            model.faceted.setVisible(n);
-        }, onRowSelectionModelChange: userSelectedIds => {
-            if (!useShoppingCart) {
-                const a1 = shownTrackIds;
-                const a2 = userSelectedIds.ids;
-                (0, mobx_1.transaction)(() => {
-                    ;
-                    [...a1].filter(x => !a2.has(x)).map(t => view.hideTrack(t));
-                    [...a2]
-                        .filter(x => !a1.has(x))
-                        .map(t => {
-                        view.showTrack(t);
-                        model.addToRecentlyUsed(t);
-                    });
-                });
-            }
-            else {
-                const root = (0, mobx_state_tree_1.getRoot)(model);
-                const schema = pluginManager.pluggableConfigSchemaType('track');
-                model.setSelection([...userSelectedIds.ids].map(id => (0, mobx_state_tree_1.resolveIdentifier)(schema, root, id)));
-            }
-        }, rowSelectionModel: {
-            type: 'include',
-            ids: new Set(useShoppingCart ? selection.map(s => s.trackId) : [...shownTrackIds]),
-        }, columns: columns.map(r => ({
-            ...r,
-            width: widths[r.field],
-        })) }));
-});
-exports.default = FacetedDataGrid;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.d.ts

@@ -1,6 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-declare const FacetedTrackSelectorDialog: (props: {
-    handleClose: () => void;
-    model: HierarchicalTrackSelectorModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FacetedTrackSelectorDialog;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.js

@@ -1,15 +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 jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const FacetedSelector_1 = __importDefault(require("./FacetedSelector"));
-const FacetedTrackSelectorDialog = (0, mobx_react_1.observer)(function (props) {
-    const { handleClose } = props;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: handleClose, maxWidth: "xl", title: "Faceted track selector", children: (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(FacetedSelector_1.default, { ...props }) }) }));
-});
-exports.default = FacetedTrackSelectorDialog;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.d.ts

@@ -1,4 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-export default function FacetedHeader({ model, }: {
-    model: HierarchicalTrackSelectorModel;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.js

@@ -1,67 +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 = FacetedHeader;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const material_1 = require("@mui/material");
-const ShoppingCart_1 = __importDefault(require("../ShoppingCart"));
-function FacetedHeader({ model, }) {
-    const { faceted } = model;
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const { showOptions, showFilters, showSparse, useShoppingCart } = faceted;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 4, alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Search...", value: faceted.filterText, onChange: event => {
-                            faceted.setFilterText(event.target.value);
-                        }, slotProps: {
-                            input: {
-                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                                            faceted.setFilterText('');
-                                        }, children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) }) })),
-                            },
-                        } }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: event => {
-                            setAnchorEl(event.currentTarget);
-                        }, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), (0, jsx_runtime_1.jsx)(ShoppingCart_1.default, { model: model })] }), (0, jsx_runtime_1.jsx)(ui_1.Menu, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => {
-                    setAnchorEl(null);
-                }, onMenuItemClick: (_event, callback) => {
-                    callback();
-                    setAnchorEl(null);
-                }, menuItems: [
-                    {
-                        label: 'Add tracks to selection instead of turning them on/off',
-                        onClick: () => {
-                            faceted.setUseShoppingCart(!useShoppingCart);
-                        },
-                        type: 'checkbox',
-                        checked: useShoppingCart,
-                    },
-                    {
-                        label: 'Show sparse metadata columns',
-                        onClick: () => {
-                            faceted.setShowSparse(!showSparse);
-                        },
-                        checked: showSparse,
-                        type: 'checkbox',
-                    },
-                    {
-                        label: 'Show facet filters',
-                        onClick: () => {
-                            faceted.setShowFilters(!showFilters);
-                        },
-                        checked: showFilters,
-                        type: 'checkbox',
-                    },
-                    {
-                        label: 'Show extra table options',
-                        onClick: () => {
-                            faceted.setShowOptions(!showOptions);
-                        },
-                        checked: showOptions,
-                        type: 'checkbox',
-                    },
-                ] })] }));
-}