@jbrowse/core 2.14.0 → 2.15.0

package/ui/Menu.js

@@ -111,7 +111,7 @@ function findNextValidIdx(menuItems, currentIdx) {
 function findPreviousValidIdx(menuItems, currentIdx) {
     return (0, util_1.findLastIndex)(menuItems.slice(0, currentIdx), checkIfValid);
 }
-function MenuPage(props) {
+const MenuPage = react_1.default.forwardRef(function MenuPage2(props, ref) {
     const [subMenuAnchorEl, setSubMenuAnchorEl] = (0, react_1.useState)();
     const [openSubMenuIdx, setOpenSubMenuIdx] = (0, react_1.useState)();
     const [isSubMenuOpen, setIsSubMenuOpen] = (0, react_1.useState)(false);
@@ -191,7 +191,9 @@ function MenuPage(props) {
                 menuItem.type === 'radio') {
                 endDecoration = (react_1.default.createElement(MenuItemEndDecoration, { type: menuItem.type, checked: menuItem.checked, disabled: menuItem.disabled }));
             }
-            const onClick = 'onClick' in menuItem ? handleClick(menuItem.onClick) : undefined;
+            const onClick = 'onClick' in menuItem
+                ? handleClick(menuItem.onClick)
+                : undefined;
             return (react_1.default.createElement(material_1.MenuItem, { key: menuItem.id || String(menuItem.label), style: menuItemStyle, selected: idx === selectedMenuItemIdx, onClick: onClick, onMouseMove: e => {
                     if (e.currentTarget !== document.activeElement) {
                         e.currentTarget.focus();
@@ -247,11 +249,14 @@ function MenuPage(props) {
             }
             return subMenu;
         })));
-    return top ? (ListContents) : (react_1.default.createElement(material_1.Paper, { elevation: 8, ref: paperRef, className: classes.paper, style: { ...position } }, ListContents));
-}
+    return top ? (ListContents) : (
+    // Grow is required for cascading sub-menus
+    react_1.default.createElement(material_1.Grow, { in: open, style: { transformOrigin: '0 0 0' }, ref: ref },
+        react_1.default.createElement(material_1.Paper, { elevation: 8, ref: paperRef, className: classes.paper, style: { ...position } }, ListContents)));
+});
 function Menu(props) {
     const { open, onClose, menuItems, onMenuItemClick, ...other } = props;
-    return (react_1.default.createElement(material_1.Popover, { open: open, onClose: onClose, BackdropProps: { invisible: true }, anchorOrigin: {
+    return (react_1.default.createElement(material_1.Popover, { open: open, onClose: onClose, anchorOrigin: {
             vertical: 'bottom',
             horizontal: 'right',
             ...other.anchorOrigin,

package/ui/theme.js

@@ -186,8 +186,11 @@ function createJBrowseBaseTheme(theme) {
             MuiAccordion: {
                 defaultProps: {
                     disableGutters: true,
-                    TransitionProps: {
-                        timeout: 150,
+                    slotProps: {
+                        transition: {
+                            timeout: 150,
+                            unmountOnExit: true,
+                        },
                     },
                 },
             },

package/util/aborting.js

@@ -56,7 +56,7 @@ function makeAbortError() {
 }
 function observeAbortSignal(signal) {
     if (!signal) {
-        return rxjs_1.Observable.create();
+        return new rxjs_1.Observable();
     }
     return (0, rxjs_1.fromEvent)(signal, 'abort');
 }

package/util/index.js

@@ -1205,6 +1205,7 @@ function renderToStaticMarkup(node, createRootFn) {
             createRootFn(div).render(node);
         }
         else {
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             (0, react_dom_1.render)(node, div);
         }
     });

package/util/rxjs.js

@@ -10,10 +10,9 @@ const _1 = require(".");
  * @param func - observer function, could be async
  */
 function ObservableCreate(func, signal) {
-    return rxjs_1.Observable.create((observer) => {
+    return new rxjs_1.Observable((observer) => {
         try {
             const ret = func(observer);
-            // catch async errors
             if (ret === null || ret === void 0 ? void 0 : ret.catch) {
                 ret.catch((error) => {
                     observer.error(error);
@@ -21,7 +20,6 @@ function ObservableCreate(func, signal) {
             }
         }
         catch (error) {
-            // catch sync errors
             observer.error(error);
         }
     }).pipe((0, operators_1.takeUntil)((0, _1.observeAbortSignal)(signal)));