@jbrowse/plugin-linear-comparative-view 2.17.0 → 3.0.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 (231) hide show
  1. package/dist/LGVSyntenyDisplay/components/LaunchSyntenyViewDialog.d.ts +6 -5
  2. package/dist/LGVSyntenyDisplay/components/LaunchSyntenyViewDialog.js +36 -60
  3. package/dist/LGVSyntenyDisplay/components/util.d.ts +9 -6
  4. package/dist/LGVSyntenyDisplay/components/util.js +6 -13
  5. package/dist/LGVSyntenyDisplay/configSchemaF.d.ts +19 -10
  6. package/dist/LGVSyntenyDisplay/configSchemaF.js +12 -9
  7. package/dist/LGVSyntenyDisplay/index.d.ts +1 -1
  8. package/dist/LGVSyntenyDisplay/index.js +1 -1
  9. package/dist/LGVSyntenyDisplay/model.d.ts +122 -69
  10. package/dist/LGVSyntenyDisplay/model.js +20 -37
  11. package/dist/LaunchLinearSyntenyView.d.ts +1 -1
  12. package/dist/LaunchLinearSyntenyView.js +1 -3
  13. package/dist/LinearComparativeDisplay/configSchemaF.d.ts +0 -3
  14. package/dist/LinearComparativeDisplay/configSchemaF.js +0 -6
  15. package/dist/LinearComparativeDisplay/index.d.ts +1 -1
  16. package/dist/LinearComparativeDisplay/stateModelFactory.d.ts +12 -69
  17. package/dist/LinearComparativeDisplay/stateModelFactory.js +13 -57
  18. package/dist/LinearComparativeView/components/Header.d.ts +2 -3
  19. package/dist/LinearComparativeView/components/Header.js +56 -86
  20. package/dist/LinearComparativeView/components/HeaderSearchBoxes.d.ts +2 -3
  21. package/dist/LinearComparativeView/components/HeaderSearchBoxes.js +5 -15
  22. package/dist/LinearComparativeView/components/LinearComparativeRenderArea.d.ts +2 -3
  23. package/dist/LinearComparativeView/components/LinearComparativeRenderArea.js +17 -32
  24. package/dist/LinearComparativeView/components/LinearComparativeView.d.ts +2 -3
  25. package/dist/LinearComparativeView/components/LinearComparativeView.js +4 -9
  26. package/dist/LinearComparativeView/components/Rubberband.d.ts +2 -3
  27. package/dist/LinearComparativeView/components/Rubberband.js +36 -69
  28. package/dist/LinearComparativeView/components/VerticalGuide.d.ts +2 -3
  29. package/dist/LinearComparativeView/components/VerticalGuide.js +5 -9
  30. package/dist/LinearComparativeView/index.d.ts +1 -1
  31. package/dist/LinearComparativeView/index.js +17 -7
  32. package/dist/LinearComparativeView/model.d.ts +38 -90
  33. package/dist/LinearComparativeView/model.js +40 -107
  34. package/dist/LinearReadVsRef/LinearReadVsRef.d.ts +2 -3
  35. package/dist/LinearReadVsRef/LinearReadVsRef.js +10 -55
  36. package/dist/LinearReadVsRef/index.d.ts +1 -1
  37. package/dist/LinearReadVsRef/index.js +17 -9
  38. package/dist/LinearSyntenyDisplay/afterAttach.d.ts +1 -1
  39. package/dist/LinearSyntenyDisplay/afterAttach.js +8 -12
  40. package/dist/LinearSyntenyDisplay/components/Component.d.ts +2 -3
  41. package/dist/LinearSyntenyDisplay/components/Component.js +11 -36
  42. package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.d.ts +2 -3
  43. package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.js +95 -106
  44. package/dist/LinearSyntenyDisplay/components/SyntenyContextMenu.d.ts +3 -4
  45. package/dist/LinearSyntenyDisplay/components/SyntenyContextMenu.js +3 -6
  46. package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.d.ts +1 -2
  47. package/dist/LinearSyntenyDisplay/components/SyntenyTooltip.js +3 -4
  48. package/dist/LinearSyntenyDisplay/components/util.d.ts +3 -3
  49. package/dist/LinearSyntenyDisplay/components/util.js +0 -9
  50. package/dist/LinearSyntenyDisplay/configSchemaF.d.ts +1 -12
  51. package/dist/LinearSyntenyDisplay/configSchemaF.js +0 -15
  52. package/dist/LinearSyntenyDisplay/drawSynteny.d.ts +1 -1
  53. package/dist/LinearSyntenyDisplay/drawSynteny.js +1 -23
  54. package/dist/LinearSyntenyDisplay/index.d.ts +1 -1
  55. package/dist/LinearSyntenyDisplay/index.js +18 -9
  56. package/dist/LinearSyntenyDisplay/model.d.ts +8 -102
  57. package/dist/LinearSyntenyDisplay/model.js +18 -99
  58. package/dist/LinearSyntenyView/components/ExportSvgDialog.d.ts +2 -3
  59. package/dist/LinearSyntenyView/components/ExportSvgDialog.js +35 -76
  60. package/dist/LinearSyntenyView/components/Icons.d.ts +3 -4
  61. package/dist/LinearSyntenyView/components/Icons.js +3 -8
  62. package/dist/LinearSyntenyView/components/ImportForm/ImportSyntenyOpenCustomTrack.d.ts +8 -0
  63. package/dist/LinearSyntenyView/components/ImportForm/ImportSyntenyOpenCustomTrack.js +130 -0
  64. package/dist/LinearSyntenyView/components/ImportForm/ImportSyntenyPreConfigured.d.ts +8 -0
  65. package/dist/LinearSyntenyView/components/ImportForm/ImportSyntenyPreConfigured.js +39 -0
  66. package/dist/LinearSyntenyView/components/ImportForm/ImportSyntenyTrackSelectorArea.d.ts +7 -0
  67. package/dist/LinearSyntenyView/components/ImportForm/ImportSyntenyTrackSelectorArea.js +22 -0
  68. package/dist/LinearSyntenyView/components/ImportForm/LinearSyntenyImportForm.d.ts +2 -3
  69. package/dist/LinearSyntenyView/components/ImportForm/LinearSyntenyImportForm.js +49 -150
  70. package/dist/LinearSyntenyView/components/ImportForm/doSubmit.d.ts +5 -0
  71. package/dist/LinearSyntenyView/components/ImportForm/doSubmit.js +43 -0
  72. package/dist/LinearSyntenyView/components/ImportForm/getAdapter.d.ts +117 -0
  73. package/dist/LinearSyntenyView/components/ImportForm/getAdapter.js +68 -0
  74. package/dist/LinearSyntenyView/components/ImportForm/util.js +1 -3
  75. package/dist/LinearSyntenyView/components/LinearSyntenyView.d.ts +2 -3
  76. package/dist/LinearSyntenyView/components/LinearSyntenyView.js +20 -10
  77. package/dist/LinearSyntenyView/index.d.ts +1 -1
  78. package/dist/LinearSyntenyView/index.js +17 -7
  79. package/dist/LinearSyntenyView/model.d.ts +54 -58
  80. package/dist/LinearSyntenyView/model.js +61 -56
  81. package/dist/LinearSyntenyView/svgcomponents/SVGBackground.d.ts +1 -2
  82. package/dist/LinearSyntenyView/svgcomponents/SVGBackground.js +3 -6
  83. package/dist/LinearSyntenyView/svgcomponents/SVGLinearGenomeView.d.ts +2 -3
  84. package/dist/LinearSyntenyView/svgcomponents/SVGLinearGenomeView.js +3 -11
  85. package/dist/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.d.ts +1 -1
  86. package/dist/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.js +7 -24
  87. package/dist/LinearSyntenyView/types.d.ts +12 -0
  88. package/dist/LinearSyntenyView/types.js +2 -0
  89. package/dist/LinearSyntenyViewHelper/index.d.ts +1 -1
  90. package/dist/LinearSyntenyViewHelper/index.js +2 -2
  91. package/dist/LinearSyntenyViewHelper/stateModelFactory.d.ts +2 -14
  92. package/dist/LinearSyntenyViewHelper/stateModelFactory.js +2 -29
  93. package/dist/SyntenyFeatureDetail/LinkToSyntenyView.d.ts +5 -0
  94. package/dist/SyntenyFeatureDetail/LinkToSyntenyView.js +87 -0
  95. package/dist/SyntenyFeatureDetail/SyntenyFeatureDetail.d.ts +2 -11
  96. package/dist/SyntenyFeatureDetail/SyntenyFeatureDetail.js +5 -90
  97. package/dist/SyntenyFeatureDetail/index.d.ts +1 -1
  98. package/dist/SyntenyFeatureDetail/index.js +18 -14
  99. package/dist/SyntenyFeatureDetail/types.d.ts +9 -0
  100. package/dist/SyntenyFeatureDetail/types.js +2 -0
  101. package/dist/SyntenyTrack/configSchema.d.ts +1 -1
  102. package/dist/SyntenyTrack/configSchema.js +1 -9
  103. package/dist/SyntenyTrack/index.d.ts +1 -1
  104. package/dist/SyntenyTrack/index.js +1 -1
  105. package/dist/index.d.ts +1 -1
  106. package/dist/index.js +4 -4
  107. package/dist/util.d.ts +2 -2
  108. package/dist/util.js +1 -11
  109. package/esm/LGVSyntenyDisplay/components/LaunchSyntenyViewDialog.d.ts +6 -5
  110. package/esm/LGVSyntenyDisplay/components/LaunchSyntenyViewDialog.js +35 -36
  111. package/esm/LGVSyntenyDisplay/components/util.d.ts +9 -6
  112. package/esm/LGVSyntenyDisplay/components/util.js +6 -13
  113. package/esm/LGVSyntenyDisplay/configSchemaF.d.ts +19 -10
  114. package/esm/LGVSyntenyDisplay/configSchemaF.js +12 -9
  115. package/esm/LGVSyntenyDisplay/index.d.ts +1 -1
  116. package/esm/LGVSyntenyDisplay/index.js +1 -1
  117. package/esm/LGVSyntenyDisplay/model.d.ts +122 -69
  118. package/esm/LGVSyntenyDisplay/model.js +4 -31
  119. package/esm/LaunchLinearSyntenyView.d.ts +1 -1
  120. package/esm/LaunchLinearSyntenyView.js +1 -3
  121. package/esm/LinearComparativeDisplay/configSchemaF.d.ts +0 -3
  122. package/esm/LinearComparativeDisplay/configSchemaF.js +0 -6
  123. package/esm/LinearComparativeDisplay/index.d.ts +1 -1
  124. package/esm/LinearComparativeDisplay/stateModelFactory.d.ts +12 -69
  125. package/esm/LinearComparativeDisplay/stateModelFactory.js +14 -58
  126. package/esm/LinearComparativeView/components/Header.d.ts +2 -3
  127. package/esm/LinearComparativeView/components/Header.js +56 -63
  128. package/esm/LinearComparativeView/components/HeaderSearchBoxes.d.ts +2 -3
  129. package/esm/LinearComparativeView/components/HeaderSearchBoxes.js +5 -12
  130. package/esm/LinearComparativeView/components/LinearComparativeRenderArea.d.ts +2 -3
  131. package/esm/LinearComparativeView/components/LinearComparativeRenderArea.js +17 -29
  132. package/esm/LinearComparativeView/components/LinearComparativeView.d.ts +2 -3
  133. package/esm/LinearComparativeView/components/LinearComparativeView.js +4 -9
  134. package/esm/LinearComparativeView/components/Rubberband.d.ts +2 -3
  135. package/esm/LinearComparativeView/components/Rubberband.js +36 -46
  136. package/esm/LinearComparativeView/components/VerticalGuide.d.ts +2 -3
  137. package/esm/LinearComparativeView/components/VerticalGuide.js +5 -6
  138. package/esm/LinearComparativeView/index.d.ts +1 -1
  139. package/esm/LinearComparativeView/model.d.ts +38 -90
  140. package/esm/LinearComparativeView/model.js +24 -101
  141. package/esm/LinearReadVsRef/LinearReadVsRef.d.ts +2 -3
  142. package/esm/LinearReadVsRef/LinearReadVsRef.js +10 -32
  143. package/esm/LinearReadVsRef/index.d.ts +1 -1
  144. package/esm/LinearReadVsRef/index.js +1 -3
  145. package/esm/LinearSyntenyDisplay/afterAttach.d.ts +1 -1
  146. package/esm/LinearSyntenyDisplay/afterAttach.js +8 -12
  147. package/esm/LinearSyntenyDisplay/components/Component.d.ts +2 -3
  148. package/esm/LinearSyntenyDisplay/components/Component.js +11 -13
  149. package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.d.ts +2 -3
  150. package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.js +79 -100
  151. package/esm/LinearSyntenyDisplay/components/SyntenyContextMenu.d.ts +3 -4
  152. package/esm/LinearSyntenyDisplay/components/SyntenyContextMenu.js +3 -3
  153. package/esm/LinearSyntenyDisplay/components/SyntenyTooltip.d.ts +1 -2
  154. package/esm/LinearSyntenyDisplay/components/SyntenyTooltip.js +3 -4
  155. package/esm/LinearSyntenyDisplay/components/util.d.ts +3 -3
  156. package/esm/LinearSyntenyDisplay/components/util.js +2 -11
  157. package/esm/LinearSyntenyDisplay/configSchemaF.d.ts +1 -12
  158. package/esm/LinearSyntenyDisplay/configSchemaF.js +0 -15
  159. package/esm/LinearSyntenyDisplay/drawSynteny.d.ts +1 -1
  160. package/esm/LinearSyntenyDisplay/drawSynteny.js +1 -23
  161. package/esm/LinearSyntenyDisplay/index.d.ts +1 -1
  162. package/esm/LinearSyntenyDisplay/index.js +1 -2
  163. package/esm/LinearSyntenyDisplay/model.d.ts +8 -102
  164. package/esm/LinearSyntenyDisplay/model.js +1 -92
  165. package/esm/LinearSyntenyView/components/ExportSvgDialog.d.ts +2 -3
  166. package/esm/LinearSyntenyView/components/ExportSvgDialog.js +35 -53
  167. package/esm/LinearSyntenyView/components/Icons.d.ts +3 -4
  168. package/esm/LinearSyntenyView/components/Icons.js +3 -5
  169. package/esm/LinearSyntenyView/components/ImportForm/ImportSyntenyOpenCustomTrack.d.ts +8 -0
  170. package/esm/LinearSyntenyView/components/ImportForm/ImportSyntenyOpenCustomTrack.js +125 -0
  171. package/esm/LinearSyntenyView/components/ImportForm/ImportSyntenyPreConfigured.d.ts +8 -0
  172. package/esm/LinearSyntenyView/components/ImportForm/ImportSyntenyPreConfigured.js +37 -0
  173. package/esm/LinearSyntenyView/components/ImportForm/ImportSyntenyTrackSelectorArea.d.ts +7 -0
  174. package/esm/LinearSyntenyView/components/ImportForm/ImportSyntenyTrackSelectorArea.js +16 -0
  175. package/esm/LinearSyntenyView/components/ImportForm/LinearSyntenyImportForm.d.ts +2 -3
  176. package/esm/LinearSyntenyView/components/ImportForm/LinearSyntenyImportForm.js +49 -127
  177. package/esm/LinearSyntenyView/components/ImportForm/doSubmit.d.ts +5 -0
  178. package/esm/LinearSyntenyView/components/ImportForm/doSubmit.js +40 -0
  179. package/esm/LinearSyntenyView/components/ImportForm/getAdapter.d.ts +117 -0
  180. package/esm/LinearSyntenyView/components/ImportForm/getAdapter.js +65 -0
  181. package/esm/LinearSyntenyView/components/ImportForm/util.js +1 -3
  182. package/esm/LinearSyntenyView/components/LinearSyntenyView.d.ts +2 -3
  183. package/esm/LinearSyntenyView/components/LinearSyntenyView.js +3 -3
  184. package/esm/LinearSyntenyView/index.d.ts +1 -1
  185. package/esm/LinearSyntenyView/model.d.ts +54 -58
  186. package/esm/LinearSyntenyView/model.js +44 -49
  187. package/esm/LinearSyntenyView/svgcomponents/SVGBackground.d.ts +1 -2
  188. package/esm/LinearSyntenyView/svgcomponents/SVGBackground.js +3 -3
  189. package/esm/LinearSyntenyView/svgcomponents/SVGLinearGenomeView.d.ts +2 -3
  190. package/esm/LinearSyntenyView/svgcomponents/SVGLinearGenomeView.js +4 -9
  191. package/esm/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.d.ts +1 -1
  192. package/esm/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.js +8 -25
  193. package/esm/LinearSyntenyView/types.d.ts +12 -0
  194. package/esm/LinearSyntenyView/types.js +1 -0
  195. package/esm/LinearSyntenyViewHelper/index.d.ts +1 -1
  196. package/esm/LinearSyntenyViewHelper/index.js +2 -2
  197. package/esm/LinearSyntenyViewHelper/stateModelFactory.d.ts +2 -14
  198. package/esm/LinearSyntenyViewHelper/stateModelFactory.js +2 -29
  199. package/esm/SyntenyFeatureDetail/LinkToSyntenyView.d.ts +5 -0
  200. package/esm/SyntenyFeatureDetail/LinkToSyntenyView.js +52 -0
  201. package/esm/SyntenyFeatureDetail/SyntenyFeatureDetail.d.ts +2 -11
  202. package/esm/SyntenyFeatureDetail/SyntenyFeatureDetail.js +6 -68
  203. package/esm/SyntenyFeatureDetail/index.d.ts +1 -1
  204. package/esm/SyntenyFeatureDetail/index.js +1 -7
  205. package/esm/SyntenyFeatureDetail/types.d.ts +9 -0
  206. package/esm/SyntenyFeatureDetail/types.js +1 -0
  207. package/esm/SyntenyTrack/configSchema.d.ts +1 -1
  208. package/esm/SyntenyTrack/configSchema.js +1 -9
  209. package/esm/SyntenyTrack/index.d.ts +1 -1
  210. package/esm/SyntenyTrack/index.js +1 -1
  211. package/esm/index.d.ts +1 -1
  212. package/esm/index.js +4 -4
  213. package/esm/util.d.ts +2 -2
  214. package/esm/util.js +1 -11
  215. package/package.json +2 -4
  216. package/dist/LinearSyntenyView/components/ImportForm/AddCustomTrack.d.ts +0 -10
  217. package/dist/LinearSyntenyView/components/ImportForm/AddCustomTrack.js +0 -194
  218. package/dist/LinearSyntenyView/components/ImportForm/Spacer.d.ts +0 -2
  219. package/dist/LinearSyntenyView/components/ImportForm/Spacer.js +0 -10
  220. package/dist/LinearSyntenyView/components/ImportForm/TrackSelector.d.ts +0 -10
  221. package/dist/LinearSyntenyView/components/ImportForm/TrackSelector.js +0 -59
  222. package/dist/LinearSyntenyView/components/ImportForm/TrackSelectorUtil.d.ts +0 -14
  223. package/dist/LinearSyntenyView/components/ImportForm/TrackSelectorUtil.js +0 -52
  224. package/esm/LinearSyntenyView/components/ImportForm/AddCustomTrack.d.ts +0 -10
  225. package/esm/LinearSyntenyView/components/ImportForm/AddCustomTrack.js +0 -169
  226. package/esm/LinearSyntenyView/components/ImportForm/Spacer.d.ts +0 -2
  227. package/esm/LinearSyntenyView/components/ImportForm/Spacer.js +0 -4
  228. package/esm/LinearSyntenyView/components/ImportForm/TrackSelector.d.ts +0 -10
  229. package/esm/LinearSyntenyView/components/ImportForm/TrackSelector.js +0 -34
  230. package/esm/LinearSyntenyView/components/ImportForm/TrackSelectorUtil.d.ts +0 -14
  231. package/esm/LinearSyntenyView/components/ImportForm/TrackSelectorUtil.js +0 -23
