@jbrowse/core 2.5.0 → 2.6.0

package/util/QuickLRU.d.ts

@@ -27,6 +27,6 @@ export default class QuickLRU extends Map<any, any> {
     entriesDescending(): Generator<any[], void, unknown>;
     entriesAscending(): Generator<any[], void, unknown>;
     entries(): Generator<any[], void, unknown>;
-    forEach(callbackFunction: any, thisArgument?: QuickLRU): void;
+    forEach(callbackFunction: any, thisArgument?: this): void;
     [Symbol.iterator](): Generator<any[], void, unknown>;
 }

package/util/blockTypes.js

@@ -7,7 +7,7 @@ class BlockSet {
     }
     push(block) {
         if (block instanceof ElidedBlock && this.blocks.length > 0) {
-            const lastBlock = this.blocks[this.blocks.length - 1];
+            const lastBlock = this.blocks.at(-1);
             if (lastBlock instanceof ElidedBlock) {
                 lastBlock.push(block);
                 return;

package/util/formatFastaStrings.js

@@ -9,7 +9,7 @@ exports.formatSeqFasta = exports.formatFastaLines = void 0;
  * @returns formatted sequence string
  */
 function formatFastaLines(seqString) {
-    return seqString.replace(/(.{1,80})/g, '$1\n').trimEnd();
+    return seqString.replaceAll(/(.{1,80})/g, '$1\n').trimEnd();
 }
 exports.formatFastaLines = formatFastaLines;
 /**

package/util/index.d.ts

@@ -356,4 +356,18 @@ export declare function max(arr: number[], init?: number): number;
 export declare function min(arr: number[], init?: number): number;
 export declare function sum(arr: number[]): number;
 export declare function avg(arr: number[]): number;
+export declare function groupBy<T>(array: T[], predicate: (v: T) => string): {
+    [key: string]: T[];
+};
+export declare function notEmpty<T>(value: T | null | undefined): value is T;
+export declare function mergeIntervals<T extends {
+    start: number;
+    end: number;
+}>(intervals: T[], w?: number): T[];
+interface BasicFeature {
+    end: number;
+    start: number;
+    refName: string;
+}
+export declare function gatherOverlaps(regions: BasicFeature[]): BasicFeature[];
 export { default as SimpleFeature, type Feature, type SimpleFeatureSerialized, isFeature, } from './simpleFeature';

package/util/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bytesForRegions = exports.objectHash = exports.hashCode = exports.updateStatus = exports.generateCodonTable = exports.defaultCodonTable = exports.defaultStops = exports.defaultStarts = exports.measureText = exports.rIC = exports.blobToDataURL = exports.complement = exports.reverse = exports.revcom = exports.isElectron = exports.stringify = exports.shorten = exports.minmax = exports.renameRegionsIfNeeded = exports.renameRegionIfNeeded = exports.makeAbortableReaction = exports.findLast = exports.findLastIndex = exports.iterMap = exports.bpSpanPx = exports.featureSpanPx = exports.cartesianToPolar = exports.polarToCartesian = exports.degToRad = exports.radToDeg = exports.bpToPx = exports.clamp = exports.compareLocStrings = exports.compareLocs = exports.parseLocString = exports.parseLocStringOneBased = exports.assembleLocStringFast = exports.assembleLocString = exports.getContainingDisplay = exports.getContainingTrack = exports.getContainingView = exports.getSession = exports.findParentThatIs = exports.springAnimate = exports.findParentThat = exports.useDebouncedCallback = exports.useWidthSetter = exports.useDebounce = exports.inProduction = exports.inDevelopment = void 0;
-exports.isFeature = exports.SimpleFeature = exports.avg = exports.sum = exports.min = exports.max = exports.localStorageSetItem = exports.localStorageGetItem = exports.getEnv = exports.measureGridWidth = exports.getStr = exports.getUriLink = exports.useLocalStorage = exports.getLayoutId = exports.getViewParams = exports.getTickDisplayStr = exports.toLocale = exports.getBpDisplayStr = exports.supportedIndexingAdapters = void 0;
+exports.isFeature = exports.SimpleFeature = exports.gatherOverlaps = exports.mergeIntervals = exports.notEmpty = exports.groupBy = exports.avg = exports.sum = exports.min = exports.max = exports.localStorageSetItem = exports.localStorageGetItem = exports.getEnv = exports.measureGridWidth = exports.getStr = exports.getUriLink = exports.useLocalStorage = exports.getLayoutId = exports.getViewParams = exports.getTickDisplayStr = exports.toLocale = exports.getBpDisplayStr = exports.supportedIndexingAdapters = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const react_1 = require("react");
 const is_object_1 = __importDefault(require("is-object"));
@@ -316,8 +316,8 @@ function parseLocStringOneBased(locString, isValidRefName) {
                     return {
                         assemblyName,
                         refName: prefix,
-                        start: +start.replace(/,/g, ''),
-                        end: +end.replace(/,/g, ''),
+                        start: +start.replaceAll(',', ''),
+                        end: +end.replaceAll(',', ''),
                         reversed,
                     };
                 }
@@ -330,15 +330,15 @@ function parseLocStringOneBased(locString, isValidRefName) {
                         return {
                             assemblyName,
                             refName: prefix,
-                            start: +start.replace(/,/g, ''),
+                            start: +start.replaceAll(',', ''),
                             reversed,
                         };
                     }
                     return {
                         assemblyName,
                         refName: prefix,
-                        start: +start.replace(/,/g, ''),
-                        end: +start.replace(/,/g, ''),
+                        start: +start.replaceAll(',', ''),
+                        end: +start.replaceAll(',', ''),
                         reversed,
                     };
                 }
@@ -725,7 +725,7 @@ exports.complement = (() => {
         G: 'C',
     };
     return (seqString) => {
-        return seqString.replace(complementRegex, m => complementTable[m] || '');
+        return seqString.replaceAll(complementRegex, m => complementTable[m] || '');
     };
 })();
 function blobToDataURL(blob) {
@@ -1004,7 +1004,7 @@ function getStr(obj) {
 exports.getStr = getStr;
 // tries to measure grid width without HTML tags included
 function coarseStripHTML(s) {
-    return s.replace(/(<([^>]+)>)/gi, '');
+    return s.replaceAll(/(<([^>]+)>)/gi, '');
 }
 // heuristic measurement for a column of a @mui/x-data-grid, pass in values from a column
 function measureGridWidth(elements, args) {
@@ -1060,6 +1060,63 @@ function avg(arr) {
     return sum(arr) / arr.length;
 }
 exports.avg = avg;
+function groupBy(array, predicate) {
+    var _a;
+    const result = {};
+    for (const value of array) {
+        const entry = (result[_a = predicate(value)] || (result[_a] = []));
+        entry.push(value);
+    }
+    return result;
+}
+exports.groupBy = groupBy;
+function notEmpty(value) {
+    return value !== null && value !== undefined;
+}
+exports.notEmpty = notEmpty;
+function mergeIntervals(intervals, w = 5000) {
+    // test if there are at least 2 intervals
+    if (intervals.length <= 1) {
+        return intervals;
+    }
+    const stack = [];
+    let top = null;
+    // sort the intervals based on their start values
+    intervals = intervals.sort((a, b) => a.start - b.start);
+    // push the 1st interval into the stack
+    stack.push(intervals[0]);
+    // start from the next interval and merge if needed
+    for (let i = 1; i < intervals.length; i++) {
+        // get the top element
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        top = stack.at(-1);
+        // if the current interval doesn't overlap with the
+        // stack top element, push it to the stack
+        if (top.end + w < intervals[i].start - w) {
+            stack.push(intervals[i]);
+        }
+        // otherwise update the end value of the top element
+        // if end of current interval is higher
+        else if (top.end < intervals[i].end) {
+            top.end = Math.max(top.end, intervals[i].end);
+            stack.pop();
+            stack.push(top);
+        }
+    }
+    return stack;
+}
+exports.mergeIntervals = mergeIntervals;
+function gatherOverlaps(regions) {
+    const memo = {};
+    for (const x of regions) {
+        if (!memo[x.refName]) {
+            memo[x.refName] = [];
+        }
+        memo[x.refName].push(x);
+    }
+    return Object.values(memo).flatMap(group => mergeIntervals(group.sort((a, b) => a.start - b.start)));
+}
+exports.gatherOverlaps = gatherOverlaps;
 var simpleFeature_1 = require("./simpleFeature");
 Object.defineProperty(exports, "SimpleFeature", { enumerable: true, get: function () { return __importDefault(simpleFeature_1).default; } });
 Object.defineProperty(exports, "isFeature", { enumerable: true, get: function () { return simpleFeature_1.isFeature; } });

package/util/io/index.js

@@ -101,7 +101,7 @@ function getInternetAccount(location, pluginManager) {
             configuration: location.internetAccountPreAuthorization.authInfo.configuration,
         });
     }
-    return;
+    return undefined;
 }
 // This fetch throws a special error if the response is "401" and includes a
 // "WWW-Authenticate: Basic" header. This is so downstream code can retry if

package/util/mst-reflection.js

@@ -58,8 +58,7 @@ exports.getUnionSubTypes = getUnionSubTypes;
  * get the type of one of the properties of the given MST model type
  */
 function getPropertyType(type, propertyName) {
-    const propertyType = type.properties[propertyName];
-    return propertyType;
+    return type.properties[propertyName];
 }
 exports.getPropertyType = getPropertyType;
 /**

package/util/offscreenCanvasUtils.d.ts

@@ -10,7 +10,7 @@ export declare function renderToAbstractCanvas(width: number, height: number, op
 }, cb: (ctx: CanvasRenderingContext2D) => RendererRet): Promise<{
     canvasRecordedData: any;
 } | {
-    reactElement: JSX.Element;
+    reactElement: React.JSX.Element;
 } | {
     imageData: any;
 }>;
@@ -24,5 +24,5 @@ export declare function ReactRendering({ rendering, }: {
         reactElement?: React.ReactNode;
         html?: string;
     };
-}): JSX.Element;
+}): React.JSX.Element;
 export {};

package/util/types/index.d.ts

@@ -63,7 +63,6 @@ export interface AbstractSessionModel extends AbstractViewContainer {
     sessionConnections?: AnyConfigurationModel[];
     connectionInstances?: {
         name: string;
-        connectionId: string;
         tracks: AnyConfigurationModel[];
         configuration: AnyConfigurationModel;
     }[];
@@ -98,6 +97,7 @@ export interface SessionWithWidgets extends AbstractSessionModel {
     minimized: boolean;
     visibleWidget?: Widget;
     widgets: Map<string, Widget>;
+    hideAllWidgets: () => void;
     activeWidgets: Map<string, Widget>;
     addWidget(typeName: string, id: string, initialState?: Record<string, unknown>, configuration?: {
         type: string;
@@ -115,9 +115,13 @@ export interface SessionWithDrawerWidgets extends SessionWithWidgets {
 }
 export declare function isSessionModelWithWidgets(thing: unknown): thing is SessionWithWidgets;
 interface SessionWithConnections {
-    addConnectionConf: (arg: AnyConfigurationModel) => void;
+    makeConnection: (arg: AnyConfigurationModel) => void;
 }
 export declare function isSessionModelWithConnections(thing: unknown): thing is SessionWithConnections;
+interface SessionWithConnectionEditing {
+    addConnectionConf: (arg: AnyConfigurationModel) => void;
+}
+export declare function isSessionModelWithConnectionEditing(thing: unknown): thing is SessionWithConnectionEditing;
 export interface SessionWithSessionPlugins extends AbstractSessionModel {
     sessionPlugins: JBrowsePlugin[];
     addSessionPlugin: Function;

package/util/types/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRetryException = exports.isAuthNeededException = exports.RetryError = exports.AuthNeededError = exports.isUriLocation = exports.isAbstractMenuManager = exports.isRootModelWithInternetAccounts = exports.isAppRootModel = exports.isTrackViewModel = exports.isDisplayModel = exports.isTrackModel = exports.isViewModel = exports.isSelectionContainer = exports.isSessionWithSessionPlugins = exports.isSessionModelWithConnections = exports.isSessionModelWithWidgets = exports.isSessionWithAddTracks = exports.isSessionModelWithConfigEditing = exports.isSessionModel = exports.isViewContainer = void 0;
+exports.isRetryException = exports.isAuthNeededException = exports.RetryError = exports.AuthNeededError = exports.isUriLocation = exports.isAbstractMenuManager = exports.isRootModelWithInternetAccounts = exports.isAppRootModel = exports.isTrackViewModel = exports.isDisplayModel = exports.isTrackModel = exports.isViewModel = exports.isSelectionContainer = exports.isSessionWithSessionPlugins = exports.isSessionModelWithConnectionEditing = exports.isSessionModelWithConnections = exports.isSessionModelWithWidgets = exports.isSessionWithAddTracks = exports.isSessionModelWithConfigEditing = exports.isSessionModel = exports.isViewContainer = void 0;
 const mobx_state_tree_1 = require("mobx-state-tree");
 __exportStar(require("./util"), exports);
 function isViewContainer(thing) {
@@ -46,9 +46,13 @@ function isSessionModelWithWidgets(thing) {
 }
 exports.isSessionModelWithWidgets = isSessionModelWithWidgets;
 function isSessionModelWithConnections(thing) {
-    return isSessionModel(thing) && 'addConnectionConf' in thing;
+    return isSessionModel(thing) && 'makeConnection' in thing;
 }
 exports.isSessionModelWithConnections = isSessionModelWithConnections;
+function isSessionModelWithConnectionEditing(thing) {
+    return isSessionModel(thing) && 'addConnectionConf' in thing;
+}
+exports.isSessionModelWithConnectionEditing = isSessionModelWithConnectionEditing;
 function isSessionWithSessionPlugins(thing) {
     return isSessionModel(thing) && 'sessionPlugins' in thing;
 }

package/util/types/util.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { IAnyModelType, Instance } from 'mobx-state-tree';
 import PluginManager from '../../PluginManager';
 /**
  * Obtain the return type of a constructor function type.
@@ -12,5 +11,3 @@ export type ClassReturnedBy<FACT extends (pm: PluginManager) => any> = InstanceT
 export type AnyReactComponentType = React.ComponentType<any>;
 /** get the type that a predicate asserts */
 export type TypeTestedByPredicate<PREDICATE extends (thing: any) => boolean> = PREDICATE extends (thing: any) => thing is infer TYPE ? TYPE : never;
-/** get the type for an instance of an MST model in a PM factory function */
-export type InstanceOfModelReturnedBy<FACTORY extends (pm: PluginManager) => IAnyModelType> = Instance<ReturnType<FACTORY>>;

package/ui/AboutDialog.d.ts

@@ -1,11 +0,0 @@
-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;

package/ui/AppToolbar.js

@@ -1,56 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-// ui elements
-const DropDownMenu_1 = __importDefault(require("./DropDownMenu"));
-const EditableTypography_1 = __importDefault(require("./EditableTypography"));
-const AppLogo_1 = __importDefault(require("./AppLogo"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    grow: {
-        flexGrow: 1,
-    },
-    inputBase: {
-        color: theme.palette.primary.contrastText,
-    },
-    inputRoot: {
-        '&:hover': {
-            backgroundColor: theme.palette.primary.light,
-        },
-    },
-    inputFocused: {
-        borderColor: theme.palette.secondary.main,
-        backgroundColor: theme.palette.primary.light,
-    },
-}));
-const AppToolbar = (0, mobx_react_1.observer)(function ({ session, HeaderButtons = react_1.default.createElement("div", null), }) {
-    const { classes } = useStyles();
-    const { savedSessionNames, name, menus } = session;
-    function handleNameChange(newName) {
-        if (savedSessionNames === null || savedSessionNames === void 0 ? void 0 : savedSessionNames.includes(newName)) {
-            session.notify(`Cannot rename session to "${newName}", a saved session with that name already exists`, 'warning');
-        }
-        else {
-            session.renameCurrentSession(newName);
-        }
-    }
-    return (react_1.default.createElement(material_1.Toolbar, null,
-        menus.map(menu => (react_1.default.createElement(DropDownMenu_1.default, { key: menu.label, menuTitle: menu.label, menuItems: menu.menuItems, session: session }))),
-        react_1.default.createElement("div", { className: classes.grow }),
-        react_1.default.createElement(material_1.Tooltip, { title: "Rename Session", arrow: true },
-            react_1.default.createElement(EditableTypography_1.default, { value: name, setValue: handleNameChange, variant: "body1", classes: {
-                    inputBase: classes.inputBase,
-                    inputRoot: classes.inputRoot,
-                    inputFocused: classes.inputFocused,
-                } })),
-        HeaderButtons,
-        react_1.default.createElement("div", { className: classes.grow }),
-        react_1.default.createElement("div", { style: { width: 150, maxHeight: 48 } },
-            react_1.default.createElement(AppLogo_1.default, { session: session }))));
-});
-exports.default = AppToolbar;

package/ui/Drawer.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SessionWithDrawerWidgets } from '../util/types';
-declare function Drawer({ children, session, }: {
-    children: React.ReactNode;
-    session: SessionWithDrawerWidgets;
-}): JSX.Element;
-declare const _default: typeof Drawer;
-export default _default;