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

package/esm/LinearGenomeView/components/OverviewScaleBar.js.map

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

package/esm/LinearGenomeView/components/RefNameAutocomplete.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
+import { TextFieldProps as TFP } from '@mui/material';
+import { LinearGenomeViewModel } from '..';
+export interface Option {
+    group?: string;
+    result: BaseResult;
+}
+declare function RefNameAutocomplete({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp, minWidth, TextFieldProps, }: {
+    model: LinearGenomeViewModel;
+    onSelect?: (region: BaseResult) => void;
+    onChange?: (val: string) => void;
+    assemblyName?: string;
+    value?: string;
+    fetchResults: (query: string) => Promise<BaseResult[]>;
+    style?: React.CSSProperties;
+    minWidth?: number;
+    showHelp?: boolean;
+    TextFieldProps?: TFP;
+}): JSX.Element;
+declare const _default: typeof RefNameAutocomplete;
+export default _default;

package/esm/LinearGenomeView/components/RefNameAutocomplete.js

@@ -0,0 +1,136 @@
+import React, { Suspense, lazy, useMemo, useEffect, useState } from 'react';
+import { observer } from 'mobx-react';
+import { getSession, useDebounce, measureText } from '@jbrowse/core/util';
+import BaseResult, { RefSequenceResult, } from '@jbrowse/core/TextSearch/BaseResults';
+import { Autocomplete, CircularProgress, IconButton, InputAdornment, TextField, } from '@mui/material';
+// icons
+import SearchIcon from '@mui/icons-material/Search';
+import HelpIcon from '@mui/icons-material/Help';
+import { dedupe } from './util';
+// lazy
+const HelpDialog = lazy(() => import('./HelpDialog'));
+// the logic of this method is to only apply a filter to RefSequenceResults
+// because they do not have a matchedObject. the trix search results already
+// filter so don't need re-filtering
+function filterOptions(options, searchQuery) {
+    return options.filter(option => {
+        const { result } = option;
+        return (result.getLabel().toLowerCase().includes(searchQuery) ||
+            result.matchedObject);
+    });
+}
+function RefNameAutocomplete({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp = true, minWidth = 200, TextFieldProps = {}, }) {
+    const session = getSession(model);
+    const { assemblyManager } = session;
+    const [open, setOpen] = useState(false);
+    const [loaded, setLoaded] = useState(true);
+    const [isHelpDialogDisplayed, setHelpDialogDisplayed] = useState(false);
+    const [currentSearch, setCurrentSearch] = useState('');
+    const [inputValue, setInputValue] = useState('');
+    const [searchOptions, setSearchOptions] = useState();
+    const debouncedSearch = useDebounce(currentSearch, 300);
+    const { coarseVisibleLocStrings, hasDisplayedRegions } = model;
+    const assembly = assemblyName ? assemblyManager.get(assemblyName) : undefined;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
+    const options = useMemo(() => regions.map(option => ({
+        result: new RefSequenceResult({
+            refName: option.refName,
+            label: option.refName,
+            matchedAttribute: 'refName',
+        }),
+    })), [regions]);
+    useEffect(() => {
+        let active = true;
+        (async () => {
+            try {
+                if (debouncedSearch === '' || !assemblyName) {
+                    return;
+                }
+                setLoaded(false);
+                const results = await fetchResults(debouncedSearch);
+                if (active) {
+                    setSearchOptions(dedupe(results, r => r.getDisplayString()).map(result => ({
+                        result,
+                    })));
+                    setLoaded(true);
+                }
+            }
+            catch (e) {
+                console.error(e);
+                if (active) {
+                    session.notify(`${e}`, 'error');
+                }
+            }
+        })();
+        return () => {
+            active = false;
+        };
+    }, [assemblyName, fetchResults, debouncedSearch, session, model]);
+    const inputBoxVal = coarseVisibleLocStrings || value || '';
+    // heuristic, text width + icon width
+    // + 45 accomodates help icon and search icon
+    const width = Math.min(Math.max(measureText(inputBoxVal, 16) + 45, minWidth), 550);
+    // notes on implementation:
+    // The selectOnFocus setting helps highlight the field when clicked
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Autocomplete, { id: `refNameAutocomplete-${model.id}`, "data-testid": "autocomplete", disableListWrap: true, disableClearable: true, disabled: !assemblyName, freeSolo: true, includeInputInList: true, selectOnFocus: true, style: { ...style, width }, value: inputBoxVal, loading: !loaded, inputValue: inputValue, onInputChange: (event, newInputValue) => {
+                setInputValue(newInputValue);
+                onChange === null || onChange === void 0 ? void 0 : onChange(newInputValue);
+            }, loadingText: "loading results", open: open, onOpen: () => setOpen(true), onClose: () => {
+                setOpen(false);
+                setLoaded(true);
+                if (hasDisplayedRegions) {
+                    setCurrentSearch('');
+                    setSearchOptions(undefined);
+                }
+            }, onChange: (_event, selectedOption) => {
+                if (!selectedOption || !assemblyName) {
+                    return;
+                }
+                if (typeof selectedOption === 'string') {
+                    // handles string inputs on keyPress enter
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(new BaseResult({ label: selectedOption }));
+                }
+                else {
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
+                }
+                setInputValue(inputBoxVal);
+            }, options: !(searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? options : searchOptions, getOptionDisabled: option => (option === null || option === void 0 ? void 0 : option.group) === 'limitOption', filterOptions: (options, params) => {
+                const filtered = filterOptions(options, params.inputValue.toLocaleLowerCase());
+                return [
+                    ...filtered.slice(0, 100),
+                    ...(filtered.length > 100
+                        ? [
+                            {
+                                group: 'limitOption',
+                                result: new BaseResult({
+                                    label: 'keep typing for more results',
+                                }),
+                            },
+                        ]
+                        : []),
+                ];
+            }, renderInput: params => {
+                const { helperText, InputProps = {} } = TextFieldProps;
+                return (React.createElement(TextField, { onBlur: () => 
+                    // this is used to restore a refName or the non-user-typed input
+                    // to the box on blurring
+                    setInputValue(inputBoxVal), ...params, ...TextFieldProps, helperText: helperText, InputProps: {
+                        ...params.InputProps,
+                        ...InputProps,
+                        endAdornment: (React.createElement(React.Fragment, null,
+                            regions.length === 0 ? (React.createElement(CircularProgress, { color: "inherit", size: 20 })) : (React.createElement(InputAdornment, { position: "end", style: { marginRight: 7 } },
+                                React.createElement(SearchIcon, { fontSize: "small" }),
+                                showHelp ? (React.createElement(IconButton, { onClick: () => setHelpDialogDisplayed(true), size: "small" },
+                                    React.createElement(HelpIcon, { fontSize: "small" }))) : null)),
+                            params.InputProps.endAdornment)),
+                    }, placeholder: "Search for location", onChange: e => setCurrentSearch(e.target.value) }));
+            }, getOptionLabel: option => (typeof option === 'string'
+                ? option
+                : option.result.getDisplayString()) || '' }),
+        isHelpDialogDisplayed ? (React.createElement(Suspense, { fallback: React.createElement("div", null) },
+            React.createElement(HelpDialog, { handleClose: () => setHelpDialogDisplayed(false) }))) : null));
+}
+export default observer(RefNameAutocomplete);
+//# sourceMappingURL=RefNameAutocomplete.js.map

