react-msaview 8.2.0 → 8.4.0

package/src/components/header/HeaderStatusArea.tsx

@@ -1,32 +0,0 @@
-import React from 'react'
-
-import { LoadingEllipses } from '@jbrowse/core/ui'
-import { makeStyles } from '@jbrowse/core/util/tss-react'
-import { Button, Typography } from '@mui/material'
-import { observer } from 'mobx-react'
-
-import type { MsaViewModel } from '../../model.ts'
-
-const useStyles = makeStyles()({
-  margin: {
-    margin: 'auto',
-    marginLeft: 10,
-  },
-})
-
-const HeaderStatusArea = observer(({ model }: { model: MsaViewModel }) => {
-  const { status } = model
-  const { classes } = useStyles()
-  return status ? (
-    <Typography className={classes.margin}>
-      <LoadingEllipses message={status.msg} component="span" />{' '}
-      {status.onCancel ? (
-        <Button size="small" onClick={() => status.onCancel?.()}>
-          Cancel
-        </Button>
-      ) : null}
-    </Typography>
-  ) : null
-})
-
-export default HeaderStatusArea

package/src/components/tree/TreeBranchMenu.tsx

@@ -1,68 +0,0 @@
-import React from 'react'
-
-import { Menu, MenuItem } from '@mui/material'
-import { observer } from 'mobx-react'
-
-import type { MsaViewModel } from '../../model.ts'
-
-interface Node {
-  x: number
-  y: number
-  name: string
-  id: string
-}
-
-const TreeBranchMenu = observer(function ({
-  node,
-  model,
-  onClose,
-}: {
-  node: Node
-  model: MsaViewModel
-  onClose: () => void
-}) {
-  return (
-    <Menu
-      anchorReference="anchorPosition"
-      anchorPosition={{
-        left: node.x,
-        top: node.y,
-      }}
-      transitionDuration={0}
-      open
-      onClose={onClose}
-    >
-      <MenuItem dense disabled>
-        {node.name}
-      </MenuItem>
-      <MenuItem
-        dense
-        onClick={() => {
-          model.toggleCollapsed(node.id)
-          onClose()
-        }}
-      >
-        {model.collapsed.includes(node.id)
-          ? 'Expand this node'
-          : 'Collapse this node'}
-      </MenuItem>
-      <MenuItem
-        dense
-        onClick={() => {
-          if (model.showOnly === node.id) {
-            model.setShowOnly(undefined)
-          } else {
-            model.setShowOnly(node.id)
-          }
-          onClose()
-        }}
-      >
-        {model.showOnly === node.id
-          ? 'Disable show only this node'
-          : 'Show only this node'}
-      </MenuItem>
-    </Menu>
-  )
-})
-
-export default TreeBranchMenu

package/src/components/tree/TreeNodeMenu.tsx

@@ -1,95 +0,0 @@
-import React, { lazy } from 'react'
-
-import { Menu, MenuItem } from '@mui/material'
-import { observer } from 'mobx-react'
-
-import type { MsaViewModel } from '../../model.ts'
-
-// lazies
-const TreeNodeInfoDialog = lazy(
-  () => import('./dialogs/TreeNodeInfoDialog.tsx'),
-)
-
-const TreeMenu = observer(function ({
-  node,
-  onClose,
-  model,
-}: {
-  node: {
-    x: number
-    y: number
-    name: string
-    id: string
-  }
-  model: MsaViewModel
-  onClose: () => void
-}) {
-  const { collapsed } = model
-  const { name, id } = node
-  const isCollapsed = collapsed.includes(id)
-  return (
-    <Menu
-      anchorReference="anchorPosition"
-      anchorPosition={{
-        top: node.y,
-        left: node.x,
-      }}
-      transitionDuration={0}
-      open
-      onClose={onClose}
-    >
-      <MenuItem dense disabled>
-        {name}
-      </MenuItem>
-
-      <MenuItem
-        dense
-        onClick={() => {
-          model.queueDialog(onClose => [
-            TreeNodeInfoDialog,
-            {
-              info: model.getRowData(name),
-              model,
-              nodeName: name,
-              onClose,
-            },
-          ])
-          onClose()
-        }}
-      >
-        More info...
-      </MenuItem>
-      <MenuItem
-        dense
-        onClick={() => {
-          model.toggleCollapsed(id)
-          onClose()
-        }}
-      >
-        {isCollapsed ? 'Expand subtree' : 'Collapse subtree'}
-      </MenuItem>
-      <MenuItem
-        dense
-        onClick={() => {
-          model.drawRelativeTo(node.name)
-          onClose()
-        }}
-      >
-        Indicate differences from this row
-      </MenuItem>
-      {model.relativeTo ? (
-        <MenuItem
-          dense
-          onClick={() => {
-            model.drawRelativeTo(undefined)
-            onClose()
-          }}
-        >
-          Clear reference row
-        </MenuItem>
-      ) : null}
-    </Menu>
-  )
-})
-
-export default TreeMenu