@jbrowse/app-core 2.6.1 → 2.6.3

package/dist/HistoryManagement/index.js

@@ -23,18 +23,21 @@ function HistoryManagementMixin() {
         .actions(self => ({
         afterCreate() {
             document.addEventListener('keydown', e => {
+                var _a, _b;
                 if (self.history.canRedo &&
                     // ctrl+shift+z or cmd+shift+z
                     (((e.ctrlKey || e.metaKey) && e.shiftKey && e.code === 'KeyZ') ||
                         // ctrl+y
-                        (e.ctrlKey && !e.shiftKey && e.code === 'KeyY'))) {
+                        (e.ctrlKey && !e.shiftKey && e.code === 'KeyY')) &&
+                    ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toUpperCase()) !== 'INPUT') {
                     self.history.redo();
                 }
                 if (self.history.canUndo &&
                     // ctrl+z or cmd+z
                     (e.ctrlKey || e.metaKey) &&
                     !e.shiftKey &&
-                    e.code === 'KeyZ') {
+                    e.code === 'KeyZ' &&
+                    ((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.tagName.toUpperCase()) !== 'INPUT') {
                     self.history.undo();
                 }
             });

package/dist/JBrowseConfig/index.d.ts

@@ -17,9 +17,7 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
         rpc: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
             defaultDriver: {
                 type: string;
-                description: string; /**
-                 * #slot configuration.formatDetails.feature
-                 */
+                description: string;
                 defaultValue: string;
             };
             drivers: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IMapType<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> | undefined, import("mobx-state-tree").ModelSnapshotType<Record<string, any>>, (Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> & import("mobx-state-tree/dist/internal").NonEmptyObject) | undefined>>, [undefined]>;
@@ -32,27 +30,18 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             defaultValue: number;
         };
         formatDetails: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            /**
-             * #slot configuration.formatDetails.feature
-             */
             feature: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatDetails.subfeatures
-             */
             subfeatures: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatDetails.depth
-             */
             depth: {
                 type: string;
                 defaultValue: number;
@@ -60,18 +49,12 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             };
         }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         formatAbout: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            /**
-             * #slot configuration.formatAbout.config
-             */
             config: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatAbout.hideUris
-             */
             hideUris: {
                 type: string;
                 defaultValue: boolean;
@@ -88,6 +71,34 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             type: string;
             defaultValue: boolean;
         };
+        hierarchical: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+            sort: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                trackNames: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                categories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+            defaultCollapsed: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                categoryNames: {
+                    type: string;
+                    defaultValue: never[]; /**
+                     * #slot configuration.highResolutionScaling
+                     */
+                };
+                topLevelCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                subCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         /**
          * #slot configuration.theme
          */

package/dist/JBrowseConfig/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.JBrowseConfigF = void 0;
 const configuration_1 = require("@jbrowse/core/configuration");
 const RpcManager_1 = __importDefault(require("@jbrowse/core/rpc/RpcManager"));
+const product_core_1 = require("@jbrowse/product-core");
 const mobx_state_tree_1 = require("mobx-state-tree");
 /**
  * #config JBrowseRootConfig
@@ -26,52 +27,8 @@ function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
                 type: 'number',
                 defaultValue: 2,
             },
-            formatDetails: (0, configuration_1.ConfigurationSchema)('FormatDetails', {
-                /**
-                 * #slot configuration.formatDetails.feature
-                 */
-                feature: {
-                    type: 'frozen',
-                    description: 'adds extra fields to the feature details',
-                    defaultValue: {},
-                    contextVariable: ['feature'],
-                },
-                /**
-                 * #slot configuration.formatDetails.subfeatures
-                 */
-                subfeatures: {
-                    type: 'frozen',
-                    description: 'adds extra fields to the subfeatures of a feature',
-                    defaultValue: {},
-                    contextVariable: ['feature'],
-                },
-                /**
-                 * #slot configuration.formatDetails.depth
-                 */
-                depth: {
-                    type: 'number',
-                    defaultValue: 2,
-                    description: 'depth to iterate on subfeatures',
-                },
-            }),
-            formatAbout: (0, configuration_1.ConfigurationSchema)('FormatAbout', {
-                /**
-                 * #slot configuration.formatAbout.config
-                 */
-                config: {
-                    type: 'frozen',
-                    description: 'formats configuration object in about dialog',
-                    defaultValue: {},
-                    contextVariable: ['config'],
-                },
-                /**
-                 * #slot configuration.formatAbout.hideUris
-                 */
-                hideUris: {
-                    type: 'boolean',
-                    defaultValue: false,
-                },
-            }),
+            formatDetails: (0, product_core_1.FormatDetailsConfigSchemaFactory)(),
+            formatAbout: (0, product_core_1.FormatAboutConfigSchemaFactory)(),
             /*
              * #slot configuration.shareURL
              */