@@ -1,15 +1,11 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const mobx_react_1 = require("mobx-react");
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const util_1 = require("@jbrowse/core/util");
5
+ const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
8
6
  const material_1 = require("@mui/material");
7
+ const mobx_react_1 = require("mobx-react");
9
8
  const mui_1 = require("tss-react/mui");
10
- // jbrowse
11
- const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
12
- const util_1 = require("@jbrowse/core/util");
13
9
  const useStyles = (0, mui_1.makeStyles)()(() => ({
14
10
  bp: {
15
11
  display: 'flex',
@@ -23,12 +19,6 @@ const useStyles = (0, mui_1.makeStyles)()(() => ({
23
19
  const HeaderSearchBoxes = (0, mobx_react_1.observer)(function ({ view, }) {
24
20
  const { classes } = useStyles();
25
21
  const { assemblyNames, coarseTotalBp } = view;
26
- return (react_1.default.createElement("span", { className: classes.searchBox },
27
- react_1.default.createElement(plugin_linear_genome_view_1.SearchBox, { model: view, showHelp: false }),
28
- react_1.default.createElement(material_1.Typography, { variant: "body2", color: "textSecondary", className: classes.bp },
29
- assemblyNames.join(','),
30
- " ",
31
- (0, util_1.toLocale)(Math.round(coarseTotalBp)),
32
- " bp")));
22
+ return ((0, jsx_runtime_1.jsxs)("span", { className: classes.searchBox, children: [(0, jsx_runtime_1.jsx)(plugin_linear_genome_view_1.SearchBox, { model: view, showHelp: false }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", color: "textSecondary", className: classes.bp, children: [assemblyNames.join(','), " ", (0, util_1.toLocale)(Math.round(coarseTotalBp)), " bp"] })] }));
33
23
  });
34
24
  exports.default = HeaderSearchBoxes;
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
- import { LinearComparativeViewModel } from '../model';
1
+ import type { LinearComparativeViewModel } from '../model';
3
2
  declare const LinearComparativeRenderArea: ({ model, }: {
4
3
  model: LinearComparativeViewModel;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default LinearComparativeRenderArea;
@@ -1,14 +1,12 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const mui_1 = require("tss-react/mui");
8
- const mobx_react_1 = require("mobx-react");
9
- const util_1 = require("@jbrowse/core/util");
10
- const ui_1 = require("@jbrowse/core/ui");
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
11
4
  const configuration_1 = require("@jbrowse/core/configuration");
5
+ const ui_1 = require("@jbrowse/core/ui");
6
+ const util_1 = require("@jbrowse/core/util");
7
+ const mobx_react_1 = require("mobx-react");
8
+ const jsx_runtime_2 = require("react/jsx-runtime");
9
+ const mui_1 = require("tss-react/mui");
12
10
  const useStyles = (0, mui_1.makeStyles)()({
13
11
  container: {
14
12
  display: 'grid',
@@ -25,37 +23,24 @@ const useStyles = (0, mui_1.makeStyles)()({
25
23
  function View({ view }) {
26
24
  const { pluginManager } = (0, util_1.getEnv)(view);
27
25
  const { ReactComponent } = pluginManager.getViewType(view.type);
28
- return react_1.default.createElement(ReactComponent, { model: view });
26
+ return (0, jsx_runtime_1.jsx)(ReactComponent, { model: view });
29
27
  }
30
28
  const LinearComparativeRenderArea = (0, mobx_react_1.observer)(function ({ model, }) {
31
29
  const { classes } = useStyles();
32
30
  const { views, levels } = model;
33
- const RenderList = [
34
- react_1.default.createElement(View, { key: views[0].id, view: views[0] }),
35
- ];
36
- for (let i = 1; i < views.length; i++) {
37
- const view = views[i];
38
- const level = levels[i - 1];
39
- RenderList.push(react_1.default.createElement(react_1.default.Fragment, { key: view.id },
40
- react_1.default.createElement("div", { className: classes.container },
41
- react_1.default.createElement(Overlays, { model: model, level: i - 1 })),
42
- react_1.default.createElement(ui_1.ResizeHandle, { onDrag: n => level === null || level === void 0 ? void 0 : level.setHeight(level.height + n), className: classes.resizeHandle }),
43
- react_1.default.createElement(View, { view: view })));
44
- }
45
- return react_1.default.createElement("div", { className: classes.container }, RenderList);
31
+ return ((0, jsx_runtime_1.jsx)("div", { className: classes.container, children: views.map((view, i) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_2.Fragment, { children: [i > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: classes.container, children: (0, jsx_runtime_1.jsx)(Overlays, { model: model, level: i - 1 }) }), (0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: n => { var _a, _b; return (_a = levels[i - 1]) === null || _a === void 0 ? void 0 : _a.setHeight((((_b = levels[i - 1]) === null || _b === void 0 ? void 0 : _b.height) || 0) + n); }, className: classes.resizeHandle })] })) : null, (0, jsx_runtime_1.jsx)(View, { view: view })] }, view.id))) }));
46
32
  });
47
33
  const Overlays = (0, mobx_react_1.observer)(function ({ model, level, }) {
48
34
  var _a;
49
35
  const { classes } = useStyles();
50
- return (react_1.default.createElement(react_1.default.Fragment, null, (_a = model.levels[level]) === null || _a === void 0 ? void 0 : _a.tracks.map(track => {
51
- const [display] = track.displays;
52
- const { RenderingComponent } = display;
53
- const trackId = (0, configuration_1.getConf)(track, 'trackId');
54
- return RenderingComponent ? (react_1.default.createElement("div", { className: classes.overlay, key: trackId, style: {
55
- height: display.height,
56
- overflow: 'hidden',
57
- } },
58
- react_1.default.createElement(RenderingComponent, { model: display }))) : null;
59
- })));
36
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (_a = model.levels[level]) === null || _a === void 0 ? void 0 : _a.tracks.map(track => {
37
+ const [display] = track.displays;
38
+ const { RenderingComponent } = display;
39
+ const trackId = (0, configuration_1.getConf)(track, 'trackId');
40
+ return RenderingComponent ? ((0, jsx_runtime_1.jsx)("div", { className: classes.overlay, style: {
41
+ height: display.height,
42
+ overflow: 'hidden',
43
+ }, children: (0, jsx_runtime_1.jsx)(RenderingComponent, { model: display }) }, trackId)) : null;
44
+ }) }));
60
45
  });
61
46
  exports.default = LinearComparativeRenderArea;
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
- import { LinearComparativeViewModel } from '../model';
1
+ import type { LinearComparativeViewModel } from '../model';
3
2
  declare const LinearComparativeView: ({ model, }: {
4
3
  model: LinearComparativeViewModel;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default LinearComparativeView;
@@ -3,15 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const mui_1 = require("tss-react/mui");
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
7
  const mobx_react_1 = require("mobx-react");
9
- const Rubberband_1 = __importDefault(require("./Rubberband"));
8
+ const mui_1 = require("tss-react/mui");
10
9
  const Header_1 = __importDefault(require("./Header"));
11
10
  const LinearComparativeRenderArea_1 = __importDefault(require("./LinearComparativeRenderArea"));
11
+ const Rubberband_1 = __importDefault(require("./Rubberband"));
12
12
  const useStyles = (0, mui_1.makeStyles)()(theme => ({
13
- // this helps keep the vertical guide inside the parent view container,
14
- // similar style exists in the single LGV's trackscontainer
15
13
  rubberbandContainer: {
16
14
  position: 'relative',
17
15
  overflow: 'hidden',
@@ -27,9 +25,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
27
25
  }));
28
26
  const LinearComparativeView = (0, mobx_react_1.observer)(function ({ model, }) {
29
27
  const { classes } = useStyles();
30
- return (react_1.default.createElement("div", { className: classes.rubberbandContainer },
31
- react_1.default.createElement(Header_1.default, { model: model }),
32
- react_1.default.createElement(Rubberband_1.default, { model: model, ControlComponent: react_1.default.createElement("div", { className: classes.rubberbandDiv }) }),
33
- react_1.default.createElement(LinearComparativeRenderArea_1.default, { model: model })));
28
+ return ((0, jsx_runtime_1.jsxs)("div", { className: classes.rubberbandContainer, children: [(0, jsx_runtime_1.jsx)(Header_1.default, { model: model }), (0, jsx_runtime_1.jsx)(Rubberband_1.default, { model: model, ControlComponent: (0, jsx_runtime_1.jsx)("div", { className: classes.rubberbandDiv }) }), (0, jsx_runtime_1.jsx)(LinearComparativeRenderArea_1.default, { model: model })] }));
34
29
  });
35
30
  exports.default = LinearComparativeView;
@@ -1,8 +1,7 @@
1
- import React from 'react';
2
- import { LinearComparativeViewModel } from '../model';
1
+ import type { LinearComparativeViewModel } from '../model';
3
2
  type LCV = LinearComparativeViewModel;
4
3
  declare const LinearComparativeRubberband: ({ model, ControlComponent, }: {
5
4
  model: LCV;
6
5
  ControlComponent?: React.ReactElement;
7
- }) => React.JSX.Element;
6
+ }) => import("react/jsx-runtime").JSX.Element;
8
7
  export default LinearComparativeRubberband;
@@ -1,37 +1,16 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
4
  };
28
5
  Object.defineProperty(exports, "__esModule", { value: true });
29
- const react_1 = __importStar(require("react"));
30
- const mobx_react_1 = require("mobx-react");
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
+ const react_1 = require("react");
8
+ const ui_1 = require("@jbrowse/core/ui");
9
+ const util_1 = require("@jbrowse/core/util");
31
10
  const material_1 = require("@mui/material");
11
+ const mobx_1 = require("mobx");
12
+ const mobx_react_1 = require("mobx-react");
32
13
  const mui_1 = require("tss-react/mui");
33
- const util_1 = require("@jbrowse/core/util");
34
- const ui_1 = require("@jbrowse/core/ui");
35
14
  const VerticalGuide_1 = __importDefault(require("./VerticalGuide"));
36
15
  const useStyles = (0, mui_1.makeStyles)()(theme => {
37
16
  return {
@@ -61,11 +40,9 @@ const useStyles = (0, mui_1.makeStyles)()(theme => {
61
40
  },
62
41
  };
63
42
  });
64
- const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberband({ model, ControlComponent = react_1.default.createElement("div", null), }) {
43
+ const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberband({ model, ControlComponent = (0, jsx_runtime_1.jsx)("div", {}), }) {
65
44
  const [startX, setStartX] = (0, react_1.useState)();
66
45
  const [currentX, setCurrentX] = (0, react_1.useState)();
67
- // clientX and clientY used for anchorPosition for menu
68
- // offsetX used for calculations about width of selection
69
46
  const [anchorPosition, setAnchorPosition] = (0, react_1.useState)();
70
47
  const [guideX, setGuideX] = (0, react_1.useState)();
71
48
  const controlsRef = (0, react_1.useRef)(null);
@@ -79,7 +56,6 @@ const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberba
79
56
  }
80
57
  let leftPx = startX;
81
58
  let rightPx = offsetX;
82
- // handles clicking and dragging to the left
83
59
  if (rightPx < leftPx) {
84
60
  ;
85
61
  [leftPx, rightPx] = [rightPx, leftPx];
@@ -99,19 +75,19 @@ const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberba
99
75
  const { clientX, clientY } = event;
100
76
  const ref = controlsRef.current;
101
77
  const offsetX = clientX - ref.getBoundingClientRect().left;
102
- // as stated above, store both clientX/Y and offsetX for different
103
- // purposes
104
78
  setAnchorPosition({
105
79
  offsetX,
106
80
  clientX,
107
81
  clientY,
108
82
  });
109
- model.views.forEach(view => {
110
- const args = computeOffsets(offsetX, view);
111
- if (args) {
112
- const { leftOffset, rightOffset } = args;
113
- view.setOffsets(leftOffset, rightOffset);
114
- }
83
+ (0, mobx_1.transaction)(() => {
84
+ model.views.forEach(view => {
85
+ const args = computeOffsets(offsetX, view);
86
+ if (args) {
87
+ const { leftOffset, rightOffset } = args;
88
+ view.setOffsets(leftOffset, rightOffset);
89
+ }
90
+ });
115
91
  });
116
92
  setGuideX(undefined);
117
93
  }
@@ -148,8 +124,10 @@ const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberba
148
124
  }
149
125
  function mouseOut() {
150
126
  setGuideX(undefined);
151
- model.views.forEach(view => {
152
- view.setOffsets(undefined, undefined);
127
+ (0, mobx_1.transaction)(() => {
128
+ model.views.forEach(view => {
129
+ view.setOffsets(undefined, undefined);
130
+ });
153
131
  });
154
132
  }
155
133
  function handleClose() {
@@ -163,9 +141,7 @@ const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberba
163
141
  handleClose();
164
142
  }
165
143
  if (startX === undefined) {
166
- return (react_1.default.createElement(react_1.default.Fragment, null,
167
- guideX !== undefined ? (react_1.default.createElement(VerticalGuide_1.default, { model: model, coordX: guideX })) : null,
168
- react_1.default.createElement("div", { ref: controlsRef, className: classes.rubberbandControl, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent)));
144
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [guideX !== undefined ? ((0, jsx_runtime_1.jsx)(VerticalGuide_1.default, { model: model, coordX: guideX })) : null, (0, jsx_runtime_1.jsx)("div", { ref: controlsRef, className: classes.rubberbandControl, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove, children: ControlComponent })] }));
169
145
  }
170
146
  const right = anchorPosition ? anchorPosition.offsetX : currentX || 0;
171
147
  const left = Math.min(right, startX);
@@ -174,30 +150,21 @@ const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberba
174
150
  const leftBpOffset = views.map(view => view.pxToBp(left));
175
151
  const rightBpOffset = views.map(view => view.pxToBp(left + width));
176
152
  const numOfBpSelected = views.map(view => Math.ceil(width * view.bpPerPx));
177
- return (react_1.default.createElement(react_1.default.Fragment, null,
178
- rubberbandRef.current ? (react_1.default.createElement(react_1.default.Fragment, null,
179
- react_1.default.createElement(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: rubberbandRef.current, anchorOrigin: {
180
- vertical: 'top',
181
- horizontal: 'left',
182
- }, transformOrigin: {
183
- vertical: 'bottom',
184
- horizontal: 'right',
185
- }, keepMounted: true, disableRestoreFocus: true }, leftBpOffset.map((l, idx) => (react_1.default.createElement(material_1.Typography, { key: [JSON.stringify(l), idx, 'left'].join('-') }, (0, util_1.stringify)(l, true))))),
186
- react_1.default.createElement(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: rubberbandRef.current, anchorOrigin: {
187
- vertical: 'top',
188
- horizontal: 'right',
189
- }, transformOrigin: {
190
- vertical: 'bottom',
191
- horizontal: 'left',
192
- }, keepMounted: true, disableRestoreFocus: true }, rightBpOffset.map((l, idx) => (react_1.default.createElement(material_1.Typography, { key: [JSON.stringify(l), idx, 'right'].join('-') }, (0, util_1.stringify)(l, true))))))) : null,
193
- react_1.default.createElement("div", { ref: rubberbandRef, className: classes.rubberband, style: { left, width } },
194
- react_1.default.createElement(material_1.Typography, { variant: "h6", className: classes.rubberbandText }, numOfBpSelected.map((n, i) => (
195
- /* biome-ignore lint/suspicious/noArrayIndexKey: */
196
- react_1.default.createElement(material_1.Typography, { key: `${n}_${i}` }, `${n.toLocaleString('en-US')}bp`))))),
197
- react_1.default.createElement("div", { className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent),
198
- anchorPosition ? (react_1.default.createElement(ui_1.Menu, { anchorReference: "anchorPosition", anchorPosition: {
199
- left: anchorPosition.clientX,
200
- top: anchorPosition.clientY,
201
- }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null));
153
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [rubberbandRef.current ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: rubberbandRef.current, anchorOrigin: {
154
+ vertical: 'top',
155
+ horizontal: 'left',
156
+ }, transformOrigin: {
157
+ vertical: 'bottom',
158
+ horizontal: 'right',
159
+ }, keepMounted: true, disableRestoreFocus: true, children: leftBpOffset.map((l, idx) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, util_1.stringify)(l, true) }, [JSON.stringify(l), idx, 'left'].join('-')))) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: rubberbandRef.current, anchorOrigin: {
160
+ vertical: 'top',
161
+ horizontal: 'right',
162
+ }, transformOrigin: {
163
+ vertical: 'bottom',
164
+ horizontal: 'left',
165
+ }, keepMounted: true, disableRestoreFocus: true, children: rightBpOffset.map((l, idx) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, util_1.stringify)(l, true) }, [JSON.stringify(l), idx, 'right'].join('-')))) })] })) : null, (0, jsx_runtime_1.jsx)("div", { ref: rubberbandRef, className: classes.rubberband, style: { left, width }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", className: classes.rubberbandText, children: numOfBpSelected.map((n, i) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: `${n.toLocaleString('en-US')}bp` }, `${n}_${i}`))) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove, children: ControlComponent }), anchorPosition ? ((0, jsx_runtime_1.jsx)(ui_1.Menu, { anchorReference: "anchorPosition", anchorPosition: {
166
+ left: anchorPosition.clientX,
167
+ top: anchorPosition.clientY,
168
+ }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null] }));
202
169
  });
