@jbrowse/plugin-linear-genome-view 1.6.6 → 1.6.7

package/dist/plugin-linear-genome-view.esm.js

@@ -50,13 +50,13 @@ import ArrowBackIcon from '@material-ui/icons/ArrowBack';
 import IconButton$1 from '@material-ui/core/IconButton';
 import Slider from '@material-ui/core/Slider';
 import ZoomOut from '@material-ui/icons/ZoomOut';
+import Paper$1 from '@material-ui/core/Paper';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
 import DragIcon from '@material-ui/icons/DragIndicator';
 import normalizeWheel from 'normalize-wheel';
 import { alpha as alpha$1 } from '@material-ui/core/styles/colorManipulator';
 import Popover$1 from '@material-ui/core/Popover';
 import Tooltip$2 from '@material-ui/core/Tooltip';
-import Paper$1 from '@material-ui/core/Paper';
 import ErrorMessage from '@jbrowse/core/ui/ErrorMessage';
 import AssemblySelector from '@jbrowse/core/ui/AssemblySelector';
 import ArrowDown from '@material-ui/icons/KeyboardArrowDown';
@@ -4660,11 +4660,15 @@ var TrackLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 var TrackLabel$1 = /*#__PURE__*/observer(TrackLabel);
 
-var useStyles$c = /*#__PURE__*/makeStyles$1(function (theme) {
+var useStyles$c = /*#__PURE__*/makeStyles(function (theme) {
   return {
-    root: {},
+    root: {
+      margin: 2
+    },
     resizeHandle: {
       height: RESIZE_HANDLE_HEIGHT,
+      boxSizing: 'border-box',
+      position: 'relative',
       zIndex: 2
     },
     overlay: {
@@ -4677,8 +4681,7 @@ var useStyles$c = /*#__PURE__*/makeStyles$1(function (theme) {
       borderRadius: theme.shape.borderRadius
     },
     trackLabel: {
-      zIndex: 3,
-      margin: theme.spacing(1)
+      zIndex: 3
     },
     trackLabelInline: {
       position: 'relative',
@@ -4693,19 +4696,29 @@ var useStyles$c = /*#__PURE__*/makeStyles$1(function (theme) {
       whiteSpace: 'nowrap',
       position: 'relative',
       background: 'none',
-      zIndex: 2
+      zIndex: 2,
+      boxSizing: 'content-box'
     }
   };
 });
 
-function TrackContainer(_ref) {
+function TrackContainerLabel(_ref) {
   var model = _ref.model,
-      track = _ref.track;
+      view = _ref.view;
+  var classes = useStyles$c();
+  var labelStyle = view.trackLabels === 'overlapping' ? classes.trackLabelOverlap : classes.trackLabelInline;
+  return view.trackLabels !== 'hidden' ? /*#__PURE__*/React.createElement(TrackLabel$1, {
+    track: model,
+    className: clsx(classes.trackLabel, labelStyle)
+  }) : null;
+}
+
+function TrackContainer(_ref2) {
+  var model = _ref2.model,
+      track = _ref2.track;
   var classes = useStyles$c();
   var display = track.displays[0];
-  var id = model.id,
-      trackLabels = model.trackLabels,
-      horizontalScroll = model.horizontalScroll,
+  var horizontalScroll = model.horizontalScroll,
       draggingTrackId = model.draggingTrackId,
       moveTrack = model.moveTrack;
   var height = display.height;
@@ -4731,10 +4744,13 @@ function TrackContainer(_ref) {
   var RenderingComponent = display.RenderingComponent,
       DisplayBlurb = display.DisplayBlurb;
   var dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/React.createElement(Paper, {
-    variant: "outlined",
+  return /*#__PURE__*/React.createElement(Paper$1, {
+    className: classes.root,
+    variant: "outlined"
+  }, /*#__PURE__*/React.createElement(TrackContainerLabel, {
+    model: track,
+    view: model
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.trackRenderingContainer,
     style: {
       height: height
@@ -4744,19 +4760,15 @@ function TrackContainer(_ref) {
       display.setScrollTop(target.scrollTop);
     },
     onDragEnter: debouncedOnDragEnter,
-    "data-testid": "trackRenderingContainer-".concat(id, "-").concat(trackId),
+    "data-testid": "trackRenderingContainer-".concat(model.id, "-").concat(trackId),
     role: "presentation"
-  }, trackLabels !== 'hidden' ? /*#__PURE__*/React.createElement(TrackLabel$1, {
-    track: track,
-    className: clsx(classes.trackLabel, trackLabels === 'overlapping' ? classes.trackLabelOverlap : classes.trackLabelInline)
-  }) : null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: ref,
     style: {
       transform: "scaleX(".concat(model.scaleFactor, ")")
     }
   }, /*#__PURE__*/React.createElement(RenderingComponent, {
     model: display,
-    blockState: {},
     onHorizontalScroll: horizontalScroll
   })), DisplayBlurb ? /*#__PURE__*/React.createElement("div", {
     style: {
@@ -5535,8 +5547,6 @@ function TracksContainer(_ref) {
         boxSizing: 'border-box'
       }
     })
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.spacer
   }), children);
 }