@jbrowse/plugin-linear-genome-view 5.0.0-beta.13 → 5.0.0-beta.15

package/esm/shared/coordLabels.d.ts

@@ -1,11 +1,11 @@
 export declare const LABEL_WIDTH = 100;
 /** A red vertical line at `coordX` with `children` labelled above it. */
-export declare function VerticalGuideLine({ coordX, viewWidth, stickyTop, children, }: {
+export declare const VerticalGuideLine: ({ coordX, viewWidth, stickyTop, children, }: {
     coordX: number;
     viewWidth: number;
     stickyTop: string | undefined;
     children: React.ReactNode;
-}): import("react").JSX.Element;
+}) => import("react").JSX.Element;
 /**
  * The bp coordinate under a vertical guide, drawn just above the top of the
  * guide line so it covers neither the line nor the cursor hovering the scalebar
@@ -26,22 +26,22 @@ export declare function VerticalGuideLine({ coordX, viewWidth, stickyTop, childr
  * measured once per hover, not per mousemove — only `coordX` changes as the
  * mouse moves, and that needs no measurement.
  */
-export declare function GuideLabel({ coordX, viewWidth, stickyTop, children, }: {
+export declare const GuideLabel: ({ coordX, viewWidth, stickyTop, children, }: {
     coordX: number;
     viewWidth: number;
     stickyTop: string | undefined;
     children: React.ReactNode;
-}): import("react").JSX.Element;
+}) => import("react").JSX.Element;
 /**
  * The bp coordinates of a rubberband selection, one label just outside each edge
  * of the span. Renders inside the span, so the edges are its own box. A label
  * with no room outside its edge flips inside instead, which is why the span it
  * has to fit in is a prop.
  */
-export declare function SpanEdgeLabels({ stickyTop, left, right, insideLeft, insideRight, }: {
+export declare const SpanEdgeLabels: ({ stickyTop, left, right, insideLeft, insideRight, }: {
     stickyTop: string | undefined;
     left: React.ReactNode;
     right: React.ReactNode;
     insideLeft: boolean;
     insideRight: boolean;
-}): import("react").JSX.Element;
+}) => import("react").JSX.Element;

package/esm/shared/coordLabels.js

@@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from 'react';
 import { alpha } from '@jbrowse/core/ui/palette';
 import { MUI_TOOLTIP_Z_INDEX } from '@jbrowse/core/ui/zIndexes';
 import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { observer } from 'mobx-react';
 import { createPortal } from 'react-dom';
 // roughly how wide a coordinate label is. the guide clamps itself half of this
 // from either border, and a rubberband label that would hang off a border goes
@@ -62,10 +63,10 @@ const useStyles = makeStyles()(theme => ({
     },
 }));
 /** A red vertical line at `coordX` with `children` labelled above it. */
-export function VerticalGuideLine({ coordX, viewWidth, stickyTop, children, }) {
+export const VerticalGuideLine = observer(function VerticalGuideLine({ coordX, viewWidth, stickyTop, children, }) {
     const { classes } = useStyles();
     return (_jsxs(_Fragment, { children: [_jsx(GuideLabel, { coordX: coordX, viewWidth: viewWidth, stickyTop: stickyTop, children: children }), _jsx("div", { className: classes.guideLine, style: { transform: `translateX(${coordX}px)` } })] }));
-}
+});
 function anchorStyle(stickyTop) {
     return stickyTop === undefined
         ? { position: 'relative' }
@@ -91,7 +92,7 @@ function anchorStyle(stickyTop) {
  * measured once per hover, not per mousemove — only `coordX` changes as the
  * mouse moves, and that needs no measurement.
  */
-export function GuideLabel({ coordX, viewWidth, stickyTop, children, }) {
+export const GuideLabel = observer(function GuideLabel({ coordX, viewWidth, stickyTop, children, }) {
     const { classes, cx } = useStyles();
     const anchorRef = useRef(null);
     const [anchorPos, setAnchorPos] = useState();
@@ -120,14 +121,14 @@ export function GuideLabel({ coordX, viewWidth, stickyTop, children, }) {
                         bottom: anchorPos.viewportHeight - anchorPos.top + LABEL_GAP,
                     }, children: children }), document.body)
                 : null] }));
-}
+});
 /**
  * The bp coordinates of a rubberband selection, one label just outside each edge
  * of the span. Renders inside the span, so the edges are its own box. A label
  * with no room outside its edge flips inside instead, which is why the span it
  * has to fit in is a prop.
  */
-export function SpanEdgeLabels({ stickyTop, left, right, insideLeft, insideRight, }) {
+export const SpanEdgeLabels = observer(function SpanEdgeLabels({ stickyTop, left, right, insideLeft, insideRight, }) {
     const { classes, cx } = useStyles();
     return (_jsxs("div", { className: classes.anchor, style: anchorStyle(stickyTop), children: [_jsx("div", { className: cx(classes.label, classes.spanLabel, insideLeft ? classes.insideLeftEdge : classes.leftOfEdge), children: left }), _jsx("div", { className: cx(classes.label, classes.spanLabel, insideRight ? classes.insideRightEdge : classes.rightOfEdge), children: right })] }));
-}
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "5.0.0-beta.13",
+  "version": "5.0.0-beta.15",
   "type": "module",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
@@ -21,15 +21,15 @@
     "esm"
   ],
   "dependencies": {
-    "@jbrowse/mobx-state-tree": "^6.7.0",
-    "@mui/icons-material": "^9.4.0",
-    "@mui/material": "^9.4.0",
+    "@jbrowse/mobx-state-tree": "^6.9.0",
+    "@mui/icons-material": "^9.5.0",
+    "@mui/material": "^9.5.0",
     "mobx": "^7.0.6",
     "mobx-react": "^10.0.2",
-    "@jbrowse/core": "^5.0.0-beta.13",
-    "@jbrowse/render-core": "^5.0.0-beta.13",
-    "@jbrowse/display-kit": "^5.0.0-beta.13",
-    "@jbrowse/display-ui": "^5.0.0-beta.13"
+    "@jbrowse/display-kit": "^5.0.0-beta.15",
+    "@jbrowse/display-ui": "^5.0.0-beta.15",
+    "@jbrowse/core": "^5.0.0-beta.15",
+    "@jbrowse/render-core": "^5.0.0-beta.15"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -40,7 +40,7 @@
   },
   "sideEffects": false,
   "devDependencies": {
-    "@jbrowse/display-test-utils": "^5.0.0-beta.13"
+    "@jbrowse/display-test-utils": "^5.0.0-beta.15"
   },
   "scripts": {
     "prebuild": "pnpm clean",