react-msaview 9.1.0 → 9.2.0

package/src/useWheelScroll.ts

@@ -1,30 +1,34 @@
 import { useEffect, useRef, useState } from 'react'
 
-import {
-  SCROLL_ZOOM_DIVISOR,
-  getZoomNormalizer,
-  normalizeWheelDelta,
-  zoomFactorFromAccum,
-} from './wheelZoom.ts'
+import { WheelZoomSmoother } from './wheelZoom.ts'
+
+const zoomSettleMs = 150
 
 export function useWheelScroll({
   ref,
   onScrollX,
   onScrollY,
   onZoom,
+  onZoomSettle,
+  onWheelScroll,
   scrollZoom,
 }: {
   ref: React.RefObject<HTMLDivElement | null>
   onScrollX?: (delta: number) => void
   onScrollY?: (delta: number) => void
   onZoom?: (scaleFactor: number, offsetX: number, offsetY: number) => void
+  onZoomSettle?: () => void
+  onWheelScroll?: (event: WheelEvent) => void
   scrollZoom?: boolean
 }) {
   const scheduled = useRef(false)
-  const zoomScheduled = useRef(false)
+  const zoomFrame = useRef<number | undefined>(undefined)
+  const zoomSettle = useRef<ReturnType<typeof setTimeout> | undefined>(
+    undefined,
+  )
   const deltaX = useRef(0)
   const deltaY = useRef(0)
-  const zoomAccum = useRef(0)
+  const zoomSmoother = useRef(new WheelZoomSmoother())
   const zoomX = useRef(0)
   const zoomY = useRef(0)
   const lastZoomTime = useRef<number | null>(null)
@@ -47,28 +51,31 @@ export function useWheelScroll({
         !event.shiftKey &&
         Math.abs(event.deltaY) >= Math.abs(event.deltaX)
       if (onZoom && (isCtrlZoom || isScrollZoom)) {
+        const zoom = onZoom
         const rect = curr!.getBoundingClientRect()
-        // normalize away deltaMode (line/page), then divide by an adaptive
-        // factor so fine pinches and coarse notches feel consistent
-        const dY = normalizeWheelDelta(event.deltaY, event.deltaMode)
-        const divisor = isCtrlZoom ? getZoomNormalizer(dY) : SCROLL_ZOOM_DIVISOR
-        zoomAccum.current += dY / divisor
+        zoomSmoother.current.add(event.deltaY, event.deltaMode, isCtrlZoom)
         zoomX.current = event.clientX - rect.left
         zoomY.current = event.clientY - rect.top
-        if (!zoomScheduled.current) {
-          zoomScheduled.current = true
-          requestAnimationFrame(now => {
+        if (zoomFrame.current === undefined) {
+          lastZoomTime.current = null
+          const frame = (now: number) => {
             const elapsed =
               lastZoomTime.current === null ? 16.67 : now - lastZoomTime.current
             lastZoomTime.current = now
-            onZoom(
-              zoomFactorFromAccum(zoomAccum.current, Math.min(100, elapsed)),
+            zoom(
+              zoomSmoother.current.step(Math.min(100, elapsed)),
               zoomX.current,
               zoomY.current,
             )
-            zoomAccum.current = 0
-            zoomScheduled.current = false
-          })
+            clearTimeout(zoomSettle.current)
+            zoomSettle.current = setTimeout(() => {
+              onZoomSettle?.()
+            }, zoomSettleMs)
+            zoomFrame.current = zoomSmoother.current.idle
+              ? undefined
+              : requestAnimationFrame(frame)
+          }
+          zoomFrame.current = requestAnimationFrame(frame)
         }
         event.preventDefault()
         event.stopPropagation()
@@ -79,6 +86,7 @@ export function useWheelScroll({
       const consumeX = !!onScrollX && event.deltaX !== 0
       const consumeY = !!onScrollY && event.deltaY !== 0
       if (consumeX || consumeY) {
+        onWheelScroll?.(event)
         if (onScrollX) {
           deltaX.current += event.deltaX
         }
@@ -107,8 +115,21 @@ export function useWheelScroll({
     curr.addEventListener('wheel', onWheel, { passive: false })
     return () => {
       curr.removeEventListener('wheel', onWheel)
+      if (zoomFrame.current !== undefined) {
+        cancelAnimationFrame(zoomFrame.current)
+        zoomFrame.current = undefined
+      }
+      clearTimeout(zoomSettle.current)
     }
-  }, [ref, onScrollX, onScrollY, onZoom, scrollZoom])
+  }, [
+    ref,
+    onScrollX,
+    onScrollY,
+    onZoom,
+    onZoomSettle,
+    onWheelScroll,
+    scrollZoom,
+  ])
 
   useEffect(() => {
     if (!mouseDragging) {

package/src/util.ts

@@ -142,3 +142,6 @@ export function computeRowInsertions(blanks: number[], seq: string) {
 export function len(a: { end: number; start: number }) {
   return a.end - a.start
 }
+
+/** reads computeds so a reaction observes them, which keeps them cached */
+export function readComputed(..._values: unknown[]) {}

package/src/version.ts

@@ -1 +1 @@
-export const version = '9.1.0'
+export const version = '9.2.0'

package/src/wheelZoom.ts

@@ -1,47 +1,69 @@
-// Wheel / trackpad-pinch delta handling, adapted from @jbrowse/core's
-// util/wheelZoom (not yet in our pinned @jbrowse/core). Turns raw wheel deltas
-// into a per-frame zoom factor that feels consistent across fine trackpad
-// pinches and coarse mouse notches.
+// Chrome and Firefox encode a trackpad pinch as ctrl+wheel with
+// deltaY = -100 * ln(scale), so dividing by 100 tracks the fingers 1:1
+const PINCH_PX_PER_LOG = 100
 
-// Fixed divisor for plain-wheel scroll-zoom mode, where deltas are big notches.
-export const SCROLL_ZOOM_DIVISOR = 500
+// a plain scroll covers more pixels than a pinch for the same intent
+const SCROLL_PX_PER_LOG = 400
 
-// Cap the zoom change per millisecond so a burst of momentum-scroll events
-// coalesced into one frame can't jump the zoom level (0.2 per ~60fps frame).
-const MAX_ZOOM_RATE_PER_MS = 0.2 / 16.67
+// a pixel delta at least this large counts as a wheel notch
+const NOTCH_MIN_PX = 40
+
+export const NOTCH_ZOOM = 1.25
+
+// the time constant a notch eases in over
+const NOTCH_TAU_MS = 60
+
+// a burst of continuous events coalesced into one frame applies at most 2x
+const MAX_FRAME_LOG = Math.log(2)
+
+// the queue holds at most four notches, which caps a fast spin
+const MAX_PENDING_LOG = 4 * Math.log(NOTCH_ZOOM)
 
-// Convert a wheel delta to pixels regardless of the browser's deltaMode; some
-// browsers/mice report lines or pages instead of pixels.
 export function normalizeWheelDelta(delta: number, mode: number) {
   if (mode === 1) {
-    return delta * 16 // DOM_DELTA_LINE
+    return delta * 16
   }
   if (mode === 2) {
-    return delta * 100 // DOM_DELTA_PAGE
+    return delta * 100
   }
-  return delta // DOM_DELTA_PIXEL
+  return delta
 }
 
-// Adaptive divisor: tiny pinch deltas zoom in larger steps, big mouse notches
-// in finer steps, so a trackpad pinch and a mouse wheel feel similar.
-export function getZoomNormalizer(deltaY: number) {
-  const abs = Math.abs(deltaY)
-  if (abs < 6) {
-    return 25
-  }
-  if (abs > 150) {
-    return 500
+const clampAbs = (x: number, max: number) => Math.max(-max, Math.min(max, x))
+
+// Positive log zooms in. Feed every wheel event to add() and call step() once
+// per animation frame with the time since the last frame; step() returns the
+// multiplier for colWidth/rowHeight.
+export class WheelZoomSmoother {
+  private continuous = 0
+  private pending = 0
+
+  add(deltaY: number, deltaMode: number, isPinch: boolean) {
+    const px = normalizeWheelDelta(deltaY, deltaMode)
+    if (deltaMode !== 0 || Math.abs(px) >= NOTCH_MIN_PX) {
+      const notches =
+        deltaMode !== 0 ? 1 : Math.min(Math.max(Math.abs(px) / 100, 1), 3)
+      this.pending = clampAbs(
+        this.pending - Math.sign(px) * notches * Math.log(NOTCH_ZOOM),
+        MAX_PENDING_LOG,
+      )
+    } else {
+      this.continuous -= px / (isPinch ? PINCH_PX_PER_LOG : SCROLL_PX_PER_LOG)
+    }
   }
-  if (abs > 30) {
-    return 150
+
+  get idle() {
+    return this.continuous === 0 && this.pending === 0
   }
-  return 75
-}
 
-// Turn accumulated, normalized zoom intent into a colWidth/rowHeight multiplier.
-// Positive accum (wheel toward user) zooms out (factor < 1); negative zooms in.
-export function zoomFactorFromAccum(zoomAccum: number, elapsedMs: number) {
-  const max = MAX_ZOOM_RATE_PER_MS * elapsedMs
-  const d = Math.max(-max, Math.min(max, zoomAccum))
-  return d > 0 ? 1 / (1 + d) : 1 - d
+  step(elapsedMs: number) {
+    let eased = this.pending * (1 - Math.exp(-elapsedMs / NOTCH_TAU_MS))
+    if (Math.abs(this.pending - eased) < 0.005) {
+      eased = this.pending
+    }
+    this.pending -= eased
+    const log = clampAbs(this.continuous + eased, MAX_FRAME_LOG)
+    this.continuous = 0
+    return Math.exp(log)
+  }
 }

package/src/zoomSnapshot.ts

@@ -0,0 +1,80 @@
+import { calculateBlocks } from './calculateBlocks.ts'
+
+export interface ZoomSnapshot {
+  colWidth: number
+  rowHeight: number
+  blocksX: number[]
+  blocksY: number[]
+}
+
+interface Viewport {
+  colWidth: number
+  rowHeight: number
+  scrollX: number
+  scrollY: number
+  msaAreaWidth: number
+  msaAreaHeight: number
+  totalWidth: number
+  totalHeight: number
+  blockSize: number
+}
+
+// past this stretch the scaled letters blur enough to redraw
+const maxStretch = 2
+
+// a redraw covers this fraction of the viewport again on each side, so a zoom
+// out shrinks it for a few frames before it runs out of picture
+const margin = 0.2
+
+function blocksAt(
+  view: Viewport,
+  axis: 'x' | 'y',
+  scale: number,
+  marginFraction: number,
+) {
+  const size = axis === 'x' ? view.msaAreaWidth : view.msaAreaHeight
+  const pos = -(axis === 'x' ? view.scrollX : view.scrollY)
+  const map = axis === 'x' ? view.totalWidth : view.totalHeight
+  const pad = size * marginFraction
+  return calculateBlocks({
+    viewportSize: (size + 2 * pad) / scale,
+    viewportPos: (pos - pad) / scale,
+    mapSize: map / scale,
+    blockSize: view.blockSize,
+  })
+}
+
+const within = (need: number[], have: number[]) =>
+  need.length === 0 ||
+  (have.length > 0 && need[0]! >= have[0]! && need.at(-1)! <= have.at(-1)!)
+
+// a gesture starts from the blocks already drawn, and each redraw during it
+// adds the margin
+export function takeZoomSnapshot(view: Viewport, withMargin: boolean) {
+  const m = withMargin ? margin : 0
+  return {
+    colWidth: view.colWidth,
+    rowHeight: view.rowHeight,
+    blocksX: blocksAt(view, 'x', 1, m),
+    blocksY: blocksAt(view, 'y', 1, m),
+  } satisfies ZoomSnapshot
+}
+
+export function zoomSnapshotScale(view: Viewport, snap: ZoomSnapshot) {
+  return {
+    sx: view.colWidth / snap.colWidth,
+    sy: view.rowHeight / snap.rowHeight,
+  }
+}
+
+// whether the blocks drawn at the snapshot, stretched to the current cell
+// size, still fill the viewport sharply enough
+export function zoomSnapshotCovers(view: Viewport, snap: ZoomSnapshot) {
+  const { sx, sy } = zoomSnapshotScale(view, snap)
+  return (
+    sx <= maxStretch &&
+    sy <= maxStretch &&
+    within(blocksAt(view, 'x', sx, 0), snap.blocksX) &&
+    within(blocksAt(view, 'y', sy, 0), snap.blocksY)
+  )
+}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { MsaViewModel } from '../../model.ts';
-export declare function colorSchemeMenuItems(model: MsaViewModel): {
-    readonly label: string;
-    readonly type: 'radio';
-    readonly checked: boolean;
-    readonly onClick: () => void;
-}[];
-declare const ColorSchemeMenu: ({ model }: {
-    model: MsaViewModel;
-}) => React.JSX.Element;
-export default ColorSchemeMenu;

package/dist/components/header/ColorSchemeMenu.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-import Palette from '@mui/icons-material/Palette';
-import { observer } from 'mobx-react';
-import colorSchemes from '../../colorSchemes.js';
-// While a `customColorScheme` map is set, a checked Custom entry stands for it
-// and no named scheme is checked. Picking a named scheme clears the map.
-export function colorSchemeMenuItems(model) {
-    const { colorSchemeName, customColorScheme } = model;
-    const custom = customColorScheme
-        ? [
-            {
-                label: 'Custom',
-                type: 'radio',
-                checked: true,
-                onClick: () => { },
-            },
-        ]
-        : [];
-    return [
-        ...custom,
-        ...Object.keys(colorSchemes).map(option => ({
-            label: option,
-            type: 'radio',
-            checked: !customColorScheme && colorSchemeName === option,
-            onClick: () => {
-                model.setColorSchemeName(option);
-            },
-        })),
-    ];
-}
-const ColorSchemeMenu = observer(function ({ model }) {
-    return (React.createElement(CascadingMenuButton, { "data-testid": "color_scheme_menu", tooltip: "Color scheme", closeAfterItemClick: true, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, menuItems: colorSchemeMenuItems(model) },
-        React.createElement(Palette, null)));
-});
-export default ColorSchemeMenu;
-//# sourceMappingURL=ColorSchemeMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorSchemeMenu.js","sourceRoot":"","sources":["../../../src/components/header/ColorSchemeMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,YAAY,MAAM,uBAAuB,CAAA;AAIhD,+EAA+E;AAC/E,yEAAyE;AACzE,MAAM,UAAU,oBAAoB,CAAC,KAAmB;IACtD,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IACpD,MAAM,MAAM,GAAG,iBAAiB;QAC9B,CAAC,CAAC;YACE;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,IAAI;gBACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;aACT;SACX;QACH,CAAC,CAAC,EAAE,CAAA;IACN,OAAO;QACL,GAAG,MAAM;QACT,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAC9B,MAAM,CAAC,EAAE,CACP,CAAC;YACC,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,CAAC,iBAAiB,IAAI,eAAe,KAAK,MAAM;YACzD,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;YAClC,CAAC;SACF,CAAU,CACd;KACF,CAAA;AACH,CAAC;AAED,MAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IAC3E,OAAO,CACL,oBAAC,mBAAmB,mBACN,mBAAmB,EAC/B,OAAO,EAAC,cAAc,EACtB,mBAAmB,QACnB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,SAAS,EAAE,oBAAoB,CAAC,KAAK,CAAC;QAEtC,oBAAC,OAAO,OAAG,CACS,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/components/header/FileMenu.js

@@ -1,92 +0,0 @@
-import React, { lazy } from 'react';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-import AccountTree from '@mui/icons-material/AccountTree';
-import Assignment from '@mui/icons-material/Assignment';
-import FolderOpen from '@mui/icons-material/FolderOpen';
-import Menu from '@mui/icons-material/Menu';
-import PhotoCamera from '@mui/icons-material/PhotoCamera';
-import { observer } from 'mobx-react';
-import { maxNeighborJoiningRows } from '../../constants.js';
-import { getAnnotationsMenu } from './getAnnotationsMenu.js';
-const MetadataDialog = lazy(() => import('../dialogs/MetadataDialog.js'));
-const ExportSVGDialog = lazy(() => import('../dialogs/ExportSVGDialog.js'));
-function neighborJoiningItem(model) {
-    const rows = model.rowMap.size;
-    const tooManyRows = rows > maxNeighborJoiningRows;
-    return {
-        label: tooManyRows
-            ? `Calculate neighbor joining tree (over ${maxNeighborJoiningRows} rows, use FastTree)`
-            : 'Calculate neighbor joining tree (BLOSUM62)',
-        icon: AccountTree,
-        disabled: tooManyRows || rows < 2,
-        onClick: () => {
-            try {
-                model.calculateNeighborJoiningTreeFromMSA();
-            }
-            catch (e) {
-                console.error('Failed to calculate NJ tree:', e);
-                model.addWarning(e instanceof Error ? e.message : String(e));
-            }
-        },
-    };
-}
-const FileMenu = observer(({ model }) => {
-    return (React.createElement(CascadingMenuButton, { "data-testid": "file_menu", tooltip: "File", menuItems: [
-            ...(model.importForm
-                ? [
-                    {
-                        label: 'Return to import form',
-                        icon: FolderOpen,
-                        onClick: () => {
-                            model.reset();
-                        },
-                    },
-                ]
-                : []),
-            {
-                label: 'Metadata',
-                icon: Assignment,
-                onClick: () => {
-                    model.queueDialog(onClose => [
-                        MetadataDialog,
-                        {
-                            model,
-                            onClose,
-                        },
-                    ]);
-                },
-            },
-            {
-                label: 'Annotations',
-                type: 'subMenu',
-                subMenu: getAnnotationsMenu({
-                    model,
-                }),
-            },
-            neighborJoiningItem(model),
-            {
-                label: 'Export tree (Newick)',
-                icon: AccountTree,
-                disabled: !!model.tree.noTree,
-                onClick: () => {
-                    model.exportNewick();
-                },
-            },
-            {
-                label: 'Export SVG',
-                icon: PhotoCamera,
-                onClick: () => {
-                    model.queueDialog(onClose => [
-                        ExportSVGDialog,
-                        {
-                            onClose,
-                            model,
-                        },
-                    ]);
-                },
-            },
-        ], anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' } },
-        React.createElement(Menu, null)));
-});
-export default FileMenu;
-//# sourceMappingURL=FileMenu.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"GappynessSlider.js","sourceRoot":"","sources":["../../../src/components/header/GappynessSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,eAAe,GAAG,QAAQ,CAAC,SAAS,eAAe,CAAC,EACxD,KAAK,GAGN;IACC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAU,CAAA;IACpD,MAAM,KAAK,GAAG,SAAS,IAAI,gBAAgB,CAAA;IAC3C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE;QAI3D,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;;YACpB,KAAK;qBACf;QACb,oBAAC,MAAM;QACL,qEAAqE;QACrE,6DAA6D;QAC7D,wEAAwE;QACxE,yCAAyC;QACzC,EAAE;QACF,sEAAsE;QACtE,0DAA0D;QAC1D,EAAE;QACF,uEAAuE;QACvE,qEAAqE;QACrE,uBAAuB;QACvB,EAAE;QACF,iEAAiE;QACjE,uDAAuD;2BAC3C,kBAAkB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EACvC,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;gBACnB,YAAY,CAAC,GAAG,CAAC,CAAA;YACnB,CAAC,EACD,iBAAiB,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;gBAC5B,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAA;gBAC9B,YAAY,CAAC,SAAS,CAAC,CAAA;YACzB,CAAC,GACD,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/components/header/GoToBox.js

@@ -1,31 +0,0 @@
-import React, { useState } from 'react';
-import { Autocomplete, TextField } from '@mui/material';
-import { observer } from 'mobx-react';
-import { findableRowNames, goTo, rowNameSuggestions } from './goTo.js';
-const label = 'Go to row or column';
-// MUI 9 hands renderInput `slotProps`; MUI 7, which every released JBrowse host
-// serves, hands it `inputProps` and no `slotProps` at all
-export function labelledInput(params) {
-    const { slotProps, inputProps } = params;
-    return slotProps
-        ? {
-            slotProps: {
-                ...slotProps,
-                htmlInput: { ...slotProps.htmlInput, 'aria-label': label },
-            },
-        }
-        : { inputProps: { ...inputProps, 'aria-label': label } };
-}
-const GoToBox = observer(function ({ model }) {
-    const [missed, setMissed] = useState(false);
-    const names = findableRowNames(model);
-    return names.length > 1 || model.numColumns > 0 ? (React.createElement(Autocomplete, { freeSolo: true, size: "small", options: names, filterOptions: (options, { inputValue }) => rowNameSuggestions(options, inputValue), value: null, blurOnSelect: true, onInputChange: () => {
-            setMissed(false);
-        }, onChange: (_, text) => {
-            if (text) {
-                setMissed(!goTo(model, text));
-            }
-        }, style: { width: 180, margin: 'auto 8px' }, renderInput: params => (React.createElement(TextField, { ...params, error: missed, placeholder: label, title: "A row name, a column number, or name:residue", ...labelledInput(params) })) })) : null;
-});
-export default GoToBox;
-//# sourceMappingURL=GoToBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GoToBox.js","sourceRoot":"","sources":["../../../src/components/header/GoToBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAKtE,MAAM,KAAK,GAAG,qBAAqB,CAAA;AAEnC,gFAAgF;AAChF,0DAA0D;AAC1D,MAAM,UAAU,aAAa,CAAC,MAAqC;IACjE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,MAEjC,CAAA;IACD,OAAO,SAAS;QACd,CAAC,CAAC;YACE,SAAS,EAAE;gBACT,GAAG,SAAS;gBACZ,SAAS,EAAE,EAAE,GAAG,SAAS,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE;aAC3D;SACF;QACH,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,GAAG,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,CAAA;AAC5D,CAAC;AAED,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACrC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,oBAAC,YAAY,IACX,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CACzC,kBAAkB,CAAC,OAAO,EAAE,UAAU,CAAC,EAEzC,KAAK,EAAE,IAAI,EACX,YAAY,QACZ,aAAa,EAAE,GAAG,EAAE;YAClB,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;YACpB,IAAI,IAAI,EAAE,CAAC;gBACT,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;YAC/B,CAAC;QACH,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,EACzC,WAAW,EAAE,MAAM,CAAC,EAAE,CAAC,CACrB,oBAAC,SAAS,OACJ,MAAM,EACV,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,KAAK,EAClB,KAAK,EAAC,8CAA8C,KAChD,aAAa,CAAC,MAAM,CAAC,GACzB,CACH,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/components/header/MSASettingsMenu.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-import Tune from '@mui/icons-material/Tune';
-import { observer } from 'mobx-react';
-import { msaSettingsMenuItems } from './settingsMenuItems.js';
-const MSASettingsMenu = observer(function ({ model }) {
-    return (React.createElement(CascadingMenuButton, { "data-testid": "msa_settings_menu", tooltip: "Alignment settings", closeAfterItemClick: false, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, menuItems: msaSettingsMenuItems(model) },
-        React.createElement(Tune, null)));
-});
-export default MSASettingsMenu;
-//# sourceMappingURL=MSASettingsMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MSASettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/MSASettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAI7D,MAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IAC3E,OAAO,CACL,oBAAC,mBAAmB,mBACN,mBAAmB,EAC/B,OAAO,EAAC,oBAAoB,EAC5B,mBAAmB,EAAE,KAAK,EAC1B,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,SAAS,EAAE,oBAAoB,CAAC,KAAK,CAAC;QAEtC,oBAAC,IAAI,OAAG,CACY,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { SvgIconProps } from '@mui/material/SvgIcon';
-export declare function MouseScroll(props: SvgIconProps): React.JSX.Element;
-export declare function MouseZoomBoth(props: SvgIconProps): React.JSX.Element;
-export declare function MouseZoomHorizontal(props: SvgIconProps): React.JSX.Element;
-export declare function MouseZoomVertical(props: SvgIconProps): React.JSX.Element;

package/dist/components/header/ScrollZoomIcons.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-// Mouse glyphs with outward arrows on the axes a wheel zoom scales.
-// @mui/icons-material ships only the plain `Mouse`, and three variants that
-// differ only in their arrows have to share one body to stay apart at 24px.
-// The body's inner subpath runs the opposite sweep, which punches the hole the
-// wheel bar sits in.
-const BODY = 'M12 5a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0V9a4 4 0 0 0-4-4zm0 2a2 2 0 0 1 2 2v6a2 2 0 0 1-4 0V9a2 2 0 0 1 2-2z';
-const WHEEL = 'M11.2 8.6h1.6v3.2h-1.6z';
-const LEFT = 'M.4 12 5 15V9z';
-const RIGHT = 'M23.6 12 19 9v6z';
-const UP = 'M12 .4 15 4H9z';
-const DOWN = 'M12 23.6 9 20h6z';
-function MouseZoom({ arrows, ...rest }) {
-    return (React.createElement(SvgIcon, { ...rest },
-        React.createElement("path", { d: BODY }),
-        React.createElement("path", { d: WHEEL }),
-        arrows.map(d => (React.createElement("path", { key: d, d: d })))));
-}
-// the bare body, for a wheel that scrolls. @mui/icons-material's own `Mouse` is
-// a solid silhouette, which would jump to a different drawing when the menu
-// changes the mode.
-export function MouseScroll(props) {
-    return React.createElement(MouseZoom, { ...props, arrows: [] });
-}
-export function MouseZoomBoth(props) {
-    return React.createElement(MouseZoom, { ...props, arrows: [LEFT, RIGHT, UP, DOWN] });
-}
-export function MouseZoomHorizontal(props) {
-    return React.createElement(MouseZoom, { ...props, arrows: [LEFT, RIGHT] });
-}
-export function MouseZoomVertical(props) {
-    return React.createElement(MouseZoom, { ...props, arrows: [UP, DOWN] });
-}
-//# sourceMappingURL=ScrollZoomIcons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollZoomIcons.js","sourceRoot":"","sources":["../../../src/components/header/ScrollZoomIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAI3C,oEAAoE;AACpE,4EAA4E;AAC5E,4EAA4E;AAC5E,+EAA+E;AAC/E,qBAAqB;AACrB,MAAM,IAAI,GACR,yGAAyG,CAAA;AAC3G,MAAM,KAAK,GAAG,yBAAyB,CAAA;AACvC,MAAM,IAAI,GAAG,gBAAgB,CAAA;AAC7B,MAAM,KAAK,GAAG,kBAAkB,CAAA;AAChC,MAAM,EAAE,GAAG,gBAAgB,CAAA;AAC3B,MAAM,IAAI,GAAG,kBAAkB,CAAA;AAE/B,SAAS,SAAS,CAAC,EACjB,MAAM,EACN,GAAG,IAAI,EACsC;IAC7C,OAAO,CACL,oBAAC,OAAO,OAAK,IAAI;QACf,8BAAM,CAAC,EAAE,IAAI,GAAI;QACjB,8BAAM,CAAC,EAAE,KAAK,GAAI;QACjB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACf,8BAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAI,CACvB,CAAC,CACM,CACX,CAAA;AACH,CAAC;AAED,gFAAgF;AAChF,4EAA4E;AAC5E,oBAAoB;AACpB,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,MAAM,EAAE,EAAE,GAAI,CAAA;AAC7C,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAmB;IAC/C,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,GAAI,CAAA;AAClE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAmB;IACrD,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,GAAI,CAAA;AACxD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAmB;IACnD,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,GAAI,CAAA;AACrD,CAAC"}

package/dist/components/header/TreeSettingsMenu.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-import AccountTree from '@mui/icons-material/AccountTree';
-import { observer } from 'mobx-react';
-import { treeSettingsMenuItems } from './settingsMenuItems.js';
-const TreeSettingsMenu = observer(function ({ model, }) {
-    return model.noTree ? null : (React.createElement(CascadingMenuButton, { "data-testid": "tree_settings_menu", tooltip: "Tree settings", closeAfterItemClick: false, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, menuItems: treeSettingsMenuItems(model) },
-        React.createElement(AccountTree, null)));
-});
-export default TreeSettingsMenu;
-//# sourceMappingURL=TreeSettingsMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TreeSettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/TreeSettingsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAI9D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,UAAU,EAC1C,KAAK,GAGN;IACC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,oBAAC,mBAAmB,mBACN,oBAAoB,EAChC,OAAO,EAAC,eAAe,EACvB,mBAAmB,EAAE,KAAK,EAC1B,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EACxD,SAAS,EAAE,qBAAqB,CAAC,KAAK,CAAC;QAEvC,oBAAC,WAAW,OAAG,CACK,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

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

@@ -1,20 +0,0 @@
-import type { MsaViewModel } from '../../model.ts';
-export declare function findableRowNames(model: MsaViewModel): string[];
-export declare function rowNameSuggestions(names: string[], input: string, limit?: number): string[];
-/**
- * The visible row and column a "Go to" entry names: a row by its name, the
- * column the ruler numbers N, or residue N of a row written `name:N`. A name
- * is tried whole first, so a row called `chr1:100` stays reachable.
- */
-export declare function resolveGoTo(model: MsaViewModel, text: string): {
-    row: number;
-    col?: undefined;
-} | {
-    row: number | undefined;
-    col: number;
-} | {
-    row?: undefined;
-    col: number;
-} | undefined;
-/** centers the view on the entry's target and lights it; false if none */
-export declare function goTo(model: MsaViewModel, text: string): boolean;

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

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

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

@@ -1,5 +0,0 @@
-import type { MsaViewModel } from '../../model.ts';
-import type { MenuItem } from '@jbrowse/core/ui/Menu';
-export declare function wheelSubMenu(model: MsaViewModel): MenuItem[];
-export declare function msaSettingsMenuItems(model: MsaViewModel): MenuItem[];
-export declare function treeSettingsMenuItems(model: MsaViewModel): MenuItem[];