@jbrowse/plugin-linear-comparative-view 3.7.0 → 4.0.1

package/dist/LinearComparativeDisplay/index.js

@@ -1,24 +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 = LinearComparativeDisplayF;
-const DisplayType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/DisplayType"));
-const configSchemaF_1 = __importDefault(require("./configSchemaF"));
-const stateModelFactory_1 = __importDefault(require("./stateModelFactory"));
-function LinearComparativeDisplayF(pluginManager) {
-    pluginManager.addDisplayType(() => {
-        const configSchema = (0, configSchemaF_1.default)(pluginManager);
-        return new DisplayType_1.default({
-            name: 'LinearComparativeDisplay',
-            configSchema,
-            stateModel: (0, stateModelFactory_1.default)(configSchema),
-            trackType: 'SyntenyTrack',
-            viewType: 'LinearComparativeView',
-            ReactComponent: () => {
-                return null;
-            },
-        });
-    });
-}

package/dist/LinearComparativeDisplay/stateModelFactory.d.ts

@@ -1,243 +0,0 @@
-import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import type { Feature } from '@jbrowse/core/util';
-import type { Instance } from 'mobx-state-tree';
-declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("mobx-state-tree").ISimpleType<string>;
-    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-} & {
-    type: import("mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
-    configuration: AnyConfigurationSchemaType;
-}, {
-    rendererTypeName: string;
-    error: unknown;
-    message: string | undefined;
-} & {
-    readonly RenderingComponent: React.FC<{
-        model: {
-            id: string;
-            type: string;
-            rpcDriverName: string | undefined;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: () => void;
-        blockState?: Record<string, any>;
-    }>;
-    readonly DisplayBlurb: React.FC<{
-        model: {
-            id: string;
-            type: string;
-            rpcDriverName: string | undefined;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    }> | null;
-    readonly adapterConfig: any;
-    readonly parentTrack: any;
-    renderProps(): any;
-    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: undefined | React.FC<any>;
-    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
-    regionCannotBeRendered(): null;
-} & {
-    setMessage(arg?: string): void;
-    setError(error?: unknown): void;
-    setRpcDriverName(rpcDriverName: string): void;
-    reload(): void;
-} & {
-    renderInProgress: string | undefined;
-    features: Feature[] | undefined;
-    message: string | undefined;
-    loadingStatus: string | undefined;
-} & {
-    readonly level: number;
-    readonly height: number;
-    renderProps(): {
-        rpcDriverName: string | undefined;
-        displayModel: {
-            id: string;
-            type: "LinearComparativeDisplay";
-            rpcDriverName: string | undefined;
-            configuration: {
-                [x: string]: any;
-            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
-                    [x: string]: any;
-                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                    setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
-                        [x: string]: any;
-                    } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
-                } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
-            } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
-        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        } & {
-            readonly RenderingComponent: React.FC<{
-                model: {
-                    id: string;
-                    type: string;
-                    rpcDriverName: string | undefined;
-                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                    type: import("mobx-state-tree").ISimpleType<string>;
-                    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-                }, {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-                onHorizontalScroll?: () => void;
-                blockState?: Record<string, any>;
-            }>;
-            readonly DisplayBlurb: React.FC<{
-                model: {
-                    id: string;
-                    type: string;
-                    rpcDriverName: string | undefined;
-                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                    type: import("mobx-state-tree").ISimpleType<string>;
-                    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-                }, {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-            }> | null;
-            readonly adapterConfig: any;
-            readonly parentTrack: any;
-            renderProps(): any;
-            readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | React.FC<any>;
-            trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-            readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
-            regionCannotBeRendered(): null;
-        } & {
-            setMessage(arg?: string): void;
-            setError(error?: unknown): void;
-            setRpcDriverName(rpcDriverName: string): void;
-            reload(): void;
-        } & {
-            renderInProgress: string | undefined;
-            features: Feature[] | undefined;
-            message: string | undefined;
-            loadingStatus: string | undefined;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        } & {
-            type: import("mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
-            configuration: AnyConfigurationSchemaType;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-            message: string | undefined;
-        } & {
-            readonly RenderingComponent: React.FC<{
-                model: {
-                    id: string;
-                    type: string;
-                    rpcDriverName: string | undefined;
-                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                    type: import("mobx-state-tree").ISimpleType<string>;
-                    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-                }, {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-                onHorizontalScroll?: () => void;
-                blockState?: Record<string, any>;
-            }>;
-            readonly DisplayBlurb: React.FC<{
-                model: {
-                    id: string;
-                    type: string;
-                    rpcDriverName: string | undefined;
-                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-                    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-                    type: import("mobx-state-tree").ISimpleType<string>;
-                    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-                }, {
-                    rendererTypeName: string;
-                    error: unknown;
-                    message: string | undefined;
-                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-            }> | null;
-            readonly adapterConfig: any;
-            readonly parentTrack: any;
-            renderProps(): any;
-            readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-            readonly DisplayMessageComponent: undefined | React.FC<any>;
-            trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-            readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
-            regionCannotBeRendered(): null;
-        } & {
-            setMessage(arg?: string): void;
-            setError(error?: unknown): void;
-            setRpcDriverName(rpcDriverName: string): void;
-            reload(): void;
-        } & {
-            renderInProgress: string | undefined;
-            features: Feature[] | undefined;
-            message: string | undefined;
-            loadingStatus: string | undefined;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        highResolutionScaling: number;
-    };
-} & {
-    setLoading(newStopToken: string): void;
-    setMessage(messageText: string): void;
-    setLoadingStatus(messageText: string): void;
-    setRendered(args?: {
-        features: Feature[];
-    }): void;
-    setError(error: unknown): void;
-} & {
-    afterAttach(): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export default stateModelFactory;
-export type LinearComparativeDisplayModel = ReturnType<typeof stateModelFactory>;
-export type LinearComparativeDisplay = Instance<LinearComparativeDisplayModel>;

package/dist/LinearComparativeDisplay/stateModelFactory.js

@@ -1,146 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const configuration_1 = require("@jbrowse/core/configuration");
-const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-const util_1 = require("@jbrowse/core/util");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const mobx_state_tree_1 = require("mobx-state-tree");
-function stateModelFactory(configSchema) {
-    return mobx_state_tree_1.types
-        .compose('LinearComparativeDisplay', models_1.BaseDisplay, mobx_state_tree_1.types.model({
-        type: mobx_state_tree_1.types.literal('LinearComparativeDisplay'),
-        configuration: (0, configuration_1.ConfigurationReference)(configSchema),
-    }))
-        .volatile(() => ({
-        renderInProgress: undefined,
-        features: undefined,
-        message: undefined,
-        loadingStatus: undefined,
-    }))
-        .views(self => ({
-        get level() {
-            return (0, mobx_state_tree_1.getParent)(self, 4).level;
-        },
-        get height() {
-            return (0, mobx_state_tree_1.getParent)(self, 4).height;
-        },
-        renderProps() {
-            return {
-                rpcDriverName: self.rpcDriverName,
-                displayModel: self,
-                highResolutionScaling: 2,
-            };
-        },
-    }))
-        .actions(self => {
-        let stopToken;
-        return {
-            setLoading(newStopToken) {
-                self.message = undefined;
-                self.error = undefined;
-                stopToken = newStopToken;
-            },
-            setMessage(messageText) {
-                self.message = messageText;
-                self.error = undefined;
-                stopToken = undefined;
-            },
-            setLoadingStatus(messageText) {
-                self.loadingStatus = messageText;
-            },
-            setRendered(args) {
-                if (!args) {
-                    return;
-                }
-                const { features } = args;
-                const existingFeatures = self.features || [];
-                const featIds = new Set(existingFeatures.map(f => f.id()));
-                const newFeatIds = new Set(features.map(f => f.id()));
-                let foundNewFeatureNotInExistingMap = false;
-                let foundExistingFeatureNotInNewMap = false;
-                for (const feat of features) {
-                    if (!featIds.has(feat.id())) {
-                        foundNewFeatureNotInExistingMap = true;
-                        break;
-                    }
-                }
-                for (const existingFeat of existingFeatures) {
-                    if (!newFeatIds.has(existingFeat.id())) {
-                        foundExistingFeatureNotInNewMap = true;
-                        break;
-                    }
-                }
-                self.message = undefined;
-                self.error = undefined;
-                stopToken = undefined;
-                if (foundNewFeatureNotInExistingMap ||
-                    foundExistingFeatureNotInNewMap ||
-                    !self.features) {
-                    self.features = features;
-                }
-            },
-            setError(error) {
-                console.error(error);
-                if (stopToken !== undefined) {
-                    (0, stopToken_1.stopStopToken)(stopToken);
-                }
-                self.message = undefined;
-                self.error = error;
-                stopToken = undefined;
-            },
-        };
-    })
-        .actions(self => ({
-        afterAttach() {
-            (0, util_1.makeAbortableReaction)(self, renderBlockData, renderBlockEffect, {
-                name: `${self.type} ${self.id} rendering`,
-                delay: 1000,
-                fireImmediately: true,
-            }, self.setLoading, self.setRendered, self.setError);
-        },
-    }));
-}
-function renderBlockData(self) {
-    const { rpcManager } = (0, util_1.getSession)(self);
-    const display = self;
-    (0, configuration_1.readConfObject)(self.configuration);
-    const { level, adapterConfig } = self;
-    const parent = (0, util_1.getContainingView)(self);
-    const sessionId = (0, tracks_1.getRpcSessionId)(self);
-    (0, mobx_state_tree_1.getSnapshot)(parent);
-    return parent.initialized
-        ? {
-            rpcManager,
-            renderProps: {
-                ...display.renderProps(),
-                model: display,
-                level,
-                view: parent,
-                adapterConfig,
-                sessionId,
-                timeout: 1000000,
-                self,
-            },
-        }
-        : undefined;
-}
-async function renderBlockEffect(props) {
-    if (!props) {
-        return;
-    }
-    const { rpcManager, renderProps } = props;
-    const { model, sessionId, adapterConfig, level } = renderProps;
-    const view = renderProps.view.views[level];
-    return {
-        features: (0, util_1.dedupe)((await rpcManager.call('getFeats', 'CoreGetFeatures', {
-            regions: view.staticBlocks.contentBlocks,
-            sessionId,
-            adapterConfig,
-            statusCallback: (arg) => {
-                model.setLoadingStatus(arg);
-            },
-        })), f => f.id()),
-    };
-}
-exports.default = stateModelFactory;

package/dist/LinearComparativeView/components/ColorBySelector.d.ts

@@ -1,5 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-declare const ColorBySelector: ({ model, }: {
-    model: LinearComparativeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ColorBySelector;

package/dist/LinearComparativeView/components/ColorBySelector.js

@@ -1,54 +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 Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
-const mobx_react_1 = require("mobx-react");
-const ColorBySelector = (0, mobx_react_1.observer)(function ({ model, }) {
-    var _a, _b, _c;
-    const firstDisplay = (_b = (_a = model.levels[0]) === null || _a === void 0 ? void 0 : _a.tracks[0]) === null || _b === void 0 ? void 0 : _b.displays[0];
-    const colorBy = (_c = firstDisplay === null || firstDisplay === void 0 ? void 0 : firstDisplay.colorBy) !== null && _c !== void 0 ? _c : 'default';
-    const setColorBy = (value) => {
-        for (const level of model.levels) {
-            for (const track of level.tracks) {
-                for (const display of track.displays) {
-                    ;
-                    display.setColorBy(value);
-                }
-            }
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
-            {
-                label: 'Default',
-                type: 'radio',
-                checked: colorBy === 'default',
-                onClick: () => {
-                    setColorBy('default');
-                },
-                helpText: 'Use the default color scheme with CIGAR operation coloring. Insertions, deletions, matches, and mismatches are shown in different colors with transparency.',
-            },
-            {
-                label: 'Strand',
-                type: 'radio',
-                checked: colorBy === 'strand',
-                onClick: () => {
-                    setColorBy('strand');
-                },
-                helpText: 'Color alignments by strand orientation. Forward strand alignments and reverse strand alignments are shown in different colors, making it easy to identify inversions and strand-specific patterns.',
-            },
-            {
-                label: 'Query',
-                type: 'radio',
-                checked: colorBy === 'query',
-                onClick: () => {
-                    setColorBy('query');
-                },
-                helpText: 'Color alignments by query sequence name. Each unique query sequence is assigned a consistent color based on its name, making it easy to visually distinguish between different sequences.',
-            },
-        ], children: (0, jsx_runtime_1.jsx)(Palette_1.default, {}) }));
-});
-exports.default = ColorBySelector;

package/dist/LinearComparativeView/components/Header.d.ts

@@ -1,5 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-declare const Header: ({ model, }: {
-    model: LinearComparativeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Header;

package/dist/LinearComparativeView/components/Header.js

@@ -1,87 +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 CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const Search_1 = __importDefault(require("@mui/icons-material/Search"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const ColorBySelector_1 = __importDefault(require("./ColorBySelector"));
-const HeaderSearchBoxes_1 = __importDefault(require("./HeaderSearchBoxes"));
-const MinLengthSlider_1 = __importDefault(require("./MinLengthSlider"));
-const OpacitySlider_1 = __importDefault(require("./OpacitySlider"));
-const useStyles = (0, mui_1.makeStyles)()({
-    inline: {
-        display: 'inline-flex',
-    },
-});
-const Header = (0, mobx_react_1.observer)(function ({ model, }) {
-    var _a, _b;
-    const { classes } = useStyles();
-    const { views, levels, showDynamicControls } = model;
-    const [showSearchBoxes, setShowSearchBoxes] = (0, react_1.useState)(views.length <= 3);
-    const [sideBySide, setSideBySide] = (0, react_1.useState)(views.length <= 3);
-    const hasDisplays = (_b = (_a = levels[0]) === null || _a === void 0 ? void 0 : _a.tracks[0]) === null || _b === void 0 ? void 0 : _b.displays[0];
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormGroup, { row: true, children: [(0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
-                    {
-                        label: 'Synteny track selectors',
-                        type: 'subMenu',
-                        subMenu: views.slice(0, -1).map((_, idx) => ({
-                            label: `Row ${idx + 1}->${idx + 2} (${views[idx].assemblyNames.join(',')}->${views[idx + 1].assemblyNames.join(',')})`,
-                            onClick: () => {
-                                model.activateTrackSelector(idx);
-                            },
-                        })),
-                    },
-                    {
-                        label: 'Row track selectors',
-                        type: 'subMenu',
-                        subMenu: views.map((view, idx) => ({
-                            label: `Row ${idx + 1} track selector (${view.assemblyNames.join(',')})`,
-                            onClick: () => view.activateTrackSelector(),
-                        })),
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(Icons_1.TrackSelector, {}) }), (0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
-                    {
-                        label: 'Row view menus',
-                        type: 'subMenu',
-                        subMenu: views.map((view, idx) => ({
-                            label: `View ${idx + 1} Menu`,
-                            subMenu: view.menuItems(),
-                        })),
-                    },
-                    ...model.headerMenuItems(),
-                ], children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), (0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
-                    {
-                        label: 'Show search boxes',
-                        type: 'checkbox',
-                        checked: showSearchBoxes,
-                        onClick: () => {
-                            setShowSearchBoxes(!showSearchBoxes);
-                        },
-                    },
-                    {
-                        label: 'Orientation - Side-by-side',
-                        type: 'radio',
-                        checked: sideBySide,
-                        onClick: () => {
-                            setSideBySide(!sideBySide);
-                        },
-                    },
-                    {
-                        label: 'Orientation - Vertical',
-                        type: 'radio',
-                        checked: !sideBySide,
-                        onClick: () => {
-                            setSideBySide(!sideBySide);
-                        },
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(Search_1.default, {}) }), hasDisplays && showDynamicControls ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorBySelector_1.default, { model: model }), (0, jsx_runtime_1.jsx)(OpacitySlider_1.default, { model: model }), (0, jsx_runtime_1.jsx)(MinLengthSlider_1.default, { model: model })] })) : null, showSearchBoxes ? ((0, jsx_runtime_1.jsx)("span", { className: sideBySide ? classes.inline : undefined, children: views.map(view => ((0, jsx_runtime_1.jsx)(HeaderSearchBoxes_1.default, { view: view }, view.id))) })) : null] }));
-});
-exports.default = Header;

package/dist/LinearComparativeView/components/HeaderSearchBoxes.d.ts

@@ -1,5 +0,0 @@
-import type { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
-declare const HeaderSearchBoxes: ({ view, }: {
-    view: LinearGenomeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HeaderSearchBoxes;

package/dist/LinearComparativeView/components/HeaderSearchBoxes.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
-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)()(() => ({
-    bp: {
-        display: 'flex',
-        alignItems: 'center',
-        marginLeft: 10,
-    },
-    searchBox: {
-        display: 'flex',
-    },
-}));
-const HeaderSearchBoxes = (0, mobx_react_1.observer)(function ({ view, }) {
-    const { classes } = useStyles();
-    const { assemblyDisplayNames, coarseTotalBp } = view;
-    return ((0, jsx_runtime_1.jsxs)("span", { className: classes.searchBox, children: [(0, jsx_runtime_1.jsx)(plugin_linear_genome_view_1.SearchBox, { model: view, showHelp: false }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", color: "textSecondary", className: classes.bp, children: [assemblyDisplayNames.join(','), " ", (0, util_1.getBpDisplayStr)(coarseTotalBp)] })] }));
-});
-exports.default = HeaderSearchBoxes;

package/dist/LinearComparativeView/components/LinearComparativeRenderArea.d.ts

@@ -1,5 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-declare const LinearComparativeRenderArea: ({ model, }: {
-    model: LinearComparativeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default LinearComparativeRenderArea;

package/dist/LinearComparativeView/components/LinearComparativeRenderArea.js

@@ -1,46 +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 util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const jsx_runtime_2 = require("react/jsx-runtime");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    container: {
-        display: 'grid',
-    },
-    overlay: {
-        zIndex: 100,
-        gridArea: '1/1',
-    },
-    resizeHandle: {
-        height: 4,
-        background: '#ccc',
-    },
-});
-function View({ view }) {
-    const { pluginManager } = (0, util_1.getEnv)(view);
-    const { ReactComponent } = pluginManager.getViewType(view.type);
-    return (0, jsx_runtime_1.jsx)(ReactComponent, { model: view });
-}
-const LinearComparativeRenderArea = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { views, levels } = model;
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.container, children: views.map((view, i) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_2.Fragment, { children: [i > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: classes.container, children: (0, jsx_runtime_1.jsx)(Overlays, { model: model, level: i - 1 }) }), (0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: n => { var _a, _b; return (_a = levels[i - 1]) === null || _a === void 0 ? void 0 : _a.setHeight((((_b = levels[i - 1]) === null || _b === void 0 ? void 0 : _b.height) || 0) + n); }, className: classes.resizeHandle })] })) : null, (0, jsx_runtime_1.jsx)(View, { view: view })] }, view.id))) }));
-});
-const Overlays = (0, mobx_react_1.observer)(function ({ model, level, }) {
-    var _a;
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (_a = model.levels[level]) === null || _a === void 0 ? void 0 : _a.tracks.map(track => {
-            const [display] = track.displays;
-            const { RenderingComponent } = display;
-            const trackId = (0, configuration_1.getConf)(track, 'trackId');
-            return RenderingComponent ? ((0, jsx_runtime_1.jsx)("div", { className: classes.overlay, style: {
-                    height: display.height,
-                    overflow: 'hidden',
-                }, children: (0, jsx_runtime_1.jsx)(RenderingComponent, { model: display }) }, trackId)) : null;
-        }) }));
-});
-exports.default = LinearComparativeRenderArea;

package/dist/LinearComparativeView/components/LinearComparativeView.d.ts

@@ -1,5 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-declare const LinearComparativeView: ({ model, }: {
-    model: LinearComparativeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default LinearComparativeView;