@@ -86,6 +43,7 @@ function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
                 type: 'boolean',
                 defaultValue: false,
             },
+            hierarchical: (0, product_core_1.HierarchicalConfigSchemaFactory)(),
             /**
              * #slot configuration.theme
              */
@@ -96,7 +54,10 @@ function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }) {
             /**
              * #slot configuration.extraThemes
              */
-            extraThemes: { type: 'frozen', defaultValue: {} },
+            extraThemes: {
+                type: 'frozen',
+                defaultValue: {},
+            },
             /**
              * #slot configuration.logoPath
              */

package/dist/JBrowseModel/index.d.ts

@@ -29,12 +29,16 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
             };
             subfeatures: {
                 type: string;
-                description: string;
+                description: string; /**
+                 * #getter
+                 */
                 defaultValue: {};
                 contextVariable: string[];
             };
             depth: {
-                type: string;
+                type: string; /**
+                 * #getter
+                 */
                 defaultValue: number;
                 description: string;
             };
@@ -59,21 +63,46 @@ export declare function JBrowseModelF({ pluginManager, assemblyConfigSchema, }:
             type: string;
             defaultValue: boolean;
         };
+        hierarchical: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+            sort: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                trackNames: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                categories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+            defaultCollapsed: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                categoryNames: {
+                    type: string;
+                    defaultValue: never[];
+                };
+                topLevelCategories: {
+                    type: string;
+                    defaultValue: boolean; /**
+                     * #action
+                     */
+                };
+                subCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         theme: {
             type: string;
-            defaultValue: {}; /**
-             * #action
-             */
+            defaultValue: {};
         };
         extraThemes: {
-            type: string;
+            type: string; /**
+             * #action
+             */
             defaultValue: {};
         };
         logoPath: {
             type: string;
-            /**
-             * #action
-             */
             defaultValue: {
                 uri: string;
                 locationType: string;

package/dist/ui/App/DrawerHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SessionWithDrawerWidgets } from '@jbrowse/core/util/types';
+declare const _default: ({ session, setToolbarHeight, }: {
+    session: SessionWithDrawerWidgets;
+    setToolbarHeight: (arg: number) => void;
+}) => React.JSX.Element;
+export default _default;

package/dist/ui/App/DrawerHeader.js

@@ -0,0 +1,114 @@
+"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 mobx_react_1 = require("mobx-react");
+const util_1 = require("@jbrowse/core/util");
+// icons
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
+const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    formControl: {
+        margin: 0,
+    },
+    spacer: {
+        flexGrow: 1,
+    },
+    drawerSelect: {
+        margin: 0,
+        color: theme.palette.secondary.contrastText,
+    },
+    dropDownIcon: {
+        color: theme.palette.secondary.contrastText,
+    },
+    header: {
+        background: theme.palette.secondary.main,
+    },
+}));
+exports.default = (0, mobx_react_1.observer)(function ({ session, setToolbarHeight, }) {
+    const { classes } = useStyles();
+    return (react_1.default.createElement(material_1.AppBar, { position: "sticky", className: classes.header, ref: ref => setToolbarHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0) },
+        react_1.default.createElement(material_1.Toolbar, { disableGutters: true },
+            react_1.default.createElement(DrawerWidgetSelector, { session: session }),
+            react_1.default.createElement("div", { className: classes.spacer }),
+            react_1.default.createElement(DrawerControls, { session: session }))));
+});
+const DrawerWidgetSelector = (0, mobx_react_1.observer)(function ({ session, }) {
+    const { visibleWidget, activeWidgets } = session;
+    const { classes } = useStyles();
+    const { pluginManager } = (0, util_1.getEnv)(session);
+    return (react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
+        react_1.default.createElement(material_1.Select, { value: visibleWidget === null || visibleWidget === void 0 ? void 0 : visibleWidget.id, "data-testid": "widget-drawer-selects", className: classes.drawerSelect, classes: { icon: classes.dropDownIcon }, renderValue: widgetId => {
+                const widget = session.activeWidgets.get(widgetId);
+                if (!widget) {
+                    return (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, "Unknown widget"));
+                }
+                const widgetType = pluginManager.getWidgetType(widget.type);
+                const { HeadingComponent, heading } = widgetType;
+                return HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, heading));
+            }, onChange: e => {
+                const w = session.activeWidgets.get(e.target.value);
+                if (w) {
+                    session.showWidget(w);
+                }
+                else {
+                    session.notify(`Widget not found ${e.target.value}`, 'warning');
+                }
+            } }, [...activeWidgets.values()].map(widget => {
+            const widgetType = pluginManager.getWidgetType(widget.type);
+            const { HeadingComponent, heading } = widgetType;
+            return (react_1.default.createElement(material_1.MenuItem, { "data-testid": `widget-drawer-selects-item-${widget.type}`, key: widget.id, value: widget.id },
+                HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, heading)),
+                react_1.default.createElement(material_1.IconButton, { "data-testid": `${widget.type}-drawer-delete`, color: "inherit", "aria-label": "Delete", onClick: () => session.hideWidget(widget) },
+                    react_1.default.createElement(Delete_1.default, null))));
+        }))));
+});
+const DrawerControls = (0, mobx_react_1.observer)(function ({ session, }) {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const { drawerPosition, visibleWidget } = session;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.IconButton, { color: "inherit", onClick: event => setAnchorEl(event.currentTarget) },
+            react_1.default.createElement(MoreVert_1.default, null)),
+        react_1.default.createElement(material_1.Tooltip, { title: "Minimize drawer" },
+            react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-minimize", color: "inherit", onClick: () => {
+                    session.notify(`Drawer minimized, click button on ${drawerPosition} side of screen to re-open`, 'info');
+                    session.minimizeWidgetDrawer();
+                } },
+                react_1.default.createElement(Minimize_1.default, null))),
+        react_1.default.createElement(material_1.Tooltip, { title: "Close drawer" },
+            react_1.default.createElement(material_1.IconButton, { color: "inherit", onClick: () => session.hideWidget(visibleWidget) },
+                react_1.default.createElement(Close_1.default, null))),
+        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) }, ['left', 'right'].map(option => (react_1.default.createElement(material_1.MenuItem, { key: option, selected: drawerPosition === 'option', onClick: () => {
+                session.setDrawerPosition(option);
+                setAnchorEl(null);
+            } }, option))))));
+});

