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

package/dist/LinearBareDisplay/model.d.ts

@@ -25,7 +25,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         renderInProgress: AbortController | undefined;
         filled: boolean;
         reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
-        features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
         error: unknown;
@@ -43,7 +43,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         setMessage(messageText: string): void;
         setRendered(props: {
             reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
-            features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature>;
+            features: Map<string, import("@jbrowse/core/util").Feature>;
             layout: any;
             maxHeightReached: boolean;
             renderProps: any;
@@ -113,7 +113,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     currBpPerPx: number;
     message: string;
     featureIdUnderMouse: string | undefined;
-    contextMenuFeature: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
     scrollTop: number;
     estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
     estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
@@ -126,8 +126,8 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     readonly selectedFeatureId: string | undefined;
     readonly DisplayMessageComponent: import("react").FC<any> | undefined;
 } & {
-    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util/simpleFeature").Feature>;
-    readonly featureUnderMouse: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): any;
     getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
     searchFeatureByID(id: string): [number, number, number, number] | undefined;
@@ -154,11 +154,11 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     setCurrBpPerPx(n: number): void;
     deleteBlock(key: string): void;
-    selectFeature(feature: import("@jbrowse/core/util/simpleFeature").Feature): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature: string | undefined): void;
     reload(): void;
-    setContextMenuFeature(feature?: import("@jbrowse/core/util/simpleFeature").Feature | undefined): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
 } & {
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;

package/dist/LinearBasicDisplay/model.d.ts

@@ -27,7 +27,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
         renderInProgress: AbortController | undefined;
         filled: boolean;
         reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
-        features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
         error: unknown;
@@ -45,7 +45,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
         setMessage(messageText: string): void;
         setRendered(props: {
             reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
-            features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature>;
+            features: Map<string, import("@jbrowse/core/util").Feature>;
             layout: any;
             maxHeightReached: boolean;
             renderProps: any;
@@ -119,7 +119,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
     currBpPerPx: number;
     message: string;
     featureIdUnderMouse: string | undefined;
-    contextMenuFeature: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
     scrollTop: number;
     estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
     estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
@@ -132,8 +132,8 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
     readonly selectedFeatureId: string | undefined;
     readonly DisplayMessageComponent: import("react").FC<any> | undefined;
 } & {
-    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util/simpleFeature").Feature>;
-    readonly featureUnderMouse: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): any;
     getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
     searchFeatureByID(id: string): [number, number, number, number] | undefined;
@@ -160,11 +160,11 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     setCurrBpPerPx(n: number): void;
     deleteBlock(key: string): void;
-    selectFeature(feature: import("@jbrowse/core/util/simpleFeature").Feature): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature: string | undefined): void;
     reload(): void;
-    setContextMenuFeature(feature?: import("@jbrowse/core/util/simpleFeature").Feature | undefined): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
 } & {
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;

package/dist/LinearGenomeView/components/OverviewScaleBar.d.ts

@@ -20,7 +20,7 @@ declare const Cytobands: ({ overview, block, assembly, }: {
         refNameAliases: {
             [key: string]: string;
         } | undefined;
-        cytobands: import("@jbrowse/core/util/simpleFeature").Feature[] | undefined;
+        cytobands: import("@jbrowse/core/util").Feature[] | undefined;
     } & {
         readonly initialized: boolean;
         readonly name: string;
@@ -40,12 +40,12 @@ declare const Cytobands: ({ overview, block, assembly, }: {
         setLoaded({ adapterRegionsWithAssembly, refNameAliases, cytobands, }: {
             adapterRegionsWithAssembly: import("@jbrowse/core/util").Region[];
             refNameAliases: Record<string, string>;
-            cytobands: import("@jbrowse/core/util/simpleFeature").Feature[];
+            cytobands: import("@jbrowse/core/util").Feature[];
         }): void;
         setError(e: Error): void;
         setRegions(regions: import("@jbrowse/core/util").Region[]): void;
         setRefNameAliases(refNameAliases: Record<string, string>): void;
-        setCytobands(cytobands: import("@jbrowse/core/util/simpleFeature").Feature[]): void;
+        setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
         afterAttach(): void;
     } & {
         getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
@@ -70,7 +70,7 @@ declare const Cytobands: ({ overview, block, assembly, }: {
         refNameAliases: {
             [key: string]: string;
         } | undefined;
-        cytobands: import("@jbrowse/core/util/simpleFeature").Feature[] | undefined;
+        cytobands: import("@jbrowse/core/util").Feature[] | undefined;
     } & {
         readonly initialized: boolean;
         readonly name: string;
@@ -90,12 +90,12 @@ declare const Cytobands: ({ overview, block, assembly, }: {
         setLoaded({ adapterRegionsWithAssembly, refNameAliases, cytobands, }: {
             adapterRegionsWithAssembly: import("@jbrowse/core/util").Region[];
             refNameAliases: Record<string, string>;
-            cytobands: import("@jbrowse/core/util/simpleFeature").Feature[];
+            cytobands: import("@jbrowse/core/util").Feature[];
         }): void;
         setError(e: Error): void;
         setRegions(regions: import("@jbrowse/core/util").Region[]): void;
         setRefNameAliases(refNameAliases: Record<string, string>): void;
-        setCytobands(cytobands: import("@jbrowse/core/util/simpleFeature").Feature[]): void;
+        setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
         afterAttach(): void;
     } & {
         getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{

package/dist/LinearGenomeView/components/TrackContainer.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import { LinearGenomeViewModel } from '..';
-declare type LGV = LinearGenomeViewModel;
 declare function TrackContainer({ model, track, }: {
-    model: LGV;
+    model: LinearGenomeViewModel;
     track: BaseTrackModel;
 }): JSX.Element;
 declare const _default: typeof TrackContainer;

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     renderInProgress: AbortController | undefined;
                     filled: boolean;
                     reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
-                    features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature> | undefined;
+                    features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
                     layout: any;
                     status: string;
                     error: unknown;
@@ -52,7 +52,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     setMessage(messageText: string): void;
                     setRendered(props: {
                         reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
-                        features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature>;
+                        features: Map<string, import("@jbrowse/core/util").Feature>;
                         layout: any;
                         maxHeightReached: boolean;
                         renderProps: any;
@@ -119,7 +119,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 currBpPerPx: number;
                 message: string;
                 featureIdUnderMouse: string | undefined;
-                contextMenuFeature: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+                contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
                 scrollTop: number;
                 estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
                 estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
@@ -132,8 +132,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly selectedFeatureId: string | undefined;
                 readonly DisplayMessageComponent: import("react").FC<any> | undefined;
             } & {
-                readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util/simpleFeature").Feature>;
-                readonly featureUnderMouse: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+                readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+                readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
                 getFeatureOverlapping(blockKey: string, x: number, y: number): any;
                 getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
                 searchFeatureByID(id: string): [number, number, number, number] | undefined;
@@ -160,11 +160,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
                 setCurrBpPerPx(n: number): void;
                 deleteBlock(key: string): void;
-                selectFeature(feature: import("@jbrowse/core/util/simpleFeature").Feature): void;
+                selectFeature(feature: import("@jbrowse/core/util").Feature): void;
                 clearFeatureSelection(): void;
                 setFeatureIdUnderMouse(feature: string | undefined): void;
                 reload(): void;
-                setContextMenuFeature(feature?: import("@jbrowse/core/util/simpleFeature").Feature | undefined): void;
+                setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
             } & {
                 readonly regionTooLarge: boolean;
                 readonly regionTooLargeReason: string;
@@ -210,7 +210,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     renderInProgress: AbortController | undefined;
                     filled: boolean;
                     reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
-                    features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature> | undefined;
+                    features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
                     layout: any;
                     status: string;
                     error: unknown;
@@ -228,7 +228,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                     setMessage(messageText: string): void;
                     setRendered(props: {
                         reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
-                        features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature>;
+                        features: Map<string, import("@jbrowse/core/util").Feature>;
                         layout: any;
                         maxHeightReached: boolean;
                         renderProps: any;
@@ -295,7 +295,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 currBpPerPx: number;
                 message: string;
                 featureIdUnderMouse: string | undefined;
-                contextMenuFeature: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+                contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
                 scrollTop: number;
                 estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
                 estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
@@ -308,8 +308,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 readonly selectedFeatureId: string | undefined;
                 readonly DisplayMessageComponent: import("react").FC<any> | undefined;
             } & {
-                readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util/simpleFeature").Feature>;
-                readonly featureUnderMouse: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+                readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+                readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
                 getFeatureOverlapping(blockKey: string, x: number, y: number): any;
                 getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
                 searchFeatureByID(id: string): [number, number, number, number] | undefined;
@@ -336,11 +336,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
                 setCurrBpPerPx(n: number): void;
                 deleteBlock(key: string): void;
-                selectFeature(feature: import("@jbrowse/core/util/simpleFeature").Feature): void;
+                selectFeature(feature: import("@jbrowse/core/util").Feature): void;
                 clearFeatureSelection(): void;
                 setFeatureIdUnderMouse(feature: string | undefined): void;
                 reload(): void;
-                setContextMenuFeature(feature?: import("@jbrowse/core/util/simpleFeature").Feature | undefined): void;
+                setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
             } & {
                 readonly regionTooLarge: boolean;
                 readonly regionTooLargeReason: string;
@@ -396,7 +396,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 renderInProgress: AbortController | undefined;
                 filled: boolean;
                 reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
-                features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature> | undefined;
+                features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
                 layout: any;
                 status: string;
                 error: unknown;
@@ -414,7 +414,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
                 setMessage(messageText: string): void;
                 setRendered(props: {
                     reactElement: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
-                    features: Map<string, import("@jbrowse/core/util/simpleFeature").Feature>;
+                    features: Map<string, import("@jbrowse/core/util").Feature>;
                     layout: any;
                     maxHeightReached: boolean;
                     renderProps: any;
@@ -481,7 +481,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
             currBpPerPx: number;
             message: string;
             featureIdUnderMouse: string | undefined;
-            contextMenuFeature: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+            contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
             scrollTop: number;
             estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
             estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
@@ -494,8 +494,8 @@ export default class LinearGenomeViewPlugin extends Plugin {
             readonly selectedFeatureId: string | undefined;
             readonly DisplayMessageComponent: import("react").FC<any> | undefined;
         } & {
-            readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util/simpleFeature").Feature>;
-            readonly featureUnderMouse: import("@jbrowse/core/util/simpleFeature").Feature | undefined;
+            readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+            readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
             getFeatureOverlapping(blockKey: string, x: number, y: number): any;
             getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
             searchFeatureByID(id: string): [number, number, number, number] | undefined;
@@ -522,11 +522,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
             addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
             setCurrBpPerPx(n: number): void;
             deleteBlock(key: string): void;
-            selectFeature(feature: import("@jbrowse/core/util/simpleFeature").Feature): void;
+            selectFeature(feature: import("@jbrowse/core/util").Feature): void;
             clearFeatureSelection(): void;
             setFeatureIdUnderMouse(feature: string | undefined): void;
             reload(): void;
-            setContextMenuFeature(feature?: import("@jbrowse/core/util/simpleFeature").Feature | undefined): void;
+            setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
         } & {
             readonly regionTooLarge: boolean;
             readonly regionTooLargeReason: string;

package/dist/plugin-linear-genome-view.cjs.development.js

@@ -21,8 +21,8 @@ var simpleFeature = require('@jbrowse/core/util/simpleFeature');
 var tracks = require('@jbrowse/core/util/tracks');
 var mobxStateTree = require('mobx-state-tree');
 var MenuOpenIcon = _interopDefault(require('@material-ui/icons/MenuOpen'));
-var ui = require('@jbrowse/core/ui');
 var mobxReact = require('mobx-react');
+var ui = require('@jbrowse/core/ui');
 var reactPopper = require('react-popper');
 var styles = require('@material-ui/core/styles');
 var blockTypes = require('@jbrowse/core/util/blockTypes');
@@ -58,13 +58,13 @@ var ArrowBackIcon = _interopDefault(require('@material-ui/icons/ArrowBack'));
 var IconButton = _interopDefault(require('@material-ui/core/IconButton'));
 var Slider = _interopDefault(require('@material-ui/core/Slider'));
 var ZoomOut = _interopDefault(require('@material-ui/icons/ZoomOut'));
+var Paper = _interopDefault(require('@material-ui/core/Paper'));
 var MoreVertIcon = _interopDefault(require('@material-ui/icons/MoreVert'));
 var DragIcon = _interopDefault(require('@material-ui/icons/DragIndicator'));
 var normalizeWheel = _interopDefault(require('normalize-wheel'));
 var colorManipulator = require('@material-ui/core/styles/colorManipulator');
 var Popover = _interopDefault(require('@material-ui/core/Popover'));
 var Tooltip$1 = _interopDefault(require('@material-ui/core/Tooltip'));
-var Paper = _interopDefault(require('@material-ui/core/Paper'));
 var ErrorMessage = _interopDefault(require('@jbrowse/core/ui/ErrorMessage'));
 var AssemblySelector = _interopDefault(require('@jbrowse/core/ui/AssemblySelector'));
 var ArrowDown = _interopDefault(require('@material-ui/icons/KeyboardArrowDown'));
@@ -1467,14 +1467,17 @@ var BaseLinearDisplay = /*#__PURE__*/mobxReact.observer(function (props) {
       }
     },
     onMouseMove: function onMouseMove(event) {
-      if (ref.current) {
-        var rect = ref.current.getBoundingClientRect();
-        setOffsetMouseCoord([event.clientX - rect.left, event.clientY - rect.top]);
-        setClientMouseCoord([event.clientX, event.clientY]);
-        setClientRect(rect);
+      if (!ref.current) {
+        return;
       }
-    },
-    role: "presentation"
+
+      var rect = ref.current.getBoundingClientRect();
+      var left = rect.left,
+          top = rect.top;
+      setOffsetMouseCoord([event.clientX - left, event.clientY - top]);
+      setClientMouseCoord([event.clientX, event.clientY]);
+      setClientRect(rect);
+    }
   }, DisplayMessageComponent ? /*#__PURE__*/React__default.createElement(DisplayMessageComponent, {
     model: model
   }) : /*#__PURE__*/React__default.createElement(LinearBlocks$1, Object.assign({}, props)), children, /*#__PURE__*/React__default.createElement(TooltipComponent, {
@@ -4668,11 +4671,15 @@ var TrackLabel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 });
 var TrackLabel$1 = /*#__PURE__*/mobxReact.observer(TrackLabel);
 
-var useStyles$c = /*#__PURE__*/core.makeStyles(function (theme) {
+var useStyles$c = /*#__PURE__*/styles.makeStyles(function (theme) {
   return {
-    root: {},
+    root: {
+      marginTop: 2
+    },
     resizeHandle: {
       height: RESIZE_HANDLE_HEIGHT,
+      boxSizing: 'border-box',
+      position: 'relative',
       zIndex: 2
     },
     overlay: {
@@ -4685,8 +4692,16 @@ var useStyles$c = /*#__PURE__*/core.makeStyles(function (theme) {
       borderRadius: theme.shape.borderRadius
     },
     trackLabel: {
-      zIndex: 3,
-      margin: theme.spacing(1)
+      zIndex: 3
+    },
+    // aligns with block bounderies. check for example the breakpoint split view
+    // demo to see if features align if wanting to change things
+    renderingComponentContainer: {
+      position: 'absolute',
+      // -1 offset because of the 1px border of the Paper
+      left: -1,
+      height: '100%',
+      width: '100%'
     },
     trackLabelInline: {
       position: 'relative',
@@ -4705,15 +4720,23 @@ var useStyles$c = /*#__PURE__*/core.makeStyles(function (theme) {
     }
   };
 });
-
-function TrackContainer(_ref) {
+var TrackContainerLabel = /*#__PURE__*/mobxReact.observer(function (_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__default.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;
@@ -4739,10 +4762,13 @@ function TrackContainer(_ref) {
   var RenderingComponent = display.RenderingComponent,
       DisplayBlurb = display.DisplayBlurb;
   var dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/React__default.createElement(core.Paper, {
-    variant: "outlined",
+  return /*#__PURE__*/React__default.createElement(Paper, {
+    className: classes.root,
+    variant: "outlined"
+  }, /*#__PURE__*/React__default.createElement(TrackContainerLabel, {
+    model: track,
+    view: model
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: classes.trackRenderingContainer,
     style: {
       height: height
@@ -4752,19 +4778,16 @@ 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__default.createElement(TrackLabel$1, {
-    track: track,
-    className: clsx(classes.trackLabel, trackLabels === 'overlapping' ? classes.trackLabelOverlap : classes.trackLabelInline)
-  }) : null, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
+    className: classes.renderingComponentContainer,
     style: {
       transform: "scaleX(".concat(model.scaleFactor, ")")
     }
   }, /*#__PURE__*/React__default.createElement(RenderingComponent, {
     model: display,
-    blockState: {},
     onHorizontalScroll: horizontalScroll
   })), DisplayBlurb ? /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -5543,8 +5566,6 @@ function TracksContainer(_ref) {
         boxSizing: 'border-box'
       }
     })
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: classes.spacer
   }), children);
 }
 
@@ -8054,26 +8075,30 @@ function SetMaxHeightDlg$1(props) {
     "aria-label": "close",
     className: classes.closeButton,
     onClick: handleClose
-  }, /*#__PURE__*/React__default.createElement(CloseIcon, null))), /*#__PURE__*/React__default.createElement(core.DialogContent, null, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(CloseIcon, null))), /*#__PURE__*/React__default.createElement(core.DialogContent, {
     className: classes.root
-  }, /*#__PURE__*/React__default.createElement(core.Typography, null, "Set max height for the track"), /*#__PURE__*/React__default.createElement(core.TextField, {
+  }, /*#__PURE__*/React__default.createElement(core.Typography, null, "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\""), /*#__PURE__*/React__default.createElement(core.TextField, {
     value: max,
     onChange: function onChange(event) {
-      setMax(event.target.value);
+      return setMax(event.target.value);
     },
     placeholder: "Enter max score"
-  }), /*#__PURE__*/React__default.createElement(core.Button, {
+  }), /*#__PURE__*/React__default.createElement(core.DialogActions, null, /*#__PURE__*/React__default.createElement(core.Button, {
     variant: "contained",
     color: "primary",
     type: "submit",
-    style: {
-      marginLeft: 20
-    },
+    autoFocus: true,
     onClick: function onClick() {
       model.setMaxHeight(max !== '' && !Number.isNaN(+max) ? +max : undefined);
       handleClose();
     }
-  }, "Submit"))));
+  }, "Submit"), /*#__PURE__*/React__default.createElement(core.Button, {
+    variant: "contained",
+    color: "secondary",
+    onClick: function onClick() {
+      return handleClose();
+    }
+  }, "Cancel"))));
 }
 
 var SetMaxHeight = /*#__PURE__*/mobxReact.observer(SetMaxHeightDlg$1);