203
170
  exports.default = LinearComparativeRubberband;
@@ -1,8 +1,7 @@
1
- import React from 'react';
2
- import { LinearComparativeViewModel } from '../model';
1
+ import type { LinearComparativeViewModel } from '../model';
3
2
  type LCV = LinearComparativeViewModel;
4
3
  declare const VerticalGuide: ({ model, coordX, }: {
5
4
  model: LCV;
6
5
  coordX: number;
7
- }) => React.JSX.Element;
6
+ }) => import("react/jsx-runtime").JSX.Element;
8
7
  export default VerticalGuide;
@@ -1,12 +1,9 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const util_1 = require("@jbrowse/core/util");
7
5
  const material_1 = require("@mui/material");
8
6
  const mobx_react_1 = require("mobx-react");
9
- const util_1 = require("@jbrowse/core/util");
10
7
  const mui_1 = require("tss-react/mui");
11
8
  const useStyles = (0, mui_1.makeStyles)()({
12
9
  guide: {
@@ -22,12 +19,11 @@ const useStyles = (0, mui_1.makeStyles)()({
22
19
  });
23
20
  const VerticalGuide = (0, mobx_react_1.observer)(function ({ model, coordX, }) {
24
21
  const { classes } = useStyles();
25
- return (react_1.default.createElement(material_1.Tooltip, { open: true, placement: "top", title: model.views
22
+ return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { open: true, placement: "top", title: model.views
26
23
  .map(view => view.pxToBp(coordX))
27
- .map((elt, idx) => (react_1.default.createElement(material_1.Typography, { className: classes.sm, key: [JSON.stringify(elt), idx].join('-') }, (0, util_1.stringify)(elt, true)))), arrow: true },
28
- react_1.default.createElement("div", { className: classes.guide, style: {
24
+ .map((elt, idx) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: classes.sm, children: (0, util_1.stringify)(elt, true) }, [JSON.stringify(elt), idx].join('-')))), arrow: true, children: (0, jsx_runtime_1.jsx)("div", { className: classes.guide, style: {
29
25
  left: coordX,
30
26
  background: 'red',
31
- } })));
27
+ } }) }));
32
28
  });
33
29
  exports.default = VerticalGuide;
@@ -1,2 +1,2 @@
1
- import PluginManager from '@jbrowse/core/PluginManager';
1
+ import type PluginManager from '@jbrowse/core/PluginManager';
2
2
  export default function LinearComparativeViewF(pluginManager: PluginManager): void;
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };