@apollo-annotation/jbrowse-plugin-apollo 0.1.20 → 0.2.0

package/src/LinearApolloDisplay/glyphs/BoxGlyph.ts

@@ -2,7 +2,11 @@ import { AnnotationFeature } from '@apollo-annotation/mst'
 import { Theme, alpha } from '@mui/material'
 import { MenuItem } from '@jbrowse/core/ui'
 
-import { AbstractSessionModel, SessionWithWidgets } from '@jbrowse/core/util'
+import {
+  AbstractSessionModel,
+  isSessionModelWithWidgets,
+  SessionWithWidgets,
+} from '@jbrowse/core/util'
 
 import {
   AddChildFeature,
@@ -175,7 +179,7 @@ function drawTooltip(
   if (!position) {
     return
   }
-  const { layoutIndex, layoutRow } = position
+  const { featureRow, layoutIndex, layoutRow } = position
   const { bpPerPx, displayedRegions, offsetPx } = lgv
   const displayedRegion = displayedRegions[layoutIndex]
   const { refName, reversed } = displayedRegion
@@ -191,7 +195,7 @@ function drawTooltip(
       coord: reversed ? max : min,
       regionNumber: layoutIndex,
     })?.offsetPx ?? 0) - offsetPx
-  const top = layoutRow * apolloRowHeight
+  const top = (layoutRow + featureRow) * apolloRowHeight
   const widthPx = length / bpPerPx
 
   const featureType = `Type: ${feature.type}`
@@ -385,6 +389,24 @@ function getContextMenuItems(
       },
     },
   )
+  if (sourceFeature.type === 'mRNA' && isSessionModelWithWidgets(session)) {
+    menuItems.push({
+      label: 'Edit transcript details',
+      onClick: () => {
+        const apolloTranscriptWidget = session.addWidget(
+          'ApolloTranscriptDetails',
+          'apolloTranscriptDetails',
+          {
+            feature: sourceFeature,
+            assembly: currentAssemblyId,
+            changeManager,
+            refName: region.refName,
+          },
+        )
+        session.showWidget(apolloTranscriptWidget)
+      },
+    })
+  }
   return menuItems
 }
 

package/src/LinearApolloDisplay/glyphs/GeneGlyph.ts

@@ -13,35 +13,49 @@ import { Glyph } from './Glyph'
 import { boxGlyph } from './BoxGlyph'
 import { LinearApolloDisplayRendering } from '../stateModel/rendering'
 
