@jbrowse/core 2.4.2 → 2.6.0

package/BaseFeatureWidget/SequenceFeatureDetails.js

@@ -1,230 +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 mui_1 = require("tss-react/mui");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-// locals
-const util_1 = require("../util");
-const configuration_1 = require("../configuration");
-const ui_1 = require("../ui");
-// icons
-const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
-const Help_1 = __importDefault(require("@mui/icons-material/Help"));
-// lazies
-const SettingsDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequenceFeatureSettingsDialog'))));
-const HelpDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequenceHelpDialog'))));
-const SequencePanel = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequencePanel'))));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    button: {
-        margin: theme.spacing(1),
-    },
-    formControl: {
-        margin: 0,
-    },
-    container2: {
-        marginTop: theme.spacing(1),
-    },
-}));
-const BPLIMIT = 500000;
-// display the stitched-together sequence of a gene's CDS, cDNA, or protein
-// sequence. this is a best effort and weird genomic phenomena could lead these
-// to not be 100% accurate
-function SequenceFeatureDetails({ model, feature }) {
-    const { classes } = useStyles();
-    const [shown, setShown] = (0, react_1.useState)(false);
-    const [helpShown, setHelpShown] = (0, react_1.useState)(false);
-    return !model ? null : (react_1.default.createElement("div", { className: classes.container2 },
-        react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => setShown(!shown) }, shown ? 'Hide feature sequence' : 'Show feature sequence'),
-        react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-            react_1.default.createElement(material_1.IconButton, { onClick: () => setHelpShown(true) },
-                react_1.default.createElement(Help_1.default, null))),
-        react_1.default.createElement("br", null),
-        shown ? react_1.default.createElement(FeatureSequence, { model: model, feature: feature }) : null,
-        helpShown ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
-            react_1.default.createElement(HelpDlg, { handleClose: () => setHelpShown(false) }))) : null));
-}
-exports.default = SequenceFeatureDetails;
-function FeatureSequence({ model, feature }) {
-    var _a, _b;
-    const { classes } = useStyles();
-    const parentFeature = feature;
-    const hasCDS = !!((_a = parentFeature.subfeatures) === null || _a === void 0 ? void 0 : _a.find(sub => sub.type === 'CDS'));
-    const seqPanelRef = (0, react_1.useRef)(null);
-    const [settingsDlgOpen, setSettingsDlgOpen] = (0, react_1.useState)(false);
-    const [intronBp, setIntronBp] = (0, util_1.useLocalStorage)('intronBp', 10);
-    const [upDownBp, setUpDownBp] = (0, util_1.useLocalStorage)('upDownBp', 500);
-    const [sequence, setSequence] = (0, react_1.useState)();
-    const [error, setError] = (0, react_1.useState)();
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const [copiedHtml, setCopiedHtml] = (0, react_1.useState)(false);
-    const [forceLoad, setForceLoad] = (0, react_1.useState)({
-        id: feature.uniqueId,
-        force: false,
-    });
-    (0, react_1.useEffect)(() => {
-        setForceLoad({
-            id: feature.uniqueId,
-            force: false,
-        });
-    }, [feature]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        let finished = false;
-        if (!model) {
-            return () => { };
-        }
-        const { assemblyManager, rpcManager } = (0, util_1.getSession)(model);
-        const [assemblyName] = ((_a = model.view) === null || _a === void 0 ? void 0 : _a.assemblyNames) || [];
-        async function fetchSeq(start, end, refName) {
-            const assembly = await assemblyManager.waitForAssembly(assemblyName);
-            if (!assembly) {
-                throw new Error('assembly not found');
-            }
-            const sessionId = 'getSequence';
-            const feats = await rpcManager.call(sessionId, 'CoreGetFeatures', {
-                adapterConfig: (0, configuration_1.getConf)(assembly, ['sequence', 'adapter']),
-                sessionId,
-                regions: [
-                    {
-                        start,
-                        end,
-                        refName: assembly.getCanonicalRefName(refName),
-                        assemblyName,
-                    },
-                ],
-            });
-            const [feat] = feats;
-            return (feat === null || feat === void 0 ? void 0 : feat.get('seq')) || '';
-        }
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        ;
-        (async () => {
-            try {
-                setError(undefined);
-                const { start, end, refName } = feature;
-                if (!forceLoad.force && end - start > BPLIMIT) {
-                    setSequence({
-                        error: `Genomic sequence larger than ${BPLIMIT}bp, use "force load" button to display`,
-                    });
-                }
-                else {
-                    const seq = await fetchSeq(start, end, refName);
-                    const up = await fetchSeq(Math.max(0, start - upDownBp), start, refName);
-                    const down = await fetchSeq(end, end + upDownBp, refName);
-                    if (!finished) {
-                        setSequence({ seq, upstream: up, downstream: down });
-                    }
-                }
-            }
-            catch (e) {
-                console.error(e);
-                setError(e);
-            }
-        })();
-        return () => {
-            finished = true;
-        };
-    }, [feature, model, upDownBp, forceLoad]);
-    const loading = !sequence;
-    const session = (0, util_1.getSession)(model);
-    const defaultSeqTypes = ['mRNA', 'transcript', 'gene'];
-    const sequenceTypes = (0, configuration_1.getConf)(session, ['featureDetails', 'sequenceTypes']) || defaultSeqTypes;
-    // only attempt fetching gene type sequence on a bare CDS if it has no parent
-    const attemptGeneType = feature.type === 'CDS'
-        ? sequenceTypes.includes('CDS') && !feature.parentId
-        : sequenceTypes.includes(feature.type) && ((_b = feature.subfeatures) === null || _b === void 0 ? void 0 : _b.length);
-    const val = attemptGeneType ? (hasCDS ? 'cds' : 'cdna') : 'genomic';
-    // this useEffect is needed to reset the mode/setMode useState because the
-    // contents of the select box can completely change depending on whether we
-    // click on a gene feature or non-gene feature, so the current value in the
-    // select box must change accordingly
-    (0, react_1.useEffect)(() => {
-        setMode(val);
-    }, [attemptGeneType, val]);
-    const [mode, setMode] = (0, react_1.useState)(attemptGeneType ? (hasCDS ? 'cds' : 'cdna') : 'genomic');
-    const rest = {
-        gene: 'Gene w/ introns',
-        gene_collapsed_intron: `Gene w/ ${intronBp}bp of intron`,
-        gene_updownstream: `Gene w/ ${upDownBp}bp up+down stream`,
-        gene_updownstream_collapsed_intron: `Gene w/ ${upDownBp}bp up+down stream w/ ${intronBp}bp intron`,
-        cdna: 'cDNA',
-    };
-    const arg = attemptGeneType
-        ? hasCDS
-            ? {
-                cds: 'CDS',
-                protein: 'Protein',
-                ...rest,
-            }
-            : rest
-        : {
-            genomic: 'Genomic seq',
-            genomic_sequence_updown: `Genomic seq w/ ${upDownBp}bp up+down stream`,
-        };
-    return (react_1.default.createElement("div", { className: classes.container2 },
-        react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-            react_1.default.createElement(material_1.Select, { value: mode, onChange: event => setMode(event.target.value) }, Object.entries(arg).map(([key, val]) => (react_1.default.createElement(material_1.MenuItem, { key: key, value: key }, val))))),
-        react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-            react_1.default.createElement(material_1.Button, { className: classes.button, variant: "contained", onClick: () => {
-                    const ref = seqPanelRef.current;
-                    if (ref) {
-                        (0, copy_to_clipboard_1.default)(ref.textContent || '', { format: 'text/plain' });
-                        setCopied(true);
-                        setTimeout(() => setCopied(false), 1000);
-                    }
-                } }, copied ? 'Copied to clipboard!' : 'Copy plaintext')),
-        react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-            react_1.default.createElement(material_1.Tooltip, { title: "The 'Copy HTML' function retains the colors from the sequence panel but cannot be pasted into some programs like notepad that only expect plain text" },
-                react_1.default.createElement(material_1.Button, { className: classes.button, variant: "contained", onClick: () => {
-                        const ref = seqPanelRef.current;
-                        if (ref) {
-                            (0, copy_to_clipboard_1.default)(ref.innerHTML, { format: 'text/html' });
-                            setCopiedHtml(true);
-                            setTimeout(() => setCopiedHtml(false), 1000);
-                        }
-                    } }, copiedHtml ? 'Copied to clipboard!' : 'Copy HTML'))),
-        react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-            react_1.default.createElement(material_1.IconButton, { onClick: () => setSettingsDlgOpen(true) },
-                react_1.default.createElement(Settings_1.default, null))),
-        react_1.default.createElement("br", null),
-        error ? (react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`)) : loading ? (react_1.default.createElement(ui_1.LoadingEllipses, null)) : sequence ? ('error' in sequence ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Typography, { color: "error" }, sequence.error),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "inherit", onClick: () => setForceLoad({ ...forceLoad, force: true }) }, "Force load"))) : (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null, "Loading") },
-            react_1.default.createElement(SequencePanel, { ref: seqPanelRef, feature: parentFeature, mode: mode, sequence: sequence, intronBp: intronBp })))) : (react_1.default.createElement(material_1.Typography, null, "No sequence found")),
-        settingsDlgOpen ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
-            react_1.default.createElement(SettingsDlg, { handleClose: arg => {
-                    if (arg) {
-                        const { upDownBp, intronBp } = arg;
-                        setIntronBp(intronBp);
-                        setUpDownBp(upDownBp);
-                    }
-                    setSettingsDlgOpen(false);
-                }, upDownBp: upDownBp, intronBp: intronBp }))) : null));
-}

package/data_adapters/BaseAdapter.d.ts

@@ -1,138 +0,0 @@
-import { Observable } from 'rxjs';
-import { Feature } from '../util/simpleFeature';
-import { AnyConfigurationModel } from '../configuration';
-import { getSubAdapterType } from './dataAdapterCache';
-import { AugmentedRegion as Region, NoAssemblyRegion } from '../util/types';
-import BaseResult from '../TextSearch/BaseResults';
-import PluginManager from '../PluginManager';
-export interface BaseOptions {
-    signal?: AbortSignal;
-    bpPerPx?: number;
-    sessionId?: string;
-    statusCallback?: (message: string) => void;
-    headers?: Record<string, string>;
-    [key: string]: unknown;
-}
-export type SearchType = 'full' | 'prefix' | 'exact';
-export interface BaseArgs {
-    searchType?: SearchType;
-    queryString: string;
-    signal?: AbortSignal;
-    limit?: number;
-    pageNumber?: number;
-}
-export interface AnyAdapter {
-    new (config: AnyConfigurationModel, getSubAdapter?: getSubAdapterType, pluginManager?: PluginManager | undefined): AnyDataAdapter;
-}
-export type AnyDataAdapter = BaseAdapter | BaseFeatureDataAdapter | BaseRefNameAliasAdapter | BaseTextSearchAdapter | RegionsAdapter | BaseSequenceAdapter;
-export interface SequenceAdapter extends BaseFeatureDataAdapter, RegionsAdapter {
-}
-export declare abstract class BaseAdapter {
-    config: AnyConfigurationModel;
-    getSubAdapter?: getSubAdapterType | undefined;
-    pluginManager?: PluginManager | undefined;
-    id: string;
-    static capabilities: string[];
-    constructor(config?: AnyConfigurationModel, getSubAdapter?: getSubAdapterType | undefined, pluginManager?: PluginManager | undefined);
-    getConf(arg: string | string[]): any;
-    /**
-     * Called to provide a hint that data tied to a certain region will not be
-     * needed for the foreseeable future and can be purged from caches, etc
-     * @param region - Region
-     */
-    abstract freeResources(region: Region): void;
-}
-export interface Stats {
-    featureDensity?: number;
-    fetchSizeLimit?: number;
-    bytes?: number;
-}
-/**
- * Base class for feature adapters to extend. Defines some methods that
- * subclasses must implement.
- */
-export declare abstract class BaseFeatureDataAdapter extends BaseAdapter {
-    /**
-     * Get all reference sequence names used in the data source
-     *
-     * NOTE: If an adapter is unable to determine the reference sequence names,
-     * the array will be empty
-     * @param opts - Feature adapter options
-     */
-    abstract getRefNames(opts?: BaseOptions): Promise<string[]>;
-    /**
-     * Get features from the data source that overlap a region
-     * @param region - Region
-     * @param opts - Feature adapter options
-     * @returns Observable of Feature objects in the region
-     */
-    abstract getFeatures(region: Region, opts?: BaseOptions): Observable<Feature>;
-    /**
-     * Return "header info" that is fetched from the data file, or other info
-     * that would not simply be in the config of the file. The return value can
-     * be `{tag:string, data: any}[]` e.g. list of tags with their values which
-     * is how VCF,BAM,CRAM return values for getInfo or it can be a nested JSON
-     * object
-     */
-    getHeader(_opts?: BaseOptions): Promise<unknown>;
-    /**
-     * Return info that is primarily used for interpreting the data that is there,
-     * primarily in reference to being used for augmenting feature details panels
-     */
-    getMetadata(_opts?: BaseOptions): Promise<unknown>;
-    /**
-     * Checks if the store has data for the given assembly and reference
-     * sequence, and then gets the features in the region if it does.
-     */
-    getFeaturesInRegion(region: Region, opts?: BaseOptions): Observable<Feature>;
-    /**
-     * Checks if the store has data for the given assembly and reference
-     * sequence, and then gets the features in the region if it does.
-     *
-     * Currently this just calls getFeatureInRegion for each region. Adapters
-     * that are frequently called on multiple regions simultaneously may
-     * want to implement a more efficient custom version of this method.
-     *
-     * Currently this just calls getFeatureInRegion for each region. Adapters that
-     * are frequently called on multiple regions simultaneously may want to
-     * implement a more efficient custom version of this method.
-     *
-     * @param regions - Regions
-     * @param opts - Feature adapter options
-     * @returns Observable of Feature objects in the regions
-     */
-    getFeaturesInMultipleRegions(regions: Region[], opts?: BaseOptions): Observable<Feature>;
-    /**
-     * Check if the store has data for the given reference name.
-     * @param refName - Name of the reference sequence
-     * @returns Whether data source has data for the given reference name
-     */
-    hasDataForRefName(refName: string, opts?: BaseOptions): Promise<boolean>;
-    getRegionStats(region: Region, opts?: BaseOptions): Promise<import("../util/stats").FeatureStats>;
-    getMultiRegionStats(regions?: Region[], opts?: BaseOptions): Promise<import("../util/stats").FeatureStats>;
-    estimateRegionsStats(regions: Region[], opts?: BaseOptions): Promise<Stats>;
-}
-export interface RegionsAdapter extends BaseAdapter {
-    getRegions(opts: BaseOptions): Promise<NoAssemblyRegion[]>;
-}
-export declare abstract class BaseSequenceAdapter extends BaseFeatureDataAdapter implements RegionsAdapter {
-    estimateRegionsStats(): Promise<{
-        featureDensity: number;
-    }>;
-    abstract getRegions(opts: BaseOptions): Promise<NoAssemblyRegion[]>;
-}
-export declare function isSequenceAdapter(thing: AnyDataAdapter): thing is BaseSequenceAdapter;
-export declare function isRegionsAdapter(thing: AnyDataAdapter): thing is RegionsAdapter;
-export declare function isFeatureAdapter(thing: AnyDataAdapter): thing is BaseFeatureDataAdapter;
-export interface Alias {
-    refName: string;
-    aliases: string[];
-}
-export interface BaseRefNameAliasAdapter extends BaseAdapter {
-    getRefNameAliases(opts: BaseOptions): Promise<Alias[]>;
-}
-export declare function isRefNameAliasAdapter(thing: object): thing is BaseRefNameAliasAdapter;
-export interface BaseTextSearchAdapter extends BaseAdapter {
-    searchIndex(args: BaseArgs): Promise<BaseResult[]>;
-}
-export declare function isTextSearchAdapter(thing: AnyDataAdapter): thing is BaseTextSearchAdapter;

package/ui/AboutDialog.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { AnyConfigurationModel } from '../configuration';
-export declare function FileInfoPanel({ config }: {
-    config: AnyConfigurationModel;
-}): JSX.Element | null;
-export declare function AboutContents({ config }: {
-    config: AnyConfigurationModel;
-}): JSX.Element;
-export default function AboutDialog({ config, handleClose, }: {
-    config: AnyConfigurationModel;
-    handleClose: () => void;
-}): JSX.Element;

package/ui/AboutDialog.js

@@ -1,125 +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 });
-exports.AboutContents = exports.FileInfoPanel = void 0;
-const react_1 = __importStar(require("react"));
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const configuration_1 = require("../configuration");
-const Dialog_1 = __importDefault(require("./Dialog"));
-const LoadingEllipses_1 = __importDefault(require("./LoadingEllipses"));
-const util_1 = require("../util");
-const tracks_1 = require("../util/tracks");
-const BaseFeatureDetail_1 = require("../BaseFeatureWidget/BaseFeatureDetail");
-const useStyles = (0, mui_1.makeStyles)()({
-    content: {
-        minWidth: 800,
-    },
-});
-function FileInfoPanel({ config }) {
-    const [error, setError] = (0, react_1.useState)();
-    const [info, setInfo] = (0, react_1.useState)();
-    const session = (0, util_1.getSession)(config);
-    const { rpcManager } = session;
-    (0, react_1.useEffect)(() => {
-        const aborter = new AbortController();
-        const { signal } = aborter;
-        let cancelled = false;
-        (async () => {
-            try {
-                const adapterConfig = (0, configuration_1.readConfObject)(config, 'adapter');
-                const result = await rpcManager.call(config.trackId, 'CoreGetInfo', {
-                    adapterConfig,
-                    signal,
-                });
-                if (!cancelled) {
-                    setInfo(result);
-                }
-            }
-            catch (e) {
-                if (!cancelled) {
-                    console.error(e);
-                    setError(e);
-                }
-            }
-        })();
-        return () => {
-            aborter.abort();
-            cancelled = true;
-        };
-    }, [config, rpcManager]);
-    const details = typeof info === 'string'
-        ? {
-            header: `<pre>${info
-                .replace(/</g, '&lt;')
-                .replace(/>/g, '&gt;')}</pre>`,
-        }
-        : info || {};
-    return info !== null ? (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "File info" }, error ? (react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`)) : info === undefined ? (react_1.default.createElement(LoadingEllipses_1.default, { message: "Loading file data" })) : (react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: details })))) : null;
-}
-exports.FileInfoPanel = FileInfoPanel;
-function AboutContents({ config }) {
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const conf = (0, configuration_1.readConfObject)(config);
-    const session = (0, util_1.getSession)(config);
-    const hideUris = (0, configuration_1.getConf)(session, ['formatAbout', 'hideUris']) ||
-        (0, configuration_1.readConfObject)(config, ['formatAbout', 'hideUris']);
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const confPostExt = pluginManager.evaluateExtensionPoint('Core-customizeAbout', {
-        config: {
-            ...conf,
-            ...(0, configuration_1.getConf)(session, ['formatAbout', 'config'], { config: conf }),
-            ...(0, configuration_1.readConfObject)(config, ['formatAbout', 'config'], { config: conf }),
-        },
-    }, { session, config });
-    const ExtraPanel = pluginManager.evaluateExtensionPoint('Core-extraAboutPanel', null, { session, config });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: "Configuration" },
-            !hideUris ? (react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => {
-                    (0, copy_to_clipboard_1.default)(JSON.stringify(conf, null, 2));
-                    setCopied(true);
-                    setTimeout(() => setCopied(false), 1000);
-                } }, copied ? 'Copied to clipboard!' : 'Copy config')) : null,
-            react_1.default.createElement(BaseFeatureDetail_1.Attributes, { attributes: confPostExt, omit: ['displays', 'baseUri', 'refNames', 'formatAbout'], hideUris: hideUris })),
-        ExtraPanel ? (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, { title: ExtraPanel.name },
-            react_1.default.createElement(ExtraPanel.Component, { config: config }))) : null,
-        react_1.default.createElement(FileInfoPanel, { config: config })));
-}
-exports.AboutContents = AboutContents;
-function AboutDialog({ config, handleClose, }) {
-    const { classes } = useStyles();
-    const session = (0, util_1.getSession)(config);
-    const trackName = (0, tracks_1.getTrackName)(config, session);
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const AboutComponent = pluginManager.evaluateExtensionPoint('Core-replaceAbout', AboutContents, { session, config });
-    return (react_1.default.createElement(Dialog_1.default, { open: true, onClose: handleClose, title: trackName, maxWidth: "xl" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.content },
-            react_1.default.createElement(AboutComponent, { config: config }))));
-}
-exports.default = AboutDialog;

