@jbrowse/plugin-dotplot-view 2.11.1 → 2.12.0

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.
Files changed (15) hide show
  1. package/dist/DotplotView/1dview.d.ts +15 -42
  2. package/dist/DotplotView/components/DotplotControls.js +2 -2
  3. package/dist/DotplotView/components/DotplotView.js +25 -8
  4. package/dist/DotplotView/components/DotplotWarnings.js +4 -2
  5. package/dist/DotplotView/model.d.ts +50 -113
  6. package/esm/DotplotView/1dview.d.ts +15 -42
  7. package/esm/DotplotView/components/DotplotControls.js +2 -2
  8. package/esm/DotplotView/components/DotplotView.js +25 -8
  9. package/esm/DotplotView/components/DotplotWarnings.js +4 -2
  10. package/esm/DotplotView/model.d.ts +50 -113
  11. package/package.json +3 -5
  12. package/dist/DotplotView/blockTypes.d.ts +0 -53
  13. package/dist/DotplotView/blockTypes.js +0 -103
  14. package/esm/DotplotView/blockTypes.d.ts +0 -53
  15. package/esm/DotplotView/blockTypes.js +0 -95
package/dist/DotplotView/1dview.d.ts CHANGED
@@ -1,24 +1,15 @@
1
1
  import { Instance } from 'mobx-state-tree';
2
2
  declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
3
3
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
4
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
5
- refName: import("mobx-state-tree").ISimpleType<string>;
6
- start: import("mobx-state-tree").ISimpleType<number>;
7
- end: import("mobx-state-tree").ISimpleType<number>;
8
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
9
- } & {
10
- assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
11
- * #getter
12
- */
13
- }, {
14
- setRefName(newRefName: string): void;
15
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
4
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
16
5
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
17
6
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
18
7
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
19
8
  minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
20
9
  }, {
21
- features: import("@jbrowse/core/util").Feature[] | undefined;
10
+ features: import("@jbrowse/core/util").Feature[] | undefined; /**
11
+ * #getter
12
+ */
22
13
  volatileWidth: number;
23
14
  } & {
24
15
  setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -45,7 +36,7 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
45
36
  offset: number;
46
37
  start: number;
47
38
  end: number;
48
- reversed: boolean;
39
+ reversed?: boolean | undefined;
49
40
  };
