react-msaview 5.9.0 → 6.0.0

package/src/seqPosToGlobalCol.test.ts

@@ -1,71 +1,59 @@
+// seqPos -> global column, exercised through the model method rather than the
+// buildSeqPosIndex primitive behind it: the method is what
+// jbrowse-plugin-protein3d calls (see the cross-repo note in model.ts), and it
+// owns the past-the-end answers the index alone cannot give.
 import { describe, expect, test } from 'vitest'
 
-import { seqPosToGlobalCol } from './seqPosToGlobalCol.ts'
+import MSAModelF from './model.ts'
+
+function colsOf(row: string, positions: number[]) {
+  const model = MSAModelF().create({
+    type: 'MsaView',
+    data: { msa: `>r\n${row}` },
+  })
+  model.setWidth(800)
+  return positions.map(pos => model.seqPosToGlobalCol('r', pos))
+}
 
 describe('seqPosToGlobalCol', () => {
-  test('converts sequence position to global column with no gaps', () => {
-    const row = 'ATGCATGC'
-    expect(seqPosToGlobalCol({ row, seqPos: 0 })).toBe(0)
-    expect(seqPosToGlobalCol({ row, seqPos: 3 })).toBe(3)
-    expect(seqPosToGlobalCol({ row, seqPos: 7 })).toBe(7)
-    expect(seqPosToGlobalCol({ row, seqPos: 8 })).toBe(8) // Past end
+  test('is the identity when the row has no gaps', () => {
+    // 8 residues, so seqPos 8 is one past the end
+    expect(colsOf('ATGCATGC', [0, 3, 7, 8])).toEqual([0, 3, 7, 8])
   })
 
-  test('converts sequence position to global column with gaps', () => {
-    const row = 'A-TG-CA-TGC'
+  test('skips gap columns', () => {
     // Global: A(0) -(1) T(2) G(3) -(4) C(5) A(6) -(7) T(8) G(9) C(10)
     // SeqPos: A(0)      T(1) G(2)      C(3) A(4)      T(5) G(6) C(7)
-
-    expect(seqPosToGlobalCol({ row, seqPos: 0 })).toBe(0) // A
-    expect(seqPosToGlobalCol({ row, seqPos: 1 })).toBe(2) // T
-    expect(seqPosToGlobalCol({ row, seqPos: 2 })).toBe(3) // G
-    expect(seqPosToGlobalCol({ row, seqPos: 3 })).toBe(5) // C
-    expect(seqPosToGlobalCol({ row, seqPos: 4 })).toBe(6) // A
-    expect(seqPosToGlobalCol({ row, seqPos: 5 })).toBe(8) // T
-    expect(seqPosToGlobalCol({ row, seqPos: 6 })).toBe(9) // G
-    expect(seqPosToGlobalCol({ row, seqPos: 7 })).toBe(10) // C
-    expect(seqPosToGlobalCol({ row, seqPos: 8 })).toBe(11) // Past end
-  })
-
-  test('handles empty row', () => {
-    expect(seqPosToGlobalCol({ row: '', seqPos: 0 })).toBe(0)
+    expect(colsOf('A-TG-CA-TGC', [0, 1, 2, 3, 4, 5, 6, 7, 8])).toEqual([
+      0, 2, 3, 5, 6, 8, 9, 10, 11,
+    ])
   })
 
-  test('handles row with only gaps', () => {
-    const row = '---..--'
-    expect(seqPosToGlobalCol({ row, seqPos: 0 })).toBe(0)
-    expect(seqPosToGlobalCol({ row, seqPos: 1 })).toBe(7) // Past end
-  })
-
-  test('handles mixed gap characters (- and .)', () => {
-    const row = 'A-.G-C.'
+  test('counts both gap characters, - and .', () => {
     // Global: A(0) -(1) .(2) G(3) -(4) C(5) .(6)
     // SeqPos: A(0)           G(1)      C(2)
-
-    expect(seqPosToGlobalCol({ row, seqPos: 0 })).toBe(0) // A
-    expect(seqPosToGlobalCol({ row, seqPos: 1 })).toBe(3) // G
-    expect(seqPosToGlobalCol({ row, seqPos: 2 })).toBe(5) // C
-    expect(seqPosToGlobalCol({ row, seqPos: 3 })).toBe(7) // Past end
+    expect(colsOf('A-.G-C.', [0, 1, 2, 3])).toEqual([0, 3, 5, 7])
   })
 
-  test('handles leading gaps', () => {
-    const row = '--ACG'
-    // Global: -(0) -(1) A(2) C(3) G(4)
-    // SeqPos:           A(0) C(1) G(2)
+  test('handles leading and trailing gaps', () => {
+    expect(colsOf('--ACG', [0, 1, 2])).toEqual([2, 3, 4])
+    expect(colsOf('ACG--', [0, 1, 2, 3])).toEqual([0, 1, 2, 5])
+  })
 
-    expect(seqPosToGlobalCol({ row, seqPos: 0 })).toBe(2) // A
-    expect(seqPosToGlobalCol({ row, seqPos: 1 })).toBe(3) // C
-    expect(seqPosToGlobalCol({ row, seqPos: 2 })).toBe(4) // G
+  test('an all-gap row reports position 0 at column 0', () => {
+    expect(colsOf('---..--', [0, 1])).toEqual([0, 7])
   })
 
-  test('handles trailing gaps', () => {
-    const row = 'ACG--'
-    // Global: A(0) C(1) G(2) -(3) -(4)
-    // SeqPos: A(0) C(1) G(2)
+  test('an empty row reports column 0', () => {
+    expect(colsOf('', [0])).toEqual([0])
+  })
 
-    expect(seqPosToGlobalCol({ row, seqPos: 0 })).toBe(0) // A
-    expect(seqPosToGlobalCol({ row, seqPos: 1 })).toBe(1) // C
-    expect(seqPosToGlobalCol({ row, seqPos: 2 })).toBe(2) // G
-    expect(seqPosToGlobalCol({ row, seqPos: 3 })).toBe(5) // Past end
+  test('an unknown row reports column 0', () => {
+    const model = MSAModelF().create({
+      type: 'MsaView',
+      data: { msa: '>r\nACGT' },
+    })
+    model.setWidth(800)
+    expect(model.seqPosToGlobalCol('nope', 2)).toBe(0)
   })
 })

package/src/seqPosToGlobalCol.ts

@@ -1,25 +1,14 @@
-import { isBlank } from './util.ts'
-
 /**
- * Convert a sequence position (ungapped, 0-based) to a global column index.
- * This finds the global column that contains the Nth non-gap character.
+ * The global column of every ungapped sequence position in a row, i.e.
+ * index[seqPos] is the column holding the seqPos-th non-gap character.
  *
- * @param row - The row's sequence string (including gaps)
- * @param seqPos - The sequence position (0-based count of non-gap characters)
- * @returns The global column index containing the seqPos-th non-gap character
+ * A row is indexed once and then answers seqPos -> column by lookup, which is
+ * what makes the domain overlay affordable: it resolves one position per feature
+ * per row on every redraw, and scanning the row for each would be quadratic.
  *
  * @example
  * // Row: "A-TG-C" (A at 0, T at 2, G at 3, C at 5)
- * seqPosToGlobalCol({ row: "A-TG-C", seqPos: 0 }) // → 0 (A)
- * seqPosToGlobalCol({ row: "A-TG-C", seqPos: 1 }) // → 2 (T)
- * seqPosToGlobalCol({ row: "A-TG-C", seqPos: 2 }) // → 3 (G)
- * seqPosToGlobalCol({ row: "A-TG-C", seqPos: 3 }) // → 5 (C)
- */
-/**
- * The global column of every ungapped sequence position in a row, i.e.
- * index[seqPos] is the column holding the seqPos-th non-gap character. Amortizes
- * repeated seqPosToGlobalCol lookups (the domain overlay does one per feature
- * per row) into a single pass per row.
+ * buildSeqPosIndex('A-TG-C') // → [0, 2, 3, 5]
  */
 export function buildSeqPosIndex(row: string) {
   const index = new Int32Array(row.length)
@@ -32,27 +21,3 @@ export function buildSeqPosIndex(row: string) {
   }
   return index.subarray(0, n)
 }
-
-export function seqPosToGlobalCol({
-  row,
-  seqPos,
-}: {
-  row: string
-  seqPos: number
-}) {
-  let nonGapCount = 0
-  let globalCol = 0
-  // Find the seqPos-th non-gap character
-  while (globalCol < row.length) {
-    if (!isBlank(row[globalCol])) {
-      if (nonGapCount === seqPos) {
-        return globalCol
-      }
-      nonGapCount++
-    }
-    globalCol++
-  }
-  // If seqPos is 0 and we didn't find any non-gap character, return 0
-  // Otherwise return globalCol (which is row.length at this point)
-  return seqPos === 0 ? 0 : globalCol
-}

package/src/types.ts

@@ -1,3 +1,5 @@
+import type { Annotation } from 'msa-parsers'
+
 export interface Accession {
   accession: string
   name: string
@@ -26,24 +28,17 @@ export interface BasicTrack {
   model: TextTrackModel & BarTrackModel
 }
 
-// one InterProScan/GFF annotation location flattened onto a single row, as
-// produced by the model's tidyInterProAnnotations
-export interface TidyDomainAnnotation {
-  id: string
-  name: string
-  accession: string
-  description: string
-  featureType?: string
-  start: number
-  end: number
-  strand?: number
-}
+// the overlay annotation itself lives in msa-parsers, alongside the adapters
+// that build it. TidyDomainAnnotation is its former name, kept because
+// downstream plugins name it in their emitted declarations.
+export type { Annotation }
+export type TidyDomainAnnotation = Annotation
 
-// a tidy annotation resolved to the visible column span it is drawn across.
-// stackIndex is its position within its row's annotation list, which the
+// an annotation resolved to the visible column span it is drawn across.
+// stackIndex is its position among the bands its row actually draws, which the
 // sub-row layout uses to stack boxes.
 export interface DomainBand {
-  annotation: TidyDomainAnnotation
+  annotation: Annotation
   startCol: number
   endCol: number
   stackIndex: number

package/src/useCanvasAutorun.test.tsx

@@ -0,0 +1,98 @@
+// @vitest-environment jsdom
+//
+// Assigning width/height to a canvas resets its bitmap, and React assigns them
+// on every commit where they changed. A draw that ran during the mobx reaction
+// -- before React commits -- is therefore wiped by the resize that follows it,
+// which is what used to blank the tree on a tree-area drag and the consensus
+// tracks on a vertical zoom. So the hook has to draw again after the resize.
+import React, { act } from 'react'
+
+import { observable, runInAction } from 'mobx'
+import { observer } from 'mobx-react'
+import { createRoot } from 'react-dom/client'
+import { afterEach, beforeAll, beforeEach, expect, test } from 'vitest'
+
+import { useCanvasAutorun } from './useCanvasAutorun.ts'
+
+import type { Root } from 'react-dom/client'
+
+Reflect.set(globalThis, 'IS_REACT_ACT_ENVIRONMENT', true)
+
+beforeAll(() => {
+  HTMLCanvasElement.prototype.getContext = function (this: HTMLCanvasElement) {
+    return { canvas: this } as unknown as CanvasRenderingContext2D
+  } as unknown as typeof HTMLCanvasElement.prototype.getContext
+})
+
+const state = observable({ width: 100, color: 'red' })
+// what each draw saw: the observables it renders from, and the size of the
+// canvas it was drawing onto
+let draws: { observed: number; color: string; canvas: number }[] = []
+
+const Probe = observer(function () {
+  const ref = useCanvasAutorun({
+    draw: ctx => {
+      draws.push({
+        observed: state.width,
+        color: state.color,
+        canvas: ctx.canvas.width,
+      })
+    },
+    width: state.width,
+    height: 50,
+    deps: [],
+  })
+  return <canvas ref={ref} width={state.width} height={50} />
+})
+
+let container: HTMLElement
+let root: Root
+
+beforeEach(() => {
+  draws = []
+  runInAction(() => {
+    state.width = 100
+    state.color = 'red'
+  })
+  container = document.createElement('div')
+  document.body.appendChild(container)
+  root = createRoot(container)
+  act(() => {
+    root.render(<Probe />)
+  })
+})
+
+afterEach(() => {
+  act(() => {
+    root.unmount()
+  })
+  container.remove()
+})
+
+test('the first draw sees the canvas at its rendered size', () => {
+  expect(draws).toEqual([{ observed: 100, color: 'red', canvas: 100 }])
+})
+
+test('a resize is followed by a draw onto the resized canvas', () => {
+  act(() => {
+    runInAction(() => {
+      state.width = 300
+    })
+  })
+
+  expect(container.querySelector('canvas')!.width).toBe(300)
+  expect(draws.at(-1)).toEqual({ observed: 300, color: 'red', canvas: 300 })
+})
+
+test('a change that leaves the size alone draws exactly once', () => {
+  act(() => {
+    runInAction(() => {
+      state.color = 'blue'
+    })
+  })
+
+  expect(draws).toEqual([
+    { observed: 100, color: 'red', canvas: 100 },
+    { observed: 100, color: 'blue', canvas: 100 },
+  ])
+})

package/src/useCanvasAutorun.ts

@@ -4,18 +4,37 @@ import { autorun } from 'mobx'
 
 import type React from 'react'
 
-// Wires a canvas ref to a mobx autorun: grabs the 2d context once the canvas
-// mounts and re-runs `draw` whenever any observable it reads changes. Collapses
-// the getContext/null-guard/autorun-dispose boilerplate repeated by every
-// canvas block host. `deps` controls when the effect (and thus the context
-// lookup) is torn down and re-created, matching a normal useEffect dep array.
-export function useCanvasAutorun(
-  draw: (ctx: CanvasRenderingContext2D) => void,
-  deps: React.DependencyList,
-) {
+/**
+ * Wires a canvas ref to a mobx autorun: grabs the 2d context once the canvas
+ * mounts and re-runs `draw` whenever any observable it reads changes. Collapses
+ * the getContext/null-guard/autorun-dispose boilerplate repeated by every canvas
+ * block host.
+ *
+ * `width`/`height` are the canvas *backing store* size the caller renders onto
+ * the element (logical size times the high-res scale factor), and they are load
+ * bearing rather than informational. Assigning either resets the canvas bitmap,
+ * and React assigns them on every commit where they changed -- which lands
+ * *after* the mobx reaction that already redrew at the old size. Without a redraw
+ * on the far side of that commit the canvas is left blank: it is what blanked the
+ * tree on a tree-area resize and the consensus tracks on a vertical zoom.
+ *
+ * `deps` covers everything else the effect should re-subscribe on, matching a
+ * normal useEffect dep array.
+ */
+export function useCanvasAutorun({
+  draw,
+  width,
+  height,
+  deps,
+}: {
+  draw: (ctx: CanvasRenderingContext2D) => void
+  width: number
+  height: number
+  deps: React.DependencyList
+}) {
   const ref = useRef<HTMLCanvasElement>(null)
   // the autorun tracks its own observable reads, so `draw` is intentionally not
-  // a dependency; `deps` alone controls when the effect re-subscribes
+  // a dependency; `deps` plus the canvas size control when it re-subscribes
   useEffect(() => {
     const ctx = ref.current?.getContext('2d')
     return ctx
@@ -24,6 +43,6 @@ export function useCanvasAutorun(
         })
       : undefined
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps)
+  }, [...deps, width, height])
   return ref
 }

package/src/version.ts

@@ -1 +1 @@
-export const version = '5.9.0'
+export const version = '6.0.0'

package/src/viewChrome.test.tsx

@@ -0,0 +1,134 @@
+// @vitest-environment jsdom
+//
+// The chrome around the alignment -- the tree/height resize handles, the
+// minimap and the vertical scrollbar -- is all built from the same
+// mousedown-then-drag hook, and none of it is exercised by the render tests.
+// This mounts the real view and drives one handle of each kind.
+import React, { act } from 'react'
+
+import { createRoot } from 'react-dom/client'
+import { afterEach, beforeAll, beforeEach, expect, test } from 'vitest'
+
+import MSAView from './components/Loading.tsx'
+import MSAModelF from './model.ts'
+
+import type { MsaViewModel } from './model.ts'
+import type { Root } from 'react-dom/client'
+
+Reflect.set(globalThis, 'IS_REACT_ACT_ENVIRONMENT', true)
+
+beforeAll(() => {
+  HTMLCanvasElement.prototype.getContext = function (this: HTMLCanvasElement) {
+    return {
+      canvas: this,
+      font: '12px sans-serif',
+      measureText: (t: string) => ({ width: t.length * 7 }),
+      arc() {},
+      beginPath() {},
+      clearRect() {},
+      closePath() {},
+      fill() {},
+      fillRect() {},
+      fillText() {},
+      lineTo() {},
+      moveTo() {},
+      resetTransform() {},
+      scale() {},
+      setLineDash() {},
+      stroke() {},
+      strokeRect() {},
+      translate() {},
+    } as unknown as CanvasRenderingContext2D
+  } as unknown as typeof HTMLCanvasElement.prototype.getContext
+})
+
+// tall and wide enough that both scrollbars are on screen
+const names = Array.from({ length: 20 }, (_, i) => `seq${i}`)
+const msa = names.map(name => `>${name}\n${'ACGT'.repeat(25)}`).join('\n')
+const tree = `(${names.map(n => `${n}:0.1`).join(',')});`
+
+let container: HTMLDivElement
+let root: Root
+let model: MsaViewModel
+
+beforeEach(() => {
+  container = document.createElement('div')
+  document.body.append(container)
+  root = createRoot(container)
+  model = MSAModelF().create({
+    type: 'MsaView',
+    msaFormat: 'fasta',
+    height: 200,
+    data: { msa, tree },
+  })
+  model.setWidth(800)
+  act(() => {
+    root.render(<MSAView model={model} />)
+  })
+})
+
+afterEach(() => {
+  act(() => {
+    root.unmount()
+  })
+  container.remove()
+})
+
+function byCursor(cursor: string) {
+  return [...container.querySelectorAll<HTMLElement>('div')].filter(
+    el => el.style.cursor === cursor,
+  )
+}
+
+// useDragScroll defers each move to an animation frame, so a drag needs one
+// flushed frame before the model has moved
+async function drag(el: HTMLElement, { x = 0, y = 0 }) {
+  await act(async () => {
+    el.dispatchEvent(
+      new MouseEvent('mousedown', { bubbles: true, clientX: 0, clientY: 0 }),
+    )
+  })
+  await act(async () => {
+    document.dispatchEvent(
+      new MouseEvent('mousemove', { bubbles: true, clientX: x, clientY: y }),
+    )
+    await new Promise(resolve => {
+      requestAnimationFrame(resolve)
+    })
+  })
+  await act(async () => {
+    document.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }))
+  })
+}
+
+test('the view mounts with both scrollbars', () => {
+  expect(container.querySelector('[data-testid="msa_canvas"]')).toBeTruthy()
+  expect(model.showVerticalScrollbar).toBe(true)
+  expect(model.showHorizontalScrollbar).toBe(true)
+  // one horizontal divider (tree/msa), two vertical (view height, and the
+  // conservation track's own)
+  expect(byCursor('ew-resize')).toHaveLength(1)
+  expect(byCursor('ns-resize')).toHaveLength(2)
+})
+
+test('dragging the tree divider widens the tree area', async () => {
+  const before = model.treeAreaWidth
+  await drag(byCursor('ew-resize')[0]!, { x: 60 })
+  expect(model.treeAreaWidth).toBe(before + 60)
+})
+
+test('dragging the view divider grows the view', async () => {
+  const before = model.height
+  // the last ns-resize handle is the one below the whole view
+  await drag(byCursor('ns-resize').at(-1)!, { y: 50 })
+  expect(model.height).toBe(before + 50)
+})
+
+test('dragging the scrollbar thumb scrolls the alignment', async () => {
+  const thumb = container.querySelector<HTMLElement>(
+    'div[style*="cursor: pointer"]',
+  )!
+  expect(model.scrollX).toBe(0)
+  await drag(thumb, { x: 40 })
+  expect(model.scrollX).toBeLessThan(0)
+})

package/dist/components/dialogs/DomainDialog.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { MsaViewModel } from '../../model.ts';
-export default function LaunchDomainViewDialog({ handleClose, model, }: {
-    handleClose: () => void;
-    model: MsaViewModel;
-}): React.JSX.Element;

package/dist/components/dialogs/DomainDialog.js

@@ -1,19 +0,0 @@
-import React, { useState } from 'react';
-import { Dialog } from '@jbrowse/core/ui';
-import { Tab, Tabs } from '@mui/material';
-import InterProScanPanel from './InterProScanDialog.js';
-import UserProvidedResultPanel from './UserProvidedDomainsDialog.js';
-export default function LaunchDomainViewDialog({ handleClose, model, }) {
-    const [choice, setChoice] = useState(0);
-    return (React.createElement(Dialog, { maxWidth: "xl", title: "Launch protein view", onClose: () => {
-            handleClose();
-        }, open: true },
-        React.createElement(Tabs, { value: choice, onChange: (_, val) => {
-                setChoice(val);
-            } },
-            React.createElement(Tab, { value: 0, label: "Automatic lookup" }),
-            React.createElement(Tab, { value: 1, label: "Manual" })),
-        choice === 0 ? (React.createElement(InterProScanPanel, { model: model, handleClose: handleClose })) : null,
-        choice === 1 ? (React.createElement(UserProvidedResultPanel, { model: model, handleClose: handleClose })) : null));
-}
-//# sourceMappingURL=DomainDialog.js.map

package/dist/components/dialogs/DomainDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/DomainDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,iBAAiB,MAAM,yBAA0B,CAAA;AACxD,OAAO,uBAAuB,MAAM,gCAAiC,CAAA;AAIrE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,WAAW,EACX,KAAK,GAIN;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACvC,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,EAAE,CAAA;QACf,CAAC,EACD,IAAI;QAEJ,oBAAC,IAAI,IACH,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;gBACnB,SAAS,CAAC,GAAG,CAAC,CAAA;YAChB,CAAC;YAED,oBAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,kBAAkB,GAAG;YAC1C,oBAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,GAAG,CAC3B;QACN,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACd,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,GAAI,CAC9D,CAAC,CAAC,CAAC,IAAI;QACP,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACd,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,GAAI,CACpE,CAAC,CAAC,CAAC,IAAI,CACD,CACV,CAAA;AACH,CAAC"}

package/dist/components/dialogs/UserProvidedDomainsDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserProvidedDomainsDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/UserProvidedDomainsDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/header/SettingsMenu.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { MsaViewModel } from '../../model.ts';
-declare const SettingsMenu: ({ model }: {
-    model: MsaViewModel;
-}) => React.JSX.Element;
-export default SettingsMenu;

package/dist/components/header/SettingsMenu.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-import AccountTree from '@mui/icons-material/AccountTree';
-import Palette from '@mui/icons-material/Palette';
-import Settings from '@mui/icons-material/Settings';
-import { observer } from 'mobx-react';
-import colorSchemes from '../../colorSchemes.js';
-import { msaSettingsMenuItems, treeSettingsMenuItems, } from './settingsMenuItems.js';
-const SettingsMenu = observer(function ({ model }) {
-    const { colorSchemeName } = model;
-    return (React.createElement(CascadingMenuButton, { closeAfterItemClick: false, menuItems: [
-            {
-                label: 'Color scheme',
-                icon: Palette,
-                type: 'subMenu',
-                subMenu: Object.keys(colorSchemes).map(option => ({
-                    label: option,
-                    type: 'radio',
-                    checked: colorSchemeName === option,
-                    onClick: () => {
-                        model.setColorSchemeName(option);
-                    },
-                })),
-            },
-            {
-                label: 'MSA settings',
-                type: 'subMenu',
-                subMenu: msaSettingsMenuItems(model),
-            },
-            {
-                label: 'Tree settings',
-                type: 'subMenu',
-                icon: AccountTree,
-                subMenu: treeSettingsMenuItems(model),
-            },
-        ] },
-        React.createElement(Settings, null)));
-});
-export default SettingsMenu;
-//# sourceMappingURL=SettingsMenu.js.map

package/dist/components/header/SettingsMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/SettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,wBAAwB,CAAA;AAI/B,MAAM,YAAY,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACxE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO,CACL,oBAAC,mBAAmB,IAClB,mBAAmB,EAAE,KAAK,EAC1B,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CACpC,MAAM,CAAC,EAAE,CACP,CAAC;oBACC,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,eAAe,KAAK,MAAM;oBACnC,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;oBAClC,CAAC;iBACF,CAAU,CACd;aACF;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC;aACrC;YACD;gBACE,KAAK,EAAE,eAAe;gBACtB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,qBAAqB,CAAC,KAAK,CAAC;aACtC;SACF;QAED,oBAAC,QAAQ,OAAG,CACQ,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/dist/components/header/getDomainsMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDomainsMenu.js","sourceRoot":"","sources":["../../../src/components/header/getDomainsMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAE5B,OAAO,SAAS,MAAM,+BAA+B,CAAA;AACrD,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,UAAU,MAAM,gCAAgC,CAAA;AAIvD,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,6BAA8B,CAAC,CAAC,CAAA;AAC9E,MAAM,yBAAyB,GAAG,IAAI,CACpC,GAAG,EAAE,CAAC,MAAM,CAAC,yCAA0C,CAAC,CACzD,CAAA;AACD,MAAM,kBAAkB,GAAG,IAAI,CAC7B,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAmC,CAAC,CAClD,CAAA;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAA2B;IAC9D,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC7E,OAAO;QACL;YACE,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;oBAC/B,yBAAyB;oBACzB;wBACE,WAAW;wBACX,KAAK;qBACN;iBACF,CAAC,CAAA;YACJ,CAAC;SACF;QACD;YACE,KAAK,EAAE,mCAAmC;YAC1C,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;oBAC/B,kBAAkB;oBAClB;wBACE,WAAW;wBACX,KAAK;qBACN;iBACF,CAAC,CAAA;YACJ,CAAC;SACF;QACD;YACE,KAAK,EAAE,eAAe,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/D,QAAQ,EAAE,SAAS;YACnB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,mBAAmB;YAC5B,IAAI,EAAE,UAAmB;YACzB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;YACpC,CAAC;SACF;QACD;YACE,KAAK,EAAE,qBAAqB,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;YACrE,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK;YACrD,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,UAAmB;YACzB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;YAC1C,CAAC;SACF;QACD;YACE,KAAK,EAAE,iBAAiB,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;YACjE,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC3B,mBAAmB;oBACnB;wBACE,OAAO;wBACP,KAAK;qBACN;iBACF,CAAC,CAAA;YACJ,CAAC;SACF;KACF,CAAA;AACH,CAAC"}

package/dist/components/msa/DomainLegend.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomainLegend.js","sourceRoot":"","sources":["../../../src/components/msa/DomainLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,YAAY,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACxE,MAAM,EACJ,mBAAmB,EACnB,kBAAkB,EAAE,OAAO,EAC3B,WAAW,EACX,gBAAgB,EAAE,QAAQ,GAC3B,GAAG,KAAK,CAAA;IACT,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAA;IAErD,OAAO,mBAAmB,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjD,oBAAC,KAAK,IACJ,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,QAAQ,EAAE,GAAG;YACb,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,IAAI;SACd;QAED,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,UAAU;gBAC1B,OAAO,EAAE,iBAAiB;aAC3B;YAED,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,EAC7D,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAA;gBACtC,CAAC;gBAED,oBAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,CACpB,CACT;QACL,QAAQ,CAAC,CAAC,CAAC,CACV,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IACnD,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACpC,6BACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,EACxD,KAAK,EAAE,SAAS;YAEhB,6BACE,KAAK,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,UAAU,EAAE,CAAC;oBACb,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC;iBACnC,GACD;YACF,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,UACjC,IAAI,CACM,CACT,CACP,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CACF,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/src/components/dialogs/DomainDialog.tsx

@@ -1,45 +0,0 @@
-import React, { useState } from 'react'
-
-import { Dialog } from '@jbrowse/core/ui'
-import { Tab, Tabs } from '@mui/material'
-
-import InterProScanPanel from './InterProScanDialog.tsx'
-import UserProvidedResultPanel from './UserProvidedDomainsDialog.tsx'
-
-import type { MsaViewModel } from '../../model.ts'
-
-export default function LaunchDomainViewDialog({
-  handleClose,
-  model,
-}: {
-  handleClose: () => void
-  model: MsaViewModel
-}) {
-  const [choice, setChoice] = useState(0)
-  return (
-    <Dialog
-      maxWidth="xl"
-      title="Launch protein view"
-      onClose={() => {
-        handleClose()
-      }}
-      open
-    >
-      <Tabs
-        value={choice}
-        onChange={(_, val) => {
-          setChoice(val)
-        }}
-      >
-        <Tab value={0} label="Automatic lookup" />
-        <Tab value={1} label="Manual" />
-      </Tabs>
-      {choice === 0 ? (
-        <InterProScanPanel model={model} handleClose={handleClose} />
-      ) : null}
-      {choice === 1 ? (
-        <UserProvidedResultPanel model={model} handleClose={handleClose} />
-      ) : null}
-    </Dialog>
-  )
-}