@jbrowse/core 2.0.1 → 2.1.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 (179) hide show
  1. package/BaseFeatureWidget/BaseFeatureDetail.d.ts +6 -0
  2. package/BaseFeatureWidget/BaseFeatureDetail.js +313 -592
  3. package/BaseFeatureWidget/SequenceFeatureDetails.js +213 -479
  4. package/BaseFeatureWidget/index.js +88 -126
  5. package/BaseFeatureWidget/types.js +1 -4
  6. package/BaseFeatureWidget/util.js +40 -75
  7. package/CorePlugin.js +55 -94
  8. package/Plugin.js +9 -34
  9. package/PluginLoader.js +153 -422
  10. package/PluginManager.d.ts +17 -14
  11. package/PluginManager.js +377 -666
  12. package/ReExports/Attributes.js +3 -10
  13. package/ReExports/BaseCard.js +3 -10
  14. package/ReExports/DataGrid.js +5 -12
  15. package/ReExports/FeatureDetails.js +3 -10
  16. package/ReExports/index.js +6 -12
  17. package/ReExports/list.d.ts +5 -0
  18. package/ReExports/list.js +271 -7
  19. package/ReExports/material-ui-colors.js +15 -16
  20. package/ReExports/modules.d.ts +0 -1
  21. package/ReExports/modules.js +453 -798
  22. package/TextSearch/BaseResults.js +51 -123
  23. package/TextSearch/TextSearchManager.js +66 -144
  24. package/assemblyManager/assembly.js +280 -555
  25. package/assemblyManager/assemblyConfigSchema.js +47 -64
  26. package/assemblyManager/assemblyManager.js +126 -272
  27. package/assemblyManager/index.js +9 -22
  28. package/configuration/configurationSchema.js +167 -203
  29. package/configuration/configurationSlot.js +248 -326
  30. package/configuration/index.js +19 -35
  31. package/configuration/util.js +131 -173
  32. package/data_adapters/BaseAdapter.d.ts +2 -2
  33. package/data_adapters/BaseAdapter.js +132 -521
  34. package/data_adapters/CytobandAdapter.js +40 -126
  35. package/data_adapters/dataAdapterCache.js +77 -158
  36. package/package.json +4 -5
  37. package/pluggableElementTypes/AdapterType.js +24 -79
  38. package/pluggableElementTypes/AddTrackWorkflowType.d.ts +17 -0
  39. package/pluggableElementTypes/AddTrackWorkflowType.js +20 -0
  40. package/pluggableElementTypes/ConnectionType.js +22 -65
  41. package/pluggableElementTypes/DisplayType.js +35 -82
  42. package/pluggableElementTypes/InternetAccountType.js +23 -64
  43. package/pluggableElementTypes/PluggableElementBase.js +8 -20
  44. package/pluggableElementTypes/RpcMethodType.js +85 -427
  45. package/pluggableElementTypes/TextSearchAdapterType.js +16 -55
  46. package/pluggableElementTypes/TrackType.js +26 -70
  47. package/pluggableElementTypes/ViewType.js +21 -63
  48. package/pluggableElementTypes/WidgetType.js +21 -64
  49. package/pluggableElementTypes/index.d.ts +4 -3
  50. package/pluggableElementTypes/index.js +42 -125
  51. package/pluggableElementTypes/models/BaseConnectionModelFactory.js +28 -43
  52. package/pluggableElementTypes/models/BaseDisplayModel.js +58 -95
  53. package/pluggableElementTypes/models/BaseTrackModel.js +139 -199
  54. package/pluggableElementTypes/models/BaseViewModel.js +24 -40
  55. package/pluggableElementTypes/models/InternetAccountModel.js +116 -263
  56. package/pluggableElementTypes/models/baseConnectionConfig.js +14 -25
  57. package/pluggableElementTypes/models/baseInternetAccountConfig.js +29 -38
  58. package/pluggableElementTypes/models/baseTrackConfig.js +106 -133
  59. package/pluggableElementTypes/models/index.js +21 -70
  60. package/pluggableElementTypes/renderers/BoxRendererType.js +132 -291
  61. package/pluggableElementTypes/renderers/CircularChordRendererType.js +8 -38
  62. package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +60 -192
  63. package/pluggableElementTypes/renderers/FeatureRendererType.d.ts +0 -2
  64. package/pluggableElementTypes/renderers/FeatureRendererType.js +89 -264
  65. package/pluggableElementTypes/renderers/RendererType.js +31 -105
  66. package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +61 -72
  67. package/pluggableElementTypes/renderers/ServerSideRendererType.js +112 -265
  68. package/pluggableElementTypes/renderers/index.js +19 -62
  69. package/pluggableElementTypes/renderers/util/serializableFilterChain.js +27 -65
  70. package/rpc/BaseRpcDriver.js +169 -405
  71. package/rpc/MainThreadRpcDriver.js +27 -150
  72. package/rpc/RpcManager.js +58 -159
  73. package/rpc/WebWorkerRpcDriver.js +54 -171
  74. package/rpc/configSchema.js +25 -49
  75. package/rpc/coreRpcMethods.js +221 -959
  76. package/rpc/remoteAbortSignals.js +46 -70
  77. package/tsconfig.build.tsbuildinfo +1 -1
  78. package/ui/AboutDialog.js +106 -162
  79. package/ui/App.js +157 -242
  80. package/ui/AssemblySelector.js +59 -120
  81. package/ui/CascadingMenu.js +101 -196
  82. package/ui/ColorPicker.d.ts +16 -0
  83. package/ui/ColorPicker.js +97 -0
  84. package/ui/Drawer.js +28 -61
  85. package/ui/DrawerWidget.js +108 -202
  86. package/ui/DropDownMenu.js +60 -91
  87. package/ui/EditableTypography.js +87 -149
  88. package/ui/ErrorMessage.js +41 -56
  89. package/ui/FactoryResetDialog.js +24 -57
  90. package/ui/FatalErrorDialog.js +59 -91
  91. package/ui/FileSelector/FileSelector.js +123 -189
  92. package/ui/FileSelector/LocalFileChooser.js +44 -75
  93. package/ui/FileSelector/UrlChooser.js +17 -38
  94. package/ui/FileSelector/index.js +6 -12
  95. package/ui/Icons.js +45 -69
  96. package/ui/Logo.js +57 -110
  97. package/ui/Menu.js +232 -354
  98. package/ui/PrerenderedCanvas.js +63 -87
  99. package/ui/ResizeHandle.js +87 -116
  100. package/ui/ReturnToImportFormDialog.js +32 -63
  101. package/ui/SanitizedHTML.js +64 -47
  102. package/ui/Snackbar.js +74 -101
  103. package/ui/SnackbarModel.js +37 -51
  104. package/ui/Tooltip.js +49 -76
  105. package/ui/ViewContainer.js +113 -196
  106. package/ui/colors.d.ts +10 -0
  107. package/ui/colors.js +78 -0
  108. package/ui/index.js +51 -181
  109. package/ui/react-colorful.d.ts +17 -0
  110. package/ui/react-colorful.js +455 -0
  111. package/ui/theme.js +199 -247
  112. package/util/Base1DUtils.js +163 -202
  113. package/util/Base1DViewModel.js +121 -168
  114. package/util/QuickLRU.js +84 -332
  115. package/util/TimeTraveller.d.ts +19 -0
  116. package/util/TimeTraveller.js +86 -0
  117. package/util/aborting.js +49 -127
  118. package/util/analytics.js +91 -154
  119. package/util/blockTypes.js +106 -240
  120. package/util/calculateDynamicBlocks.js +98 -128
  121. package/util/calculateStaticBlocks.js +105 -125
  122. package/util/color/cssColorsLevel4.js +156 -160
  123. package/util/color/index.js +33 -55
  124. package/util/compositeMap.js +49 -333
  125. package/util/formatFastaStrings.js +9 -14
  126. package/util/idMaker.js +18 -31
  127. package/util/index.d.ts +7 -20
  128. package/util/index.js +742 -1188
  129. package/util/io/RemoteFileWithRangeCache.js +88 -257
  130. package/util/io/index.js +95 -169
  131. package/util/jexl.js +60 -115
  132. package/util/jexlStrings.js +24 -29
  133. package/util/layouts/BaseLayout.js +1 -4
  134. package/util/layouts/GranularRectLayout.js +388 -555
  135. package/util/layouts/MultiLayout.js +41 -109
  136. package/util/layouts/PrecomputedLayout.js +56 -112
  137. package/util/layouts/PrecomputedMultiLayout.js +22 -59
  138. package/util/layouts/SceneGraph.js +127 -197
  139. package/util/layouts/index.js +29 -66
  140. package/util/mst-reflection.js +55 -71
  141. package/util/offscreenCanvasPonyfill.js +66 -134
  142. package/util/offscreenCanvasUtils.d.ts +2 -7
  143. package/util/offscreenCanvasUtils.js +49 -146
  144. package/util/range.js +29 -40
  145. package/util/rxjs.js +20 -27
  146. package/util/simpleFeature.js +88 -152
  147. package/util/stats.js +91 -151
  148. package/util/tracks.js +130 -173
  149. package/util/types/index.js +110 -179
  150. package/util/types/mst.js +91 -146
  151. package/util/types/util.js +1 -4
  152. package/util/when.js +54 -101
  153. package/BaseFeatureWidget/SequenceFeatureDetails.test.js +0 -122
  154. package/BaseFeatureWidget/index.test.js +0 -69
  155. package/TextSearch/BaseResults.test.js +0 -42
  156. package/configuration/configurationSchema.test.js +0 -266
  157. package/configuration/configurationSlot.test.js +0 -69
  158. package/configuration/util.test.js +0 -39
  159. package/data_adapters/BaseAdapter.test.js +0 -200
  160. package/declare.d.js +0 -1
  161. package/pluggableElementTypes/RpcMethodType.test.js +0 -118
  162. package/pluggableElementTypes/renderers/declare.d.js +0 -1
  163. package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +0 -20
  164. package/rpc/BaseRpcDriver.test.js +0 -540
  165. package/rpc/declaration.d.js +0 -1
  166. package/ui/FatalErrorDialog.test.js +0 -82
  167. package/ui/SanitizedHTML.test.js +0 -36
  168. package/ui/theme.test.js +0 -92
  169. package/util/Base1DViewModel.test.js +0 -130
  170. package/util/calculateDynamicBlocks.test.js +0 -74
  171. package/util/calculateStaticBlocks.test.js +0 -297
  172. package/util/declare.d.js +0 -1
  173. package/util/formatFastaStrings.test.js +0 -40
  174. package/util/index.test.js +0 -213
  175. package/util/jexlStrings.test.js +0 -48
  176. package/util/layouts/GranularRectLayout.test.js +0 -99
  177. package/util/range.test.js +0 -64
  178. package/util/simpleFeature.test.js +0 -34
  179. package/util/stats.test.js +0 -172
