@jbrowse/plugin-wiggle 2.3.1 → 2.3.2

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 (8) hide show
  1. package/dist/LinearWiggleDisplay/components/Tooltip.d.ts +3 -2
  2. package/dist/LinearWiggleDisplay/components/Tooltip.js +2 -2
  3. package/dist/LinearWiggleDisplay/components/Tooltip.js.map +1 -1
  4. package/esm/LinearWiggleDisplay/components/Tooltip.d.ts +3 -2
  5. package/esm/LinearWiggleDisplay/components/Tooltip.js +2 -2
  6. package/esm/LinearWiggleDisplay/components/Tooltip.js.map +1 -1
  7. package/package.json +2 -2
  8. package/src/LinearWiggleDisplay/components/Tooltip.tsx +42 -39
package/dist/LinearWiggleDisplay/components/Tooltip.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
2
  import { Feature } from '@jbrowse/core/util';
3
3
  import Tooltip, { TooltipContentsComponent } from '../../Tooltip';
4
- declare const TooltipContents: React.ForwardRefExoticComponent<{
4
+ interface Props {
5
5
  feature: Feature;
6
- } & React.RefAttributes<HTMLDivElement>>;
6
+ }
7
+ declare const TooltipContents: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
7
8
  type Coord = [number, number];
8
9
  declare const WiggleTooltip: (props: {
9
10
  model: {
package/dist/LinearWiggleDisplay/components/Tooltip.js CHANGED
@@ -11,7 +11,7 @@ const Tooltip_1 = __importDefault(require("../../Tooltip"));
11
11
  exports.Tooltip = Tooltip_1.default;
12
12
  const util_1 = require("../../util");
13
13
  const en = (n) => n.toLocaleString('en-US');
14
- const TooltipContents = react_1.default.forwardRef(({ feature }, ref) => {
14
+ const TooltipContents = react_1.default.forwardRef(function ({ feature }, ref) {
15
15
  const start = feature.get('start');
16
16
  const end = feature.get('end');
17
17
  const name = feature.get('refName');
@@ -33,7 +33,7 @@ const TooltipContents = react_1.default.forwardRef(({ feature }, ref) => {
33
33
  react_1.default.createElement("br", null),
34
34
  `${(0, util_1.toP)(feature.get('score'))}`));
35
35
  });
36
- const WiggleTooltip = (0, mobx_react_1.observer)((props) => {
36
+ const WiggleTooltip = (0, mobx_react_1.observer)(function (props) {
37
37
  return react_1.default.createElement(Tooltip_1.default, { TooltipContents: TooltipContents, ...props });
38
38
  });
39
39
  exports.default = WiggleTooltip;
package/dist/LinearWiggleDisplay/components/Tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,2CAAqC;AAGrC,SAAS;AACT,4DAAiE;AAiDxD,kBAjDF,iBAAO,CAiDE;AAhDhB,qCAAgC;AAEhC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAEnD,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CACtC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACnB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;SACvE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5C,uCAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAClC,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/B,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAC9B,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,yCAAM;QACL,GAAG,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAC3B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAID,MAAM,aAAa,GAAG,IAAA,qBAAQ,EAC5B,CAAC,KAOA,EAAE,EAAE;IACH,OAAO,8BAAC,iBAAO,IAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAA;AACjE,CAAC,CACF,CAAA;AACD,kBAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,2CAAqC;AAGrC,SAAS;AACT,4DAAiE;AAoDxD,kBApDF,iBAAO,CAoDE;AAnDhB,qCAAgC;AAEhC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAMnD,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CAAwB,UAC9D,EAAE,OAAO,EAAE,EACX,GAAG;IAEH,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;SACvE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5C,uCAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAClC,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/B,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAC9B,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,yCAAM;QACL,GAAG,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAC3B,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAIF,MAAM,aAAa,GAAG,IAAA,qBAAQ,EAAC,UAAU,KAOxC;IACC,OAAO,8BAAC,iBAAO,IAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAA;AACjE,CAAC,CAAC,CAAA;AACF,kBAAe,aAAa,CAAA"}
package/esm/LinearWiggleDisplay/components/Tooltip.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
2
  import { Feature } from '@jbrowse/core/util';
3
3
  import Tooltip, { TooltipContentsComponent } from '../../Tooltip';
4
- declare const TooltipContents: React.ForwardRefExoticComponent<{
4
+ interface Props {
5
5
  feature: Feature;
6
- } & React.RefAttributes<HTMLDivElement>>;
6
+ }
7
+ declare const TooltipContents: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
7
8
  type Coord = [number, number];
8
9
  declare const WiggleTooltip: (props: {
9
10
  model: {
package/esm/LinearWiggleDisplay/components/Tooltip.js CHANGED
@@ -4,7 +4,7 @@ import { observer } from 'mobx-react';
4
4
  import Tooltip from '../../Tooltip';
5
5
  import { toP } from '../../util';
6
6
  const en = (n) => n.toLocaleString('en-US');
7
- const TooltipContents = React.forwardRef(({ feature }, ref) => {
7
+ const TooltipContents = React.forwardRef(function ({ feature }, ref) {
8
8
  const start = feature.get('start');
9
9
  const end = feature.get('end');
10
10
  const name = feature.get('refName');
@@ -26,7 +26,7 @@ const TooltipContents = React.forwardRef(({ feature }, ref) => {
26
26
  React.createElement("br", null),
27
27
  `${toP(feature.get('score'))}`));
28
28
  });
29
- const WiggleTooltip = observer((props) => {
29
+ const WiggleTooltip = observer(function (props) {
30
30
  return React.createElement(Tooltip, { TooltipContents: TooltipContents, ...props });
31
31
  });
32
32
  export default WiggleTooltip;
package/esm/LinearWiggleDisplay/components/Tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,SAAS;AACT,OAAO,OAAqC,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEhC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAEnD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACnB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;SACvE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5C,6BAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAClC,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/B,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAC9B,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,+BAAM;QACL,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAC3B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAID,MAAM,aAAa,GAAG,QAAQ,CAC5B,CAAC,KAOA,EAAE,EAAE;IACH,OAAO,oBAAC,OAAO,IAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAA;AACjE,CAAC,CACF,CAAA;AACD,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,SAAS;AACT,OAAO,OAAqC,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEhC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAMnD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAwB,UAC9D,EAAE,OAAO,EAAE,EACX,GAAG;IAEH,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;SACvE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5C,6BAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAClC,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/B,+BAAM;;QACA,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAC9B,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,+BAAM;QACL,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAC3B,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAIF,MAAM,aAAa,GAAG,QAAQ,CAAC,UAAU,KAOxC;IACC,OAAO,oBAAC,OAAO,IAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAA;AACjE,CAAC,CAAC,CAAA;AACF,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,OAAO,EAAE,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jbrowse/plugin-wiggle",
3
- "version": "2.3.1",
3
+ "version": "2.3.2",
4
4
  "description": "JBrowse 2 wiggle adapters, tracks, etc.",
5
5
  "keywords": [
6
6
  "jbrowse",
@@ -69,5 +69,5 @@
69
69
  "distModule": "esm/index.js",
70
70
  "srcModule": "src/index.ts",
71
71
  "module": "esm/index.js",
72
- "gitHead": "75c4cba2f50c626c62881abd5851dbf2435c2401"
72
+ "gitHead": "467d973535bb7b2664e9f66311fb0dc21c1ce5ba"
73
73
  }
package/src/LinearWiggleDisplay/components/Tooltip.tsx CHANGED
@@ -8,48 +8,51 @@ import { toP } from '../../util'
8
8
 
9
9
  const en = (n: number) => n.toLocaleString('en-US')
10
10
 
11
- const TooltipContents = React.forwardRef<HTMLDivElement, { feature: Feature }>(
12
- ({ feature }, ref) => {
13
- const start = feature.get('start')
14
- const end = feature.get('end')
15
- const name = feature.get('refName')
16
- const loc = [name, start === end ? en(start) : `${en(start)}..${en(end)}`]
17
- .filter(f => !!f)
18
- .join(':')
11
+ interface Props {
12
+ feature: Feature
13
+ }
19
14
 
20
- return feature.get('summary') !== undefined ? (
21
- <div ref={ref}>
22
- {loc}
23
- <br />
24
- Max: {toP(feature.get('maxScore'))}
25
- <br />
26
- Avg: {toP(feature.get('score'))}
27
- <br />
28
- Min: {toP(feature.get('minScore'))}
29
- </div>
30
- ) : (
31
- <div ref={ref}>
32
- {loc}
33
- <br />
34
- {`${toP(feature.get('score'))}`}
35
- </div>
36
- )
37
- },
38
- )
15
+ const TooltipContents = React.forwardRef<HTMLDivElement, Props>(function (
16
+ { feature },
17
+ ref,
18
+ ) {
19
+ const start = feature.get('start')
20
+ const end = feature.get('end')
21
+ const name = feature.get('refName')
22
+ const loc = [name, start === end ? en(start) : `${en(start)}..${en(end)}`]
23
+ .filter(f => !!f)
24
+ .join(':')
25
+
26
+ return feature.get('summary') !== undefined ? (
27
+ <div ref={ref}>
28
+ {loc}
29
+ <br />
30
+ Max: {toP(feature.get('maxScore'))}
31
+ <br />
32
+ Avg: {toP(feature.get('score'))}
33
+ <br />
34
+ Min: {toP(feature.get('minScore'))}
35
+ </div>
36
+ ) : (
37
+ <div ref={ref}>
38
+ {loc}
39
+ <br />
40
+ {`${toP(feature.get('score'))}`}
41
+ </div>
42
+ )
43
+ })
39
44
 
40
45
  type Coord = [number, number]
41
46
 
42
- const WiggleTooltip = observer(
43
- (props: {
44
- model: { featureUnderMouse: Feature }
45
- height: number
46
- offsetMouseCoord: Coord
47
- clientMouseCoord: Coord
48
- clientRect?: DOMRect
49
- TooltipContents?: TooltipContentsComponent
50
- }) => {
51
- return <Tooltip TooltipContents={TooltipContents} {...props} />
52
- },
53
- )
47
+ const WiggleTooltip = observer(function (props: {
48
+ model: { featureUnderMouse: Feature }
49
+ height: number
50
+ offsetMouseCoord: Coord
51
+ clientMouseCoord: Coord
52
+ clientRect?: DOMRect
53
+ TooltipContents?: TooltipContentsComponent
54
+ }) {
55
+ return <Tooltip TooltipContents={TooltipContents} {...props} />
56
+ })
54
57
  export default WiggleTooltip
55
58
  export { Tooltip }