@jbrowse/display-ui 5.0.0-beta.10 → 5.0.0-beta.11

package/esm/FloatingLegend.js

@@ -37,20 +37,9 @@ const useStyles = makeStyles()(theme => ({
         // rendered inline, where events already pass through)
         pointerEvents: 'auto',
     },
-    // A plain <button>, not MUI's IconButton, and the glyph is `×` rather than
-    // the Material Close icon.
-    //
-    // This component is rendered by canvas, alignments, variants and multi-wiggle
-    // displays *directly*, behind neither bring-your-own seam, so a Material
-    // widget here reaches an embedder who has opted out of both — and the
-    // build-your-own site's zero-MUI census, which no page currently trips only
-    // because no page turns on a colorBy that raises a legend. Same call
-    // `BaseTooltip` made in 2026-08: what it needed was colors, and colors have a
-    // toolkit-free home already. See DISPLAYCHROME.md, "a third seam was
-    // considered for the tooltip and rejected".
-    //
-    // `×` is what `SvgColorLegend` already draws for this control, so the
-    // exported legend and the on-screen one now agree.
+    // A plain <button> with a `×` glyph, not MUI: displays render this legend
+    // directly, behind neither bring-your-own seam. See DISPLAYCHROME.md, "The
+    // bring-your-own seams".
     closeButton: {
         position: 'absolute',
         top: 0,

package/esm/axisPlacement.d.ts

@@ -29,6 +29,12 @@ export declare function axisCaptionY(axis: Pick<YAxis, 'ticks'>, bandTops: numbe
  * beside the spine.
  */
 export declare function axisGutterWidth(axis: Pick<YAxis, 'ticks' | 'caption'>): number;
+/**
+ * Px the export's left margin holds for these axes: the widest left-side axis
+ * that draws, 0 when none does. A sidebar the export parks left of the figure
+ * sits past this strip so the scalebars stay beside the plot.
+ */
+export declare function leftAxisGutterWidth(axes: readonly Pick<YAxis, 'side' | 'ticks' | 'caption' | 'height' | 'bandTops'>[]): number;
 /** How far in from the plot's right edge a right-side gutter ends in an export. */
 export declare const AXIS_RIGHT_INSET_PX = 4;
 /**

package/esm/axisPlacement.js

@@ -47,6 +47,16 @@ export function axisGutterWidth(axis) {
     }
     return Math.max(AXIS_GUTTER_WIDTH_PX, Math.ceil(CAPTION_BAND_PX + widest + TICK_LABEL_X_PX));
 }
+/**
+ * Px the export's left margin holds for these axes: the widest left-side axis
+ * that draws, 0 when none does. A sidebar the export parks left of the figure
+ * sits past this strip so the scalebars stay beside the plot.
+ */
+export function leftAxisGutterWidth(axes) {
+    return Math.max(0, ...axes
+        .filter(axis => axis.side !== 'right' && axisDrawn(axis))
+        .map(axisGutterWidth));
+}
 /** How far in from the plot's right edge a right-side gutter ends in an export. */
 export const AXIS_RIGHT_INSET_PX = 4;
 /**

package/esm/index.d.ts

@@ -29,7 +29,7 @@ export type { AxisSide, ValueScale, ValueScaleRule, YAxis, } from './valueScale.
 export { AXIS_GUTTER_WIDTH_PX, axisPlotBox, clampStrokeInsideAxis, scoreToAxisY, } from './yScaleTicks.ts';
 export type { YScaleTicks } from './yScaleTicks.ts';
 export { DEFAULT_RULE_COLOR, SCORE_CAPTION_HEIGHT, YSCALEBAR_LABEL_OFFSET, } from './yAxisConstants.ts';
-export { AXIS_RIGHT_INSET_PX, COMPACT_AXIS_HEIGHT, axisDrawn, axisGutterLeft, axisGutterWidth, } from './axisPlacement.ts';
+export { AXIS_RIGHT_INSET_PX, COMPACT_AXIS_HEIGHT, axisDrawn, axisGutterLeft, axisGutterWidth, leftAxisGutterWidth, } from './axisPlacement.ts';
 export { default as AxisGutter } from './AxisGutter.tsx';
 export { AxisCaptionOverlay, default as AxisCaption } from './AxisCaption.tsx';
 export { default as YScaleBar } from './YScaleBar.tsx';

package/esm/index.js

@@ -64,7 +64,7 @@ export { isLiveModel } from './isLiveModel.js';
 export { BOTTOM_RIGHT_CONTROLS_ORDER, BottomRightCornerContext, } from './bottomRightCorner.js';
 export { AXIS_GUTTER_WIDTH_PX, axisPlotBox, clampStrokeInsideAxis, scoreToAxisY, } from './yScaleTicks.js';
 export { DEFAULT_RULE_COLOR, SCORE_CAPTION_HEIGHT, YSCALEBAR_LABEL_OFFSET, } from './yAxisConstants.js';
-export { AXIS_RIGHT_INSET_PX, COMPACT_AXIS_HEIGHT, axisDrawn, axisGutterLeft, axisGutterWidth, } from './axisPlacement.js';
+export { AXIS_RIGHT_INSET_PX, COMPACT_AXIS_HEIGHT, axisDrawn, axisGutterLeft, axisGutterWidth, leftAxisGutterWidth, } from './axisPlacement.js';
 export { default as AxisGutter } from './AxisGutter.js';
 export { AxisCaptionOverlay, default as AxisCaption } from './AxisCaption.js';
 export { default as YScaleBar } from './YScaleBar.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/display-ui",
-  "version": "5.0.0-beta.10",
+  "version": "5.0.0-beta.11",
   "type": "module",
   "description": "The UI a display draws that is not data: the swappable chrome contract, its toolkit-free implementations, and the track overlay layer",
   "keywords": [
@@ -29,9 +29,10 @@
     "esm"
   ],
   "dependencies": {
-    "@jbrowse/mobx-state-tree": "^6.6.1",
+    "@jbrowse/mobx-state-tree": "^6.7.0",
+    "mobx": "^7.0.5",
     "mobx-react": "^10.0.2",
-    "@jbrowse/core": "^5.0.0-beta.10"
+    "@jbrowse/core": "^5.0.0-beta.11"
   },
   "peerDependencies": {
     "react": ">=19.0.0",