package/ui/App.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { NotificationLevel, SessionWithDrawerWidgets, SnackAction } from '../util';
-import { MenuItem as JBMenuItem } from './Menu';
-type SnackbarMessage = [string, NotificationLevel, SnackAction];
-declare const App: (props: {
-    HeaderButtons?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    session: SessionWithDrawerWidgets & {
-        savedSessionNames: string[];
-        menus: {
-            label: string;
-            menuItems: JBMenuItem[];
-        }[];
-        renameCurrentSession: (arg: string) => void;
-        snackbarMessages: SnackbarMessage[];
-        popSnackbarMessage: () => unknown;
-    };
-}) => JSX.Element;
-export default App;

package/ui/App.js

@@ -1,114 +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 mui_1 = require("tss-react/mui");
-const Launch_1 = __importDefault(require("@mui/icons-material/Launch"));
-const mobx_react_1 = require("mobx-react");
-// ui elements
-const DrawerWidget_1 = __importDefault(require("./DrawerWidget"));
-const AppToolbar_1 = __importDefault(require("./AppToolbar"));
-const Snackbar_1 = __importDefault(require("./Snackbar"));
-const ViewLauncher_1 = __importDefault(require("./ViewLauncher"));
-const ViewPanel_1 = __importDefault(require("./ViewPanel"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {
-        fontFamily: 'Roboto',
-        display: 'grid',
-        height: '100vh',
-        width: '100%',
-        colorScheme: theme.palette.mode,
-    },
-    fabLeft: {
-        zIndex: 10000,
-        position: 'fixed',
-        bottom: theme.spacing(2),
-        left: theme.spacing(2),
-    },
-    fabRight: {
-        zIndex: 10000,
-        position: 'fixed',
-        bottom: theme.spacing(2),
-        right: theme.spacing(2),
-    },
-    menuBarAndComponents: {
-        gridColumn: 'main',
-        display: 'grid',
-        gridTemplateRows: '[menubar] min-content [components] auto',
-        height: '100vh',
-    },
-    menuBar: {
-        gridRow: 'menubar',
-    },
-    components: {
-        overflowY: 'auto',
-        gridRow: 'components',
-    },
-    appBar: {
-        flexGrow: 1,
-    },
-}));
-const App = (0, mobx_react_1.observer)(function (props) {
-    const { session } = props;
-    const { classes } = useStyles();
-    const { minimized, visibleWidget, drawerWidth, activeWidgets, views, drawerPosition, } = session;
-    const drawerVisible = visibleWidget && !minimized;
-    let grid;
-    if (drawerPosition === 'right') {
-        grid = [
-            `[main] 1fr`,
-            drawerVisible ? `[drawer] ${drawerWidth}px` : undefined,
-        ];
-    }
-    else if (drawerPosition === 'left') {
-        grid = [
-            drawerVisible ? `[drawer] ${drawerWidth}px` : undefined,
-            `[main] 1fr`,
-        ];
-    }
-    return (react_1.default.createElement("div", { className: classes.root, style: {
-            gridTemplateColumns: grid === null || grid === void 0 ? void 0 : grid.filter(f => !!f).join(' '),
-        } },
-        drawerVisible && drawerPosition === 'left' ? (react_1.default.createElement(DrawerWidget_1.default, { session: session })) : null,
-        session.DialogComponent ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
-            react_1.default.createElement(session.DialogComponent, { ...session.DialogProps }))) : null,
-        react_1.default.createElement("div", { className: classes.menuBarAndComponents },
-            react_1.default.createElement("div", { className: classes.menuBar },
-                react_1.default.createElement(material_1.AppBar, { className: classes.appBar, position: "static" },
-                    react_1.default.createElement(AppToolbar_1.default, { ...props }))),
-            react_1.default.createElement("div", { className: classes.components },
-                views.length > 0 ? (views.map(view => (react_1.default.createElement(ViewPanel_1.default, { key: `view-${view.id}`, view: view, session: session })))) : (react_1.default.createElement(ViewLauncher_1.default, { ...props })),
-                react_1.default.createElement("div", { style: { height: 300 } }))),
-        activeWidgets.size > 0 && minimized ? (react_1.default.createElement(material_1.Tooltip, { title: "Open drawer widget" },
-            react_1.default.createElement(material_1.Fab, { className: drawerPosition === 'right' ? classes.fabRight : classes.fabLeft, color: "primary", "data-testid": "drawer-maximize", onClick: () => session.showWidgetDrawer() },
-                react_1.default.createElement(Launch_1.default, null)))) : null,
-        drawerVisible && drawerPosition === 'right' ? (react_1.default.createElement(DrawerWidget_1.default, { session: session })) : null,
-        react_1.default.createElement(Snackbar_1.default, { session: session })));
-});
-exports.default = App;

package/ui/AppToolbar.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { NotificationLevel, SessionWithDrawerWidgets, SnackAction } from '../util';
-import { MenuItem as JBMenuItem } from './Menu';
-type SnackbarMessage = [string, NotificationLevel, SnackAction];
-type AppSession = SessionWithDrawerWidgets & {
-    savedSessionNames: string[];
-    menus: {
-        label: string;
-        menuItems: JBMenuItem[];
-    }[];
-    renameCurrentSession: (arg: string) => void;
-    snackbarMessages: SnackbarMessage[];
-    popSnackbarMessage: () => unknown;
-};
-declare const AppToolbar: ({ session, HeaderButtons, }: {
-    HeaderButtons?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    session: AppSession;
-}) => JSX.Element;
-export default AppToolbar;