package/dist/ui/App/DrawerWidget.js

@@ -28,87 +28,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_error_boundary_1 = require("react-error-boundary");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const util_1 = require("@jbrowse/core/util");
 const LoadingEllipses_1 = __importDefault(require("@jbrowse/core/ui/LoadingEllipses"));
 const ErrorMessage_1 = __importDefault(require("@jbrowse/core/ui/ErrorMessage"));
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 // locals
 const Drawer_1 = __importDefault(require("./Drawer"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    formControl: {
-        margin: 0,
-    },
-    spacer: {
-        flexGrow: 1,
-    },
-    drawerSelect: {
-        margin: 0,
-        color: theme.palette.secondary.contrastText,
-    },
-    dropDownIcon: {
-        color: theme.palette.secondary.contrastText,
-    },
-    header: {
-        background: theme.palette.secondary.main,
-    },
-}));
-const DrawerHeader = (0, mobx_react_1.observer)(function ({ session, setToolbarHeight, }) {
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const { visibleWidget, activeWidgets, drawerPosition } = session;
-    const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    return (react_1.default.createElement(material_1.AppBar, { position: "sticky", className: classes.header, ref: ref => setToolbarHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0) },
-        react_1.default.createElement(material_1.Toolbar, { disableGutters: true },
-            react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-                react_1.default.createElement(material_1.Select, { value: visibleWidget === null || visibleWidget === void 0 ? void 0 : visibleWidget.id, "data-testid": "widget-drawer-selects", className: classes.drawerSelect, classes: { icon: classes.dropDownIcon }, renderValue: widgetId => {
-                        const widget = session.activeWidgets.get(widgetId);
-                        if (!widget) {
-                            return (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, "Unknown widget"));
-                        }
-                        const widgetType = pluginManager.getWidgetType(widget.type);
-                        const { HeadingComponent, heading } = widgetType;
-                        return HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, heading));
-                    }, onChange: e => {
-                        const w = session.activeWidgets.get(e.target.value);
-                        if (w) {
-                            session.showWidget(w);
-                        }
-                        else {
-                            session.notify(`Widget not found ${e.target.value}`, 'warning');
-                        }
-                    } }, [...activeWidgets.values()].map(widget => {
-                    const widgetType = pluginManager.getWidgetType(widget.type);
-                    const { HeadingComponent, heading } = widgetType;
-                    return (react_1.default.createElement(material_1.MenuItem, { "data-testid": `widget-drawer-selects-item-${widget.type}`, key: widget.id, value: widget.id },
-                        HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, heading)),
-                        react_1.default.createElement(material_1.IconButton, { "data-testid": `${widget.type}-drawer-delete`, color: "inherit", "aria-label": "Delete", onClick: () => session.hideWidget(widget) },
-                            react_1.default.createElement(Delete_1.default, null))));
-                }))),
-            react_1.default.createElement("div", { className: classes.spacer }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-close", color: "inherit", onClick: event => setAnchorEl(event.currentTarget) },
-                    react_1.default.createElement(MoreVert_1.default, null)),
-                react_1.default.createElement(material_1.Tooltip, { title: "Minimize drawer" },
-                    react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-minimize", color: "inherit", onClick: () => {
-                            session.notify(`Drawer minimized, click button on ${drawerPosition} side of screen to re-open`, 'info');
-                            session.minimizeWidgetDrawer();
-                        } },
-                        react_1.default.createElement(Minimize_1.default, null))),
-                react_1.default.createElement(material_1.Tooltip, { title: "Close drawer" },
-                    react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-close", color: "inherit", onClick: () => session.hideWidget(visibleWidget) },
-                        react_1.default.createElement(Close_1.default, null))))),
-        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) }, ['left', 'right'].map(option => (react_1.default.createElement(material_1.MenuItem, { key: option, selected: drawerPosition === 'option', onClick: () => {
-                session.setDrawerPosition(option);
-                setAnchorEl(null);
-            } }, option))))));
-});
+const DrawerHeader_1 = __importDefault(require("./DrawerHeader"));
 const DrawerWidget = (0, mobx_react_1.observer)(function ({ session, }) {
     const { visibleWidget } = session;
     const { pluginManager } = (0, util_1.getEnv)(session);
@@ -123,7 +49,7 @@ const DrawerWidget = (0, mobx_react_1.observer)(function ({ session, }) {
     // (the position static/sticky is included in AutoSizer estimates)
     const [toolbarHeight, setToolbarHeight] = (0, react_1.useState)(0);
     return (react_1.default.createElement(Drawer_1.default, { session: session },
-        react_1.default.createElement(DrawerHeader, { session: session, setToolbarHeight: setToolbarHeight }),
+        react_1.default.createElement(DrawerHeader_1.default, { session: session, setToolbarHeight: setToolbarHeight }),
         react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(LoadingEllipses_1.default, null) },
             react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ({ error }) => react_1.default.createElement(ErrorMessage_1.default, { error: error }) }, DrawerComponent ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(DrawerComponent, { model: visibleWidget, session: session, toolbarHeight: toolbarHeight }),

package/esm/HistoryManagement/index.js

@@ -17,18 +17,21 @@ export function HistoryManagementMixin() {
         .actions(self => ({
         afterCreate() {
             document.addEventListener('keydown', e => {
+                var _a, _b;
                 if (self.history.canRedo &&
                     // ctrl+shift+z or cmd+shift+z
                     (((e.ctrlKey || e.metaKey) && e.shiftKey && e.code === 'KeyZ') ||
                         // ctrl+y
-                        (e.ctrlKey && !e.shiftKey && e.code === 'KeyY'))) {
+                        (e.ctrlKey && !e.shiftKey && e.code === 'KeyY')) &&
+                    ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName.toUpperCase()) !== 'INPUT') {
                     self.history.redo();
                 }
                 if (self.history.canUndo &&
                     // ctrl+z or cmd+z
                     (e.ctrlKey || e.metaKey) &&
                     !e.shiftKey &&
-                    e.code === 'KeyZ') {
+                    e.code === 'KeyZ' &&
+                    ((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.tagName.toUpperCase()) !== 'INPUT') {
                     self.history.undo();
                 }
             });

package/esm/JBrowseConfig/index.d.ts

@@ -17,9 +17,7 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
         rpc: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
             defaultDriver: {
                 type: string;
-                description: string; /**
-                 * #slot configuration.formatDetails.feature
-                 */
+                description: string;
                 defaultValue: string;
             };
             drivers: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IMapType<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> | undefined, import("mobx-state-tree").ModelSnapshotType<Record<string, any>>, (Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<Record<string, any>>> & import("mobx-state-tree/dist/internal").NonEmptyObject) | undefined>>, [undefined]>;
@@ -32,27 +30,18 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             defaultValue: number;
         };
         formatDetails: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            /**
-             * #slot configuration.formatDetails.feature
-             */
             feature: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatDetails.subfeatures
-             */
             subfeatures: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatDetails.depth
-             */
             depth: {
                 type: string;
                 defaultValue: number;
@@ -60,18 +49,12 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             };
         }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         formatAbout: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            /**
-             * #slot configuration.formatAbout.config
-             */
             config: {
                 type: string;
                 description: string;
                 defaultValue: {};
                 contextVariable: string[];
             };
-            /**
-             * #slot configuration.formatAbout.hideUris
-             */
             hideUris: {
                 type: string;
                 defaultValue: boolean;
@@ -88,6 +71,34 @@ export declare function JBrowseConfigF({ pluginManager, assemblyConfigSchema, }:
             type: string;
             defaultValue: boolean;
         };
+        hierarchical: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+            sort: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                trackNames: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                categories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+            defaultCollapsed: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+                categoryNames: {
+                    type: string;
+                    defaultValue: never[]; /**
+                     * #slot configuration.highResolutionScaling
+                     */
+                };
+                topLevelCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+                subCategories: {
+                    type: string;
+                    defaultValue: boolean;
+                };
+            }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
         /**
          * #slot configuration.theme
          */