50
41
  bpToPx({ refName, coord, regionNumber, }: {
51
42
  refName: string;
@@ -101,24 +92,15 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
101
92
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
102
93
  declare const DotplotHView: import("mobx-state-tree").IModelType<{
103
94
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
104
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
105
- refName: import("mobx-state-tree").ISimpleType<string>;
106
- start: import("mobx-state-tree").ISimpleType<number>;
107
- end: import("mobx-state-tree").ISimpleType<number>;
108
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
109
- } & {
110
- assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
111
- * #getter
112
- */
113
- }, {
114
- setRefName(newRefName: string): void;
115
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
95
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
116
96
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
117
97
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
118
98
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
119
99
  minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
120
100
  }, {
121
- features: import("@jbrowse/core/util").Feature[] | undefined;
101
+ features: import("@jbrowse/core/util").Feature[] | undefined; /**
102
+ * #getter
103
+ */
122
104
  volatileWidth: number;
123
105
  } & {
124
106
  setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -145,7 +127,7 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
145
127
  offset: number;
146
128
  start: number;
147
129
  end: number;
148
- reversed: boolean;
130
+ reversed?: boolean | undefined;
149
131
  };
150
132
  bpToPx({ refName, coord, regionNumber, }: {
151
133
  refName: string;
@@ -203,24 +185,15 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
203
185
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
204
186
  declare const DotplotVView: import("mobx-state-tree").IModelType<{
205
187
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
206
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
207
- refName: import("mobx-state-tree").ISimpleType<string>;
208
- start: import("mobx-state-tree").ISimpleType<number>;
209
- end: import("mobx-state-tree").ISimpleType<number>;
210
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
211
- } & {
212
- assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
213
- * #getter
214
- */
215
- }, {
216
- setRefName(newRefName: string): void;
217
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
188
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
218
189
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
219
190
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
220
191
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
221
192
  minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
222
193
  }, {
223
- features: import("@jbrowse/core/util").Feature[] | undefined;
194
+ features: import("@jbrowse/core/util").Feature[] | undefined; /**
195
+ * #getter
196
+ */
224
197
  volatileWidth: number;
225
198
  } & {
226
199
  setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -247,7 +220,7 @@ declare const DotplotVView: import("mobx-state-tree").IModelType<{
247
220
  offset: number;
248
221
  start: number;
249
222
  end: number;
250
- reversed: boolean;
223
+ reversed?: boolean | undefined;
251
224
  };
252
225
  bpToPx({ refName, coord, regionNumber, }: {
253
226
  refName: string;
package/dist/DotplotView/components/DotplotControls.js CHANGED
@@ -51,14 +51,14 @@ const DotplotControls = (0, mobx_react_1.observer)(function ({ model, }) {
51
51
  subMenu: [
52
52
  {
53
53
  onClick: () => model.setCursorMode('move'),
54
- label: 'Pan by default, select region when ctrl key is held',
54
+ label: 'Pan by default, select region when ctrl/cmd key is held',
55
55
  icon: CursorIcon_1.CursorMove,
56
56
  type: 'radio',
57
57
  checked: model.cursorMode === 'move',
58
58
  },
59
59
  {
60
60
  onClick: () => model.setCursorMode('crosshair'),
61
- label: 'Select region by default, pan when ctrl key is held',
61
+ label: 'Select region by default, pan when ctrl/cmd key is held',
62
62
  icon: CursorIcon_1.CursorMouse,
63
63
  type: 'radio',
64
64
  checked: model.cursorMode === 'crosshair',
package/dist/DotplotView/components/DotplotView.js CHANGED
@@ -31,7 +31,6 @@ const ui_1 = require("@jbrowse/core/ui");
31
31
  const mobx_react_1 = require("mobx-react");
32
32
  const mobx_1 = require("mobx");
33
33
  const mui_1 = require("tss-react/mui");
34
- const normalize_wheel_1 = __importDefault(require("normalize-wheel"));
35
34
  const ImportForm_1 = __importDefault(require("./ImportForm"));
36
35
  const Header_1 = __importDefault(require("./Header"));
37
36
  const Grid_1 = __importDefault(require("./Grid"));
@@ -104,6 +103,7 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
104
103
  const distanceY = (0, react_1.useRef)(0);
105
104
  const scheduled = (0, react_1.useRef)(false);
106
105
  const [ctrlKeyWasUsed, setCtrlKeyWasUsed] = (0, react_1.useState)(false);
106
+ const [ctrlKeyDown, setCtrlKeyDown] = (0, react_1.useState)(false);
107
107
  const svg = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || blank;
108
108
  const rootRect = ((_b = ref.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || blank;
109
109
  const mousedown = getOffset(mousedownClient, svg);
@@ -120,11 +120,10 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
120
120
  (cursorMode === 'crosshair' && !ctrlKeyWasUsed);
121
121
  // use non-React wheel handler to properly prevent body scrolling
122
122
  (0, react_1.useEffect)(() => {
123
- function onWheel(origEvent) {
124
- const event = (0, normalize_wheel_1.default)(origEvent);
125
- origEvent.preventDefault();
126
- distanceX.current += event.pixelX;
127
- distanceY.current -= event.pixelY;
123
+ function onWheel(event) {
124
+ event.preventDefault();
125
+ distanceX.current += event.deltaX;
126
+ distanceY.current -= event.deltaY;
128
127
  if (!scheduled.current) {
129
128
  scheduled.current = true;
130
129
  window.requestAnimationFrame(() => {
@@ -175,6 +174,24 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
175
174
  hview,
176
175
  vview,
177
176
  ]);
177
+ (0, react_1.useEffect)(() => {
178
+ function globalCtrlKeyDown(event) {
179
+ if (event.metaKey || event.ctrlKey) {
180
+ setCtrlKeyDown(true);
181
+ }
182
+ }
183
+ function globalCtrlKeyUp(event) {
184
+ if (!event.metaKey && !event.ctrlKey) {
185
+ setCtrlKeyDown(false);
186
+ }
187
+ }
188
+ window.addEventListener('keydown', globalCtrlKeyDown);
189
+ window.addEventListener('keyup', globalCtrlKeyUp);
190
+ return () => {
191
+ window.removeEventListener('keydown', globalCtrlKeyDown);
192
+ window.addEventListener('keyup', globalCtrlKeyUp);
193
+ };
194
+ }, []);
178
195
  // detect a mouseup after a mousedown was submitted, autoremoves mouseup once
179
196
  // that single mouseup is set
180
197
  (0, react_1.useEffect)(() => {
@@ -219,12 +236,12 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
219
236
  react_1.default.createElement("div", { ref: ref, className: classes.content },
220
237
  mouseOvered && validSelect ? (react_1.default.createElement(DotplotTooltip_1.TooltipWhereMouseovered, { model: model, mouserect: mouserect, mouserectClient: mouserectClient, xdistance: xdistance })) : null,
221
238
  validSelect ? (react_1.default.createElement(DotplotTooltip_1.TooltipWhereClicked, { model: model, mousedown: mousedown, mousedownClient: mousedownClient, xdistance: xdistance, ydistance: ydistance })) : null,
222
- react_1.default.createElement("div", { style: { cursor: ctrlKeyWasUsed ? 'pointer' : cursorMode }, onMouseDown: event => {
239
+ react_1.default.createElement("div", { style: { cursor: ctrlKeyDown ? 'pointer' : cursorMode }, onMouseDown: event => {
223
240
  if (event.button === 0) {
224
241
  const { clientX, clientY } = event;
225
242
  setMouseDownClient([clientX, clientY]);
226
243
  setMouseCurrClient([clientX, clientY]);
227
- setCtrlKeyWasUsed(event.ctrlKey);
244
+ setCtrlKeyWasUsed(ctrlKeyDown);
228
245
  }
229
246
  } },
230
247
  react_1.default.createElement(Grid_1.default, { model: model }, validSelect && mousedown && mouserect ? (react_1.default.createElement("rect", { fill: "rgba(255,0,0,0.3)", x: Math.min(mouserect[0], mousedown[0]), y: Math.min(mouserect[1], mousedown[1]), width: Math.abs(xdistance), height: Math.abs(ydistance) })) : null)),
package/dist/DotplotView/components/DotplotWarnings.js CHANGED
@@ -31,10 +31,12 @@ const WarningDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __imp
31
31
  const DotplotWarnings = (0, mobx_react_1.observer)(function ({ model, }) {
32
32
  const trackWarnings = model.tracks.filter(t => { var _a; return (_a = t.displays[0].warnings) === null || _a === void 0 ? void 0 : _a.length; });
33
33
  const [shown, setShown] = (0, react_1.useState)(false);
34
- return trackWarnings.length ? (react_1.default.createElement(material_1.Alert, { severity: "warning" },
34
+ const [hide, setHide] = (0, react_1.useState)(false);
35
+ return trackWarnings.length && !hide ? (react_1.default.createElement(material_1.Alert, { severity: "warning" },
35
36
  "Warnings during render",
36
37
  ' ',
37
38
  react_1.default.createElement(material_1.Button, { onClick: () => setShown(true) }, "More info"),
38
- shown ? (react_1.default.createElement(WarningDialog, { trackWarnings: trackWarnings, handleClose: () => setShown(false) })) : null)) : null;
39
+ shown ? (react_1.default.createElement(WarningDialog, { trackWarnings: trackWarnings, handleClose: () => setShown(false) })) : null,
40
+ react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => setHide(true) }, "Dismiss"))) : null;
39
41
  });
40
42
  exports.default = DotplotWarnings;
package/dist/DotplotView/model.d.ts CHANGED
@@ -36,16 +36,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
36
36
  drawCigar: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
37
37
  hview: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
38
38
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
39
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
40
- refName: import("mobx-state-tree").ISimpleType<string>;
41
- start: import("mobx-state-tree").ISimpleType<number>;
42
- end: import("mobx-state-tree").ISimpleType<number>;
43
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
44
- } & {
45
- assemblyName: import("mobx-state-tree").ISimpleType<string>;
46
- }, {
47
- setRefName(newRefName: string): void;
48
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
39
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
49
40
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
50
41
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
51
42
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
@@ -74,28 +65,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
74
65
  index: number;
75
66
  refName: string;
76
67
  oob: boolean;
77
- assemblyName: string; /**
78
- * #property
79
- */
68
+ assemblyName: string;
80
69
  offset: number;
81
70
  start: number;
82
- end: number; /**
83
- * #property
84
- */
85
- reversed: boolean;
71
+ end: number;
72
+ reversed?: boolean | undefined;
86
73
  };
87
74
  bpToPx({ refName, coord, regionNumber, }: {
88
- refName: string; /**
89
- * #property
90
- */
75
+ refName: string;
91
76
  coord: number;
92
77
  regionNumber?: number | undefined;
93
78
  }): number | undefined;
94
79
  } & {
95
- setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
80
+ setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
81
+ * #property
82
+ */
96
83
  showAllRegions(): void;
97
84
  zoomOut(): void;
98
- zoomIn(): void;
85
+ zoomIn(): void; /**
86
+ * #property
87
+ */
99
88
  zoomTo(bpPerPx: number, offset?: number | undefined): number;
100
89
  scrollTo(offsetPx: number): number;
101
90
  centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -117,16 +106,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
117
106
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
118
107
  vview: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
119
108
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
120
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
121
- refName: import("mobx-state-tree").ISimpleType<string>;
122
- start: import("mobx-state-tree").ISimpleType<number>;
123
- end: import("mobx-state-tree").ISimpleType<number>;
124
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
125
- } & {
126
- assemblyName: import("mobx-state-tree").ISimpleType<string>;
127
- }, {
128
- setRefName(newRefName: string): void;
129
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
109
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
130
110
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
131
111
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
132
112
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
@@ -155,28 +135,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
155
135
  index: number;
156
136
  refName: string;
157
137
  oob: boolean;
158
- assemblyName: string; /**
159
- * #property
160
- */
138
+ assemblyName: string;
161
139
  offset: number;
162
140
  start: number;
163
- end: number; /**
164
- * #property
165
- */
166
- reversed: boolean;
141
+ end: number;
142
+ reversed?: boolean | undefined;
167
143
  };
168
144
  bpToPx({ refName, coord, regionNumber, }: {
169
- refName: string; /**
170
- * #property
171
- */
145
+ refName: string;
172
146
  coord: number;
173
147
  regionNumber?: number | undefined;
174
148
  }): number | undefined;
175
149
  } & {
176
- setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
150
+ setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
151
+ * #property
152
+ */
177
153
  showAllRegions(): void;
178
154
  zoomOut(): void;
179
- zoomIn(): void;
155
+ zoomIn(): void; /**
156
+ * #property
157
+ */
180
158
  zoomTo(bpPerPx: number, offset?: number | undefined): number;
181
159
  scrollTo(offsetPx: number): number;
182
160
  centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -221,18 +199,12 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
221
199
  } & {
222
200
  trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
223
201
  type: string;
224
- label: string; /**
225
- * #property
226
- */
202
+ label: string;
227
203
  subMenu: {
228
204
  type: string;
229
- label: string; /**
230
- * #property
231
- */
205
+ label: string;
232
206
  checked: boolean;
233
- onClick: () => void; /**
234
- * #property
235
- */
207
+ onClick: () => void;
236
208
  }[];
237
209
  })[];
238
210
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
@@ -307,25 +279,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
307
279
  */
308
280
  readonly views: ({
309
281
  id: string;
310
- displayedRegions: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
311
- refName: import("mobx-state-tree").ISimpleType<string>;
312
- start: import("mobx-state-tree").ISimpleType<number>;
313
- end: import("mobx-state-tree").ISimpleType<number>;
314
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
315
- } & {
316
- assemblyName: import("mobx-state-tree").ISimpleType<string>;
317
- }, {
318
- setRefName(newRefName: string): void;
319
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
320
- refName: import("mobx-state-tree").ISimpleType<string>;
321
- start: import("mobx-state-tree").ISimpleType<number>;
322
- end: import("mobx-state-tree").ISimpleType<number>;
323
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
324
- } & {
325
- assemblyName: import("mobx-state-tree").ISimpleType<string>;
326
- }, {
327
- setRefName(newRefName: string): void;
328
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
282
+ displayedRegions: import("@jbrowse/core/util").Region[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>>;
329
283
  bpPerPx: number;
330
284
  offsetPx: number;
331
285
  interRegionPaddingWidth: number;
@@ -354,28 +308,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
354
308
  index: number;
355
309
  refName: string;
356
310
  oob: boolean;
357
- assemblyName: string; /**
358
- * #property
359
- */
311
+ assemblyName: string;
360
312
  offset: number;
361
313
  start: number;
362
- end: number; /**
363
- * #property
364
- */
365
- reversed: boolean;
314
+ end: number;
315
+ reversed?: boolean | undefined;
366
316
  };
367
317
  bpToPx({ refName, coord, regionNumber, }: {
368
- refName: string; /**
369
- * #property
370
- */
318
+ refName: string;
371
319
  coord: number;
372
320
  regionNumber?: number | undefined;
373
321
  }): number | undefined;
374
322
  } & {
375
- setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
323
+ setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
324
+ * #property
325
+ */
376
326
  showAllRegions(): void;
377
327
  zoomOut(): void;
378
- zoomIn(): void;
328
+ zoomIn(): void; /**
329
+ * #property
330
+ */
379
331
  zoomTo(bpPerPx: number, offset?: number | undefined): number;
380
332
  scrollTo(offsetPx: number): number;
381
333
  centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -396,16 +348,7 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
396
348
  readonly width: any;
397
349
  } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
398
350
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
399
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
400
- refName: import("mobx-state-tree").ISimpleType<string>;
401
- start: import("mobx-state-tree").ISimpleType<number>;
402
- end: import("mobx-state-tree").ISimpleType<number>;
403
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
404
- } & {
405
- assemblyName: import("mobx-state-tree").ISimpleType<string>;
406
- }, {
407
- setRefName(newRefName: string): void;
408
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
351
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
409
352
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
410
353
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
411
354
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
@@ -434,28 +377,26 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
434
377
  index: number;
435
378
  refName: string;
436
379
  oob: boolean;
437
- assemblyName: string; /**
438
- * #property
439
- */
380
+ assemblyName: string;
440
381
  offset: number;
441
382
  start: number;
442
- end: number; /**
443
- * #property
444
- */
445
- reversed: boolean;
383
+ end: number;
384
+ reversed?: boolean | undefined;
446
385
  };
447
386
  bpToPx({ refName, coord, regionNumber, }: {
448
- refName: string; /**
449
- * #property
450
- */
387
+ refName: string;
451
388
  coord: number;
452
389
  regionNumber?: number | undefined;
453
390
  }): number | undefined;
454
391
  } & {
455
- setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
392
+ setFeatures(features: import("@jbrowse/core/util").Feature[]): void; /**
393
+ * #property
394
+ */
456
395
  showAllRegions(): void;
457
396
  zoomOut(): void;
458
- zoomIn(): void;
397
+ zoomIn(): void; /**
398
+ * #property
399
+ */
459
400
  zoomTo(bpPerPx: number, offset?: number | undefined): number;
460
401
  scrollTo(offsetPx: number): number;
461
402
  centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
@@ -567,15 +508,11 @@ export default function stateModelFactory(pm: PluginManager): import("mobx-state
567
508
  index: number;
568
509
  refName: string;
569
510
  oob: boolean;
570
- assemblyName: string; /**
571
- * #property
572
- */
511
+ assemblyName: string;
573
512
  offset: number;
574
513
  start: number;
575
- end: number; /**
576
- * #property
577
- */
578
- reversed: boolean;
514
+ end: number;
515
+ reversed?: boolean | undefined;
579
516
  }[] | undefined;
580
517
  /**
581
518
  * #action
package/esm/DotplotView/1dview.d.ts CHANGED
@@ -1,24 +1,15 @@
1
1
  import { Instance } from 'mobx-state-tree';
2
2
  declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
3
3
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
4
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
5
- refName: import("mobx-state-tree").ISimpleType<string>;
6
- start: import("mobx-state-tree").ISimpleType<number>;
7
- end: import("mobx-state-tree").ISimpleType<number>;
8
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
9
- } & {
10
- assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
11
- * #getter
12
- */
13
- }, {
14
- setRefName(newRefName: string): void;
15
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
4
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
16
5
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
17
6
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
18
7
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
19
8
  minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
20
9
  }, {
21
- features: import("@jbrowse/core/util").Feature[] | undefined;
10
+ features: import("@jbrowse/core/util").Feature[] | undefined; /**
11
+ * #getter
12
+ */
22
13
  volatileWidth: number;
23
14
  } & {
24
15
  setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -45,7 +36,7 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
45
36
  offset: number;
46
37
  start: number;
47
38
  end: number;
48
- reversed: boolean;
39
+ reversed?: boolean | undefined;
49
40
  };
50
41
  bpToPx({ refName, coord, regionNumber, }: {
51
42
  refName: string;
@@ -101,24 +92,15 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
101
92
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
102
93
  declare const DotplotHView: import("mobx-state-tree").IModelType<{
103
94
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
104
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
105
- refName: import("mobx-state-tree").ISimpleType<string>;
106
- start: import("mobx-state-tree").ISimpleType<number>;
107
- end: import("mobx-state-tree").ISimpleType<number>;
108
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
109
- } & {
110
- assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
111
- * #getter
112
- */
113
- }, {
114
- setRefName(newRefName: string): void;
115
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
95
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
116
96
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
117
97
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
118
98
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
119
99
  minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
120
100
  }, {
121
- features: import("@jbrowse/core/util").Feature[] | undefined;
101
+ features: import("@jbrowse/core/util").Feature[] | undefined; /**
102
+ * #getter
103
+ */
122
104
  volatileWidth: number;
123
105
  } & {
124
106
  setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -145,7 +127,7 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
145
127
  offset: number;
146
128
  start: number;
147
129
  end: number;
148
- reversed: boolean;
130
+ reversed?: boolean | undefined;
149
131
  };
150
132
  bpToPx({ refName, coord, regionNumber, }: {
151
133
  refName: string;
@@ -203,24 +185,15 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
203
185
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
204
186
  declare const DotplotVView: import("mobx-state-tree").IModelType<{
205
187
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
206
- displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
207
- refName: import("mobx-state-tree").ISimpleType<string>;
208
- start: import("mobx-state-tree").ISimpleType<number>;
209
- end: import("mobx-state-tree").ISimpleType<number>;
210
- reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
211
- } & {
212
- assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
213
- * #getter
214
- */
215
- }, {
216
- setRefName(newRefName: string): void;
217
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
188
+ displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
218
189
  bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
219
190
  offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
220
191
  interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
221
192
  minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
222
193
  }, {
223
- features: import("@jbrowse/core/util").Feature[] | undefined;
194
+ features: import("@jbrowse/core/util").Feature[] | undefined; /**
195
+ * #getter
196
+ */
224
197
  volatileWidth: number;
225
198
  } & {
226
199
  setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
@@ -247,7 +220,7 @@ declare const DotplotVView: import("mobx-state-tree").IModelType<{
247
220
  offset: number;
248
221
  start: number;
249
222
  end: number;
250
- reversed: boolean;
223
+ reversed?: boolean | undefined;
251
224
  };
252
225
  bpToPx({ refName, coord, regionNumber, }: {
253
226
  refName: string;
package/esm/DotplotView/components/DotplotControls.js CHANGED
@@ -46,14 +46,14 @@ const DotplotControls = observer(function ({ model, }) {
46
46
  subMenu: [
47
47
  {
48
48
  onClick: () => model.setCursorMode('move'),
49
- label: 'Pan by default, select region when ctrl key is held',
49
+ label: 'Pan by default, select region when ctrl/cmd key is held',
50
50
  icon: CursorMove,
51
51
  type: 'radio',
52
52
  checked: model.cursorMode === 'move',
53
53
  },
54
54
  {
55
55
  onClick: () => model.setCursorMode('crosshair'),
56
- label: 'Select region by default, pan when ctrl key is held',
56
+ label: 'Select region by default, pan when ctrl/cmd key is held',
57
57
  icon: CursorMouse,
58
58
  type: 'radio',
59
59
  checked: model.cursorMode === 'crosshair',