@jbrowse/plugin-linear-genome-view 1.7.11 → 2.1.0

package/dist/LinearGenomeView/components/Ruler.js

@@ -1,101 +1,56 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styles = require("@material-ui/core/styles");
-
-var _mobxReact = require("mobx-react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _util = require("../util");
-
-function mathPower(num) {
-  if (num < 999) {
-    return String(num);
-  }
-
-  return "".concat(mathPower(~~(num / 1000)), ",").concat("00".concat(~~(num % 1000)).substr(-3, 3));
-}
-
-var useStyles = (0, _styles.makeStyles)(function
-  /* theme */
-() {
-  return {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var mui_1 = require("tss-react/mui");
+var mobx_react_1 = require("mobx-react");
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var util_1 = require("../util");
+var util_2 = require("@jbrowse/core/util");
+var useStyles = (0, mui_1.makeStyles)()(function ( /* theme */) { return ({
     majorTickLabel: {
-      fontSize: '11px' // fill: theme.palette.text.primary,
-
+        fontSize: '11px',
+        // fill: theme.palette.text.primary,
     },
     majorTick: {
-      stroke: '#555' // stroke: theme.palette.text.secondary,
-
+        stroke: '#555',
+        // stroke: theme.palette.text.secondary,
     },
     minorTick: {
-      stroke: '#999' // stroke: theme.palette.text.hint,
-
-    }
-  };
-});
-
-function Ruler(_ref) {
-  var start = _ref.start,
-      end = _ref.end,
-      bpPerPx = _ref.bpPerPx,
-      reversed = _ref.reversed,
-      major = _ref.major,
-      minor = _ref.minor;
-  var classes = useStyles();
-  var ticks = (0, _util.makeTicks)(start, end, bpPerPx, major, minor);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ticks.map(function (tick) {
-    var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-    return /*#__PURE__*/_react.default.createElement("line", {
-      key: tick.base,
-      x1: x,
-      x2: x,
-      y1: 0,
-      y2: tick.type === 'major' ? 6 : 4,
-      strokeWidth: 1,
-      stroke: tick.type === 'major' ? '#555' : '#999',
-      className: tick.type === 'major' ? classes.majorTick : classes.minorTick,
-      "data-bp": tick.base
-    });
-  }), ticks.filter(function (tick) {
-    return tick.type === 'major';
-  }).map(function (tick) {
-    var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-    return /*#__PURE__*/_react.default.createElement("text", {
-      x: x - 3,
-      y: 7 + 11,
-      key: "label-".concat(tick.base),
-      style: {
-        fontSize: '11px'
-      },
-      className: classes.majorTickLabel
-    }, mathPower(tick.base + 1));
-  }));
+        stroke: '#999',
+        // stroke: theme.palette.text.hint,
+    },
+}); });
+function Ruler(_a) {
+    var start = _a.start, end = _a.end, bpPerPx = _a.bpPerPx, reversed = _a.reversed, major = _a.major, minor = _a.minor;
+    var classes = useStyles().classes;
+    var ticks = (0, util_1.makeTicks)(start, end, bpPerPx, major, minor);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        ticks.map(function (tick) {
+            var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
+            return (react_1.default.createElement("line", { key: tick.base, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: tick.type === 'major' ? '#555' : '#999', className: tick.type === 'major' ? classes.majorTick : classes.minorTick, "data-bp": tick.base }));
+        }),
+        ticks
+            .filter(function (tick) { return tick.type === 'major'; })
+            .map(function (tick) {
+            var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
+            return (react_1.default.createElement("text", { x: x - 3, y: 7 + 11, key: "label-".concat(tick.base), style: { fontSize: '11px' }, className: classes.majorTickLabel }, (0, util_2.getTickDisplayStr)(tick.base + 1, bpPerPx)));
+        })));
 }
