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

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/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');
@@ -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, {
@@ -4671,7 +4674,7 @@ var TrackLabel$1 = /*#__PURE__*/mobxReact.observer(TrackLabel);
 var useStyles$c = /*#__PURE__*/styles.makeStyles(function (theme) {
   return {
     root: {
-      margin: 2
+      marginTop: 2
     },
     resizeHandle: {
       height: RESIZE_HANDLE_HEIGHT,
@@ -4691,6 +4694,15 @@ var useStyles$c = /*#__PURE__*/styles.makeStyles(function (theme) {
     trackLabel: {
       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',
       display: 'inline-block'
@@ -4704,13 +4716,11 @@ var useStyles$c = /*#__PURE__*/styles.makeStyles(function (theme) {
       whiteSpace: 'nowrap',
       position: 'relative',
       background: 'none',
-      zIndex: 2,
-      boxSizing: 'content-box'
+      zIndex: 2
     }
   };
 });
-
-function TrackContainerLabel(_ref) {
+var TrackContainerLabel = /*#__PURE__*/mobxReact.observer(function (_ref) {
   var model = _ref.model,
       view = _ref.view;
   var classes = useStyles$c();
@@ -4719,7 +4729,7 @@ function TrackContainerLabel(_ref) {
     track: model,
     className: clsx(classes.trackLabel, labelStyle)
   }) : null;
-}
+});
 
 function TrackContainer(_ref2) {
   var model = _ref2.model,
@@ -4772,6 +4782,7 @@ function TrackContainer(_ref2) {
     role: "presentation"
   }, /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
+    className: classes.renderingComponentContainer,
     style: {
       transform: "scaleX(".concat(model.scaleFactor, ")")
     }
@@ -8064,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);