react-msaview 2.1.1 → 2.1.3

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 (37) hide show
  1. package/bundle/index.js +3 -3
  2. package/dist/components/Header.js +4 -4
  3. package/dist/components/Header.js.map +1 -1
  4. package/dist/components/MSAView.js +2 -4
  5. package/dist/components/MSAView.js.map +1 -1
  6. package/dist/components/Rubberband.js +2 -2
  7. package/dist/components/Rubberband.js.map +1 -1
  8. package/dist/components/TreeCanvasBlock.js +9 -6
  9. package/dist/components/TreeCanvasBlock.js.map +1 -1
  10. package/dist/components/TreeMenu.js +4 -2
  11. package/dist/components/TreeMenu.js.map +1 -1
  12. package/dist/components/dialogs/{DetailsDlg.d.ts → MetadataDlg.d.ts} +2 -2
  13. package/dist/components/dialogs/{DetailsDlg.js → MetadataDlg.js} +5 -4
  14. package/dist/components/dialogs/MetadataDlg.js.map +1 -0
  15. package/dist/components/dialogs/TreeNodeInfoDlg.d.ts +9 -0
  16. package/dist/components/dialogs/TreeNodeInfoDlg.js +16 -0
  17. package/dist/components/dialogs/TreeNodeInfoDlg.js.map +1 -0
  18. package/dist/model.d.ts +336 -13
  19. package/dist/model.js +382 -30
  20. package/dist/model.js.map +1 -1
  21. package/dist/version.d.ts +1 -1
  22. package/dist/version.js +1 -1
  23. package/package.json +6 -2
  24. package/src/components/Header.tsx +5 -5
  25. package/src/components/MSAView.tsx +2 -4
  26. package/src/components/Rubberband.tsx +2 -2
  27. package/src/components/TreeCanvasBlock.tsx +9 -5
  28. package/src/components/TreeMenu.tsx +4 -2
  29. package/src/components/dialogs/{DetailsDlg.tsx → MetadataDlg.tsx} +7 -3
  30. package/src/components/dialogs/TreeNodeInfoDlg.tsx +38 -0
  31. package/src/model.ts +440 -113
  32. package/src/version.ts +1 -1
  33. package/dist/components/dialogs/DetailsDlg.js.map +0 -1
  34. package/dist/components/dialogs/MoreInfoDlg.d.ts +0 -6
  35. package/dist/components/dialogs/MoreInfoDlg.js +0 -11
  36. package/dist/components/dialogs/MoreInfoDlg.js.map +0 -1
  37. package/src/components/dialogs/MoreInfoDlg.tsx +0 -21
package/dist/model.d.ts CHANGED
@@ -40,7 +40,8 @@ export interface IBoxTrack {
40
40
  model: BoxTrackModel;
41
41
  }
42
42
  type BasicTrack = IBoxTrack | ITextTrack;
