@jbrowse/plugin-dotplot-view 2.11.0 → 2.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,5 @@
1
1
  import PluginManager from '@jbrowse/core/PluginManager';
2
- declare const _default: (pm: PluginManager) => void;
3
- export default _default;
2
+ export default function DotplotDisplayF(pm: PluginManager): void;
4
3
  /**
5
4
  * #config DotplotDisplay
6
5
  */
@@ -11,7 +11,7 @@ const DisplayType_1 = __importDefault(require("@jbrowse/core/pluggableElementTyp
11
11
  // locals
12
12
  const stateModelFactory_1 = require("./stateModelFactory");
13
13
  const DotplotDisplay_1 = __importDefault(require("./components/DotplotDisplay"));
14
- exports.default = (pm) => {
14
+ function DotplotDisplayF(pm) {
15
15
  pm.addDisplayType(() => {
16
16
  const configSchema = configSchemaFactory(pm);
17
17
  return new DisplayType_1.default({
@@ -24,7 +24,8 @@ exports.default = (pm) => {
24
24
  ReactComponent: DotplotDisplay_1.default,
25
25
  });
26
26
  });
27
- };
27
+ }
28
+ exports.default = DotplotDisplayF;
28
29
  /**
29
30
  * #config DotplotDisplay
30
31
  */
@@ -1,3 +1,2 @@
1
1
  import PluginManager from '@jbrowse/core/PluginManager';
2
- declare const _default: (pluginManager: PluginManager) => void;
3
- export default _default;
2
+ export default function DotplotRendererF(pluginManager: PluginManager): void;
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const DotplotRendering_1 = __importDefault(require("./components/DotplotRendering"));
7
7
  const DotplotRenderer_1 = __importDefault(require("./DotplotRenderer"));
8
8
  const configSchema_1 = __importDefault(require("./configSchema"));
9
- exports.default = (pluginManager) => {
9
+ function DotplotRendererF(pluginManager) {
10
10
  pluginManager.addRendererType(() => new DotplotRenderer_1.default({
11
11
  name: 'DotplotRenderer',
12
12
  configSchema: configSchema_1.default,
13
13
  ReactComponent: DotplotRendering_1.default,
14
14
  pluginManager,
15
15
  }));
16
- };
16
+ }
17
+ exports.default = DotplotRendererF;
@@ -65,13 +65,13 @@ exports.HorizontalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
65
65
  const x = region.offsetPx;
66
66
  const y = 0;
67
67
  const xoff = Math.floor(x - hview.offsetPx);
68
- return (react_1.default.createElement("text", { transform: `rotate(${htextRotation},${xoff},${y})`, key: JSON.stringify(region), x: xoff, y: y + 1, fill: theme.palette.text.primary, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end" }, region.refName));
68
+ return (react_1.default.createElement("text", { transform: `rotate(${htextRotation},${xoff},${y})`, key: JSON.stringify(region), x: xoff, y: y + 1, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, region.refName));
69
69
  }),
70
- ticks.map(([tick, x]) => x > 0 && x < width ? (react_1.default.createElement("line", { key: `line-${JSON.stringify(tick)}`, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: theme.palette.grey[400] })) : null),
70
+ ticks.map(([tick, x]) => x > 0 && x < width ? (react_1.default.createElement("line", { key: `line-${JSON.stringify(tick)}`, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, ...(0, util_1.getFillProps)(theme.palette.text.primary) })) : null),
71
71
  ticks
72
72
  .filter(t => t[0].type === 'major')
73
- .map(([tick, x]) => x > 10 && x < width ? (react_1.default.createElement("text", { x: x - 7, y: 0, transform: `rotate(${htextRotation},${x},${0})`, key: `text-${JSON.stringify(tick)}`, fill: theme.palette.text.primary, fontSize: 11, dominantBaseline: "middle", textAnchor: "end" }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null),
74
- react_1.default.createElement("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, fill: theme.palette.text.primary, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging" }, hview.assemblyNames.join(','))));
73
+ .map(([tick, x]) => x > 10 && x < width ? (react_1.default.createElement("text", { x: x - 7, y: 0, transform: `rotate(${htextRotation},${x},${0})`, key: `text-${JSON.stringify(tick)}`, fontSize: 11, dominantBaseline: "middle", textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null),
74
+ react_1.default.createElement("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, hview.assemblyNames.join(','))));
75
75
  });
76
76
  exports.VerticalAxis = (0, mobx_react_1.observer)(function ({ model, }) {
77
77
  const { borderX, viewHeight } = model;
@@ -111,11 +111,11 @@ exports.VerticalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
111
111
  const y = region.offsetPx;
112
112
  const x = borderX;
113
113
  const yoff = Math.floor(viewHeight - y + offsetPx);
114
- return (react_1.default.createElement("text", { transform: `rotate(${vtextRotation},${x},${y})`, key: JSON.stringify(region), x: x, y: yoff, fill: theme.palette.text.primary, fontSize: 11, textAnchor: "end" }, region.refName));
114
+ return (react_1.default.createElement("text", { transform: `rotate(${vtextRotation},${x},${y})`, key: JSON.stringify(region), x: x, y: yoff, fontSize: 11, textAnchor: "end", ...(0, util_1.getFillProps)(theme.palette.text.primary) }, region.refName));
115
115
  }),
116
- ticks.map(([tick, y]) => y > 0 ? (react_1.default.createElement("line", { key: `line-${JSON.stringify(tick)}`, y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, stroke: theme.palette.grey[400] })) : null),
116
+ ticks.map(([tick, y]) => y > 0 ? (react_1.default.createElement("line", { key: `line-${JSON.stringify(tick)}`, y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, ...(0, util_1.getStrokeProps)(theme.palette.grey[400]) })) : null),
117
117
  ticks
118
118
  .filter(t => t[0].type === 'major')
119
- .map(([tick, y]) => y > 10 && y < viewHeight ? (react_1.default.createElement("text", { y: viewHeight - y - 3, x: borderX - 7, key: `text-${JSON.stringify(tick)}`, textAnchor: "end", fill: theme.palette.text.primary, dominantBaseline: "hanging", fontSize: 11 }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null),
120
- react_1.default.createElement("text", { y: (viewHeight - borderY) / 2, x: 12, fill: theme.palette.text.primary, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11 }, vview.assemblyNames.join(','))));
119
+ .map(([tick, y]) => y > 10 && y < viewHeight ? (react_1.default.createElement("text", { y: viewHeight - y - 3, x: borderX - 7, key: `text-${JSON.stringify(tick)}`, textAnchor: "end", dominantBaseline: "hanging", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary) }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null),
120
+ react_1.default.createElement("text", { y: (viewHeight - borderY) / 2, x: 12, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11, ...(0, util_1.getFillProps)(theme.palette.text.primary) }, vview.assemblyNames.join(','))));
121
121
  });
@@ -37,6 +37,7 @@ exports.TooltipWhereMouseovered = (0, mobx_react_1.observer)(function ({ model,
37
37
  const theme = (0, material_1.useTheme)();
38
38
  const { refs, floatingStyles, context } = (0, react_2.useFloating)({
39
39
  placement: xdistance < 0 ? 'left' : 'right',
40
+ strategy: 'fixed',
40
41
  });
41
42
  const clientPoint = (0, react_2.useClientPoint)(context, mouserectClient
42
43
  ? {
@@ -7,6 +7,7 @@ exports.GridRaw = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const mobx_react_1 = require("mobx-react");
9
9
  const material_1 = require("@mui/material");
10
+ const util_1 = require("@jbrowse/core/util");
10
11
  exports.GridRaw = (0, mobx_react_1.observer)(function ({ model, children, }) {
11
12
  const { viewWidth, viewHeight, hview, vview } = model;
12
13
  const hblocks = hview.dynamicBlocks.contentBlocks;
@@ -29,7 +30,7 @@ exports.GridRaw = (0, mobx_react_1.observer)(function ({ model, children, }) {
29
30
  let lastx = Infinity;
30
31
  let lasty = Infinity;
31
32
  return (react_1.default.createElement(react_1.default.Fragment, null,
32
- react_1.default.createElement("rect", { x: rx, y: ry, width: w, height: h, fill: theme.palette.background.default }),
33
+ react_1.default.createElement("rect", { x: rx, y: ry, width: w, height: h, ...(0, util_1.getFillProps)(theme.palette.background.default) }),
33
34
  react_1.default.createElement("g", null,
34
35
  hblocks.map(region => {
35
36
  const x = region.offsetPx - hview.offsetPx;
@@ -37,7 +38,7 @@ exports.GridRaw = (0, mobx_react_1.observer)(function ({ model, children, }) {
37
38
  if (render) {
38
39
  lastx = x;
39
40
  }
40
- return render ? (react_1.default.createElement("line", { key: JSON.stringify(region), x1: x, y1: 0, x2: x, y2: viewHeight, stroke: stroke })) : null;
41
+ return render ? (react_1.default.createElement("line", { key: JSON.stringify(region), x1: x, y1: 0, x2: x, y2: viewHeight, ...(0, util_1.getStrokeProps)(stroke) })) : null;
41
42
  }),
42
43
  vblocks.map(region => {
43
44
  const y = viewHeight - (region.offsetPx - vview.offsetPx);
@@ -45,10 +46,10 @@ exports.GridRaw = (0, mobx_react_1.observer)(function ({ model, children, }) {
45
46
  if (render) {
46
47
  lasty = y;
47
48
  }
48
- return render ? (react_1.default.createElement("line", { key: JSON.stringify(region), x1: 0, y1: y, x2: viewWidth, y2: y, stroke: stroke })) : null;
49
+ return render ? (react_1.default.createElement("line", { key: JSON.stringify(region), x1: 0, y1: y, x2: viewWidth, y2: y, ...(0, util_1.getStrokeProps)(stroke) })) : null;
49
50
  }),
50
- react_1.default.createElement("line", { x1: htop, y1: 0, x2: htop, y2: viewHeight, stroke: stroke }),
51
- react_1.default.createElement("line", { x1: 0, y1: viewHeight - vtop, x2: viewWidth, y2: viewHeight - vtop, stroke: stroke })),
51
+ react_1.default.createElement("line", { x1: htop, y1: 0, x2: htop, y2: viewHeight, ...(0, util_1.getStrokeProps)(stroke) }),
52
+ react_1.default.createElement("line", { x1: 0, y1: viewHeight - vtop, x2: viewWidth, y2: viewHeight - vtop, ...(0, util_1.getStrokeProps)(stroke) })),
52
53
  children));
53
54
  });
54
55
  function Grid({ model, children, }) {
@@ -1,2 +1,2 @@
1
1
  import PluginManager from '@jbrowse/core/PluginManager';
2
- export default function (pluginManager: PluginManager): void;
2
+ export default function DotplotViewF(pluginManager: PluginManager): void;
@@ -30,7 +30,7 @@ const react_1 = require("react");
30
30
  const ViewType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/ViewType"));
31
31
  // locals
32
32
  const model_1 = __importDefault(require("./model"));
33
- function default_1(pluginManager) {
33
+ function DotplotViewF(pluginManager) {
34
34
  pluginManager.addViewType(() => {
35
35
  return new ViewType_1.default({
36
36
  name: 'DotplotView',
@@ -40,4 +40,4 @@ function default_1(pluginManager) {
40
40
  });
41
41
  });
42
42
  }
43
- exports.default = default_1;
43
+ exports.default = DotplotViewF;
@@ -1,6 +1,5 @@
1
1
  import PluginManager from '@jbrowse/core/PluginManager';
2
- declare const _default: (pm: PluginManager) => void;
3
- export default _default;
2
+ export default function DotplotDisplayF(pm: PluginManager): void;
4
3
  /**
5
4
  * #config DotplotDisplay
6
5
  */
@@ -5,7 +5,7 @@ import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
5
5
  // locals
6
6
  import { stateModelFactory } from './stateModelFactory';
7
7
  import ReactComponent from './components/DotplotDisplay';
8
- export default (pm) => {
8
+ export default function DotplotDisplayF(pm) {
9
9
  pm.addDisplayType(() => {
10
10
  const configSchema = configSchemaFactory(pm);
11
11
  return new DisplayType({
@@ -18,7 +18,7 @@ export default (pm) => {
18
18
  ReactComponent,
19
19
  });
20
20
  });
21
- };
21
+ }
22
22
  /**
23
23
  * #config DotplotDisplay
24
24
  */
@@ -1,3 +1,2 @@
1
1
  import PluginManager from '@jbrowse/core/PluginManager';
2
- declare const _default: (pluginManager: PluginManager) => void;
3
- export default _default;
2
+ export default function DotplotRendererF(pluginManager: PluginManager): void;
@@ -1,11 +1,11 @@
1
1
  import ReactComponent from './components/DotplotRendering';
2
2
  import DotplotRenderer from './DotplotRenderer';
3
3
  import configSchema from './configSchema';
4
- export default (pluginManager) => {
4
+ export default function DotplotRendererF(pluginManager) {
5
5
  pluginManager.addRendererType(() => new DotplotRenderer({
6
6
  name: 'DotplotRenderer',
7
7
  configSchema: configSchema,
8
8
  ReactComponent,
9
9
  pluginManager,
10
10
  }));
11
- };
11
+ }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { makeStyles } from 'tss-react/mui';
3
3
  import { observer } from 'mobx-react';
4
4
  import { getSnapshot } from 'mobx-state-tree';
5
- import { getTickDisplayStr } from '@jbrowse/core/util';
5
+ import { getFillProps, getStrokeProps, getTickDisplayStr, } from '@jbrowse/core/util';
6
6
  import { bpToPx } from '@jbrowse/core/util/Base1DUtils';
7
7
  import { useTheme } from '@mui/material';
8
8
  // locals
@@ -59,13 +59,13 @@ export const HorizontalAxisRaw = observer(function ({ model, }) {
59
59
  const x = region.offsetPx;
60
60
  const y = 0;
61
61
  const xoff = Math.floor(x - hview.offsetPx);
62
- return (React.createElement("text", { transform: `rotate(${htextRotation},${xoff},${y})`, key: JSON.stringify(region), x: xoff, y: y + 1, fill: theme.palette.text.primary, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end" }, region.refName));
62
+ return (React.createElement("text", { transform: `rotate(${htextRotation},${xoff},${y})`, key: JSON.stringify(region), x: xoff, y: y + 1, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end", ...getFillProps(theme.palette.text.primary) }, region.refName));
63
63
  }),
64
- ticks.map(([tick, x]) => x > 0 && x < width ? (React.createElement("line", { key: `line-${JSON.stringify(tick)}`, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: theme.palette.grey[400] })) : null),
64
+ ticks.map(([tick, x]) => x > 0 && x < width ? (React.createElement("line", { key: `line-${JSON.stringify(tick)}`, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, ...getFillProps(theme.palette.text.primary) })) : null),
65
65
  ticks
66
66
  .filter(t => t[0].type === 'major')
67
- .map(([tick, x]) => x > 10 && x < width ? (React.createElement("text", { x: x - 7, y: 0, transform: `rotate(${htextRotation},${x},${0})`, key: `text-${JSON.stringify(tick)}`, fill: theme.palette.text.primary, fontSize: 11, dominantBaseline: "middle", textAnchor: "end" }, getTickDisplayStr(tick.base + 1, bpPerPx))) : null),
68
- React.createElement("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, fill: theme.palette.text.primary, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging" }, hview.assemblyNames.join(','))));
67
+ .map(([tick, x]) => x > 10 && x < width ? (React.createElement("text", { x: x - 7, y: 0, transform: `rotate(${htextRotation},${x},${0})`, key: `text-${JSON.stringify(tick)}`, fontSize: 11, dominantBaseline: "middle", textAnchor: "end", ...getFillProps(theme.palette.text.primary) }, getTickDisplayStr(tick.base + 1, bpPerPx))) : null),
68
+ React.createElement("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging", ...getFillProps(theme.palette.text.primary) }, hview.assemblyNames.join(','))));
69
69
  });
70
70
  export const VerticalAxis = observer(function ({ model, }) {
71
71
  const { borderX, viewHeight } = model;
@@ -105,11 +105,11 @@ export const VerticalAxisRaw = observer(function ({ model, }) {
105
105
  const y = region.offsetPx;
106
106
  const x = borderX;
107
107
  const yoff = Math.floor(viewHeight - y + offsetPx);
108
- return (React.createElement("text", { transform: `rotate(${vtextRotation},${x},${y})`, key: JSON.stringify(region), x: x, y: yoff, fill: theme.palette.text.primary, fontSize: 11, textAnchor: "end" }, region.refName));
108
+ return (React.createElement("text", { transform: `rotate(${vtextRotation},${x},${y})`, key: JSON.stringify(region), x: x, y: yoff, fontSize: 11, textAnchor: "end", ...getFillProps(theme.palette.text.primary) }, region.refName));
109
109
  }),
110
- ticks.map(([tick, y]) => y > 0 ? (React.createElement("line", { key: `line-${JSON.stringify(tick)}`, y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, stroke: theme.palette.grey[400] })) : null),
110
+ ticks.map(([tick, y]) => y > 0 ? (React.createElement("line", { key: `line-${JSON.stringify(tick)}`, y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, ...getStrokeProps(theme.palette.grey[400]) })) : null),
111
111
  ticks
112
112
  .filter(t => t[0].type === 'major')
113
- .map(([tick, y]) => y > 10 && y < viewHeight ? (React.createElement("text", { y: viewHeight - y - 3, x: borderX - 7, key: `text-${JSON.stringify(tick)}`, textAnchor: "end", fill: theme.palette.text.primary, dominantBaseline: "hanging", fontSize: 11 }, getTickDisplayStr(tick.base + 1, bpPerPx))) : null),
114
- React.createElement("text", { y: (viewHeight - borderY) / 2, x: 12, fill: theme.palette.text.primary, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11 }, vview.assemblyNames.join(','))));
113
+ .map(([tick, y]) => y > 10 && y < viewHeight ? (React.createElement("text", { y: viewHeight - y - 3, x: borderX - 7, key: `text-${JSON.stringify(tick)}`, textAnchor: "end", dominantBaseline: "hanging", fontSize: 11, ...getFillProps(theme.palette.text.primary) }, getTickDisplayStr(tick.base + 1, bpPerPx))) : null),
114
+ React.createElement("text", { y: (viewHeight - borderY) / 2, x: 12, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11, ...getFillProps(theme.palette.text.primary) }, vview.assemblyNames.join(','))));
115
115
  });
@@ -31,6 +31,7 @@ export const TooltipWhereMouseovered = observer(function ({ model, mouserect, mo
31
31
  const theme = useTheme();
32
32
  const { refs, floatingStyles, context } = useFloating({
33
33
  placement: xdistance < 0 ? 'left' : 'right',
34
+ strategy: 'fixed',
34
35
  });
35
36
  const clientPoint = useClientPoint(context, mouserectClient
36
37
  ? {
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { observer } from 'mobx-react';
3
3
  import { useTheme } from '@mui/material';
4
+ import { getFillProps, getStrokeProps } from '@jbrowse/core/util';
4
5
  export const GridRaw = observer(function ({ model, children, }) {
5
6
  const { viewWidth, viewHeight, hview, vview } = model;
6
7
  const hblocks = hview.dynamicBlocks.contentBlocks;
@@ -23,7 +24,7 @@ export const GridRaw = observer(function ({ model, children, }) {
23
24
  let lastx = Infinity;
24
25
  let lasty = Infinity;
25
26
  return (React.createElement(React.Fragment, null,
26
- React.createElement("rect", { x: rx, y: ry, width: w, height: h, fill: theme.palette.background.default }),
27
+ React.createElement("rect", { x: rx, y: ry, width: w, height: h, ...getFillProps(theme.palette.background.default) }),
27
28
  React.createElement("g", null,
28
29
  hblocks.map(region => {
29
30
  const x = region.offsetPx - hview.offsetPx;
@@ -31,7 +32,7 @@ export const GridRaw = observer(function ({ model, children, }) {
31
32
  if (render) {
32
33
  lastx = x;
33
34
  }
34
- return render ? (React.createElement("line", { key: JSON.stringify(region), x1: x, y1: 0, x2: x, y2: viewHeight, stroke: stroke })) : null;
35
+ return render ? (React.createElement("line", { key: JSON.stringify(region), x1: x, y1: 0, x2: x, y2: viewHeight, ...getStrokeProps(stroke) })) : null;
35
36
  }),
36
37
  vblocks.map(region => {
37
38
  const y = viewHeight - (region.offsetPx - vview.offsetPx);
@@ -39,10 +40,10 @@ export const GridRaw = observer(function ({ model, children, }) {
39
40
  if (render) {
40
41
  lasty = y;
41
42
  }
42
- return render ? (React.createElement("line", { key: JSON.stringify(region), x1: 0, y1: y, x2: viewWidth, y2: y, stroke: stroke })) : null;
43
+ return render ? (React.createElement("line", { key: JSON.stringify(region), x1: 0, y1: y, x2: viewWidth, y2: y, ...getStrokeProps(stroke) })) : null;
43
44
  }),
44
- React.createElement("line", { x1: htop, y1: 0, x2: htop, y2: viewHeight, stroke: stroke }),
45
- React.createElement("line", { x1: 0, y1: viewHeight - vtop, x2: viewWidth, y2: viewHeight - vtop, stroke: stroke })),
45
+ React.createElement("line", { x1: htop, y1: 0, x2: htop, y2: viewHeight, ...getStrokeProps(stroke) }),
46
+ React.createElement("line", { x1: 0, y1: viewHeight - vtop, x2: viewWidth, y2: viewHeight - vtop, ...getStrokeProps(stroke) })),
46
47
  children));
47
48
  });
48
49
  export default function Grid({ model, children, }) {
@@ -1,2 +1,2 @@
1
1
  import PluginManager from '@jbrowse/core/PluginManager';
2
- export default function (pluginManager: PluginManager): void;
2
+ export default function DotplotViewF(pluginManager: PluginManager): void;
@@ -2,7 +2,7 @@ import { lazy } from 'react';
2
2
  import ViewType from '@jbrowse/core/pluggableElementTypes/ViewType';
3
3
  // locals
4
4
  import stateModelFactory from './model';
5
- export default function (pluginManager) {
5
+ export default function DotplotViewF(pluginManager) {
6
6
  pluginManager.addViewType(() => {
7
7
  return new ViewType({
8
8
  name: 'DotplotView',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jbrowse/plugin-dotplot-view",
3
- "version": "2.11.0",
3
+ "version": "2.11.1",
4
4
  "description": "JBrowse 2 dotplot view",
5
5
  "keywords": [
6
6
  "jbrowse",
@@ -63,5 +63,5 @@
63
63
  "publishConfig": {
64
64
  "access": "public"
65
65
  },
66
- "gitHead": "3d43a820b9274a6160aa4dc15616147f390d9094"
66
+ "gitHead": "11b28d66d782eb06f92ccb993108bb6c3c82819e"
67
67
  }