@jbrowse/app-core 2.6.1 → 2.6.2

package/src/ui/App/ViewLauncher.tsx

@@ -1,64 +0,0 @@
-import React, { useState } from 'react'
-import {
-  Button,
-  FormControl,
-  MenuItem,
-  Paper,
-  Select,
-  Typography,
-} from '@mui/material'
-import { observer } from 'mobx-react'
-import { makeStyles } from 'tss-react/mui'
-
-// locals
-import { getEnv, SessionWithDrawerWidgets } from '@jbrowse/core/util'
-
-// ui elements
-import { MenuItem as JBMenuItem } from '@jbrowse/core/ui/Menu'
-import { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel'
-
-type AppSession = SessionWithDrawerWidgets & {
-  savedSessionNames: string[]
-  menus: { label: string; menuItems: JBMenuItem[] }[]
-  renameCurrentSession: (arg: string) => void
-  snackbarMessages: SnackbarMessage[]
-  popSnackbarMessage: () => unknown
-}
-
-const useStyles = makeStyles()(theme => ({
-  selectPaper: {
-    padding: theme.spacing(4),
-  },
-}))
-
-const ViewLauncher = observer(({ session }: { session: AppSession }) => {
-  const { classes } = useStyles()
-  const { pluginManager } = getEnv(session)
-  const viewTypes = pluginManager.getElementTypeRecord('view').all()
-  const [value, setValue] = useState(viewTypes[0]?.name)
-  return (
-    <Paper className={classes.selectPaper}>
-      <Typography>Select a view to launch</Typography>
-      <FormControl style={{ margin: 2 }}>
-        <Select value={value} onChange={event => setValue(event.target.value)}>
-          {viewTypes.map(({ displayName, name }) => (
-            <MenuItem key={name} value={name}>
-              {displayName}
-            </MenuItem>
-          ))}
-        </Select>
-      </FormControl>
-      <FormControl style={{ margin: 2 }}>
-        <Button
-          onClick={() => session.addView(value, {})}
-          variant="contained"
-          color="primary"
-        >
-          Launch view
-        </Button>
-      </FormControl>
-    </Paper>
-  )
-})
-
-export default ViewLauncher

package/src/ui/App/ViewMenu.tsx

@@ -1,54 +0,0 @@
-import React from 'react'
-import {
-  SvgIconProps,
-  IconButtonProps as IconButtonPropsType,
-} from '@mui/material'
-import { observer } from 'mobx-react'
-import { getSession } from '@jbrowse/core/util'
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton'
-import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models'
-
-// icons
-import MenuIcon from '@mui/icons-material/Menu'
-import ArrowDownward from '@mui/icons-material/ArrowDownward'
-import ArrowUpward from '@mui/icons-material/ArrowUpward'
-
-const ViewMenu = observer(function ({
-  model,
-  IconButtonProps,
-  IconProps,
-}: {
-  model: IBaseViewModel
-  IconButtonProps?: IconButtonPropsType
-  IconProps: SvgIconProps
-}) {
-  const { menuItems } = model
-  const session = getSession(model)
-
-  const items = [
-    ...(session.views.length > 1
-      ? [
-          {
-            label: 'Move view up',
-            icon: ArrowUpward,
-            onClick: () => session.moveViewUp(model.id),
-          },
-          {
-            label: 'Move view down',
-            icon: ArrowDownward,
-            onClick: () => session.moveViewDown(model.id),
-          },
-        ]
-      : []),
-
-    // <=1.3.3 didn't use a function, so check as value also
-    ...((typeof menuItems === 'function' ? menuItems() : menuItems) || []),
-  ]
-
-  return items.length ? (
-    <CascadingMenuButton menuItems={items} data-testid="view_menu_icon">
-      <MenuIcon {...IconProps} fontSize="small" />
-    </CascadingMenuButton>
-  ) : null
-})
-export default ViewMenu

package/src/ui/App/ViewPanel.tsx

@@ -1,63 +0,0 @@
-import React, { Suspense } from 'react'
-import { ErrorBoundary } from 'react-error-boundary'
-import { observer } from 'mobx-react'
-
-// locals
-import {
-  getEnv,
-  AbstractViewModel,
-  SessionWithDrawerWidgets,
-} from '@jbrowse/core/util'
-import { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel'
-
-// ui elements
-import ErrorMessage from '@jbrowse/core/ui/ErrorMessage'
-import LoadingEllipses from '@jbrowse/core/ui/LoadingEllipses'
-import { MenuItem as JBMenuItem } from '@jbrowse/core/ui/Menu'
-
-// locals
-import ViewContainer from './ViewContainer'
-
-type AppSession = SessionWithDrawerWidgets & {
-  savedSessionNames: string[]
-  menus: { label: string; menuItems: JBMenuItem[] }[]
-  snackbarMessages: SnackbarMessage[]
-  renameCurrentSession: (arg: string) => void
-  popSnackbarMessage: () => unknown
-}
-
-const ViewPanel = observer(function ({
-  view,
-  session,
-}: {
-  view: AbstractViewModel
-  session: AppSession
-}) {
-  const { pluginManager } = getEnv(session)
-  const viewType = pluginManager.getViewType(view.type)
-  if (!viewType) {
-    throw new Error(`unknown view type ${view.type}`)
-  }
-  const { ReactComponent } = viewType
-  return (
-    <ViewContainer
-      view={view}
-      onClose={() => session.removeView(view)}
-      onMinimize={() => view.setMinimized(!view.minimized)}
-    >
-      {!view.minimized ? (
-        <ErrorBoundary
-          FallbackComponent={({ error }) => <ErrorMessage error={error} />}
-        >
-          <Suspense fallback={<LoadingEllipses variant="h6" />}>
-            <ReactComponent model={view} session={session} />
-          </Suspense>
-        </ErrorBoundary>
-      ) : (
-        false
-      )}
-    </ViewContainer>
-  )
-})
-
-export default ViewPanel

package/src/ui/App/index.ts

@@ -1 +0,0 @@
-export * from './App'

package/src/ui/index.ts

@@ -1 +0,0 @@
-export * from './App'