@jbrowse/core 3.6.4 → 3.6.5

package/ui/CascadingMenu.js

@@ -36,7 +36,14 @@ function CascadingSubmenu({ title, Icon, inset, ...props }) {
     const popupState = (0, hooks_1.usePopupState)({
         parentPopupState,
     });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { ...(0, hooks_1.bindFocus)(popupState), ...(0, hooks_1.bindHover)(popupState), children: [Icon ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon, {}) })) : null, (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: title, inset: inset }), (0, jsx_runtime_1.jsx)(ChevronRight_1.default, {})] }), (0, jsx_runtime_1.jsx)(CascadingSubmenuHover, { ...props, anchorOrigin: { vertical: 'top', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, popupState: popupState })] }));
+    const { onMouseOver: originalOnMouseOver, ...hoverProps } = (0, hooks_1.bindHover)(popupState);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { ...(0, hooks_1.bindFocus)(popupState), ...hoverProps, onMouseOver: event => {
+                    if (parentPopupState === null || parentPopupState === void 0 ? void 0 : parentPopupState.childHandle) {
+                        parentPopupState.childHandle.close();
+                        parentPopupState.setChildHandle(undefined);
+                    }
+                    originalOnMouseOver(event);
+                }, children: [Icon ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Icon, {}) })) : null, (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: title, inset: inset }), (0, jsx_runtime_1.jsx)(ChevronRight_1.default, {})] }), (0, jsx_runtime_1.jsx)(CascadingSubmenuHover, { ...props, anchorOrigin: { vertical: 'top', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, popupState: popupState })] }));
 }
 function CascadingSubmenuHover({ popupState, onMenuItemClick, menuItems, classes, ...props }) {
     const { rootPopupState } = (0, react_1.useContext)(CascadingContext);

package/util/index.js

@@ -129,11 +129,17 @@ function useDebounce(value, delay) {
 function useWidthSetter(view, padding) {
     const [ref, { width }] = (0, useMeasure_1.default)();
     (0, react_1.useEffect)(() => {
+        let token;
         if (width && (0, mobx_state_tree_1.isAlive)(view)) {
-            requestAnimationFrame(() => {
-                view.setWidth(width - Number.parseInt(padding, 10) * 2);
+            token = requestAnimationFrame(() => {
+                view.setWidth(width);
             });
         }
+        return () => {
+            if (token) {
+                cancelAnimationFrame(token);
+            }
+        };
     }, [padding, view, width]);
     return ref;
 }

package/util/types/index.d.ts

@@ -132,11 +132,11 @@ export interface SessionWithDrawerWidgets extends SessionWithWidgets {
     setDrawerPosition(arg: string): void;
 }
 export declare function isSessionModelWithWidgets(thing: unknown): thing is SessionWithWidgets;
-interface SessionWithConnections {
+export interface SessionWithConnections {
     makeConnection: (arg: AnyConfigurationModel) => void;
 }
 export declare function isSessionModelWithConnections(thing: unknown): thing is SessionWithConnections;
-interface SessionWithConnectionEditing {
+export interface SessionWithConnectionEditing {
     addConnectionConf: (arg: AnyConfigurationModel) => void;
 }
 export declare function isSessionModelWithConnectionEditing(thing: unknown): thing is SessionWithConnectionEditing;