@@ -1,213 +1,174 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.bpToPx = bpToPx;
9
- exports.moveTo = moveTo;
10
- exports.pxToBp = pxToBp;
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _mobxStateTree = require("mobx-state-tree");
15
-
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
-
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.bpToPx = exports.pxToBp = exports.moveTo = void 0;
4
+ const mobx_state_tree_1 = require("mobx-state-tree");
20
5
  function lengthBetween(self, start, end) {
21
- var bpSoFar = 0;
22
- var displayedRegions = self.displayedRegions;
23
-
24
- if (start.index === end.index) {
25
- bpSoFar += end.offset - start.offset;
26
- } else {
27
- var s = displayedRegions[start.index];
28
- bpSoFar += s.end - s.start - start.offset;
29
-
30
- if (end.index - start.index >= 2) {
31
- for (var i = start.index + 1; i < end.index; i++) {
32
- var region = displayedRegions[i];
33
- var len = region.end - region.start;
34
- bpSoFar += len;
35
- }
6
+ let bpSoFar = 0;
7
+ const { displayedRegions } = self;
8
+ if (start.index === end.index) {
9
+ bpSoFar += end.offset - start.offset;
10
+ }
11
+ else {
12
+ const s = displayedRegions[start.index];
13
+ bpSoFar += s.end - s.start - start.offset;
14
+ if (end.index - start.index >= 2) {
15
+ for (let i = start.index + 1; i < end.index; i++) {
16
+ const region = displayedRegions[i];
17
+ const len = region.end - region.start;
18
+ bpSoFar += len;
19
+ }
20
+ }
21
+ bpSoFar += end.offset;
36
22
  }
37
-
38
- bpSoFar += end.offset;
39
- }
40
-
41
- return bpSoFar;
23
+ return bpSoFar;
42
24
  }
43
-
44
25
  function moveTo(self, start, end) {
45
- if (!start || !end) {
46
- return;
47
- }
48
-
49
- var width = self.width,
50
- interRegionPaddingWidth = self.interRegionPaddingWidth;
51
- var len = lengthBetween(self, start, end);
52
- var numBlocks = end.index - start.index;
53
- var targetBpPerPx = len / (width - interRegionPaddingWidth * numBlocks);
54
- var newBpPerPx = self.zoomTo(targetBpPerPx); // If our target bpPerPx was smaller than the allowed minBpPerPx, adjust
55
- // the scroll so the requested range is in the middle of the screen
56
-
57
- var extraBp = 0;
58
-
59
- if (targetBpPerPx < newBpPerPx) {
60
- extraBp = (newBpPerPx - targetBpPerPx) * self.width / 2;
61
- }
62
-
63
- var bpToStart = -extraBp;
64
-
65
- for (var i = 0; i < self.displayedRegions.length; i += 1) {
66
- var region = self.displayedRegions[i];
67
-
68
- if (start.index === i) {
69
- bpToStart += start.offset;
70
- break;
71
- } else {
72
- bpToStart += region.end - region.start;
26
+ if (!start || !end) {
27
+ return;
73
28
  }
74
- }
75
-
76
- self.scrollTo(Math.round(bpToStart / self.bpPerPx));
77
- } // manual return type since getSnapshot hard to infer here
78
-
79
-
80
- function pxToBp(self, px) {
81
- var bpSoFar = 0;
82
- var bpPerPx = self.bpPerPx,
83
- offsetPx = self.offsetPx,
84
- displayedRegions = self.displayedRegions,
85
- interRegionPaddingWidth = self.interRegionPaddingWidth,
86
- staticBlocks = self.staticBlocks;
87
- var blocks = staticBlocks.contentBlocks;
88
- var bp = (offsetPx + px) * bpPerPx;
89
-
90
- if (bp < 0) {
91
- var region = displayedRegions[0];
92
- var snap = (0, _mobxStateTree.getSnapshot)(region); // @ts-ignore
93
-
94
- return _objectSpread(_objectSpread({}, snap), {}, {
95
- oob: true,
96
- coord: region.reversed ? Math.floor(region.end - bp) + 1 : Math.floor(region.start + bp) + 1,
97
- offset: bp,
98
- index: 0
99
- });
100
- }
101
-
102
- var interRegionPaddingBp = interRegionPaddingWidth * bpPerPx;
103
- var currBlock = 0;
104
-
105
- for (var i = 0; i < displayedRegions.length; i++) {
106
- var _blocks$currBlock;
107
-
108
- var _region = displayedRegions[i];
109
- var len = _region.end - _region.start;
110
- var offset = bp - bpSoFar;
111
-
112
- if (len + bpSoFar > bp && bpSoFar <= bp) {
113
- var _snap = (0, _mobxStateTree.getSnapshot)(_region); // @ts-ignore
114
-
115
-
116
- return _objectSpread(_objectSpread({}, _snap), {}, {
117
- oob: false,
118
- offset: offset,
119
- coord: _region.reversed ? Math.floor(_region.end - offset) + 1 : Math.floor(_region.start + offset) + 1,
120
- index: i
121
- });
122
- } // add the interRegionPaddingWidth if the boundary is in the screen e.g. in
123
- // a static block
124
-
125
-
126
- if (((_blocks$currBlock = blocks[currBlock]) === null || _blocks$currBlock === void 0 ? void 0 : _blocks$currBlock.regionNumber) === i) {
127
- bpSoFar += len + interRegionPaddingBp;
128
- currBlock++;
129
- } else {
130
- bpSoFar += len;
29
+ const { width, interRegionPaddingWidth } = self;
30
+ const len = lengthBetween(self, start, end);
31
+ const numBlocks = end.index - start.index;
32
+ const targetBpPerPx = len / (width - interRegionPaddingWidth * numBlocks);
33
+ const newBpPerPx = self.zoomTo(targetBpPerPx);
34
+ // If our target bpPerPx was smaller than the allowed minBpPerPx, adjust
35
+ // the scroll so the requested range is in the middle of the screen
36
+ let extraBp = 0;
37
+ if (targetBpPerPx < newBpPerPx) {
38
+ extraBp = ((newBpPerPx - targetBpPerPx) * self.width) / 2;
39
+ }
40
+ let bpToStart = -extraBp;
41
+ for (let i = 0; i < self.displayedRegions.length; i += 1) {
42
+ const region = self.displayedRegions[i];
43
+ if (start.index === i) {
44
+ bpToStart += start.offset;
45
+ break;
46
+ }
47
+ else {
48
+ bpToStart += region.end - region.start;
49
+ }
131
50
  }
132
- }
133
-
134
- if (bp >= bpSoFar) {
135
- var _region2 = displayedRegions[displayedRegions.length - 1];
136
-
137
- var _len = _region2.end - _region2.start;
138
-
139
- var _offset = bp - bpSoFar + _len;
140
-
141
- var _snap2 = (0, _mobxStateTree.getSnapshot)(_region2); // @ts-ignore
142
-
143
-
144
- return _objectSpread(_objectSpread({}, _snap2), {}, {
145
- oob: true,
146
- offset: _offset,
147
- coord: _region2.reversed ? Math.floor(_region2.end - _offset) + 1 : Math.floor(_region2.start + _offset) + 1,
148
- index: displayedRegions.length - 1
149
- });
150
- }
151
-
152
- return {
153
- coord: 0,
154
- index: 0,
155
- refName: '',
156
- oob: true,
157
- assemblyName: '',
158
- offset: 0,
159
- start: 0,
160
- end: 0,
161
- reversed: false
162
- };
51
+ self.scrollTo(Math.round(bpToStart / self.bpPerPx));
163
52
  }
164
-
165
- function bpToPx(_ref) {
166
- var refName = _ref.refName,
167
- coord = _ref.coord,
168
- regionNumber = _ref.regionNumber,
169
- self = _ref.self;
170
- var bpSoFar = 0;
171
- var interRegionPaddingWidth = self.interRegionPaddingWidth,
172
- bpPerPx = self.bpPerPx,
173
- displayedRegions = self.displayedRegions,
174
- staticBlocks = self.staticBlocks;
175
- var blocks = staticBlocks.contentBlocks;
176
- var interRegionPaddingBp = interRegionPaddingWidth * bpPerPx;
177
- var currBlock = 0;
178
- var i = 0;
179
-
180
- for (; i < displayedRegions.length; i++) {
181
- var _blocks$currBlock2;
182
-
183
- var region = displayedRegions[i];
184
- var len = region.end - region.start;
185
-
186
- if (refName === region.refName && coord >= region.start && coord <= region.end) {
187
- if (regionNumber ? regionNumber === i : true) {
188
- bpSoFar += region.reversed ? region.end - coord : coord - region.start;
189
- break;
190
- }
191
- } // add the interRegionPaddingWidth if the boundary is in the screen e.g. in
192
- // a static block
193
-
194
-
195
- if (((_blocks$currBlock2 = blocks[currBlock]) === null || _blocks$currBlock2 === void 0 ? void 0 : _blocks$currBlock2.regionNumber) === i) {
196
- bpSoFar += len + interRegionPaddingBp;
197
- currBlock++;
198
- } else {
199
- bpSoFar += len;
53
+ exports.moveTo = moveTo;
54
+ // manual return type since getSnapshot hard to infer here
55
+ function pxToBp(self, px) {
56
+ var _a;
57
+ let bpSoFar = 0;
58
+ const { bpPerPx, offsetPx, displayedRegions, interRegionPaddingWidth, staticBlocks, } = self;
59
+ const blocks = staticBlocks.contentBlocks;
60
+ const bp = (offsetPx + px) * bpPerPx;
61
+ if (bp < 0) {
62
+ const region = displayedRegions[0];
63
+ const snap = (0, mobx_state_tree_1.getSnapshot)(region);
64
+ // @ts-ignore
65
+ return {
66
+ // xref https://github.com/mobxjs/mobx-state-tree/issues/1524 for Omit
67
+ ...snap,
68
+ oob: true,
69
+ coord: region.reversed
70
+ ? Math.floor(region.end - bp) + 1
71
+ : Math.floor(region.start + bp) + 1,
72
+ offset: bp,
73
+ index: 0,
74
+ };
75
+ }
76
+ const interRegionPaddingBp = interRegionPaddingWidth * bpPerPx;
77
+ let currBlock = 0;
78
+ for (let i = 0; i < displayedRegions.length; i++) {
79
+ const region = displayedRegions[i];
80
+ const len = region.end - region.start;
81
+ const offset = bp - bpSoFar;
82
+ if (len + bpSoFar > bp && bpSoFar <= bp) {
83
+ const snap = (0, mobx_state_tree_1.getSnapshot)(region);
84
+ // @ts-ignore
85
+ return {
86
+ // xref https://github.com/mobxjs/mobx-state-tree/issues/1524 for Omit
87
+ ...snap,
88
+ oob: false,
89
+ offset,
90
+ coord: region.reversed
91
+ ? Math.floor(region.end - offset) + 1
92
+ : Math.floor(region.start + offset) + 1,
93
+ index: i,
94
+ };
95
+ }
96
+ // add the interRegionPaddingWidth if the boundary is in the screen e.g. in
97
+ // a static block
98
+ if (((_a = blocks[currBlock]) === null || _a === void 0 ? void 0 : _a.regionNumber) === i) {
99
+ bpSoFar += len + interRegionPaddingBp;
100
+ currBlock++;
101
+ }
102
+ else {
103
+ bpSoFar += len;
104
+ }
105
+ }
106
+ if (bp >= bpSoFar) {
107
+ const region = displayedRegions[displayedRegions.length - 1];
108
+ const len = region.end - region.start;
109
+ const offset = bp - bpSoFar + len;
110
+ const snap = (0, mobx_state_tree_1.getSnapshot)(region);
111
+ // @ts-ignore
112
+ return {
113
+ // xref https://github.com/mobxjs/mobx-state-tree/issues/1524 for Omit
114
+ ...snap,
115
+ oob: true,
116
+ offset,
117
+ coord: region.reversed
118
+ ? Math.floor(region.end - offset) + 1
119
+ : Math.floor(region.start + offset) + 1,
120
+ index: displayedRegions.length - 1,
121
+ };
200
122
  }
201
- }
202
-
203
- var found = displayedRegions[i];
204
-
205
- if (found) {
206
123
  return {
207
- index: i,
208
- offsetPx: Math.round(bpSoFar / bpPerPx)
124
+ coord: 0,
125
+ index: 0,
126
+ refName: '',
127
+ oob: true,
128
+ assemblyName: '',
129
+ offset: 0,
130
+ start: 0,
131
+ end: 0,
132
+ reversed: false,
209
133
  };
210
- }
211
-
212
- return undefined;
213
- }
134
+ }
135
+ exports.pxToBp = pxToBp;
136
+ function bpToPx({ refName, coord, regionNumber, self, }) {
137
+ var _a;
138
+ let bpSoFar = 0;
139
+ const { interRegionPaddingWidth, bpPerPx, displayedRegions, staticBlocks } = self;
140
+ const blocks = staticBlocks.contentBlocks;
141
+ const interRegionPaddingBp = interRegionPaddingWidth * bpPerPx;
142
+ let currBlock = 0;
143
+ let i = 0;
144
+ for (; i < displayedRegions.length; i++) {
145
+ const region = displayedRegions[i];
146
+ const len = region.end - region.start;
147
+ if (refName === region.refName &&
148
+ coord >= region.start &&
149
+ coord <= region.end) {
150
+ if (regionNumber ? regionNumber === i : true) {
151
+ bpSoFar += region.reversed ? region.end - coord : coord - region.start;
152
+ break;
153
+ }
154
+ }
155
+ // add the interRegionPaddingWidth if the boundary is in the screen e.g. in
156
+ // a static block
157
+ if (((_a = blocks[currBlock]) === null || _a === void 0 ? void 0 : _a.regionNumber) === i) {
158
+ bpSoFar += len + interRegionPaddingBp;
159
+ currBlock++;
160
+ }
161
+ else {
162
+ bpSoFar += len;
163
+ }
164
+ }
165
+ const found = displayedRegions[i];
166
+ if (found) {
167
+ return {
168
+ index: i,
169
+ offsetPx: Math.round(bpSoFar / bpPerPx),
170
+ };
171
+ }
172
+ return undefined;
173
+ }
174
+ exports.bpToPx = bpToPx;