@jbrowse/plugin-linear-genome-view 3.7.0 → 4.0.1

package/esm/LinearGenomeView/components/ScalebarCoordinateTicks.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getTickDisplayStr } from '@jbrowse/core/util';
-import { Typography } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
-import { ContentBlock as ContentBlockComponent } from '../../BaseLinearDisplay/components/Block';
-import { makeTicks } from '../util';
-const useStyles = makeStyles()(theme => ({
-    majorTickLabel: {
-        fontSize: 11,
-        zIndex: 1,
-        background: theme.palette.background.paper,
-        lineHeight: 'normal',
-        pointerEvents: 'none',
-    },
-    tick: {
-        position: 'absolute',
-        width: 0,
-        display: 'flex',
-        justifyContent: 'center',
-        pointerEvents: 'none',
-    },
-}));
-const ScalebarCoordinateTicks = function ({ block, bpPerPx, }) {
-    const { classes } = useStyles();
-    const { reversed, start, end } = block;
-    const ticks = makeTicks(start, end, bpPerPx, true, false);
-    return (_jsx(ContentBlockComponent, { block: block, children: ticks.map(({ type, base }) => {
-            if (type === 'major') {
-                const x = (reversed ? end - base : base - start) / bpPerPx;
-                const baseNumber = base + 1;
-                return (_jsx("div", { className: classes.tick, style: { left: x }, children: baseNumber ? (_jsx(Typography, { className: classes.majorTickLabel, children: getTickDisplayStr(baseNumber, bpPerPx) })) : null }, base));
-            }
-            return null;
-        }) }));
-};
-export default ScalebarCoordinateTicks;