43
- declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-state-tree").IModelType<{
43
+ type StructureSnap = SnapshotIn<typeof StructureModel>;
44
+ declare const model: import("mobx-state-tree").IModelType<{
44
45
  id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
45
46
  displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
46
47
  minimized: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
@@ -104,14 +105,18 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
104
105
  blobId: import("mobx-state-tree").ISimpleType<string>;
105
106
  }> | import("mobx-state-tree").ModelSnapshotType<{
106
107
  locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
107
- localPath: import("mobx-state-tree").ISimpleType<string>;
108
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
109
+ * #action
110
+ */
108
111
  }>, import("mobx-state-tree").ModelInstanceType<{
109
112
  locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
110
113
  name: import("mobx-state-tree").ISimpleType<string>;
111
114
  blobId: import("mobx-state-tree").ISimpleType<string>;
112
115
  }, {}> | import("mobx-state-tree").ModelInstanceType<{
113
116
  locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
114
- localPath: import("mobx-state-tree").ISimpleType<string>;
117
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
118
+ * #action
119
+ */
115
120
  }, {}> | ({
116
121
  locationType: "UriLocation";
117
122
  uri: string;
@@ -155,14 +160,73 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
155
160
  blobId: import("mobx-state-tree").ISimpleType<string>;
156
161
  }> | import("mobx-state-tree").ModelSnapshotType<{
157
162
  locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
158
- localPath: import("mobx-state-tree").ISimpleType<string>;
163
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
164
+ * #action
165
+ */
159
166
  }>, import("mobx-state-tree").ModelInstanceType<{
160
167
  locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
161
168
  name: import("mobx-state-tree").ISimpleType<string>;
162
169
  blobId: import("mobx-state-tree").ISimpleType<string>;
163
170
  }, {}> | import("mobx-state-tree").ModelInstanceType<{
171
+ locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
172
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
173
+ * #action
174
+ */
175
+ }, {}> | ({
176
+ locationType: "UriLocation";
177
+ uri: string;
178
+ } & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
179
+ locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
180
+ uri: import("mobx-state-tree").ISimpleType<string>;
181
+ baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
182
+ internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
183
+ internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
184
+ internetAccountType: import("mobx-state-tree").ISimpleType<string>;
185
+ authInfo: import("mobx-state-tree").IType<any, any, any>;
186
+ }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
187
+ }>> & import("mobx-state-tree/dist/internal").NonEmptyObject)>, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
188
+ treeMetadataFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISnapshotProcessor<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
189
+ locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
190
+ uri: import("mobx-state-tree").ISimpleType<string>;
191
+ baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
192
+ internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
193
+ internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
194
+ internetAccountType: import("mobx-state-tree").ISimpleType<string>;
195
+ authInfo: import("mobx-state-tree").IType<any, any, any>;
196
+ }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
197
+ }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
198
+ locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
199
+ name: import("mobx-state-tree").ISimpleType<string>;
200
+ blobId: import("mobx-state-tree").ISimpleType<string>;
201
+ }>> | import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
164
202
  locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
165
203
  localPath: import("mobx-state-tree").ISimpleType<string>;
204
+ }>>, {
205
+ locationType: "UriLocation";
206
+ uri: string;
207
+ internetAccountId: string | undefined;
208
+ internetAccountPreAuthorization: import("mobx-state-tree").ModelSnapshotType<{
209
+ internetAccountType: import("mobx-state-tree").ISimpleType<string>;
210
+ authInfo: import("mobx-state-tree").IType<any, any, any>;
211
+ }> | undefined;
212
+ } | import("mobx-state-tree").ModelSnapshotType<{
213
+ locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
214
+ name: import("mobx-state-tree").ISimpleType<string>;
215
+ blobId: import("mobx-state-tree").ISimpleType<string>;
216
+ }> | import("mobx-state-tree").ModelSnapshotType<{
217
+ locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
218
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
219
+ * #action
220
+ */
221
+ }>, import("mobx-state-tree").ModelInstanceType<{
222
+ locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
223
+ name: import("mobx-state-tree").ISimpleType<string>;
224
+ blobId: import("mobx-state-tree").ISimpleType<string>;
225
+ }, {}> | import("mobx-state-tree").ModelInstanceType<{
226
+ locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
227
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
228
+ * #action
229
+ */
166
230
  }, {}> | ({
167
231
  locationType: "UriLocation";
168
232
  uri: string;
@@ -215,9 +279,11 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
215
279
  data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
216
280
  tree: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
217
281
  msa: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
282
+ treeMetadata: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
218
283
  }, {
219
284
  setTree(tree?: string): void;
220
285
  setMSA(msa?: string): void;
286
+ setTreeMetadata(treeMetadata?: string): void;
221
287
  }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
222
288
  }, {
223
289
  width: number;
@@ -241,10 +307,25 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
241
307
  right: number;
242
308
  } | undefined;
