@jbrowse/embedded-core 2.9.0 → 2.10.1

package/dist/ui/ViewMenu.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IconButtonProps as IconButtonPropsType, SvgIconProps } from '@mui/material';
 import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models/BaseViewModel';
-declare const ViewMenu: ({ model, IconProps, }: {
+declare const ViewMenu: ({ model, IconButtonProps, IconProps, }: {
     model: IBaseViewModel;
     IconButtonProps: IconButtonPropsType;
     IconProps: SvgIconProps;

package/dist/ui/ViewMenu.js

@@ -1,16 +1,48 @@
 "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 = __importDefault(require("react"));
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-const mobx_react_1 = require("mobx-react");
-// icons
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
 const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-const ViewMenu = (0, mobx_react_1.observer)(function ({ model, IconProps, }) {
-    const items = model.menuItems();
-    return items.length ? (react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: items, "data-testid": "view_menu_icon" },
-        react_1.default.createElement(Menu_1.default, { ...IconProps }))) : null;
+const mobx_react_1 = require("mobx-react");
+const ui_1 = require("@jbrowse/core/ui");
+const ViewMenu = (0, mobx_react_1.observer)(function ({ model, IconButtonProps, IconProps, }) {
+    var _a;
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)();
+    if (!((_a = model.menuItems()) === null || _a === void 0 ? void 0 : _a.length)) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.IconButton, { ...IconButtonProps, "aria-label": "more", "aria-controls": "view-menu", "aria-haspopup": "true", onClick: event => setAnchorEl(event.currentTarget), "data-testid": "view_menu_icon" },
+            react_1.default.createElement(Menu_1.default, { ...IconProps })),
+        react_1.default.createElement(ui_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onMenuItemClick: (_, callback) => {
+                callback();
+                setAnchorEl(undefined);
+            }, onClose: () => setAnchorEl(undefined), menuItems: model.menuItems() })));
 });
 exports.default = ViewMenu;

package/esm/ui/ViewMenu.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IconButtonProps as IconButtonPropsType, SvgIconProps } from '@mui/material';
 import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models/BaseViewModel';
-declare const ViewMenu: ({ model, IconProps, }: {
+declare const ViewMenu: ({ model, IconButtonProps, IconProps, }: {
     model: IBaseViewModel;
     IconButtonProps: IconButtonPropsType;
     IconProps: SvgIconProps;

package/esm/ui/ViewMenu.js

@@ -1,11 +1,20 @@
-import React from 'react';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-import { observer } from 'mobx-react';
-// icons
+import React, { useState } from 'react';
+import { IconButton, } from '@mui/material';
 import MenuIcon from '@mui/icons-material/Menu';
-const ViewMenu = observer(function ({ model, IconProps, }) {
-    const items = model.menuItems();
-    return items.length ? (React.createElement(CascadingMenuButton, { menuItems: items, "data-testid": "view_menu_icon" },
-        React.createElement(MenuIcon, { ...IconProps }))) : null;
+import { observer } from 'mobx-react';
+import { Menu } from '@jbrowse/core/ui';
+const ViewMenu = observer(function ({ model, IconButtonProps, IconProps, }) {
+    var _a;
+    const [anchorEl, setAnchorEl] = useState();
+    if (!((_a = model.menuItems()) === null || _a === void 0 ? void 0 : _a.length)) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(IconButton, { ...IconButtonProps, "aria-label": "more", "aria-controls": "view-menu", "aria-haspopup": "true", onClick: event => setAnchorEl(event.currentTarget), "data-testid": "view_menu_icon" },
+            React.createElement(MenuIcon, { ...IconProps })),
+        React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onMenuItemClick: (_, callback) => {
+                callback();
+                setAnchorEl(undefined);
+            }, onClose: () => setAnchorEl(undefined), menuItems: model.menuItems() })));
 });
 export default ViewMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/embedded-core",
-  "version": "2.9.0",
+  "version": "2.10.1",
   "description": "JBrowse 2 code shared between embedded products",
   "keywords": [
     "jbrowse",
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@jbrowse/product-core": "^2.9.0",
+    "@jbrowse/product-core": "^2.10.1",
     "@mui/icons-material": "^5.0.0",
     "@mui/material": "^5.10.17",
     "copy-to-clipboard": "^3.3.1",
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a50b6f67cf8c8f3c65a7b8cd858de2fcca1f2909"
+  "gitHead": "442b5f87efddfdf4ccf520b4d9dd01ddd370cb07"
 }