-let forwardFill: CanvasPattern | null = null
-let backwardFill: CanvasPattern | null = null
-if ('document' in window) {
+let forwardFillLight: CanvasPattern | null = null
+let backwardFillLight: CanvasPattern | null = null
+let forwardFillDark: CanvasPattern | null = null
+let backwardFillDark: CanvasPattern | null = null
+if ('document' in globalThis) {
   for (const direction of ['forward', 'backward']) {
-    const canvas = document.createElement('canvas')
-    const canvasSize = 10
-    canvas.width = canvas.height = canvasSize
-    const ctx = canvas.getContext('2d')
-    if (ctx) {
-      const stripeColor1 = 'rgba(0,0,0,0)'
-      const stripeColor2 = 'rgba(255,255,255,0.25)'
-      const gradient =
-        direction === 'forward'
-          ? ctx.createLinearGradient(0, canvasSize, canvasSize, 0)
-          : ctx.createLinearGradient(0, 0, canvasSize, canvasSize)
-      gradient.addColorStop(0, stripeColor1)
-      gradient.addColorStop(0.25, stripeColor1)
-      gradient.addColorStop(0.25, stripeColor2)
-      gradient.addColorStop(0.5, stripeColor2)
-      gradient.addColorStop(0.5, stripeColor1)
-      gradient.addColorStop(0.75, stripeColor1)
-      gradient.addColorStop(0.75, stripeColor2)
-      gradient.addColorStop(1, stripeColor2)
-      ctx.fillStyle = gradient
-      ctx.fillRect(0, 0, 10, 10)
-      if (direction === 'forward') {
-        forwardFill = ctx.createPattern(canvas, 'repeat')
-      } else {
-        backwardFill = ctx.createPattern(canvas, 'repeat')
+    for (const themeMode of ['light', 'dark']) {
+      const canvas = document.createElement('canvas')
+      const canvasSize = 10
+      canvas.width = canvas.height = canvasSize
+      const ctx = canvas.getContext('2d')
+      if (ctx) {
+        const stripeColor1 =
+          themeMode === 'light' ? 'rgba(0,0,0,0)' : 'rgba(0,0,0,0.75)'
+        const stripeColor2 =
+          themeMode === 'light' ? 'rgba(255,255,255,0.25)' : 'rgba(0,0,0,0.50)'
+        const gradient =
+          direction === 'forward'
+            ? ctx.createLinearGradient(0, canvasSize, canvasSize, 0)
+            : ctx.createLinearGradient(0, 0, canvasSize, canvasSize)
+        gradient.addColorStop(0, stripeColor1)
+        gradient.addColorStop(0.25, stripeColor1)
+        gradient.addColorStop(0.25, stripeColor2)
+        gradient.addColorStop(0.5, stripeColor2)
+        gradient.addColorStop(0.5, stripeColor1)
+        gradient.addColorStop(0.75, stripeColor1)
+        gradient.addColorStop(0.75, stripeColor2)
+        gradient.addColorStop(1, stripeColor2)
+        ctx.fillStyle = gradient
+        ctx.fillRect(0, 0, 10, 10)
+        if (direction === 'forward') {
+          if (themeMode === 'light') {
+            forwardFillLight = ctx.createPattern(canvas, 'repeat')
+          } else {
+            forwardFillDark = ctx.createPattern(canvas, 'repeat')
+          }
+        } else {
+          if (themeMode === 'light') {
+            backwardFillLight = ctx.createPattern(canvas, 'repeat')
+          } else {
+            backwardFillDark = ctx.createPattern(canvas, 'repeat')
+          }
+        }
       }
     }
   }
@@ -61,13 +75,34 @@ function draw(
   const rowHeight = apolloRowHeight
   const exonHeight = Math.round(0.6 * rowHeight)
   const cdsHeight = Math.round(0.9 * rowHeight)
-  const { strand } = feature
-  const { children } = feature
+  const { children, min, strand } = feature
   if (!children) {
     return
   }
   const { apolloSelectedFeature } = session
 
+  // Draw background for gene
+  const topLevelFeatureMinX =
+    (lgv.bpToPx({
+      refName,
+      coord: min,
+      regionNumber: displayedRegionIndex,
+    })?.offsetPx ?? 0) - offsetPx
+  const topLevelFeatureWidthPx = feature.length / bpPerPx
+  const topLevelFeatureStartPx = reversed
+    ? topLevelFeatureMinX - topLevelFeatureWidthPx
+    : topLevelFeatureMinX
+  const topLevelFeatureTop = row * rowHeight
+  const topLevelFeatureHeight = getRowCount(feature) * rowHeight
+
+  ctx.fillStyle = alpha(theme?.palette.background.paper ?? '#ffffff', 0.6)
+  ctx.fillRect(
+    topLevelFeatureStartPx,
+    topLevelFeatureTop,
+    topLevelFeatureWidthPx,
+    topLevelFeatureHeight,
+  )
+
   // Draw lines on different rows for each mRNA
   let currentRow = 0
   for (const [, mrna] of children) {
@@ -102,6 +137,10 @@ function draw(
     }
   }
 
+  const forwardFill =
+    theme?.palette.mode === 'dark' ? forwardFillDark : forwardFillLight
+  const backwardFill =
+    theme?.palette.mode === 'dark' ? backwardFillDark : backwardFillLight
   // Draw exon and CDS for each mRNA
   currentRow = 0
   for (const [, child] of children) {
@@ -289,11 +328,35 @@ function getFeatureFromLayout(
   bp: number,
   row: number,
 ): AnnotationFeature | undefined {
-  const featureInThisRow: AnnotationFeature[] = featuresForRow(feature)[row]
+  const featureInThisRow: AnnotationFeature[] =
+    featuresForRow(feature)[row] || []
   for (const f of featureInThisRow) {
+    let featureObj
     if (bp >= f.min && bp <= f.max && f.parent) {
-      return f
+      featureObj = f
+    }
+    if (!featureObj) {
+      continue
+    }
+    if (
+      featureObj.type === 'CDS' &&
+      featureObj.parent &&
+      featureObj.parent.type === 'mRNA'
+    ) {
+      const { cdsLocations } = featureObj.parent
+      for (const cdsLoc of cdsLocations) {
+        for (const loc of cdsLoc) {
+          if (bp >= loc.min && bp <= loc.max) {
+            return featureObj
+          }
+        }
+      }
+
+      // If mouse position is in the intron region, return the mRNA
+      return featureObj.parent
     }
+    // If mouse position is in a feature that is not a CDS, return the feature
+    return featureObj
   }
   return feature
 }

package/src/LinearApolloDisplay/index.ts

@@ -1,2 +1,2 @@
-export { configSchemaFactory } from './configSchema'
+export { configSchema } from './configSchema'
 export { stateModelFactory } from './stateModel'

package/src/LinearApolloDisplay/stateModel/base.ts

@@ -22,29 +22,27 @@ import { addDisposer, getRoot, types } from 'mobx-state-tree'
 import { ApolloInternetAccountModel } from '../../ApolloInternetAccount/model'
 import { ApolloSessionModel } from '../../session'
 import { ApolloRootModel } from '../../types'
-import { TrackHeightMixin } from './trackHeightMixin'
+
+const minDisplayHeight = 20
 
 export function baseModelFactory(
   _pluginManager: PluginManager,
   configSchema: AnyConfigurationSchemaType,
 ) {
-  // TODO: Restore this when TRackHeightMixin is in LGV runtime exports
-
-  // const LGVPlugin = pluginManager.getPlugin(
-  //   'LinearGenomeViewPlugin',
-  // ) as LinearGenomeViewPlugin
-  // const { TrackHeightMixin } = LGVPlugin.exports
-
-  return types
-    .compose(BaseDisplay, TrackHeightMixin)
-    .named('BaseLinearApolloDisplay')
+  return BaseDisplay.named('BaseLinearApolloDisplay')
     .props({
       type: types.literal('LinearApolloDisplay'),
       configuration: ConfigurationReference(configSchema),
+      graphical: true,
+      table: false,
+      heightPreConfig: types.maybe(
+        types.refinement(
+          'displayHeight',
+          types.number,
+          (n) => n >= minDisplayHeight,
+        ),
+      ),
     })
-    .volatile((self) => ({
-      lgv: getContainingView(self) as unknown as LinearGenomeViewModel,
-    }))
     .views((self) => {
       const { configuration, renderProps: superRenderProps } = self
       return {
@@ -57,6 +55,26 @@ export function baseModelFactory(
         },
       }
     })
+    .volatile(() => ({
+      scrollTop: 0,
+    }))
+    .views((self) => ({
+      get lgv() {
+        return getContainingView(self) as unknown as LinearGenomeViewModel
+      },
+      get height() {
+        if (self.heightPreConfig) {
+          return self.heightPreConfig
+        }
+        if (self.graphical && self.table) {
+          return 500
+        }
+        if (self.graphical) {
+          return 200
+        }
+        return 300
+      },
+    }))
     .views((self) => ({
       get rendererTypeName() {
         return self.configuration.renderer.type
@@ -119,6 +137,73 @@ export function baseModelFactory(
           .apolloSelectedFeature
       },
     }))
+    .actions((self) => ({
+      setScrollTop(scrollTop: number) {
+        self.scrollTop = scrollTop
+      },
+      setHeight(displayHeight: number) {
+        self.heightPreConfig = Math.max(displayHeight, minDisplayHeight)
+        return self.height
+      },
+      resizeHeight(distance: number) {
+        const oldHeight = self.height
+        const newHeight = this.setHeight(self.height + distance)
+        return newHeight - oldHeight
+      },
+      showGraphicalOnly() {
+        self.graphical = true
+        self.table = false
+      },
+      showTableOnly() {
+        self.graphical = false
+        self.table = true
+      },
+      showGraphicalAndTable() {
+        self.graphical = true
+        self.table = true
+      },
+    }))
+    .views((self) => {
+      const { trackMenuItems: superTrackMenuItems } = self
+      return {
+        trackMenuItems() {
+          const { graphical, table } = self
+          return [
+            ...superTrackMenuItems(),
+            {
+              type: 'subMenu',
+              label: 'Appearance',
+              subMenu: [
+                {
+                  label: 'Show graphical display',
+                  type: 'radio',
+                  checked: graphical && !table,
+                  onClick: () => {
+                    self.showGraphicalOnly()
+                  },
+                },
+                {
+                  label: 'Show table display',
+                  type: 'radio',
+                  checked: table && !graphical,
+                  onClick: () => {
+                    self.showTableOnly()
+                  },
+                },
+                {
+                  label: 'Show both graphical and table display',
+                  type: 'radio',
+                  checked: table && graphical,
+                  onClick: () => {
+                    self.showGraphicalAndTable()
+                  },
+                },
+              ],
+            },
+          ]
+        },
+      }
+    })
     .actions((self) => ({
       setSelectedFeature(feature?: AnnotationFeature) {
         ;(
@@ -136,9 +221,11 @@ export function baseModelFactory(
               void (
                 self.session as unknown as ApolloSessionModel
               ).apolloDataStore.loadFeatures(self.regions)
-              void (
-                self.session as unknown as ApolloSessionModel
-              ).apolloDataStore.loadRefSeq(self.regions)
+              if (self.lgv.bpPerPx <= 3) {
+                void (
+                  self.session as unknown as ApolloSessionModel
+                ).apolloDataStore.loadRefSeq(self.regions)
+              }
             },
             { name: 'LinearApolloDisplayLoadFeatures', delay: 1000 },
           ),

package/src/LinearApolloDisplay/stateModel/index.ts

@@ -19,6 +19,6 @@ export function stateModelFactory(
 export type LinearApolloDisplayStateModel = ReturnType<typeof stateModelFactory>
 // eslint disable because of
 // https://mobx-state-tree.js.org/tips/typescript#using-a-mst-type-at-design-time
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface LinearApolloDisplay
   extends Instance<LinearApolloDisplayStateModel> {}

package/src/LinearApolloDisplay/stateModel/mouseEvents.ts

@@ -499,6 +499,6 @@ export type LinearApolloDisplayMouseEventsModel = ReturnType<
 >
 // eslint disable because of
 // https://mobx-state-tree.js.org/tips/typescript#using-a-mst-type-at-design-time
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface LinearApolloDisplayMouseEvents
   extends Instance<LinearApolloDisplayMouseEventsModel> {}

package/src/LinearApolloDisplay/stateModel/rendering.ts

@@ -445,6 +445,6 @@ export type LinearApolloDisplayRenderingModel = ReturnType<
 >
 // eslint disable because of
 // https://mobx-state-tree.js.org/tips/typescript#using-a-mst-type-at-design-time
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface LinearApolloDisplayRendering
   extends Instance<LinearApolloDisplayRenderingModel> {}

package/src/OntologyManager/OntologyStore/fulltext.ts

@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 // jsonpath triggers this rule for some reason. import { query } from 'jsonpath' does not work
 
-import { checkAbortSignal } from '@jbrowse/core/util'
+import { checkAbortSignal } from '@jbrowse/core/util/aborting'
 import jsonpath from 'jsonpath'
 
 import { stopwords } from './fulltext-stopwords'
@@ -170,7 +170,10 @@ export function elaborateMatch(
   const sortedWordIndexes = [...queryWordIndexes].sort()
   const matchedQueryWords = sortedWordIndexes.map((i) => queryWords[i])
   const queryWordRegexps = matchedQueryWords.map((queryWord) => {
-    const escaped = queryWord.replaceAll(/[$()*+./?[\\\]^{|}-]/g, '\\$&')
+    const escaped = queryWord.replaceAll(
+      /[$()*+./?[\\\]^{|}-]/g,
+      String.raw`\$&`,
+    )
     return new RegExp(`\\b${escaped}`, 'gi')
   })
   // const needle = matchedQueryWords.join(' ')

package/src/OntologyManager/OntologyStore/index.ts

@@ -5,9 +5,15 @@ import {
   BlobLocation,
   LocalPathLocation,
   UriLocation,
+  isLocalPathLocation,
   isUriLocation,
 } from '@jbrowse/core/util'
-import { IDBPTransaction, IndexNames, StoreNames } from 'idb/with-async-ittr'
+import {
+  deleteDB,
+  IDBPTransaction,
+  IndexNames,
+  StoreNames,
+} from 'idb/with-async-ittr'
 
 import { textSearch } from './fulltext'
 import { OntologyDB, OntologyDBEdge, isDeprecated } from './indexeddb-schema'
@@ -38,15 +44,6 @@ export type Transaction<
 /** the format of the loading data source */
 type SourceType = 'obo-graph-json' | 'obo' | 'owl'
 
-/**
- * @deprecated use the one from jbrowse core when it is published
- **/
-function isLocalPathLocation(location: unknown): location is LocalPathLocation {
-  return (
-    typeof location === 'object' && location !== null && 'localPath' in location
-  )
-}
-
 async function arrayFromAsync<T>(iter: AsyncIterable<T>) {
   const a = []
   for await (const i of iter) {
@@ -176,18 +173,24 @@ export default class OntologyStore {
       return db
     }
 
-    const { sourceLocation, sourceType } = this
-    if (sourceType === 'obo-graph-json') {
-      await this.loadOboGraphJson(db)
-    } else {
-      throw new Error(
-        `ontology source file ${JSON.stringify(
-          sourceLocation,
-        )} has type ${sourceType}, which is not yet supported`,
-      )
-    }
+    try {
+      const { sourceLocation, sourceType } = this
+      if (sourceType === 'obo-graph-json') {
+        await this.loadOboGraphJson(db)
+      } else {
+        throw new Error(
+          `ontology source file ${JSON.stringify(
+            sourceLocation,
+          )} has type ${sourceType}, which is not yet supported`,
+        )
+      }
 
-    return db
+      return db
+    } catch (error) {
+      db.close()
+      await deleteDB(this.dbName)
+      throw error
+    }
   }
 
   async termCount(tx?: Transaction<['nodes']>) {
@@ -497,7 +500,7 @@ export default class OntologyStore {
 
     // fetch the full nodes and filter out deprecated ones
     const terms: OntologyClass[] = []
-    for await (const termId of termIds) {
+    for (const termId of termIds) {
       const node = await myTx.objectStore('nodes').get(termId)
       if (node && isOntologyClass(node) && !isDeprecated(node)) {
         terms.push(node)

package/src/OntologyManager/OntologyStore/indexeddb-storage.ts

@@ -84,9 +84,14 @@ export async function loadOboGraphJson(this: OntologyStore, db: Database) {
   // TODO: using file streaming along with an event-based json parser
   // instead of JSON.parse and .readFile could probably make this faster
   // and less memory intensive
-  const oboGraph = JSON.parse(
-    await openLocation(this.sourceLocation).readFile('utf8'),
-  ) as GraphDocument
+  let oboGraph: GraphDocument
+  try {
+    oboGraph = JSON.parse(
+      await openLocation(this.sourceLocation).readFile('utf8'),
+    ) as GraphDocument
+  } catch {
+    throw new Error('Error in loading ontology')
+  }
 
   const parseTime = Date.now()
 

package/src/OntologyManager/index.ts

@@ -1,15 +1,26 @@
-import { ConfigurationSchema } from '@jbrowse/core/configuration'
+import {
+  AnyConfigurationModel,
+  ConfigurationSchema,
+  readConfObject,
+} from '@jbrowse/core/configuration'
 import {
   BlobLocation,
   LocalPathLocation,
   UriLocation,
 } from '@jbrowse/core/util/types/mst'
 import { autorun } from 'mobx'
-import { Instance, addDisposer, getSnapshot, types } from 'mobx-state-tree'
-
+import {
+  Instance,
+  addDisposer,
+  getRoot,
+  getSnapshot,
+  types,
+} from 'mobx-state-tree'
 import OntologyStore, { OntologyStoreOptions } from './OntologyStore'
 import { OntologyDBNode } from './OntologyStore/indexeddb-schema'
 import { applyPrefixes, expandPrefixes } from './OntologyStore/prefixes'
+import ApolloPluginConfigurationSchema from '../config'
+import { ApolloRootModel } from '../types'
 
 export { isDeprecated } from './OntologyStore/indexeddb-schema'
 
@@ -55,15 +66,27 @@ export const OntologyManagerType = types
       'SO:': 'http://purl.obolibrary.org/obo/SO_',
     }),
   })
+  .views((self) => ({
+    get featureTypeOntologyName(): string {
+      const jbConfig = getRoot<ApolloRootModel>(self).jbrowse
+        .configuration as AnyConfigurationModel
+      const pluginConfiguration = jbConfig.ApolloPlugin as Instance<
+        typeof ApolloPluginConfigurationSchema
+      >
+      const featureTypeOntologyName = readConfObject(
+        pluginConfiguration,
+        'featureTypeOntologyName',
+      ) as string
+      return featureTypeOntologyName
+    },
+  }))
   .views((self) => ({
     /**
      * gets the OntologyRecord for the ontology we should be
      * using for feature types (e.g. SO or maybe biotypes)
      **/
     get featureTypeOntology() {
-      // TODO: change this to read some configuration for which feature type ontology
-      // we should be using. currently hardcoded to use SO.
-      return this.findOntology('Sequence Ontology')
+      return this.findOntology(self.featureTypeOntologyName)
     },
 
     findOntology(name: string, version?: string) {
@@ -157,9 +180,9 @@ export const OntologyRecordConfiguration = ConfigurationSchema(
 
 // eslint disables because of
 // https://mobx-state-tree.js.org/tips/typescript#using-a-mst-type-at-design-time
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface OntologyManager extends Instance<typeof OntologyManagerType> {}
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface OntologyRecord extends Instance<typeof OntologyRecordType> {}
 
 export type OntologyTerm = OntologyDBNode

package/src/SixFrameFeatureDisplay/stateModel.ts

@@ -425,6 +425,6 @@ export type SixFrameFeatureDisplayStateModel = ReturnType<
 >
 // eslint disable because of
 // https://mobx-state-tree.js.org/tips/typescript#using-a-mst-type-at-design-time
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface SixFrameFeatureDisplay
   extends Instance<SixFrameFeatureDisplayStateModel> {}

package/src/TabularEditor/HybridGrid/HybridGrid.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
 import { Menu, MenuItem } from '@jbrowse/core/ui'
 import { useTheme } from '@mui/material'
 import { observer } from 'mobx-react'

package/src/TabularEditor/HybridGrid/NumberCell.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 /* eslint-disable @typescript-eslint/use-unknown-in-catch-callback-variable */
 import { observer } from 'mobx-react'
 import React, { useEffect, useState } from 'react'

package/src/TabularEditor/model.ts

@@ -41,6 +41,6 @@ export const TabularEditorStateModelType = types
 
 // eslint disable because of
 // https://mobx-state-tree.js.org/tips/typescript#using-a-mst-type-at-design-time
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface TabularEditorStateModel
   extends Instance<typeof TabularEditorStateModelType> {}

package/src/components/AddChildFeature.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 /* eslint-disable @typescript-eslint/no-misused-promises */
 import { AnnotationFeature } from '@apollo-annotation/mst'
 import { AddFeatureChange } from '@apollo-annotation/shared'

package/src/components/AddFeature.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 /* eslint-disable @typescript-eslint/no-unnecessary-condition */
 /* eslint-disable @typescript-eslint/no-misused-promises */
 import { AddFeatureChange } from '@apollo-annotation/shared'
@@ -101,7 +102,6 @@ export function AddFeature({
         break
       }
       default: {
-        // eslint-disable-next-line unicorn/no-useless-undefined
         setStrand(undefined)
       }
     }

package/src/components/AddRefSeqAliases.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import { ChangeManager } from '../ChangeManager'
 import { ApolloSessionModel } from '../session'
 import { Dialog } from './Dialog'

package/src/components/CopyFeature.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 /* eslint-disable @typescript-eslint/use-unknown-in-catch-callback-variable */
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-misused-promises */

package/src/components/DeleteAssembly.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 /* eslint-disable @typescript-eslint/no-misused-promises */
 import { DeleteAssemblyChange } from '@apollo-annotation/shared'
 import { Assembly } from '@jbrowse/core/assemblyManager/assembly'