243
309
  } & {
244
- setDialogComponent(dlg: React.FC<any> | undefined, props: any): void;
310
+ /**
311
+ * #action
312
+ */
313
+ setDialogComponent(dlg?: React.FC<any>, props?: any): void;
314
+ /**
315
+ * #action
316
+ */
245
317
  setHeight(height: number): void;
246
- addStructureToSelection(elt: SnapshotIn<typeof StructureModel>): void;
247
- removeStructureFromSelection(elt: SnapshotIn<typeof StructureModel>): void;
318
+ /**
319
+ * #action
320
+ */
321
+ addStructureToSelection(elt: StructureSnap): void;
322
+ /**
323
+ * #action
324
+ */
325
+ removeStructureFromSelection(elt: StructureSnap): void;
326
+ /**
327
+ * #action
328
+ */
248
329
  toggleStructureSelection(elt: {
249
330
  id: string;
250
331
  structure: {
@@ -253,42 +334,139 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
253
334
  pdb: string;
254
335
  };
255
336
  }): void;
337
+ /**
338
+ * #action
339
+ */
256
340
  clearSelectedStructures(): void;
341
+ /**
342
+ * #action
343
+ */
257
344
  setError(error?: unknown): void;
345
+ /**
346
+ * #action
347
+ */
258
348
  setMousePos(col?: number, row?: number): void;
349
+ /**
350
+ * #action
351
+ */
259
352
  setRowHeight(n: number): void;
353
+ /**
354
+ * #action
355
+ */
260
356
  setColWidth(n: number): void;
357
+ /**
358
+ * #action
359
+ */
261
360
  setColorSchemeName(name: string): void;
361
+ /**
362
+ * #action
363
+ */
262
364
  setScrollY(n: number): void;
365
+ /**
366
+ * #action
367
+ */
263
368
  setScrollX(n: number): void;
369
+ /**
370
+ * #action
371
+ */
264
372
  setTreeAreaWidth(n: number): void;
373
+ /**
374
+ * #action
375
+ */
265
376
  setTreeWidth(n: number): void;
377
+ /**
378
+ * #action
379
+ */
266
380
  setCurrentAlignment(n: number): void;
381
+ /**
382
+ * #action
383
+ */
267
384
  toggleLabelsAlignRight(): void;
385
+ /**
386
+ * #action
387
+ */
268
388
  toggleDrawTree(): void;
389
+ /**
390
+ * #action
391
+ */
269
392
  toggleCollapsed(node: string): void;
393
+ /**
394
+ * #action
395
+ */
270
396
  setShowOnly(node?: string): void;
397
+ /**
398
+ * #action
399
+ */
271
400
  toggleBranchLen(): void;
401
+ /**
402
+ * #action
403
+ */
272
404
  toggleBgColor(): void;
405
+ /**
406
+ * #action
407
+ */
273
408
  toggleNodeBubbles(): void;
409
+ /**
410
+ * #action
411
+ */
274
412
  setData(data: {
275
413
  msa?: string;
276
414
  tree?: string;
277
415
  }): void;
416
+ /**
417
+ * #action
418
+ */
278
419
  setMSAFilehandle(msaFilehandle?: FileLocationType): Promise<void>;
420
+ /**
421
+ * #action
422
+ */
279
423
  setTreeFilehandle(treeFilehandle?: FileLocationType): Promise<void>;
424
+ /**
425
+ * #action
426
+ */
280
427
  setMSA(result: string): void;
428
+ /**
429
+ * #action
430
+ */
281
431
  setTree(result: string): void;
432
+ /**
433
+ * #action
434
+ */
435
+ setTreeMetadata(result: string): void;
282
436
  afterCreate(): void;
283
437
  } & {
438
+ /**
439
+ * #getter
440
+ */
284
441
  readonly initialized: boolean | "" | undefined;
442
+ /**
443
+ * #getter
444
+ */
285
445
  readonly blocksX: number[];
446
+ /**
447
+ * #getter
448
+ */
286
449
  readonly blocksY: number[];
287
450
  } & {
451
+ /**
452
+ * #getter
453
+ */
288
454
  readonly blocks2d: number[][];
455
+ /**
456
+ * #getter
457
+ */
289
458
  readonly done: string | false | undefined;
459
+ /**
460
+ * #getter
461
+ */
290
462
  readonly colorScheme: Record<string, string>;
463
+ /**
464
+ * #getter
465
+ */
291
466
  readonly header: {};
467
+ /**
468
+ * #method
469
+ */
292
470
  getRowData(name: string): {
293
471
  range?: {
294
472
  start: number;
@@ -300,62 +478,184 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
300
478
  dbxref: string;
301
479
  } | Record<string, unknown>;
302
480
  };
481
+ /**
482
+ * #getter
483
+ */
303
484
  readonly currentAlignmentName: string;
485
+ /**
486
+ * #getter
487
+ */
304
488
  readonly alignmentNames: string[];
489
+ /**
490
+ * #getter
491
+ */
305
492
  readonly noTree: boolean;
493
+ /**
494
+ * #getter
495
+ */
306
496
  readonly menuItems: never[];
497
+ /**
498
+ * #getter
499
+ */
500
+ readonly treeMetadata: any;
501
+ /**
502
+ * #getter
503
+ */
307
504
  readonly MSA: StockholmMSA | FastaMSA | ClustalMSA | null;
505
+ /**
506
+ * #getter
507
+ */
308
508
  readonly numColumns: number;
509
+ /**
510
+ * #getter
511
+ */
309
512
  readonly tree: NodeWithIds;
513
+ /**
514
+ * #getter
515
+ */
310
516
  readonly rowNames: string[];
311
- readonly mouseOverRowName: string | undefined;
517
+ /**
518
+ * #getter
519
+ */ readonly mouseOverRowName: string | undefined;
520
+ /**
521
+ * #method
522
+ */
312
523
  getMouseOverResidue(rowName: string): string;
524
+ /**
525
+ * #getter
526
+ */
313
527
  readonly root: HierarchyNode<NodeWithIds>;
528
+ /**
529
+ * #getter
530
+ */
314
531
  readonly structures: Record<string, {
315
532
  pdb: string;
316
533
  startPos: number;
317
534
  endPos: number;
318
535
  }[]>;
536
+ /**
537
+ * #getter
538
+ */
319
539
  readonly inverseStructures: {
320
540
  [k: string]: {
321
541
  id: string;
322
542
  };
323
543
  };
544
+ /**
545
+ * #getter
546
+ */
324
547
  readonly msaAreaWidth: number;
548
+ /**
549
+ * #getter
550
+ */
325
551
  readonly blanks: number[];
552
+ /**
553
+ * #getter
554
+ */
326
555
  readonly rows: [string, string[]][];
556
+ /**
557
+ * #getter
558
+ */
327
559
  readonly columns: {
328
560
  [k: string]: string;
329
561
  };
562
+ /**
563
+ * #getter
564
+ */
330
565
  readonly columns2d: string[];
566
+ /**
567
+ * #getter
568
+ */
331
569
  readonly colStats: Record<string, number>[];
570
+ /**
571
+ * #getter
572
+ * generates a new tree that is clustered with x,y positions
573
+ */
332
574
  readonly hierarchy: HierarchyNode<NodeWithIdsAndLength>;
575
+ /**
576
+ * #getter
577
+ */
333
578
  readonly totalHeight: number;
334
579
  } & {
580
+ /**
581
+ * #action
582
+ */
335
583
  addUniprotTrack(node: {
336
584
  name: string;
337
585
  accession: string;
338
586
  }): void;
587
+ /**
588
+ * #action
589
+ */
339
590
  doScrollY(deltaY: number): void;
591
+ /**
592
+ * #action
593
+ */
340
594
  doScrollX(deltaX: number): void;
595
+ /**
596
+ * #action
597
+ */
341
598
  setMouseoveredColumn(n: number, chain: string, file: string): void;
599
+ /**
600
+ * #action
601
+ */
342
602
  toggleTrack(id: string): void;
343
603
  } & {
604
+ /**
605
+ * #getter
606
+ */
344
607
  readonly secondaryStructureConsensus: string | undefined;
608
+ /**
609
+ * #getter
610
+ */
345
611
  readonly seqConsensus: string | undefined;
612
+ /**
613
+ * #getter
614
+ */
346
615
  readonly conservation: string[];
616
+ /**
617
+ * #getter
618
+ */
347
619
  readonly tracks: BasicTrack[];
620
+ /**
621
+ * #getter
622
+ */
348
623
  readonly turnedOnTracks: BasicTrack[];
624
+ /**
625
+ * #method
626
+ * returns coordinate in the current relative coordinate scheme
627
+ */
349
628
  pxToBp(coord: number): number;
629
+ /**
630
+ * #method
631
+ */
350
632
  rowSpecificBpToPx(rowName: string, position: number): number;
633
+ /**
634
+ * #method
635
+ */
351
636
  globalBpToPx(position: number): number;
637
+ /**
638
+ * #method
639
+ */
352
640
  relativePxToBp(rowName: string, position: number): number;
641
+ /**
642
+ * #method
643
+ */
353
644
  getPos(pos: number): number;
354
645
  } & {
646
+ /**
647
+ * #action
648
+ */
355
649
  addAnnotation(start: number, end: number, attributes: Record<string, string[]>): void;
356
- setOffsets(left: number, right: number): void;
357
- clearAnnotPos(): void;
358
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, import("mobx-state-tree")._NotCustomized, {
650
+ /**
651
+ * #action
652
+ */
653
+ setAnnotationClickBoundaries(left: number, right: number): void;
654
+ /**
655
+ * #action
656
+ */
657
+ clearAnnotationClickBoundaries(): void;
658
+ }, import("mobx-state-tree")._NotCustomized, {
359
659
  id: string;
360
660
  type: "MsaView";
361
661
  height: number;
@@ -402,7 +702,9 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
402
702
  blobId: import("mobx-state-tree").ISimpleType<string>;
403
703
  }> | import("mobx-state-tree").ModelSnapshotType<{
404
704
  locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
405
- localPath: import("mobx-state-tree").ISimpleType<string>;
705
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
706
+ * #action
707
+ */
406
708
  }> | undefined;
407
709
  msaFilehandle: {
408
710
  locationType: "UriLocation";
@@ -418,7 +720,27 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
418
720
  blobId: import("mobx-state-tree").ISimpleType<string>;
419
721
  }> | import("mobx-state-tree").ModelSnapshotType<{
420
722
  locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
421
- localPath: import("mobx-state-tree").ISimpleType<string>;
723
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
724
+ * #action
725
+ */
726
+ }> | undefined;
727
+ treeMetadataFilehandle: {
728
+ locationType: "UriLocation";
729
+ uri: string;
730
+ internetAccountId: string | undefined;
731
+ internetAccountPreAuthorization: import("mobx-state-tree").ModelSnapshotType<{
732
+ internetAccountType: import("mobx-state-tree").ISimpleType<string>;
733
+ authInfo: import("mobx-state-tree").IType<any, any, any>;
734
+ }> | undefined;
735
+ } | import("mobx-state-tree").ModelSnapshotType<{
736
+ locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
737
+ name: import("mobx-state-tree").ISimpleType<string>;
738
+ blobId: import("mobx-state-tree").ISimpleType<string>;
739
+ }> | import("mobx-state-tree").ModelSnapshotType<{
740
+ locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
741
+ localPath: import("mobx-state-tree").ISimpleType<string>; /**
742
+ * #action
743
+ */
422
744
  }> | undefined;
423
745
  collapsed: string[];
424
746
  showOnly: string | undefined;
@@ -436,6 +758,7 @@ declare const model: import("mobx-state-tree").ISnapshotProcessor<import("mobx-s
436
758
  attributes: import("mobx-state-tree").IType<Record<string, string[]>, Record<string, string[]>, Record<string, string[]>>;
437
759
  }>[];
438
760
  data: {
761
+ treeMetadata?: string | undefined;
439
762
  msa?: string | undefined;
440
763
  tree?: string | undefined;
441
764
  };