package/esm/LinearGenomeView/components/RefNameAutocomplete.js.map

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

package/esm/LinearGenomeView/components/RubberBand.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LinearGenomeViewModel } from '..';
+declare type LGV = LinearGenomeViewModel;
+declare function RubberBand({ model, ControlComponent, }: {
+    model: LGV;
+    ControlComponent?: React.ReactElement;
+}): JSX.Element;
+declare const _default: typeof RubberBand;
+export default _default;

package/esm/LinearGenomeView/components/RubberBand.js

@@ -0,0 +1,198 @@
+import React, { useRef, useEffect, useState } from 'react';
+import { observer } from 'mobx-react';
+import { Popover, Tooltip, Typography, alpha } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { stringify } from '@jbrowse/core/util';
+import { Menu } from '@jbrowse/core/ui';
+const useStyles = makeStyles()(theme => {
+    // @ts-ignore
+    const { primary, tertiary } = theme.palette;
+    const background = tertiary
+        ? alpha(tertiary.main, 0.7)
+        : alpha(primary.main, 0.7);
+    return {
+        rubberBand: {
+            height: '100%',
+            background,
+            position: 'absolute',
+            zIndex: 10,
+            textAlign: 'center',
+            overflow: 'hidden',
+        },
+        rubberBandControl: {
+            cursor: 'crosshair',
+            width: '100%',
+            minHeight: 8,
+        },
+        rubberBandText: {
+            color: tertiary ? tertiary.contrastText : primary.contrastText,
+        },
+        popover: {
+            mouseEvents: 'none',
+            cursor: 'crosshair',
+        },
+        paper: {
+            paddingLeft: theme.spacing(1),
+            paddingRight: theme.spacing(1),
+        },
+        guide: {
+            pointerEvents: 'none',
+            height: '100%',
+            width: 1,
+            position: 'absolute',
+            zIndex: 10,
+        },
+    };
+});
+const VerticalGuide = observer(({ model, coordX }) => {
+    const { classes } = useStyles();
+    return (React.createElement(Tooltip, { open: true, placement: "top", title: stringify(model.pxToBp(coordX)), arrow: true },
+        React.createElement("div", { className: classes.guide, style: {
+                left: coordX,
+                background: 'red',
+            } })));
+});
+function RubberBand({ model, ControlComponent = React.createElement("div", null), }) {
+    const [startX, setStartX] = useState();
+    const [currentX, setCurrentX] = useState();
+    // clientX and clientY used for anchorPosition for menu
+    // offsetX used for calculations about width of selection
+    const [anchorPosition, setAnchorPosition] = useState();
+    const [guideX, setGuideX] = useState();
+    const controlsRef = useRef(null);
+    const rubberBandRef = useRef(null);
+    const { classes } = useStyles();
+    const mouseDragging = startX !== undefined && anchorPosition === undefined;
+    const { setOffsets, pxToBp } = model;
+    useEffect(() => {
+        function computeOffsets(offsetX) {
+            if (startX === undefined) {
+                return;
+            }
+            let leftPx = startX;
+            let rightPx = offsetX;
+            // handles clicking and draging to the left
+            if (rightPx < leftPx) {
+                ;
+                [leftPx, rightPx] = [rightPx, leftPx];
+            }
+            const leftOffset = pxToBp(leftPx);
+            const rightOffset = pxToBp(rightPx);
+            return { leftOffset, rightOffset };
+        }
+        function globalMouseMove(event) {
+            if (controlsRef.current && mouseDragging) {
+                const relativeX = event.clientX - controlsRef.current.getBoundingClientRect().left;
+                setCurrentX(relativeX);
+            }
+        }
+        function globalMouseUp(event) {
+            if (startX !== undefined && controlsRef.current) {
+                const { clientX, clientY } = event;
+                const ref = controlsRef.current;
+                const offsetX = clientX - ref.getBoundingClientRect().left;
+                // as stated above, store both clientX/Y and offsetX for different
+                // purposes
+                setAnchorPosition({
+                    offsetX,
+                    clientX,
+                    clientY,
+                });
+                const args = computeOffsets(offsetX);
+                if (args) {
+                    const { leftOffset, rightOffset } = args;
+                    setOffsets(leftOffset, rightOffset);
+                }
+                setGuideX(undefined);
+            }
+        }
+        if (mouseDragging) {
+            window.addEventListener('mousemove', globalMouseMove);
+            window.addEventListener('mouseup', globalMouseUp);
+            return () => {
+                window.removeEventListener('mousemove', globalMouseMove);
+                window.removeEventListener('mouseup', globalMouseUp);
+            };
+        }
+        return () => { };
+    }, [startX, mouseDragging, anchorPosition, setOffsets, pxToBp]);
+    useEffect(() => {
+        if (!mouseDragging &&
+            currentX !== undefined &&
+            startX !== undefined &&
+            Math.abs(currentX - startX) <= 3) {
+            handleClose();
+        }
+    }, [mouseDragging, currentX, startX, model.bpPerPx]);
+    function mouseDown(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const relativeX = event.clientX -
+            event.target.getBoundingClientRect().left;
+        setStartX(relativeX);
+        setCurrentX(relativeX);
+    }
+    function mouseMove(event) {
+        const target = event.target;
+        setGuideX(event.clientX - target.getBoundingClientRect().left);
+    }
+    function mouseOut() {
+        setGuideX(undefined);
+        model.setOffsets(undefined, undefined);
+    }
+    function handleClose() {
+        setAnchorPosition(undefined);
+        setStartX(undefined);
+        setCurrentX(undefined);
+    }
+    const open = Boolean(anchorPosition);
+    function handleMenuItemClick(_, callback) {
+        callback();
+        handleClose();
+    }
+    if (startX === undefined) {
+        return (React.createElement(React.Fragment, null,
+            guideX !== undefined ? (React.createElement(VerticalGuide, { model: model, coordX: guideX })) : null,
+            React.createElement("div", { "data-testid": "rubberBand_controls", className: classes.rubberBandControl, role: "presentation", ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent)));
+    }
+    /* Calculating Pixels for Mouse Dragging */
+    const right = anchorPosition ? anchorPosition.offsetX : currentX || 0;
+    const left = right < startX ? right : startX;
+    const width = Math.abs(right - startX);
+    const leftBpOffset = model.pxToBp(left);
+    const rightBpOffset = model.pxToBp(left + width);
+    const numOfBpSelected = Math.ceil(width * model.bpPerPx);
+    return (React.createElement(React.Fragment, null,
+        rubberBandRef.current ? (React.createElement(React.Fragment, null,
+            React.createElement(Popover, { className: classes.popover, classes: {
+                    paper: classes.paper,
+                }, open: true, anchorEl: rubberBandRef.current, anchorOrigin: {
+                    vertical: 'top',
+                    horizontal: 'left',
+                }, transformOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right',
+                }, keepMounted: true, disableRestoreFocus: true },
+                React.createElement(Typography, null, stringify(leftBpOffset))),
+            React.createElement(Popover, { className: classes.popover, classes: {
+                    paper: classes.paper,
+                }, open: true, anchorEl: rubberBandRef.current, anchorOrigin: {
+                    vertical: 'top',
+                    horizontal: 'right',
+                }, transformOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'left',
+                }, keepMounted: true, disableRestoreFocus: true },
+                React.createElement(Typography, null, stringify(rightBpOffset))))) : null,
+        React.createElement("div", { ref: rubberBandRef, className: classes.rubberBand, style: { left, width } },
+            React.createElement(Typography, { variant: "h6", className: classes.rubberBandText },
+                numOfBpSelected.toLocaleString('en-US'),
+                " bp")),
+        React.createElement("div", { "data-testid": "rubberBand_controls", className: classes.rubberBandControl, role: "presentation", ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent),
+        anchorPosition ? (React.createElement(Menu, { anchorReference: "anchorPosition", anchorPosition: {
+                left: anchorPosition.clientX,
+                top: anchorPosition.clientY,
+            }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null));
+}
+export default observer(RubberBand);
+//# sourceMappingURL=RubberBand.js.map

package/esm/LinearGenomeView/components/RubberBand.js.map

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

package/esm/LinearGenomeView/components/Ruler.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import ReactPropTypes from 'prop-types';
+declare function Ruler({ start, end, bpPerPx, reversed, major, minor, }: {
+    start: number;
+    end: number;
+    bpPerPx: number;
+    reversed?: boolean;
+    major: boolean;
+    minor: boolean;
+}): JSX.Element;
+declare namespace Ruler {
+    var propTypes: {
+        start: ReactPropTypes.Validator<number>;
+        end: ReactPropTypes.Validator<number>;
+        bpPerPx: ReactPropTypes.Validator<number>;
+        reversed: ReactPropTypes.Requireable<boolean>;
+        major: ReactPropTypes.Requireable<boolean>;
+        minor: ReactPropTypes.Requireable<boolean>;
+    };
+    var defaultProps: {
+        reversed: boolean;
+        major: boolean;
+        minor: boolean;
+    };
+}
+declare const _default: typeof Ruler;
+export default _default;

package/esm/LinearGenomeView/components/Ruler.js

@@ -0,0 +1,50 @@
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import ReactPropTypes from 'prop-types';
+import React from 'react';
+import { makeTicks } from '../util';
+import { getTickDisplayStr } from '@jbrowse/core/util';
+const useStyles = makeStyles()(( /* theme */) => ({
+    majorTickLabel: {
+        fontSize: '11px',
+        // fill: theme.palette.text.primary,
+    },
+    majorTick: {
+        stroke: '#555',
+        // stroke: theme.palette.text.secondary,
+    },
+    minorTick: {
+        stroke: '#999',
+        // stroke: theme.palette.text.hint,
+    },
+}));
+function Ruler({ start, end, bpPerPx, reversed, major, minor, }) {
+    const { classes } = useStyles();
+    const ticks = makeTicks(start, end, bpPerPx, major, minor);
+    return (React.createElement(React.Fragment, null,
+        ticks.map(tick => {
+            const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
+            return (React.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(tick => tick.type === 'major')
+            .map(tick => {
+            const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
+            return (React.createElement("text", { x: x - 3, y: 7 + 11, key: `label-${tick.base}`, style: { fontSize: '11px' }, className: classes.majorTickLabel }, getTickDisplayStr(tick.base + 1, bpPerPx)));
+        })));
+}
+Ruler.propTypes = {
+    start: ReactPropTypes.number.isRequired,
+    end: ReactPropTypes.number.isRequired,
+    bpPerPx: ReactPropTypes.number.isRequired,
+    reversed: ReactPropTypes.bool,
+    major: ReactPropTypes.bool,
+    minor: ReactPropTypes.bool,
+};
+Ruler.defaultProps = {
+    reversed: false,
+    major: true,
+    minor: true,
+};
+export default observer(Ruler);
+//# sourceMappingURL=Ruler.js.map

package/esm/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/esm/LinearGenomeView/components/ScaleBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+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;

package/esm/LinearGenomeView/components/ScaleBar.js

@@ -0,0 +1,112 @@
+import { Paper, Typography } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { ContentBlock, ElidedBlock, InterRegionPaddingBlock, } from '@jbrowse/core/util/blockTypes';
+import { observer } from 'mobx-react';
+import React from 'react';
+import { ContentBlock as ContentBlockComponent, ElidedBlock as ElidedBlockComponent, InterRegionPaddingBlock as InterRegionPaddingBlockComponent, } from '../../BaseLinearDisplay/components/Block';
+import { makeTicks } from '../util';
+import { getTickDisplayStr } from '@jbrowse/core/util';
+const useStyles = makeStyles()(theme => ({
+    scaleBarContainer: {
+        overflow: 'hidden',
+        position: 'relative',
+    },
+    scaleBarZoomContainer: {
+        position: 'relative',
+        zIndex: 1,
+    },
+    scaleBar: {
+        position: 'absolute',
+        display: 'flex',
+        pointerEvents: 'none',
+    },
+    majorTickLabel: {
+        fontSize: '11px',
+        zIndex: 1,
+        background: theme.palette.background.paper,
+        lineHeight: 'normal',
+        pointerEvents: 'none',
+    },
+    tick: {
+        position: 'absolute',
+        width: 0,
+        display: 'flex',
+        justifyContent: 'center',
+        pointerEvents: 'none',
+    },
+    refLabel: {
+        fontSize: '11px',
+        position: 'absolute',
+        left: '2px',
+        top: '-1px',
+        fontWeight: 'bold',
+        lineHeight: 'normal',
+        zIndex: 1,
+        pointerEvents: 'none',
+        background: theme.palette.background.paper,
+    },
+}));
+const RenderedRefNameLabels = observer(({ model }) => {
+    const { classes } = useStyles();
+    // find the block that needs pinning to the left side for context
+    let lastLeftBlock = 0;
+    model.staticBlocks.forEach((block, i) => {
+        if (block.offsetPx - model.offsetPx < 0) {
+            lastLeftBlock = i;
+        }
+    });
+    return (React.createElement(React.Fragment, null, model.staticBlocks.map((block, index) => {
+        return block instanceof ContentBlock &&
+            (block.isLeftEndOfDisplayedRegion || index === lastLeftBlock) ? (React.createElement(Typography, { key: `refLabel-${block.key}-${index}`, style: {
+                left: index === lastLeftBlock
+                    ? Math.max(0, -model.offsetPx)
+                    : block.offsetPx - model.offsetPx - 1,
+                paddingLeft: index === lastLeftBlock ? 0 : 1,
+            }, className: classes.refLabel, "data-testid": `refLabel-${block.refName}` }, block.refName)) : null;
+    })));
+});
+const RenderedScaleBarLabels = observer(({ model }) => {
+    const { classes } = useStyles();
+    const { bpPerPx, staticBlocks } = model;
+    return (React.createElement(React.Fragment, null, staticBlocks.map((block, index) => {
+        const { reversed, start, end, key, widthPx } = block;
+        if (block instanceof ContentBlock) {
+            const ticks = makeTicks(start, end, bpPerPx, true, false);
+            return (React.createElement(ContentBlockComponent, { key: `${key}-${index}`, block: block }, ticks.map(tick => {
+                if (tick.type === 'major') {
+                    const x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
+                    const baseNumber = tick.base + 1;
+                    return (React.createElement("div", { key: tick.base, className: classes.tick, style: { left: x } }, baseNumber ? (React.createElement(Typography, { className: classes.majorTickLabel }, getTickDisplayStr(baseNumber, bpPerPx))) : null));
+                }
+                return null;
+            })));
+        }
+        if (block instanceof ElidedBlock) {
+            return React.createElement(ElidedBlockComponent, { key: key, width: widthPx });
+        }
+        if (block instanceof InterRegionPaddingBlock) {
+            return (React.createElement(InterRegionPaddingBlockComponent, { key: key, width: widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
+        }
+        return null;
+    })));
+});
+const ScaleBar = React.forwardRef(({ model, style, className, ...other }, ref) => {
+    const { classes, cx } = useStyles();
+    const offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
+    return (React.createElement(Paper, { "data-resizer": "true" // used to avoid click-and-drag scrolls on trackscontainer
+        , className: cx(classes.scaleBarContainer, className), variant: "outlined", ref: ref, style: style, ...other },
+        React.createElement("div", { className: classes.scaleBarZoomContainer, style: {
+                transform: model.scaleFactor !== 1
+                    ? `scaleX(${model.scaleFactor})`
+                    : undefined,
+            } },
+            React.createElement("div", { className: classes.scaleBar, style: {
+                    left: offsetLeft - 1,
+                    width: model.staticBlocks.totalWidthPx,
+                    ...style,
+                } },
+                React.createElement(RenderedScaleBarLabels, { model: model }))),
+        React.createElement(RenderedRefNameLabels, { model: model })));
+});
+export default observer(ScaleBar);
+//# sourceMappingURL=ScaleBar.js.map