-
 Ruler.propTypes = {
-  start: _propTypes.default.number.isRequired,
-  end: _propTypes.default.number.isRequired,
-  bpPerPx: _propTypes.default.number.isRequired,
-  reversed: _propTypes.default.bool,
-  major: _propTypes.default.bool,
-  minor: _propTypes.default.bool
+    start: prop_types_1.default.number.isRequired,
+    end: prop_types_1.default.number.isRequired,
+    bpPerPx: prop_types_1.default.number.isRequired,
+    reversed: prop_types_1.default.bool,
+    major: prop_types_1.default.bool,
+    minor: prop_types_1.default.bool,
 };
 Ruler.defaultProps = {
-  reversed: false,
-  major: true,
-  minor: true
+    reversed: false,
+    major: true,
+    minor: true,
 };
-
-var _default = (0, _mobxReact.observer)(Ruler);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(Ruler);
+//# sourceMappingURL=Ruler.js.map

package/dist/LinearGenomeView/components/Ruler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ruler.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Ruler.tsx"],"names":[],"mappings":"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"}

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

@@ -1,405 +1,10 @@
 import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<{
-    model: import("mobx-state-tree").ModelInstanceTypeProps<{
-        id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-    } & {
-        id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        type: import("mobx-state-tree").ISimpleType<"LinearGenomeView">;
-        offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-        bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-        displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        tracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>;
-        hideHeader: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        hideHeaderOverview: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        hideNoTracksActive: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        trackSelectorType: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"hierarchical">, [undefined]>;
-        trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        showCenterLine: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-    }> & {
-        width: number;
-    } & {
-        menuItems(): import("@jbrowse/core/ui").MenuItem[];
-    } & {
-        setDisplayName(name: string): void;
-        setWidth(newWidth: number): void;
-    } & {
-        volatileWidth: number | undefined;
-        minimumBlockWidth: number;
-        draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
-        afterDisplayedRegionsSetCallbacks: Function[];
-        scaleFactor: number;
-        trackRefs: {
-            [key: string]: any;
-        };
-        coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
-        coarseTotalBp: number;
-        leftOffset: import("..").BpOffset | undefined;
-        rightOffset: import("..").BpOffset | undefined;
-        searchResults: import("@jbrowse/core/TextSearch/BaseResults").default[] | undefined;
-        searchQuery: string | undefined;
-        seqDialogDisplayed: boolean;
-    } & {
-        readonly width: number;
-        readonly interRegionPaddingWidth: number;
-        readonly assemblyNames: string[];
-    } & {
-        readonly assemblyErrors: string;
-        readonly assembliesInitialized: boolean;
-        readonly initialized: boolean;
-        readonly hasDisplayedRegions: boolean;
-        readonly isSearchDialogDisplayed: boolean;
-        readonly scaleBarHeight: number;
-        readonly headerHeight: number;
-        readonly trackHeights: any;
-        readonly trackHeightsWithResizeHandles: any;
-        readonly height: any;
-        readonly totalBp: number;
-        readonly maxBpPerPx: number;
-        readonly minBpPerPx: number;
-        readonly error: string | Error;
-        readonly maxOffset: number;
-        readonly minOffset: number;
-        readonly displayedRegionsTotalPx: number;
-        renderProps(): any;
-        searchScope(assemblyName: string): {
-            assemblyName: string;
-            includeAggregateIndexes: boolean;
-            tracks: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>>;
-        };
-        bpToPx({ refName, coord, regionNumber, }: {
-            refName: string;
-            coord: number;
-            regionNumber?: number | undefined;
-        }): {
-            index: number;
-            offsetPx: number;
-        } | undefined;
-        pxToBp(px: number): {
-            oob: boolean;
-            coord: number;
-            offset: number;
-            index: number;
-            refName: string;
-            start: number;
-            end: number;
-            reversed: boolean;
-            assemblyName: string;
-        };
-        getTrack(id: string): any;
-        rankSearchResults(results: import("@jbrowse/core/TextSearch/BaseResults").default[]): import("@jbrowse/core/TextSearch/BaseResults").default[];
-        rewriteOnClicks(trackType: string, viewMenuActions: import("@jbrowse/core/ui").MenuItem[]): void;
-        readonly trackTypeActions: Map<string, import("@jbrowse/core/ui").MenuItem[]>;
-        readonly centerLineInfo: {
-            oob: boolean;
-            coord: number;
-            offset: number;
-            index: number;
-            refName: string;
-            start: number;
-            end: number;
-            reversed: boolean;
-            assemblyName: string;
-        } | undefined;
-    } & {
-        setShowCytobands(flag: boolean): void;
-        setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
-        toggleHeader(): void;
-        toggleHeaderOverview(): void;
-        toggleNoTracksActive(): void;
-        scrollTo(offsetPx: number): number;
-        zoomTo(bpPerPx: number): number;
-        setOffsets(left: import("..").BpOffset | undefined, right: import("..").BpOffset | undefined): void;
-        setSearchResults(results: import("@jbrowse/core/TextSearch/BaseResults").default[] | undefined, query: string | undefined): void;
-        setSequenceDialogOpen(open: boolean): void;
-        setNewView(bpPerPx: number, offsetPx: number): void;
-        horizontallyFlip(): void;
-        showTrack(trackId: string, initialSnapshot?: {}, displayInitialSnapshot?: {}): any;
-        hideTrack(trackId: string): number;
-    } & {
-        moveTrack(movingTrackId: string, targetTrackId: string): void;
-        closeView(): void;
-        toggleTrack(trackId: string): void;
-        setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
-        toggleCenterLine(): void;
-        setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
-        activateTrackSelector(): import("@jbrowse/core/util").Widget;
-        navToLocString(locString: string, optAssemblyName?: string | undefined): void;
-        navTo(query: import("..").NavLocation): void;
-        navToMultiple(locations: import("..").NavLocation[]): void;
-        zoomToDisplayedRegions(leftPx: import("..").BpOffset, rightPx: import("..").BpOffset): void;
-        getSelectedRegions(leftOffset: import("..").BpOffset | undefined, rightOffset: import("..").BpOffset | undefined): {
-            start: number;
-            end: number;
-            regionNumber?: number | undefined;
-            reversed?: boolean | undefined;
-            refName: string;
-            assemblyName: string;
-            key: string;
-            offsetPx: number;
-            widthPx: number;
-            variant?: string | undefined;
-            isLeftEndOfDisplayedRegion?: boolean | undefined;
-        }[];
-        afterDisplayedRegionsSet(cb: Function): void;
-        moveTo(start: import("..").BpOffset, end: import("..").BpOffset): void;
-        horizontalScroll(distance: number): number;
-        centerAt(bp: number, refName: string, regionIndex: number): void;
-        center(): void;
-        showAllRegions(): void;
-        showAllRegionsInAssembly(assemblyName?: string | undefined): void;
-        setDraggingTrackId(idx?: string | undefined): void;
-        setScaleFactor(factor: number): void;
-    } & {
-        slide: (viewWidths: number) => void;
-    } & {
-        zoom: (targetBpPerPx: number) => void;
-    } & {
-        readonly canShowCytobands: boolean;
-        readonly showCytobands: boolean;
-        readonly anyCytobandsExist: boolean;
-        readonly cytobandOffset: number;
-    } & {
-        menuItems(): import("@jbrowse/core/ui").MenuItem[];
-    } & {
-        readonly staticBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-        readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-        readonly roundedDynamicBlocks: {
-            start: number;
-            end: number;
-            regionNumber?: number | undefined;
-            reversed?: boolean | undefined;
-            refName: string;
-            assemblyName: string;
-            key: string;
-            offsetPx: number;
-            widthPx: number;
-            variant?: string | undefined;
-            isLeftEndOfDisplayedRegion?: boolean | undefined;
-        }[];
-        readonly visibleLocStrings: string;
-        readonly coarseVisibleLocStrings: string;
-    } & {
-        clearView(): void;
-        setCoarseDynamicBlocks(blocks: import("@jbrowse/core/util/blockTypes").BlockSet): void;
-        afterAttach(): void;
-    } & {
-        exportSvg(opts?: import("..").ExportSvgOptions): Promise<void>;
-    } & {
-        rubberBandMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-        id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-    } & {
-        id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        type: import("mobx-state-tree").ISimpleType<"LinearGenomeView">;
-        offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-        bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-        displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-            refName: import("mobx-state-tree").ISimpleType<string>;
-            start: import("mobx-state-tree").ISimpleType<number>;
-            end: import("mobx-state-tree").ISimpleType<number>;
-            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        } & {
-            assemblyName: import("mobx-state-tree").ISimpleType<string>;
-        }, {
-            setRefName(newRefName: string): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        tracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>;
-        hideHeader: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        hideHeaderOverview: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        hideNoTracksActive: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        trackSelectorType: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"hierarchical">, [undefined]>;
-        trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-        showCenterLine: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-    }, {
-        width: number;
-    } & {
-        menuItems(): import("@jbrowse/core/ui").MenuItem[];
-    } & {
-        setDisplayName(name: string): void;
-        setWidth(newWidth: number): void;
-    } & {
-        volatileWidth: number | undefined;
-        minimumBlockWidth: number;
-        draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
-        afterDisplayedRegionsSetCallbacks: Function[];
-        scaleFactor: number;
-        trackRefs: {
-            [key: string]: any;
-        };
-        coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
-        coarseTotalBp: number;
-        leftOffset: import("..").BpOffset | undefined;
-        rightOffset: import("..").BpOffset | undefined;
-        searchResults: import("@jbrowse/core/TextSearch/BaseResults").default[] | undefined;
-        searchQuery: string | undefined;
-        seqDialogDisplayed: boolean;
-    } & {
-        readonly width: number;
-        readonly interRegionPaddingWidth: number;
-        readonly assemblyNames: string[];
-    } & {
-        readonly assemblyErrors: string;
-        readonly assembliesInitialized: boolean;
-        readonly initialized: boolean;
-        readonly hasDisplayedRegions: boolean;
-        readonly isSearchDialogDisplayed: boolean;
-        readonly scaleBarHeight: number;
-        readonly headerHeight: number;
-        readonly trackHeights: any;
-        readonly trackHeightsWithResizeHandles: any;
-        readonly height: any;
-        readonly totalBp: number;
-        readonly maxBpPerPx: number;
-        readonly minBpPerPx: number;
-        readonly error: string | Error;
-        readonly maxOffset: number;
-        readonly minOffset: number;
-        readonly displayedRegionsTotalPx: number;
-        renderProps(): any;
-        searchScope(assemblyName: string): {
-            assemblyName: string;
-            includeAggregateIndexes: boolean;
-            tracks: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>>;
-        };
-        bpToPx({ refName, coord, regionNumber, }: {
-            refName: string;
-            coord: number;
-            regionNumber?: number | undefined;
-        }): {
-            index: number;
-            offsetPx: number;
-        } | undefined;
-        pxToBp(px: number): {
-            oob: boolean;
-            coord: number;
-            offset: number;
-            index: number;
-            refName: string;
-            start: number;
-            end: number;
-            reversed: boolean;
-            assemblyName: string;
-        };
-        getTrack(id: string): any;
-        rankSearchResults(results: import("@jbrowse/core/TextSearch/BaseResults").default[]): import("@jbrowse/core/TextSearch/BaseResults").default[];
-        rewriteOnClicks(trackType: string, viewMenuActions: import("@jbrowse/core/ui").MenuItem[]): void;
-        readonly trackTypeActions: Map<string, import("@jbrowse/core/ui").MenuItem[]>;
-        readonly centerLineInfo: {
-            oob: boolean;
-            coord: number;
-            offset: number;
-            index: number;
-            refName: string;
-            start: number;
-            end: number;
-            reversed: boolean;
-            assemblyName: string;
-        } | undefined;
-    } & {
-        setShowCytobands(flag: boolean): void;
-        setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
-        toggleHeader(): void;
-        toggleHeaderOverview(): void;
-        toggleNoTracksActive(): void;
-        scrollTo(offsetPx: number): number;
-        zoomTo(bpPerPx: number): number;
-        setOffsets(left: import("..").BpOffset | undefined, right: import("..").BpOffset | undefined): void;
-        setSearchResults(results: import("@jbrowse/core/TextSearch/BaseResults").default[] | undefined, query: string | undefined): void;
-        setSequenceDialogOpen(open: boolean): void;
-        setNewView(bpPerPx: number, offsetPx: number): void;
-        horizontallyFlip(): void;
-        showTrack(trackId: string, initialSnapshot?: {}, displayInitialSnapshot?: {}): any;
-        hideTrack(trackId: string): number;
-    } & {
-        moveTrack(movingTrackId: string, targetTrackId: string): void;
-        closeView(): void;
-        toggleTrack(trackId: string): void;
-        setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
-        toggleCenterLine(): void;
-        setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
-        activateTrackSelector(): import("@jbrowse/core/util").Widget;
-        navToLocString(locString: string, optAssemblyName?: string | undefined): void;
-        navTo(query: import("..").NavLocation): void;
-        navToMultiple(locations: import("..").NavLocation[]): void;
-        zoomToDisplayedRegions(leftPx: import("..").BpOffset, rightPx: import("..").BpOffset): void;
-        getSelectedRegions(leftOffset: import("..").BpOffset | undefined, rightOffset: import("..").BpOffset | undefined): {
-            start: number;
-            end: number;
-            regionNumber?: number | undefined;
-            reversed?: boolean | undefined;
-            refName: string;
-            assemblyName: string;
-            key: string;
-            offsetPx: number;
-            widthPx: number;
-            variant?: string | undefined;
-            isLeftEndOfDisplayedRegion?: boolean | undefined;
-        }[];
-        afterDisplayedRegionsSet(cb: Function): void;
-        moveTo(start: import("..").BpOffset, end: import("..").BpOffset): void;
-        horizontalScroll(distance: number): number;
-        centerAt(bp: number, refName: string, regionIndex: number): void;
-        center(): void;
-        showAllRegions(): void;
-        showAllRegionsInAssembly(assemblyName?: string | undefined): void;
-        setDraggingTrackId(idx?: string | undefined): void;
-        setScaleFactor(factor: number): void;
-    } & {
-        slide: (viewWidths: number) => void;
-    } & {
-        zoom: (targetBpPerPx: number) => void;
-    } & {
-        readonly canShowCytobands: boolean;
-        readonly showCytobands: boolean;
-        readonly anyCytobandsExist: boolean;
-        readonly cytobandOffset: number;
-    } & {
-        menuItems(): import("@jbrowse/core/ui").MenuItem[];
-    } & {
-        readonly staticBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-        readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-        readonly roundedDynamicBlocks: {
-            start: number;
-            end: number;
-            regionNumber?: number | undefined;
-            reversed?: boolean | undefined;
-            refName: string;
-            assemblyName: string;
-            key: string;
-            offsetPx: number;
-            widthPx: number;
-            variant?: string | undefined;
-            isLeftEndOfDisplayedRegion?: boolean | undefined;
-        }[];
-        readonly visibleLocStrings: string;
-        readonly coarseVisibleLocStrings: string;
-    } & {
-        clearView(): void;
-        setCoarseDynamicBlocks(blocks: import("@jbrowse/core/util/blockTypes").BlockSet): void;
-        afterAttach(): void;
-    } & {
-        exportSvg(opts?: import("..").ExportSvgOptions): Promise<void>;
-    } & {
-        rubberBandMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    style?: React.CSSProperties | undefined;
-    className?: string | undefined;
-} & React.RefAttributes<unknown>>;
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+interface ScaleBarProps {
+    model: LGV;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<ScaleBarProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;